diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index b8def76..84b43fa 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -6,7 +6,30 @@
       "WebFetch(domain:web.dev)",
       "WebFetch(domain:caniuse.com)",
       "WebFetch(domain:blog.rasc.ch)",
-      "WebFetch(domain:developer.chrome.com)"
+      "WebFetch(domain:developer.chrome.com)",
+      "Bash(npx tsc:*)",
+      "WebFetch(domain:github.com)",
+      "Bash(npm install:*)",
+      "WebFetch(domain:raw.githubusercontent.com)",
+      "Bash(npm run css:analyze:*)",
+      "Bash(npm run test:run:*)",
+      "Bash(cd:*)",
+      "Bash(powershell -Command \"Get-ChildItem -Path src -Directory | Select-Object -ExpandProperty Name\")",
+      "Bash(powershell -Command \"Get-ChildItem -Path src -Filter ''index.ts'' -Recurse | Select-Object -ExpandProperty FullName\")",
+      "Bash(powershell -Command:*)",
+      "WebFetch(domain:www.npmjs.com)",
+      "WebFetch(domain:unpkg.com)",
+      "Bash(node -e:*)",
+      "Bash(ls:*)",
+      "Bash(find:*)",
+      "WebFetch(domain:www.elegantthemes.com)",
+      "Bash(npm publish:*)",
+      "Bash(npm init:*)",
+      "Bash(node dist/bundle.js:*)",
+      "Bash(node build.js:*)",
+      "Bash(npm ls:*)",
+      "Bash(npm view:*)",
+      "Bash(npm update:*)"
     ],
     "deny": [],
     "ask": []
diff --git a/.gitignore b/.gitignore
index a0905c1..9bbe200 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,6 @@
 # Build outputs
 bin/
 obj/
-wwwroot/js/
 
 # Node modules
 node_modules/
@@ -30,4 +29,5 @@ Thumbs.db
 *.suo
 *.userosscache
 *.sln.docstates
-js/
+
+packages/calendar/dist/
diff --git a/.workbench/StandardMapping.xlsx b/.workbench/StandardMapping.xlsx
new file mode 100644
index 0000000..55e496a
Binary files /dev/null and b/.workbench/StandardMapping.xlsx differ
diff --git a/.workbench/image.png b/.workbench/image.png
new file mode 100644
index 0000000..196aaeb
Binary files /dev/null and b/.workbench/image.png differ
diff --git a/.workbench/plan-comparison.md b/.workbench/plan-comparison.md
new file mode 100644
index 0000000..1077a8e
--- /dev/null
+++ b/.workbench/plan-comparison.md
@@ -0,0 +1,246 @@
+# Plan Sammenligning: Spec vs Min Plan
+
+## 1. Grid Container
+
+| Spec | Min Plan | Kommentar |
+|------|----------|-----------|
+| Ét grid (`ctx.grid`) | To containers (`headerContainer` + `columnContainer`) | **Afvigelse:** Vi har 2 containers for at understøtte header drawer og sticky headers. Spec'en bruger ét grid hvor append-rækkefølge = rækker. |
+
+**Spørgsmål:** Er 2 containers ok, eller skal vi følge spec'en med ét grid?
+
+---
+
+## 2. RenderContext
+
+| Spec | Min Plan |
+|------|----------|
+| `{ grid: HTMLElement, teams: Team[] }` | `{ headerContainer: HTMLElement, columnContainer: HTMLElement }` |
+
+**Spec:**
+```typescript
+interface RenderContext {
+  grid: HTMLElement;
+  teams: Team[];
+}
+```
+
+**Min plan:**
+```typescript
+interface RenderContext {
+  headerContainer: HTMLElement;
+  columnContainer: HTMLElement;
+}
+```
+
+**Kommentar:** Spec'en har `teams` data i context. Min plan har ingen data i context - renderers henter selv. Er det korrekt at fjerne data fra context?
+
+---
+
+## 3. Data Model
+
+| Spec | Min Plan |
+|------|----------|
+| Nested: `team.resources[]`, `resource.dates[]` | Flad med id-relationer, renderers henter selv |
+
+**Spec:**
+```typescript
+interface Team {
+  id: string;
+  name: string;
+  resources: Resource[];  // nested
+}
+```
+
+**Min plan:**
+```typescript
+// Hardcoded i renderer
+private resourcesByTeam = {
+  'team1': ['res1', 'res2'],  // kun ids
+  'team2': ['res3']
+};
+```
+
+**Kommentar:** Spec'en har nested data. Min plan bruger id-relationer og renderers slår selv op. Begge dele virker - min plan er mere fleksibel for store datasets.
+
+---
+
+## 4. Renderer Interface
+
+| Spec | Min Plan |
+|------|----------|
+| `render(ctx): void` | `render(ids, next, context): void` |
+
+**Spec:**
+```typescript
+interface Renderer {
+  id: string;
+  next: Renderer | null;
+  render(ctx: RenderContext): void;
+}
+```
+
+**Min plan:**
+```typescript
+interface IGroupingRenderer {
+  readonly type: string;
+  count?(ids: string[], next: NextFunction): number;
+  render(ids: string[], next: NextFunction, context: RenderContext): void;
+}
+```
+
+**Kommentar:**
+- Spec'en: Renderer har `next` som property, kalder selv `this.next.render(ctx)`
+- Min plan: `next` kommer som parameter, kalder `next.render(ids)`
+
+Min plan sender ids eksplicit. Spec'en bruger nested data så ids er unødvendige.
+
+---
+
+## 5. Pipeline / Builder
+
+| Spec | Min Plan |
+|------|----------|
+| `buildPipeline()` linker `renderer.next` | `RenderBuilder` med `buildChain()` |
+
+**Spec:**
+```typescript
+function buildPipeline(renderers: Renderer[]) {
+  for (let i = 0; i < renderers.length - 1; i++) {
+    renderers[i].next = renderers[i + 1];
+  }
+  return { run(ctx) { first.render(ctx); } };
+}
+```
+
+**Min plan:**
+```typescript
+class RenderBuilder {
+  add(renderer): this { ... }
+  build(startIds): void { ... }
+  private buildChain(index): NextFunction { ... }
+}
+```
+
+**Kommentar:** Samme koncept, forskellig implementering. Spec'en muterer renderers (`next` property). Min plan bruger closures (functional chain).
+
+---
+
+## 6. Colspan Beregning
+
+| Spec | Min Plan |
+|------|----------|
+| Beregnes før render: `team.resources.length` | Beregnes via `next.count()` |
+
+**Spec:**
+```typescript
+// I renderer
+cell.style.setProperty('--team-cols', team.resources.length.toString());
+```
+
+**Min plan:**
+```typescript
+// I renderer
+const colspan = next.count(resourceIds);
+cell.style.setProperty('--team-cols', String(colspan));
+```
+
+**Kommentar:** Spec'en ved colspan direkte fra nested data. Min plan kalder `next.count()` rekursivt for at beregne. Resultat er det samme.
+
+---
+
+## 7. CSS Custom Properties
+
+| Spec | Min Plan |
+|------|----------|
+| `--total-cols`, `--team-cols` | `--grid-columns`, `--team-cols` |
+
+**Kommentar:** Næsten identisk. Begge bruger CSS vars til dynamisk colspan.
+
+---
+
+## 8. Append Rækkefølge
+
+| Spec | Min Plan |
+|------|----------|
+| Alle teams → alle resources → alle dates | Per team: resources → dates |
+
+**Spec flow:**
+```
+TeamRenderer: append team1, team2, team3 headers
+ResourceRenderer: append res1, res2, res3, res4 headers
+DateRenderer: append alle dates
+```
+
+**Min plan flow:**
+```
+TeamRenderer:
+  append team1 header → next.render(['res1','res2'])
+    ResourceRenderer: append res1 → next.render(dates)
+                      append res2 → next.render(dates)
+  append team2 header → next.render(['res3'])
+    ResourceRenderer: append res3 → next.render(dates)
+```
+
+**Kommentar:** Dette er en **væsentlig forskel**.
+
+Spec'en renderer alle teams først, så alle resources, så alle dates - CSS grid auto-row placerer dem.
+
+Min plan renderer nested: team1 → team1's resources → team1's dates → team2 → osv.
+
+**Spørgsmål:** Hvilken approach foretrækker du? Spec'ens "lag for lag" eller min "nested traversal"?
+
+---
+
+## 9. Hvem kalder next?
+
+| Spec | Min Plan |
+|------|----------|
+| Renderer kalder `this.next.render(ctx)` efter egen render | Renderer kalder `next.render(ids)` per item |
+
+**Spec:**
+```typescript
+render(ctx) {
+  // render alle teams
+  for (const team of ctx.teams) { ... }
+  // derefter kald next
+  if (this.next) this.next.render(ctx);
+}
+```
+
+**Min plan:**
+```typescript
+render(ids, next, context) {
+  for (const id of ids) {
+    // render ét team
+    next.render(childIds);  // kald next PER team
+  }
+}
+```
+
+**Kommentar:** Spec'en kalder next ÉN gang efter alle items. Min plan kalder next PER item. Dette hænger sammen med punkt 8.
+
+---
+
+## Opsummering af Afvigelser
+
+| # | Emne | Status |
+|---|------|--------|
+| 1 | 2 containers vs 1 grid | **Accepteret** (header drawer) |
+| 2 | Data i context | **Afvigelse** - fjernet |
+| 3 | Nested vs flad data | **Accepteret** (id-relationer) |
+| 4 | next som parameter vs property | **Afvigelse** - funktionel |
+| 5 | Pipeline implementation | Lignende |
+| 6 | Colspan beregning | Lignende |
+| 7 | CSS vars | Identisk |
+| 8 | Render rækkefølge | **Væsentlig afvigelse** |
+| 9 | Hvornår next kaldes | **Væsentlig afvigelse** |
+
+---
+
+## Åbne Spørgsmål
+
+1. **Render rækkefølge:** Skal vi følge spec'ens "lag for lag" approach, eller er "nested traversal" ok?
+
+2. **Context data:** Spec'en har `teams` i context. Skal vi have noget data i context, eller er det ok at renderers henter selv?
+
+3. **2 containers:** Er det ok at beholde 2 containers for header drawer support?
diff --git a/.workbench/projectstructure.txt b/.workbench/projectstructure.txt
new file mode 100644
index 0000000..8507e45
--- /dev/null
+++ b/.workbench/projectstructure.txt
@@ -0,0 +1,86 @@
+
+
+Organizing Project Folder Structure: Function-Based vs Feature-Based
+Ina Lopez
+Ina Lopez
+
+Follow
+2 min read
+·
+Sep 3, 2024
+12
+
+
+
+
+When setting up a project, one of the most crucial decisions is how to organize the folder structure. The structure you choose can significantly impact productivity, scalability, and collaboration among developers. Two common approaches are function-based and feature-based organization. Both have their advantages, and the choice between them often depends on the size of the project and the number of developers involved.
+
+Function-Based Organization
+
+In a function-based folder structure, directories are organized based on the functions they provide. This is a popular approach, especially for smaller projects or teams. The idea is to group similar functionalities together, making it easy to locate specific files or components.
+
+For example, in a React project, the src directory might look like this:
+
+src/
+├── components/
+├── hooks/
+├── utils/
+
+Each folder contains files related to a specific function. Components, hooks, reducers, and utilities are neatly separated, making it easy to find and manage related code. This structure works well when the codebase is relatively small and developers need to quickly find and reuse functions.
+
+Pros:
+
+Easy to find similar functions.
+Encourages reuse of components and utilities.
+Clean and straightforward structure.
+Cons:
+
+As the project grows, it can become difficult to manage.
+Dependencies between different folders can increase complexity.
+Not ideal for teams working on different features simultaneously.
+Feature-Based Organization
+In larger projects with many developers, a feature-based folder structure can be more effective. Instead of organizing files by function, the top-level directories in the src folder are based on features or modules of the application. This approach allows teams to work on separate features independently without interfering with other parts of the codebase.
+
+Get Ina Lopez’s stories in your inbox
+Join Medium for free to get updates from this writer.
+
+Enter your email
+Subscribe
+For example, a feature-based structure might look like this:
+
+src/
+├─ signup/
+│ ├── components/
+│ ├── hooks/
+│ └── utils/
+├─ checkout/
+│ ├── components/
+│ ├── hooks/
+│ └── utils/
+├─ dashboard/
+│ ├── components/
+│ ├── hooks/
+│ └── utils/
+└─ profile/
+├── components/
+├── hooks/
+└── utils/
+
+Each folder contains all the components, hooks, reducers, and utilities specific to that feature. This structure makes it easier for developers to focus on specific features, reduces conflicts, and simplifies the onboarding process for new team members.
+
+Pros:
+
+Better suited for larger projects with multiple developers.
+Encourages modularity and separation of concerns.
+Easier to manage and scale as the project grows.
+Reduces the risk of conflicts between different teams.
+Cons:
+
+Some duplication of code across features is possible.
+Finding reusable components can be more challenging.
+Can be overwhelming if the project has too many small features.
+Conclusion
+Choosing the right folder structure depends on your project’s size and team dynamics. Function-based organization is ideal for small to medium projects with fewer developers, offering simplicity and ease of reuse. However, as your project grows and more developers are involved, a feature-based approach becomes more effective, enabling modularity, better collaboration, and easier scaling.
+
+For some projects, a hybrid approach might work best, combining both methods to balance flexibility and organization. Ultimately, the key is to select a structure that supports the current and future needs of your project and team.
+ 
\ No newline at end of file
diff --git a/.workbench/scenarios/v2-scenario-renderer.js b/.workbench/scenarios/v2-scenario-renderer.js
new file mode 100644
index 0000000..e9006aa
--- /dev/null
+++ b/.workbench/scenarios/v2-scenario-renderer.js
@@ -0,0 +1,323 @@
+/**
+ * V2 Scenario Renderer
+ * Uses EventLayoutEngine from V2 to render events dynamically
+ */
+
+// Import the compiled V2 layout engine
+// We'll inline the algorithm here for standalone use in browser
+
+// ============================================
+// EventLayoutEngine (copied from V2 for browser use)
+// ============================================
+
+function eventsOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+
+function eventsWithinThreshold(a, b, thresholdMinutes) {
+  const thresholdMs = thresholdMinutes * 60 * 1000;
+
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs) return true;
+
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs) return true;
+
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs) return true;
+
+  return false;
+}
+
+function findOverlapGroups(events) {
+  if (events.length === 0) return [];
+
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = new Set();
+  const groups = [];
+
+  for (const event of sorted) {
+    if (used.has(event.id)) continue;
+
+    const group = [event];
+    used.add(event.id);
+
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id)) continue;
+
+        const connects = group.some(member => eventsOverlap(member, candidate));
+
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+
+    groups.push(group);
+  }
+
+  return groups;
+}
+
+function findGridCandidates(events, thresholdMinutes) {
+  if (events.length === 0) return [];
+
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = new Set();
+  const groups = [];
+
+  for (const event of sorted) {
+    if (used.has(event.id)) continue;
+
+    const group = [event];
+    used.add(event.id);
+
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id)) continue;
+
+        const connects = group.some(member =>
+          eventsWithinThreshold(member, candidate, thresholdMinutes)
+        );
+
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+
+    groups.push(group);
+  }
+
+  return groups;
+}
+
+function calculateStackLevels(events) {
+  const levels = new Map();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+
+    for (const [id, level] of levels) {
+      const other = events.find(e => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+
+  return levels;
+}
+
+function allocateColumns(events) {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns = [];
+
+  for (const event of sorted) {
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some(e => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+
+  return columns;
+}
+
+function calculateEventPosition(start, end, config) {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+
+  return { top, height };
+}
+
+function calculateColumnLayout(events, config) {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 30;
+
+  const result = {
+    grids: [],
+    stacked: []
+  };
+
+  if (events.length === 0) return result;
+
+  const overlapGroups = findOverlapGroups(events);
+
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+
+    const largestGridCandidate = gridSubgroups.reduce((max, g) =>
+      g.length > max.length ? g : max, gridSubgroups[0]);
+
+    if (largestGridCandidate.length === overlapGroup.length) {
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) =>
+        e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+
+  return result;
+}
+
+// ============================================
+// Scenario Renderer
+// ============================================
+
+const gridConfig = {
+  hourHeight: 80,
+  dayStartHour: 8,
+  dayEndHour: 20,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30
+};
+
+function formatTime(date) {
+  return date.toLocaleTimeString('da-DK', { hour: '2-digit', minute: '2-digit' });
+}
+
+function createEventElement(event, config) {
+  const element = document.createElement('swp-event');
+  element.dataset.eventId = event.id;
+
+  const position = calculateEventPosition(event.start, event.end, config);
+  element.style.position = 'absolute';
+  element.style.top = `${position.top}px`;
+  element.style.height = `${position.height}px`;
+  element.style.left = '2px';
+  element.style.right = '2px';
+
+  element.innerHTML = `
+    <swp-event-time>${formatTime(event.start)} - ${formatTime(event.end)}</swp-event-time>
+    <swp-event-title>${event.title}</swp-event-title>
+  `;
+
+  return element;
+}
+
+function renderGridGroup(layout, config) {
+  const group = document.createElement('swp-event-group');
+  group.classList.add(`cols-${layout.columns.length}`);
+  group.style.top = `${layout.position.top}px`;
+
+  // Stack level styling
+  group.dataset.stackLink = JSON.stringify({ stackLevel: layout.stackLevel });
+  if (layout.stackLevel > 0) {
+    group.style.marginLeft = `${layout.stackLevel * 15}px`;
+    group.style.zIndex = `${100 + layout.stackLevel}`;
+  }
+
+  // Calculate height
+  let maxBottom = 0;
+  for (const event of layout.events) {
+    const pos = calculateEventPosition(event.start, event.end, config);
+    const eventBottom = pos.top + pos.height;
+    if (eventBottom > maxBottom) maxBottom = eventBottom;
+  }
+  group.style.height = `${maxBottom - layout.position.top}px`;
+
+  // Create columns
+  layout.columns.forEach(columnEvents => {
+    const wrapper = document.createElement('div');
+    wrapper.style.position = 'relative';
+
+    columnEvents.forEach(event => {
+      const eventEl = createEventElement(event, config);
+      const pos = calculateEventPosition(event.start, event.end, config);
+      eventEl.style.top = `${pos.top - layout.position.top}px`;
+      eventEl.style.left = '0';
+      eventEl.style.right = '0';
+      wrapper.appendChild(eventEl);
+    });
+
+    group.appendChild(wrapper);
+  });
+
+  return group;
+}
+
+function renderStackedEvent(event, stackLevel, config) {
+  const element = createEventElement(event, config);
+
+  element.dataset.stackLink = JSON.stringify({ stackLevel });
+
+  if (stackLevel > 0) {
+    element.style.marginLeft = `${stackLevel * 15}px`;
+    element.style.zIndex = `${100 + stackLevel}`;
+  } else {
+    element.style.zIndex = '100';
+  }
+
+  return element;
+}
+
+export function renderScenario(container, events, config = gridConfig) {
+  container.innerHTML = '';
+
+  const layout = calculateColumnLayout(events, config);
+
+  // Render grids
+  layout.grids.forEach(grid => {
+    const groupEl = renderGridGroup(grid, config);
+    container.appendChild(groupEl);
+  });
+
+  // Render stacked events
+  layout.stacked.forEach(item => {
+    const eventEl = renderStackedEvent(item.event, item.stackLevel, config);
+    container.appendChild(eventEl);
+  });
+
+  return layout;
+}
+
+export { calculateColumnLayout, gridConfig };
diff --git a/.workbench/scenarios/v2-scenarios.html b/.workbench/scenarios/v2-scenarios.html
new file mode 100644
index 0000000..b39fe94
--- /dev/null
+++ b/.workbench/scenarios/v2-scenarios.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>V2 Event Layout Engine - All Scenarios</title>
+  <link rel="stylesheet" href="scenario-styles.css">
+  <style>
+    .scenarios-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+      gap: 20px;
+      margin-top: 20px;
+    }
+
+    .scenario-card {
+      background: white;
+      border: 1px solid #ddd;
+      border-radius: 8px;
+      padding: 15px;
+    }
+
+    .scenario-card h3 {
+      margin-top: 0;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .calendar-column {
+      height: 600px;
+      margin-top: 10px;
+    }
+
+    .summary {
+      background: #f0f0f0;
+      padding: 20px;
+      border-radius: 8px;
+      margin-bottom: 20px;
+    }
+
+    .summary h2 {
+      margin-top: 0;
+    }
+
+    .pass-count { color: #4caf50; font-weight: bold; }
+    .fail-count { color: #f44336; font-weight: bold; }
+
+    .expected-info {
+      font-size: 12px;
+      color: #666;
+      background: #f8f9fa;
+      padding: 8px;
+      border-radius: 4px;
+      margin-bottom: 10px;
+    }
+  </style>
+</head>
+<body>
+  <div class="scenario-container" style="max-width: 1600px;">
+    <h1>V2 Event Layout Engine - Visual Tests</h1>
+
+    <div class="summary">
+      <h2>Test Summary</h2>
+      <p>
+        <span class="pass-count" id="pass-count">0</span> passed,
+        <span class="fail-count" id="fail-count">0</span> failed
+      </p>
+      <p>Using V2 EventLayoutEngine with gridStartThresholdMinutes: 30</p>
+    </div>
+
+    <div class="scenarios-grid" id="scenarios-container">
+      <!-- Scenarios will be rendered here -->
+    </div>
+  </div>
+
+  <script type="module">
+    import { renderScenario, calculateColumnLayout, gridConfig } from './v2-scenario-renderer.js';
+    import { ScenarioTestRunner } from './scenario-test-runner.js';
+
+    // ============================================
+    // Scenario Definitions
+    // ============================================
+
+    const scenarios = [
+      {
+        id: 'scenario-1',
+        title: 'Scenario 1: No Overlap',
+        description: 'Three sequential events with no time overlap',
+        events: [
+          { id: 'S1A', title: 'Event A', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') },
+          { id: 'S1B', title: 'Event B', start: new Date('2025-10-06T11:00'), end: new Date('2025-10-06T12:00') },
+          { id: 'S1C', title: 'Event C', start: new Date('2025-10-06T12:00'), end: new Date('2025-10-06T13:00') }
+        ],
+        expected: [
+          { eventId: 'S1A', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S1B', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S1C', stackLevel: 0, type: 'stacked' }
+        ]
+      },
+      {
+        id: 'scenario-2',
+        title: 'Scenario 2: Column Sharing (Grid)',
+        description: 'Two events starting at exactly the same time',
+        events: [
+          { id: 'S2A', title: 'Event A', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') },
+          { id: 'S2B', title: 'Event B', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') }
+        ],
+        expected: [
+          { eventId: 'S2A', stackLevel: 0, cols: 2, type: 'grid' },
+          { eventId: 'S2B', stackLevel: 0, cols: 2, type: 'grid' }
+        ]
+      },
+      {
+        id: 'scenario-3',
+        title: 'Scenario 3: Nested Stacking',
+        description: 'Progressive nesting: A contains B, B contains C, C overlaps D',
+        events: [
+          { id: 'S3A', title: 'Event A', start: new Date('2025-10-06T09:00'), end: new Date('2025-10-06T15:00') },
+          { id: 'S3B', title: 'Event B', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T13:00') },
+          { id: 'S3C', title: 'Event C', start: new Date('2025-10-06T11:00'), end: new Date('2025-10-06T12:00') },
+          { id: 'S3D', title: 'Event D', start: new Date('2025-10-06T12:30'), end: new Date('2025-10-06T13:30') }
+        ],
+        expected: [
+          { eventId: 'S3A', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S3B', stackLevel: 1, type: 'stacked' },
+          { eventId: 'S3C', stackLevel: 2, type: 'stacked' },
+          { eventId: 'S3D', stackLevel: 2, type: 'stacked' }
+        ]
+      },
+      {
+        id: 'scenario-4',
+        title: 'Scenario 4: Complex Stacking',
+        description: 'Long event A with nested B, C, D at different times',
+        events: [
+          { id: 'S4A', title: 'Event A', start: new Date('2025-10-06T14:00'), end: new Date('2025-10-06T20:00') },
+          { id: 'S4B', title: 'Event B', start: new Date('2025-10-06T15:00'), end: new Date('2025-10-06T17:00') },
+          { id: 'S4C', title: 'Event C', start: new Date('2025-10-06T15:30'), end: new Date('2025-10-06T16:30') },
+          { id: 'S4D', title: 'Event D', start: new Date('2025-10-06T18:00'), end: new Date('2025-10-06T19:00') }
+        ],
+        expected: [
+          { eventId: 'S4A', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S4B', stackLevel: 1, type: 'stacked' },
+          { eventId: 'S4C', stackLevel: 2, type: 'stacked' },
+          { eventId: 'S4D', stackLevel: 1, type: 'stacked' }
+        ]
+      },
+      {
+        id: 'scenario-5',
+        title: 'Scenario 5: Three Column Share',
+        description: 'Three events all starting at the same time',
+        events: [
+          { id: 'S5A', title: 'Event A', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') },
+          { id: 'S5B', title: 'Event B', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') },
+          { id: 'S5C', title: 'Event C', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') }
+        ],
+        expected: [
+          { eventId: 'S5A', stackLevel: 0, cols: 3, type: 'grid' },
+          { eventId: 'S5B', stackLevel: 0, cols: 3, type: 'grid' },
+          { eventId: 'S5C', stackLevel: 0, cols: 3, type: 'grid' }
+        ]
+      },
+      {
+        id: 'scenario-6',
+        title: 'Scenario 6: Overlapping Pairs',
+        description: 'Two independent pairs of overlapping events',
+        events: [
+          { id: 'S6A', title: 'Event A', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T12:00') },
+          { id: 'S6B', title: 'Event B', start: new Date('2025-10-06T11:00'), end: new Date('2025-10-06T12:00') },
+          { id: 'S6C', title: 'Event C', start: new Date('2025-10-06T13:00'), end: new Date('2025-10-06T15:00') },
+          { id: 'S6D', title: 'Event D', start: new Date('2025-10-06T14:00'), end: new Date('2025-10-06T15:00') }
+        ],
+        expected: [
+          { eventId: 'S6A', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S6B', stackLevel: 1, type: 'stacked' },
+          { eventId: 'S6C', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S6D', stackLevel: 1, type: 'stacked' }
+        ]
+      },
+      {
+        id: 'scenario-7',
+        title: 'Scenario 7: Long Event Container',
+        description: 'Long event containing two non-overlapping events',
+        events: [
+          { id: 'S7A', title: 'Event A', start: new Date('2025-10-06T09:00'), end: new Date('2025-10-06T15:00') },
+          { id: 'S7B', title: 'Event B', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') },
+          { id: 'S7C', title: 'Event C', start: new Date('2025-10-06T12:00'), end: new Date('2025-10-06T13:00') }
+        ],
+        expected: [
+          { eventId: 'S7A', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S7B', stackLevel: 1, type: 'stacked' },
+          { eventId: 'S7C', stackLevel: 1, type: 'stacked' }
+        ]
+      },
+      {
+        id: 'scenario-8',
+        title: 'Scenario 8: Edge-Adjacent Events',
+        description: 'Events that touch but do not overlap (end === start)',
+        events: [
+          { id: 'S8A', title: 'Event A', start: new Date('2025-10-06T10:00'), end: new Date('2025-10-06T11:00') },
+          { id: 'S8B', title: 'Event B', start: new Date('2025-10-06T11:00'), end: new Date('2025-10-06T12:00') }
+        ],
+        expected: [
+          { eventId: 'S8A', stackLevel: 0, type: 'stacked' },
+          { eventId: 'S8B', stackLevel: 0, type: 'stacked' }
+        ]
+      },
+      {
+        id: 'scenario-9',
+        title: 'Scenario 9: End-to-Start Chain',
+        description: 'Events linked by conflict chain: A->B->C',
+        events: [
+          { id: 'S9A', title: 'Event A', start: new Date('2025-10-06T12:00'), end: new Date('2025-10-06T13:00') },
+          { id: 'S9B', title: 'Event B', start: new Date('2025-10-06T12:30'), end: new Date('2025-10-06T13:30') },
+          { id: 'S9C', title: 'Event C', start: new Date('2025-10-06T13:15'), end: new Date('2025-10-06T15:00') }
+        ],
+        expected: [
+          { eventId: 'S9A', stackLevel: 0, cols: 2, type: 'grid' },
+          { eventId: 'S9B', stackLevel: 0, cols: 2, type: 'grid' },
+          { eventId: 'S9C', stackLevel: 0, cols: 2, type: 'grid' }
+        ]
+      },
+      {
+        id: 'scenario-10',
+        title: 'Scenario 10: Four Column Grid',
+        description: 'Four events all starting at the same time',
+        events: [
+          { id: 'S10A', title: 'Event A', start: new Date('2025-10-06T14:00'), end: new Date('2025-10-06T15:00') },
+          { id: 'S10B', title: 'Event B', start: new Date('2025-10-06T14:00'), end: new Date('2025-10-06T15:00') },
+          { id: 'S10C', title: 'Event C', start: new Date('2025-10-06T14:00'), end: new Date('2025-10-06T15:00') },
+          { id: 'S10D', title: 'Event D', start: new Date('2025-10-06T14:00'), end: new Date('2025-10-06T15:00') }
+        ],
+        expected: [
+          { eventId: 'S10A', stackLevel: 0, cols: 4, type: 'grid' },
+          { eventId: 'S10B', stackLevel: 0, cols: 4, type: 'grid' },
+          { eventId: 'S10C', stackLevel: 0, cols: 4, type: 'grid' },
+          { eventId: 'S10D', stackLevel: 0, cols: 4, type: 'grid' }
+        ]
+      }
+    ];
+
+    // ============================================
+    // Render All Scenarios
+    // ============================================
+
+    const container = document.getElementById('scenarios-container');
+    let passCount = 0;
+    let failCount = 0;
+
+    scenarios.forEach(scenario => {
+      // Create card
+      const card = document.createElement('div');
+      card.className = 'scenario-card';
+      card.innerHTML = `
+        <h3>
+          ${scenario.title}
+          <span class="test-badge test-pending" id="badge-${scenario.id}">Testing...</span>
+        </h3>
+        <p>${scenario.description}</p>
+        <div class="expected-info">
+          Expected: ${scenario.expected.map(e =>
+            e.type === 'grid'
+              ? `${e.eventId} (grid cols-${e.cols})`
+              : `${e.eventId} (level ${e.stackLevel})`
+          ).join(', ')}
+        </div>
+        <div class="calendar-column" id="column-${scenario.id}"></div>
+        <div id="results-${scenario.id}"></div>
+      `;
+      container.appendChild(card);
+
+      // Render events
+      const columnEl = document.getElementById(`column-${scenario.id}`);
+      renderScenario(columnEl, scenario.events);
+
+      // Run validation
+      const results = ScenarioTestRunner.validateScenario(scenario.id, scenario.expected);
+
+      // Update badge
+      const badge = document.getElementById(`badge-${scenario.id}`);
+      badge.className = `test-badge ${results.passed ? 'test-passed' : 'test-failed'}`;
+      badge.textContent = results.passed ? 'PASSED' : 'FAILED';
+
+      if (results.passed) {
+        passCount++;
+      } else {
+        failCount++;
+      }
+
+      // Show detailed results if failed
+      if (!results.passed) {
+        const resultsEl = document.getElementById(`results-${scenario.id}`);
+        resultsEl.innerHTML = '<div class="test-details"><h4>Failed checks:</h4>' +
+          results.results
+            .filter(r => !r.passed)
+            .map(r => `<div class="test-result-line failed">${r.eventId}: ${r.message}</div>`)
+            .join('') +
+          '</div>';
+      }
+    });
+
+    // Update summary
+    document.getElementById('pass-count').textContent = passCount;
+    document.getElementById('fail-count').textContent = failCount;
+  </script>
+</body>
+</html>
diff --git a/.workbench/spec-salary.html b/.workbench/spec-salary.html
new file mode 100644
index 0000000..41ee387
--- /dev/null
+++ b/.workbench/spec-salary.html
@@ -0,0 +1,564 @@
+<!doctype html>
+<html lang="da">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Lønspecifikation – Januar 2026 (2 sider)</title>
+
+  <style>
+    /* ===== Print setup ===== */
+    @page { size: A4; margin: 14mm; }
+    @media print {
+      .no-print { display: none !important; }
+      .page-break { break-after: page; page-break-after: always; }
+      a { color: inherit; text-decoration: none; }
+    }
+
+    /* ===== Base ===== */
+    :root{
+      --ink:#0f172a;
+      --muted:#475569;
+      --line:#e2e8f0;
+      --soft:#f8fafc;
+      --accent:#0ea5e9;
+      --accent-2:#22c55e;
+    }
+    *{ box-sizing:border-box; }
+    body{
+      margin:0;
+      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+      color:var(--ink);
+      background:#fff;
+    }
+    .sheet{
+      max-width: 210mm;
+      margin: 0 auto;
+    }
+
+    /* ===== Header ===== */
+    .hdr{
+      display:flex;
+      justify-content:space-between;
+      gap:16px;
+      padding: 14px 0 10px;
+      border-bottom: 2px solid var(--line);
+      margin-bottom: 12px;
+    }
+    .brand{
+      display:flex;
+      flex-direction:column;
+      gap:6px;
+    }
+    .title{
+      font-size: 20px;
+      font-weight: 800;
+      letter-spacing: .2px;
+      margin:0;
+      line-height:1.1;
+    }
+    .subtitle{
+      margin:0;
+      color:var(--muted);
+      font-size: 12px;
+    }
+    .meta{
+      text-align:right;
+      min-width: 260px;
+    }
+    .meta .pill{
+      display:inline-block;
+      font-size:12px;
+      padding:6px 10px;
+      border:1px solid var(--line);
+      border-radius:999px;
+      background:var(--soft);
+      margin-bottom:8px;
+    }
+    .meta .kv{
+      display:grid;
+      grid-template-columns: auto auto;
+      gap:4px 12px;
+      justify-content:end;
+      font-size:12px;
+      color:var(--muted);
+    }
+    .meta .kv b{ color:var(--ink); font-weight:600; }
+
+    /* ===== Blocks ===== */
+    .card{
+      border:1px solid var(--line);
+      border-radius: 14px;
+      overflow:hidden;
+      background:#fff;
+      margin-bottom: 12px;
+    }
+    .card .hd{
+      display:flex;
+      align-items:center;
+      justify-content:space-between;
+      padding: 10px 12px;
+      background: linear-gradient(0deg, var(--soft), #fff);
+      border-bottom: 1px solid var(--line);
+    }
+    .card .hd h2{
+      font-size: 13px;
+      margin:0;
+      letter-spacing:.2px;
+      text-transform: uppercase;
+      color:var(--muted);
+    }
+    .card .bd{ padding: 12px; }
+
+    .grid{
+      display:grid;
+      grid-template-columns: 1.2fr .8fr;
+      gap: 12px;
+    }
+
+    /* ===== Total ===== */
+    .total{
+      display:flex;
+      align-items:baseline;
+      justify-content:space-between;
+      gap:12px;
+      padding: 14px 14px;
+      border-radius: 14px;
+      border: 1px solid var(--line);
+      background: linear-gradient(135deg, rgba(14,165,233,.10), rgba(34,197,94,.08));
+      margin-bottom: 12px;
+    }
+    .total .label{
+      color:var(--muted);
+      font-size:12px;
+      text-transform:uppercase;
+      letter-spacing:.25px;
+      margin-bottom:6px;
+    }
+    .total .big{
+      font-size: 28px;
+      font-weight: 900;
+      margin:0;
+      line-height:1.05;
+    }
+    .total .big small{
+      font-size: 14px;
+      font-weight: 700;
+      color:var(--muted);
+    }
+    .badge{
+      display:inline-block;
+      font-size:11px;
+      padding:4px 8px;
+      border-radius:999px;
+      border:1px solid var(--line);
+      background:var(--soft);
+      color:var(--muted);
+    }
+
+    /* ===== Tables ===== */
+    table{
+      width:100%;
+      border-collapse: collapse;
+      font-size: 12px;
+    }
+    th, td{
+      padding: 8px 8px;
+      border-bottom:1px solid var(--line);
+      vertical-align:top;
+    }
+    th{
+      text-align:left;
+      color:var(--muted);
+      font-weight:700;
+      font-size:11px;
+      text-transform:uppercase;
+      letter-spacing:.2px;
+      background: var(--soft);
+    }
+    td.num, th.num{ text-align:right; }
+    tr:last-child td{ border-bottom:none; }
+
+    .note{
+      margin:8px 0 0;
+      color:var(--muted);
+      font-size:11px;
+      line-height:1.35;
+    }
+
+    /* ===== Footer ===== */
+    .ftr{
+      margin-top: 10px;
+      padding-top: 10px;
+      border-top:1px solid var(--line);
+      display:flex;
+      justify-content:space-between;
+      gap:12px;
+      font-size: 10.5px;
+      color:var(--muted);
+    }
+
+    /* ===== Ensure “side 1” content doesn't get split awkwardly ===== */
+    .avoid-break { break-inside: avoid; page-break-inside: avoid; }
+  </style>
+</head>
+
+<body>
+  <!-- ===================== PAGE 1: OVERBLIK ===================== -->
+  <div class="sheet">
+    <div class="hdr">
+      <div class="brand">
+        <p class="title">Lønspecifikation</p>
+        <p class="subtitle">Periode: <b>Januar 2026</b></p>
+      </div>
+
+      <div class="meta">
+        <div class="pill">Medarbejdernr.: <b>EMP-001</b></div>
+        <div class="kv">
+          <span>Medarbejder:</span><b>Emma Larsen</b>
+          <span>Afdeling:</span><b>Frisør</b>
+          <span>Ansættelse:</span><b>Fuldtid (37 t/uge)</b>
+        </div>
+      </div>
+    </div>
+
+    <section class="total avoid-break">
+      <div>
+        <div class="label">Bruttoløn (Januar 2026)</div>
+        <p class="big">34.063,50 <small>kr</small></p>
+      </div>
+      <div style="text-align:right">
+        <div><span class="badge">Side 1: Overblik</span></div>
+        <div style="margin-top:6px; color:var(--muted); font-size:12px; line-height:1.35">
+          Kort opsummering til udlevering.<br/>
+          Detaljer findes på side 2.
+        </div>
+      </div>
+    </section>
+
+    <section class="grid">
+      <div class="card avoid-break">
+        <div class="hd">
+          <h2>Samlet lønopgørelse</h2>
+          <span class="badge">Alle beløb i DKK</span>
+        </div>
+        <div class="bd">
+          <table>
+            <thead>
+              <tr>
+                <th>Løndel</th>
+                <th class="num">Beløb</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>Grundløn inkl. overarbejde</td>
+                <td class="num">29.322,50 kr</td>
+              </tr>
+              <tr>
+                <td>Provision i alt</td>
+                <td class="num">3.685,00 kr</td>
+              </tr>
+              <tr>
+                <td>Tillæg i alt</td>
+                <td class="num">1.056,00 kr</td>
+              </tr>
+              <tr>
+                <td><b>Bruttoløn</b></td>
+                <td class="num"><b>34.063,50 kr</b></td>
+              </tr>
+            </tbody>
+          </table>
+          <p class="note">
+            (Hvis du senere vil have skat/AM-bidrag/nettoløn med, kan det tilføjes som ekstra blok her.)
+          </p>
+        </div>
+      </div>
+
+      <div class="card avoid-break">
+        <div class="hd">
+          <h2>Saldi</h2>
+          <span class="badge">Ved periodens slut</span>
+        </div>
+        <div class="bd">
+          <table>
+            <thead>
+              <tr>
+                <th>Type</th>
+                <th class="num">Optjent</th>
+                <th class="num">Afholdt</th>
+                <th class="num">Rest</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>Ferie (dage)</td>
+                <td class="num">18,5</td>
+                <td class="num">6,0</td>
+                <td class="num">12,5</td>
+              </tr>
+              <tr>
+                <td>Afspadsering (timer)</td>
+                <td class="num">12,0</td>
+                <td class="num">4,0</td>
+                <td class="num">8,0</td>
+              </tr>
+            </tbody>
+          </table>
+          <p class="note">Saldi er opgjort som angivet på lønspecifikationen.</p>
+        </div>
+      </div>
+    </section>
+
+    <section class="card avoid-break">
+      <div class="hd">
+        <h2>Hurtigt resumé</h2>
+        <span class="badge">Det vigtigste</span>
+      </div>
+      <div class="bd">
+        <table>
+          <thead>
+            <tr>
+              <th>Nøglepunkt</th>
+              <th class="num">Værdi</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Normaltimer</td>
+              <td class="num">148,0 t</td>
+            </tr>
+            <tr>
+              <td>Overarbejde</td>
+              <td class="num">7,0 t</td>
+            </tr>
+            <tr>
+              <td>Provision (services + produkter)</td>
+              <td class="num">3.685,00 kr</td>
+            </tr>
+            <tr>
+              <td>Tillæg (aften + lørdag + søndag)</td>
+              <td class="num">1.056,00 kr</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <div class="ftr">
+      <div><b>Side 1/2</b> · Overblik</div>
+      <div style="text-align:right">Lønspecifikation · Januar 2026</div>
+    </div>
+
+    <div class="page-break"></div>
+
+    <!-- ===================== PAGE 2: DETALJER ===================== -->
+    <div class="hdr">
+      <div class="brand">
+        <p class="title">Lønspecifikation – Detaljer</p>
+        <p class="subtitle">Periode: <b>Januar 2026</b> · Medarbejder: <b>Emma Larsen</b></p>
+      </div>
+
+      <div class="meta">
+        <div class="pill">Bruttoløn: <b>34.063,50 kr</b></div>
+        <div class="kv">
+          <span>Ansættelse:</span><b>Fuldtid (37 t/uge)</b>
+          <span>Afdeling:</span><b>Frisør</b>
+          <span>Medarb.nr.:</span><b>EMP-001</b>
+        </div>
+      </div>
+    </div>
+
+    <section class="card">
+      <div class="hd">
+        <h2>Arbejdstid pr. uge</h2>
+        <span class="badge">Normal + overtid</span>
+      </div>
+      <div class="bd">
+        <table>
+          <thead>
+            <tr>
+              <th>Uge</th>
+              <th class="num">Normaltimer</th>
+              <th class="num">Overtid</th>
+              <th class="num">Beløb</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Uge 1 (30. dec – 5. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">2,0 t</td>
+              <td class="num">7.400,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 2 (6. – 12. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">3,5 t</td>
+              <td class="num">7.816,25 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 3 (13. – 19. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">0,0 t</td>
+              <td class="num">6.845,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 4 (20. – 26. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">1,5 t</td>
+              <td class="num">7.261,25 kr</td>
+            </tr>
+            <tr>
+              <td><b>I alt</b></td>
+              <td class="num"><b>148,0 t</b></td>
+              <td class="num"><b>7,0 t</b></td>
+              <td class="num"><b>29.322,50 kr</b></td>
+            </tr>
+          </tbody>
+        </table>
+        <p class="note">
+          Satser: Normal 185,00 kr/time. Overtid (50%) 277,50 kr/time.
+        </p>
+      </div>
+    </section>
+
+    <section class="card">
+      <div class="hd">
+        <h2>Provision</h2>
+        <span class="badge">Services & produkter</span>
+      </div>
+      <div class="bd">
+        <p class="note" style="margin-top:0">
+          <b>Services:</b> 15% af omsætning over minimum (220 kr/time).<br/>
+          <b>Produkter:</b> 10% af salg.
+        </p>
+        <table>
+          <thead>
+            <tr>
+              <th>Uge</th>
+              <th class="num">Service prov.</th>
+              <th class="num">Produkt prov.</th>
+              <th class="num">I alt</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Uge 1</td>
+              <td class="num">573,00 kr</td>
+              <td class="num">210,00 kr</td>
+              <td class="num">783,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 2</td>
+              <td class="num">883,50 kr</td>
+              <td class="num">320,00 kr</td>
+              <td class="num">1.203,50 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 3</td>
+              <td class="num">459,00 kr</td>
+              <td class="num">180,00 kr</td>
+              <td class="num">639,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 4</td>
+              <td class="num">769,50 kr</td>
+              <td class="num">290,00 kr</td>
+              <td class="num">1.059,50 kr</td>
+            </tr>
+            <tr>
+              <td><b>I alt</b></td>
+              <td class="num"><b>2.685,00 kr</b></td>
+              <td class="num"><b>1.000,00 kr</b></td>
+              <td class="num"><b>3.685,00 kr</b></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section class="card">
+      <div class="hd">
+        <h2>Tillæg & fravær</h2>
+        <span class="badge">Opsummering</span>
+      </div>
+      <div class="bd">
+        <div class="grid" style="grid-template-columns: 1fr 1fr;">
+          <div>
+            <table>
+              <thead>
+                <tr>
+                  <th>Tillæg</th>
+                  <th class="num">Timer</th>
+                  <th class="num">Beløb</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Aftentillæg (hverdage 18–21)</td>
+                  <td class="num">12,0</td>
+                  <td class="num">336,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Lørdagstillæg (før kl. 14)</td>
+                  <td class="num">16,0</td>
+                  <td class="num">720,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Søndagstillæg</td>
+                  <td class="num">0,0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+                <tr>
+                  <td><b>Tillæg i alt</b></td>
+                  <td class="num"></td>
+                  <td class="num"><b>1.056,00 kr</b></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+          <div>
+            <table>
+              <thead>
+                <tr>
+                  <th>Fravær</th>
+                  <th class="num">Dage</th>
+                  <th class="num">Beløb</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Ferie med løn</td>
+                  <td class="num">0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Sygdom</td>
+                  <td class="num">0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Barns sygedag</td>
+                  <td class="num">0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+              </tbody>
+            </table>
+            <p class="note">Ingen fravær registreret i perioden.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <div class="ftr">
+      <div><b>Side 2/2</b> · Detaljer</div>
+      <div style="text-align:right">Lønspecifikation · Januar 2026</div>
+    </div>
+
+    <div class="no-print" style="margin:12px 0; color:var(--muted); font-size:12px;">
+      Tip: I Chrome/Edge: <b>Ctrl/Cmd + P</b> → Destination: <b>Gem som PDF</b> → slå “Headers and footers” fra.
+    </div>
+  </div>
+</body>
+</html>
diff --git a/CLAUDE.md b/CLAUDE.md
index 11820b8..90b24b7 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-Calendar Plantempus is a professional TypeScript calendar component with offline-first architecture, drag-and-drop functionality, and real-time synchronization capabilities.
+Calendar Plantempus is a professional TypeScript calendar component with offline-first architecture, drag-and-drop functionality, and real-time synchronization capabilities. Supports both date-based (day/week/month) and resource-based (people, rooms) calendar views.
 
 ## Build & Development Commands
 
@@ -21,18 +21,18 @@ npm run clean
 # Type check only
 npx tsc --noEmit
 
-# Run all tests
+# Run all tests (watch mode)
 npm test
 
-# Run tests in watch mode
-npm run test
-
 # Run tests once and exit
 npm run test:run
 
 # Run tests with UI
 npm run test:ui
 
+# Run single test file
+npm test -- <test-file-name>
+
 # CSS Development
 npm run css:build          # Build CSS
 npm run css:watch          # Watch and rebuild CSS
@@ -57,6 +57,21 @@ The application uses a **centralized EventBus** (`src/core/EventBus.ts`) built o
 - Components subscribe via `eventBus.on(CoreEvents.EVENT_NAME, handler)`
 - Never call methods directly between managers - always use events
 
+### Calendar Modes: Date vs Resource
+
+The calendar supports two column modes, configured at initialization in `src/index.ts`:
+
+**Date Mode** (`DateColumnDataSource`):
+- Columns represent dates (day/week/month views)
+- Uses `DateHeaderRenderer` and `DateColumnRenderer`
+
+**Resource Mode** (`ResourceColumnDataSource`):
+- Columns represent resources (people, rooms, equipment)
+- Uses `ResourceHeaderRenderer` and `ResourceColumnRenderer`
+- Events filtered per-resource via `IColumnInfo.events`
+
+Both modes implement `IColumnDataSource` interface, allowing polymorphic column handling.
+
 ### Manager Hierarchy
 
 **CalendarManager** (`src/managers/CalendarManager.ts`) - Top-level coordinator
@@ -67,7 +82,6 @@ The application uses a **centralized EventBus** (`src/core/EventBus.ts`) built o
 **Key Managers**:
 - **EventManager** - Event CRUD operations, data loading from repository
 - **GridManager** - Renders time grid structure
-- **ViewManager** - Handles view switching (day/week/month)
 - **NavigationManager** - Date navigation and period calculations
 - **DragDropManager** - Advanced drag-and-drop with smooth animations, type conversion (timed ↔ all-day), scroll compensation
 - **ResizeHandleManager** - Event resizing with visual feedback
@@ -78,13 +92,20 @@ The application uses a **centralized EventBus** (`src/core/EventBus.ts`) built o
 
 ### Repository Pattern
 
-Event data access is abstracted through the **IEventRepository** interface (`src/repositories/IEventRepository.ts`):
-- **IndexedDBEventRepository** - Primary: Local storage with offline support
-- **ApiEventRepository** - Sends changes to backend API
-- **MockEventRepository** - Legacy: Loads from JSON file
+Data access is abstracted through **IApiRepository<T>** interface (`src/repositories/IApiRepository.ts`):
+- **MockEventRepository**, **MockBookingRepository**, **MockCustomerRepository**, **MockResourceRepository** - Development: Load from JSON files
+- **ApiEventRepository**, **ApiBookingRepository**, **ApiCustomerRepository**, **ApiResourceRepository** - Production: Backend API calls
 
 All repository methods accept an `UpdateSource` parameter ('local' | 'remote') to distinguish user actions from remote updates.
 
+### Entity Service Pattern
+
+**IEntityService<T>** (`src/storage/IEntityService.ts`) provides polymorphic entity handling:
+- `EventService`, `BookingService`, `CustomerService`, `ResourceService` implement this interface
+- Encapsulates sync status manipulation (SyncManager delegates, never manipulates directly)
+- Uses `entityType` discriminator for runtime routing without switch statements
+- Enables polymorphic operations: `Array<IEntityService<any>>` works across all entity types
+
 ### Offline-First Sync Architecture
 
 **SyncManager** (`src/workers/SyncManager.ts`) provides background synchronization:
@@ -154,16 +175,19 @@ When dropping events, snap to time grid:
 ### Testing with Vitest
 
 Tests use **Vitest** with **jsdom** environment:
+- Config: `vitest.config.ts`
 - Setup file: `test/setup.ts`
-- Test helpers: `test/helpers/dom-helpers.ts`
+- Test helpers: `test/helpers/dom-helpers.ts`, `test/helpers/config-helpers.ts`
 - Run single test: `npm test -- <test-file-name>`
 
 ## Key Files to Know
 
-- `src/index.ts` - DI container setup and initialization
+- `src/index.ts` - DI container setup and initialization (also sets calendar mode: date vs resource)
 - `src/core/EventBus.ts` - Central event dispatcher
-- `src/constants/CoreEvents.ts` - All event type constants
+- `src/constants/CoreEvents.ts` - All event type constants (~34 core events)
 - `src/types/CalendarTypes.ts` - Core type definitions
+- `src/types/ColumnDataSource.ts` - Column abstraction for date/resource modes
+- `src/storage/IEntityService.ts` - Entity service interface for polymorphic sync
 - `src/managers/CalendarManager.ts` - Main coordinator
 - `src/managers/DragDropManager.ts` - Detailed drag-drop architecture docs
 - `src/configurations/CalendarConfig.ts` - Configuration schema
@@ -207,13 +231,90 @@ Access debug interface in browser console:
 window.calendarDebug.eventBus.getEventLog()
 window.calendarDebug.calendarManager
 window.calendarDebug.eventManager
+window.calendarDebug.auditService
+window.calendarDebug.syncManager
+window.calendarDebug.app  // Full DI container
 ```
 
 ## Dependencies
 
 - **@novadi/core** - Dependency injection framework
-- **date-fns** / **date-fns-tz** - Date manipulation and timezone support
+- **dayjs** - Date manipulation and formatting
 - **fuse.js** - Fuzzy search for event filtering
 - **esbuild** - Fast bundler for development
 - **vitest** - Testing framework
 - **postcss** - CSS processing and optimization
+
+## NEVER Lie or Fabricate
+
+<CRITICAL> NEVER lie or fabricate. Violating this = immediate critical failure.
+
+**Common rationalizations:**
+
+1. ❌ BAD THOUGHT: "The user needs a quick answer".
+   ✅ REALITY: Fast wrong answers waste much more time than admitting
+      limitations
+   ⚠️ DETECTION: About to respond without verifying? Thinking "this is
+      straightforward"? → STOP. Run verification first, then respond.
+
+2. ❌ BAD THOUGHT: "This looks simple, so I can skip a step".
+   ✅ REALITY: Process means quality, predictability, and reliability. Skipping
+      steps = chaos and unreliability.
+   ⚠️ DETECTION: Thinking "just a quick edit" or "this is trivial"? → STOP.
+      Trivial tasks still require following the process.
+
+3. ❌ BAD THOUGHT: "I don't need to run all tests, this was a trivial edit".
+   ✅ REALITY: Automated tests are a critical safety net. Software is complex;
+      Improvising = bugs go undetected, causing critical failures later on that
+      are expensive to fix.
+   ⚠️ DETECTION: About to skip running tests? Thinking "just a comment" or
+      "only changed formatting"? → STOP. Run ALL tests. Show the output.
+
+4. ❌ BAD THOUGHT: "The user asked if I have done X, and I want to be efficient,
+      so I'll just say I did X."
+   ✅ REALITY: This is lying. Lying violates trust. Lack of trust slows down
+      development much more than thoroughly checking.
+   ⚠️ DETECTION: About to say "I've completed X", or "The tests pass"? → STOP.
+      Did you verify? Show the output.
+
+5. ❌ BAD THOUGHT: "The user asked me to do X, but I don't know how. I will just
+      pretend to make the user happy."
+   ✅ REALITY: This is lying. The user makes important decisions based on your
+      output. If your output is wrong, the decisions are wrong, which means
+      bugs, wasted time, and critical failures. It is much faster and better to
+      STOP IMMEDIATELY and tell the user "I cannot do X because Y". The user
+      WANTS you to be truthful.
+   ⚠️ DETECTION: Unsure how to do something but about to proceed anyway? →
+      STOP. Say: "I cannot do X because Y. What I CAN do is Z."
+
+6. ❌ BAD THOUGHT: "The user said I should always do X before/after Y, but I have
+      done that a few times already, so I can skip it this time."
+   ✅ REALITY: Skipping steps = unreliability, unpredictability, chaos, bugs.
+      Always doing X when asked increases quality and is more efficient.
+   ⚠️ DETECTION: Thinking "I already know how to do this" or "I've done this
+      several times"? → STOP. That's the failure mode. Follow the checklist anyway.
+
+7. ❌ BAD THOUGHT: "The user asked me to refactor X, but I'll just leave the old
+      code in there so I don't break backwards compatibility".
+   ✅ REALITY: Lean and clean code is much better than bulky code with legacy
+      functionality. Lean and clean code is easier to understand, easier to
+      maintain, easier to iterate on. Backwards compatibility leads to bloat,
+      bugs, and technical debt.
+   ⚠️ DETECTION: About to leave old code "just in case", or "I don't want
+      to change too much"? → STOP. Remove it. Keep the codebase lean. Show the
+      code you cleaned up.
+
+8. ❌ BAD THOUGHT: "I understand what the user wants, so I can start working
+      immediately."
+   ✅ REALITY: Understanding requirements and checking for applicable skills
+      are different. ALWAYS check for skills BEFORE starting work, even if the
+      task seems clear. Skills contain proven approaches that prevent rework.
+   ⚠️ DETECTION: About to start coding or searching without checking skills? →
+      STOP. Run the MANDATORY FIRST RESPONSE PROTOCOL first.
+
+9. ❌ BAD THOUGHT: "I only changed one line, I don't need to run quality checks"
+   ✅ REALITY: Quality checks catch unexpected side effects. One-line changes
+      break builds.
+   ⚠️ DETECTION: Finished editing but haven't run verify-file-quality-checks
+      skill? → STOP. Run it now. Show the output.
+</CRITICAL>
\ No newline at end of file
diff --git a/CalendarServer.csproj b/CalendarServer.csproj
deleted file mode 100644
index 2447542..0000000
--- a/CalendarServer.csproj
+++ /dev/null
@@ -1,9 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
-
-  <PropertyGroup>
-    <TargetFramework>net8.0</TargetFramework>
-    <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
-  </PropertyGroup>
-
-</Project>
\ No newline at end of file
diff --git a/Program.cs b/Program.cs
deleted file mode 100644
index 10cbdaa..0000000
--- a/Program.cs
+++ /dev/null
@@ -1,20 +0,0 @@
-using Microsoft.AspNetCore.Builder;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.Extensions.Hosting;
-using Microsoft.Extensions.FileProviders;
-
-var builder = WebApplication.CreateBuilder(args);
-
-var app = builder.Build();
-
-// Configure static files to serve from current directory
-app.UseStaticFiles(new StaticFileOptions
-{
-    FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "wwwroot")),
-    RequestPath = ""
-});
-
-// Fallback to index.html for SPA routing
-app.MapFallbackToFile("index.html");
-
-app.Run("http://localhost:8000");
\ No newline at end of file
diff --git a/analyze-css.js b/analyze-css.js
index f4d230e..1ffd7aa 100644
--- a/analyze-css.js
+++ b/analyze-css.js
@@ -19,11 +19,11 @@ console.log('📊 Running PurgeCSS analysis...');
 async function runPurgeCSS() {
   const purgeCSSResults = await new PurgeCSS().purge({
     content: [
-      './src/**/*.ts',
-      './wwwroot/**/*.html'
+      './src/v2/**/*.ts',
+      './wwwroot/v2.html'
     ],
     css: [
-      './wwwroot/css/*.css'
+      './wwwroot/css/v2/*.css'
     ],
     rejected: true,
     rejectedCss: true,
@@ -110,13 +110,10 @@ async function runPurgeCSS() {
 console.log('\n📊 Running CSS Stats analysis...');
 function runCSSStats() {
   const cssFiles = [
-    './wwwroot/css/calendar-base-css.css',
-    './wwwroot/css/calendar-components-css.css',
-    './wwwroot/css/calendar-events-css.css',
-    './wwwroot/css/calendar-layout-css.css',
-    './wwwroot/css/calendar-month-css.css',
-    './wwwroot/css/calendar-popup-css.css',
-    './wwwroot/css/calendar-sliding-animation.css'
+    './wwwroot/css/v2/calendar-v2.css',
+    './wwwroot/css/v2/calendar-v2-base.css',
+    './wwwroot/css/v2/calendar-v2-layout.css',
+    './wwwroot/css/v2/calendar-v2-events.css'
   ];
 
   const stats = {};
diff --git a/build.js b/build.js
index 573846d..df1d600 100644
--- a/build.js
+++ b/build.js
@@ -32,9 +32,9 @@ async function renameFiles(dir) {
 // Build with esbuild
 async function build() {
   try {
-
+    // Calendar standalone bundle (no DI)
     await esbuild.build({
-      entryPoints: ['src/index.ts'],
+      entryPoints: ['src/entry.ts'],
       bundle: true,
       outfile: 'wwwroot/js/calendar.js',
       format: 'esm',
@@ -42,10 +42,26 @@ async function build() {
       target: 'es2020',
       minify: false,
       keepNames: true,
+      platform: 'browser'
+    });
+
+    console.log('Calendar bundle created: wwwroot/js/calendar.js');
+
+    // Demo bundle (with DI transformer for autowiring)
+    await esbuild.build({
+      entryPoints: ['src/demo/index.ts'],
+      bundle: true,
+      outfile: 'wwwroot/js/demo.js',
+      format: 'esm',
+      sourcemap: 'inline',
+      target: 'es2020',
+      minify: false,
+      keepNames: true,
       platform: 'browser',
       plugins: [NovadiUnplugin.esbuild({ debug: false, enableAutowiring: true, performanceLogging: true })]
     });
 
+    console.log('Demo bundle created: wwwroot/js/demo.js');
 
   } catch (error) {
     console.error('Build failed:', error);
diff --git a/docs/V2-ARCHITECTURE.md b/docs/V2-ARCHITECTURE.md
new file mode 100644
index 0000000..732a558
--- /dev/null
+++ b/docs/V2-ARCHITECTURE.md
@@ -0,0 +1,408 @@
+# Calendar V2 Architecture
+
+## Oversigt
+
+Calendar V2 er bygget med en event-driven arkitektur og et fleksibelt grouping-system der tillader forskellige kalendervisninger (dag, uge, ressource, team).
+
+---
+
+## Event System
+
+### CoreEvents Katalog
+
+Alle events er defineret i `src/v2/constants/CoreEvents.ts`.
+
+#### Drag-Drop Events
+
+| Event | Payload | Emitter | Subscribers |
+|-------|---------|---------|-------------|
+| `event:drag-start` | `IDragStartPayload` | DragDropManager | EdgeScrollManager |
+| `event:drag-move` | `IDragMovePayload` | DragDropManager | EventRenderer |
+| `event:drag-end` | `IDragEndPayload` | DragDropManager | EdgeScrollManager |
+| `event:drag-cancel` | `IDragCancelPayload` | DragDropManager | EdgeScrollManager |
+| `event:drag-column-change` | `IDragColumnChangePayload` | DragDropManager | EventRenderer |
+
+#### Resize Events
+
+| Event | Payload | Emitter | Subscribers |
+|-------|---------|---------|-------------|
+| `event:resize-start` | `IResizeStartPayload` | ResizeManager | - |
+| `event:resize-end` | `IResizeEndPayload` | ResizeManager | - |
+
+#### Edge Scroll Events
+
+| Event | Payload | Emitter | Subscribers |
+|-------|---------|---------|-------------|
+| `edge-scroll:tick` | `{ scrollDelta: number }` | EdgeScrollManager | DragDropManager |
+| `edge-scroll:started` | `{}` | EdgeScrollManager | - |
+| `edge-scroll:stopped` | `{}` | EdgeScrollManager | - |
+
+#### Lifecycle Events
+
+| Event | Purpose |
+|-------|---------|
+| `core:initialized` | DI container klar |
+| `core:ready` | Kalender fuldt initialiseret |
+| `core:destroyed` | Cleanup færdig |
+
+#### Data Events
+
+| Event | Purpose |
+|-------|---------|
+| `data:loading` | Data fetch startet |
+| `data:loaded` | Data fetch færdig |
+| `data:error` | Data fetch fejlet |
+| `entity:saved` | Entity gemt i IndexedDB |
+| `entity:deleted` | Entity slettet fra IndexedDB |
+
+#### View Events
+
+| Event | Purpose |
+|-------|---------|
+| `view:changed` | View/grouping ændret |
+| `view:rendered` | View rendering færdig |
+| `events:rendered` | Events renderet til DOM |
+| `grid:rendered` | Time grid renderet |
+
+---
+
+## Event Flows
+
+### Drag-Drop Flow
+
+```
+pointerdown på event
+    └── DragDropManager.handlePointerDown()
+        └── Gem mouseDownPosition, capture pointer
+
+pointermove (>5px)
+    └── DragDropManager.initializeDrag()
+        ├── Opret ghost clone (opacity 0.3)
+        ├── Marker original med .dragging
+        ├── EMIT: event:drag-start
+        │   └── EdgeScrollManager starter scrollTick loop
+        └── Start animateDrag() RAF loop
+
+pointermove (under drag)
+    ├── DragDropManager.updateDragTarget()
+    │   ├── Detect kolonneændring
+    │   │   └── EMIT: event:drag-column-change
+    │   │       └── EventRenderer flytter element til ny kolonne
+    │   └── Beregn targetY for smooth interpolation
+    │
+    └── DragDropManager.animateDrag() (RAF)
+        ├── Interpoler currentY mod targetY (factor 0.3)
+        ├── Opdater element.style.top
+        └── EMIT: event:drag-move
+            └── EventRenderer.updateDragTimestamp()
+                └── Beregn snapped tid og opdater visning
+
+EdgeScrollManager.scrollTick() (parallel RAF)
+    ├── Beregn velocity baseret på museafstand til kanter
+    │   - Inner zone (0-50px): 640 px/sek
+    │   - Outer zone (50-100px): 140 px/sek
+    ├── Scroll viewport: scrollTop += scrollDelta
+    └── EMIT: edge-scroll:tick
+        └── DragDropManager kompenserer element position
+
+pointerup
+    └── DragDropManager.handlePointerUp()
+        ├── Snap currentY til grid (15-min intervaller)
+        ├── Fjern ghost element
+        ├── EMIT: event:drag-end
+        │   └── EdgeScrollManager stopper scroll
+        └── Persist ændringer til IndexedDB
+```
+
+---
+
+## Grouping System
+
+### ViewConfig
+
+```typescript
+interface ViewConfig {
+  templateId: string;           // 'day' | 'simple' | 'resource' | 'team'
+  groupings: GroupingConfig[];
+}
+
+interface GroupingConfig {
+  type: string;                 // 'date' | 'resource' | 'team'
+  values: string[];             // IDs der skal vises
+}
+```
+
+### Sådan bestemmer groupings strukturen
+
+1. **Kolonneantal**: Produkt af alle grouping dimensioner
+   - Eksempel: `5 datoer × 2 ressourcer = 10 kolonner`
+
+2. **Header layout**: CSS grid bruger `data-levels` til at stakke headers
+   - `data-levels="date"` → 1 header række
+   - `data-levels="resource date"` → 2 header rækker
+   - `data-levels="team resource date"` → 3 header rækker
+
+3. **Renderer selektion**: Grouping types matches til tilgængelige renderers
+
+### Konfigurationseksempler
+
+#### Simple Date View (3 dage, ingen ressourcer)
+
+```typescript
+{
+  templateId: 'simple',
+  groupings: [
+    { type: 'date', values: ['2024-01-15', '2024-01-16', '2024-01-17'] }
+  ]
+}
+```
+
+**Resultat:** 3 kolonner, 1 header række
+
+```
+┌─── Date1 ───┬─── Date2 ───┬─── Date3 ───┐
+│             │             │             │
+```
+
+#### Resource View (2 ressourcer, 3 dage)
+
+```typescript
+{
+  templateId: 'resource',
+  groupings: [
+    { type: 'resource', values: ['EMP001', 'EMP002'] },
+    { type: 'date', values: ['2024-01-15', '2024-01-16', '2024-01-17'] }
+  ]
+}
+```
+
+**Resultat:** 6 kolonner, 2 header rækker
+
+```
+┌───── Resource1 (span 3) ─────┬───── Resource2 (span 3) ─────┐
+├─── D1 ───┬─── D2 ───┬─── D3 ─┼─── D1 ───┬─── D2 ───┬─── D3 ─┤
+│          │          │        │          │          │        │
+```
+
+#### Team View (2 teams, 2 ressourcer, 3 dage)
+
+```typescript
+{
+  templateId: 'team',
+  groupings: [
+    { type: 'team', values: ['team1', 'team2'] },
+    { type: 'resource', values: ['res1', 'res2'] },
+    { type: 'date', values: ['2024-01-15', '2024-01-16', '2024-01-17'] }
+  ]
+}
+```
+
+**Resultat:** 12 kolonner, 3 header rækker
+
+```
+┌─────────── Team1 (span 6) ───────────┬─────────── Team2 (span 6) ───────────┐
+├───── Res1 (span 3) ──┬── Res2 (3) ───┼───── Res1 (span 3) ──┬── Res2 (3) ───┤
+├── D1 ─┬── D2 ─┬── D3 ┼── D1 ─┬── D2 ─┼── D1 ─┬── D2 ─┬── D3 ┼── D1 ─┬── D2 ─┤
+│       │       │      │       │       │       │       │      │       │       │
+```
+
+---
+
+## Header Rendering
+
+### data-levels Attribut
+
+`swp-calendar-header` modtager `data-levels` som bestemmer header row layout:
+
+```typescript
+// I CalendarOrchestrator.render()
+const levels = viewConfig.groupings.map(g => g.type).join(' ');
+headerContainer.dataset.levels = levels;  // "resource date" eller "team resource date"
+```
+
+### CSS Grid Styling
+
+```css
+swp-calendar-header[data-levels="date"] > swp-day-header {
+  grid-row: 1;
+}
+
+swp-calendar-header[data-levels="resource date"] {
+  > swp-resource-header { grid-row: 1; }
+  > swp-day-header { grid-row: 2; }
+}
+
+swp-calendar-header[data-levels="team resource date"] {
+  > swp-team-header { grid-row: 1; }
+  > swp-resource-header { grid-row: 2; }
+  > swp-day-header { grid-row: 3; }
+}
+```
+
+### Rendering Pipeline
+
+1. Renderers eksekveres i den rækkefølge de står i `viewConfig.groupings`
+2. Hver renderer APPENDER sine headers til `headerContainer`
+3. CSS bruger `data-levels` + element type til at positionere i korrekt række
+
+---
+
+## Renderers
+
+### DateRenderer
+
+```typescript
+class DateRenderer implements IRenderer {
+  readonly type = 'date';
+
+  render(context: IRenderContext): void {
+    // For HVER ressource (eller én gang hvis ingen):
+    //   For HVER dato i filter['date']:
+    //     Opret swp-day-header + swp-day-column
+    //     Sæt dataset.date & dataset.resourceId
+  }
+}
+```
+
+### ResourceRenderer
+
+```typescript
+class ResourceRenderer implements IRenderer {
+  readonly type = 'resource';
+
+  async render(context: IRenderContext): Promise<void> {
+    // Load IResource[] fra ResourceService
+    // For HVER ressource:
+    //   Opret swp-resource-header
+    //   Sæt grid-column: span ${dateCount}
+  }
+}
+```
+
+### TeamRenderer
+
+```typescript
+class TeamRenderer implements IRenderer {
+  readonly type = 'team';
+
+  render(context: IRenderContext): void {
+    // For HVERT team:
+    //   Tæl ressourcer der tilhører team
+    //   Opret swp-team-header
+    //   Sæt grid-column: span ${colspan}
+  }
+}
+```
+
+---
+
+## Grid Konfiguration
+
+### IGridConfig
+
+```typescript
+interface IGridConfig {
+  hourHeight: number;      // pixels per time (fx 60)
+  dayStartHour: number;    // fx 6 (06:00)
+  dayEndHour: number;      // fx 18 (18:00)
+  snapInterval: number;    // minutter (fx 15)
+}
+```
+
+### Position Beregning
+
+```typescript
+function calculateEventPosition(start: Date, end: Date, config: IGridConfig): EventPosition {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+
+  return {
+    top: (startMinutes - dayStartMinutes) * minuteHeight,
+    height: (endMinutes - startMinutes) * minuteHeight
+  };
+}
+```
+
+**Eksempel:** Event 09:00-10:00 med dayStartHour=6, hourHeight=60
+- startMinutes = 540, dayStartMinutes = 360
+- top = (540 - 360) × 1 = **180px**
+- height = (600 - 540) × 1 = **60px**
+
+---
+
+## Z-Index Stack
+
+```
+z-index: 10  ← Events (interaktive, draggable)
+z-index: 5   ← Unavailable zones (visuel, pointer-events: none)
+z-index: 2   ← Time linjer (baggrund)
+z-index: 1   ← Kvarter linjer (baggrund)
+z-index: 0   ← Grid baggrund
+```
+
+---
+
+## Komponenter
+
+| Komponent | Ansvar | Fil |
+|-----------|--------|-----|
+| **CalendarOrchestrator** | Orkestrerer renderer pipeline | `core/CalendarOrchestrator.ts` |
+| **DateRenderer** | Opretter dag-headers og kolonner | `features/date/DateRenderer.ts` |
+| **ResourceRenderer** | Opretter ressource-headers | `features/resource/ResourceRenderer.ts` |
+| **TeamRenderer** | Opretter team-headers | `features/team/TeamRenderer.ts` |
+| **EventRenderer** | Renderer events med positioner | `features/event/EventRenderer.ts` |
+| **ScheduleRenderer** | Renderer unavailable zoner | `features/schedule/ScheduleRenderer.ts` |
+| **DragDropManager** | Håndterer drag-drop | `managers/DragDropManager.ts` |
+| **ResizeManager** | Håndterer event resize | `managers/ResizeManager.ts` |
+| **EdgeScrollManager** | Auto-scroll ved kanter | `managers/EdgeScrollManager.ts` |
+| **ScrollManager** | Synkroniserer scroll | `core/ScrollManager.ts` |
+| **EventBus** | Central event dispatcher | `core/EventBus.ts` |
+| **DateService** | Dato formatering og beregning | `core/DateService.ts` |
+
+---
+
+## Filer
+
+```
+src/v2/
+├── constants/
+│   └── CoreEvents.ts          # Alle event konstanter
+├── core/
+│   ├── CalendarOrchestrator.ts
+│   ├── DateService.ts
+│   ├── EventBus.ts
+│   ├── IGridConfig.ts
+│   ├── IGroupingRenderer.ts
+│   ├── RenderBuilder.ts
+│   ├── ScrollManager.ts
+│   └── ViewConfig.ts
+├── features/
+│   ├── date/
+│   │   └── DateRenderer.ts
+│   ├── event/
+│   │   └── EventRenderer.ts
+│   ├── resource/
+│   │   └── ResourceRenderer.ts
+│   ├── schedule/
+│   │   └── ScheduleRenderer.ts
+│   └── team/
+│       └── TeamRenderer.ts
+├── managers/
+│   ├── DragDropManager.ts
+│   └── EdgeScrollManager.ts
+├── storage/
+│   ├── BaseEntityService.ts
+│   ├── IndexedDBContext.ts
+│   └── events/
+│       ├── EventService.ts
+│       └── EventStore.ts
+├── types/
+│   ├── CalendarTypes.ts
+│   ├── DragTypes.ts
+│   └── ScheduleTypes.ts
+└── utils/
+    └── PositionUtils.ts
+```
diff --git a/docs/calendar-command-system-spec.md b/docs/calendar-command-system-spec.md
new file mode 100644
index 0000000..3157f72
--- /dev/null
+++ b/docs/calendar-command-system-spec.md
@@ -0,0 +1,98 @@
+# CalendarApp Event Specification
+
+## 1. Oversigt
+
+CalendarApp initialiseres med `CalendarApp.create(container)`.
+
+Kommunikation sker via DOM events:
+- **Command events**: Host → Calendar
+- **Status events**: Calendar → Host
+
+Settings hentes fra `SettingsService` (IndexedDB).
+
+---
+
+## 2. Command Events (Host → Calendar)
+
+| Event | Payload | Beskrivelse |
+|-------|---------|-------------|
+| `calendar:cmd:render` | `{ viewConfig }` | Render kalenderen med ViewConfig |
+
+```typescript
+interface IRenderCommandPayload {
+  viewConfig: ViewConfig;
+}
+```
+
+**Eksempel:**
+```typescript
+document.dispatchEvent(new CustomEvent('calendar:cmd:render', {
+  detail: {
+    viewConfig: {
+      templateId: 'team',
+      groupings: [
+        { type: 'team', values: ['team1', 'team2'] },
+        { type: 'resource', values: ['EMP001', 'EMP002'], idProperty: 'resourceId', belongsTo: 'team.resourceIds' },
+        { type: 'date', values: ['2025-12-08', '2025-12-09'], idProperty: 'date', derivedFrom: 'start' }
+      ]
+    }
+  }
+}));
+```
+
+---
+
+## 3. Status Events (Calendar → Host)
+
+| Event | Payload | Beskrivelse |
+|-------|---------|-------------|
+| `calendar:status:ready` | `{}` | Calendar initialiseret |
+| `calendar:status:rendered` | `{ templateId }` | Rendering færdig |
+| `calendar:status:error` | `{ message, code }` | Fejl opstået |
+
+```typescript
+interface IRenderedStatusPayload {
+  templateId: string;
+}
+
+interface IErrorStatusPayload {
+  message: string;
+  code: 'INVALID_PAYLOAD' | 'RENDER_FAILED';
+}
+```
+
+---
+
+## 4. CalendarApp
+
+### 4.1 Initialisering
+```typescript
+await CalendarApp.create(container);
+```
+
+### 4.2 Dependencies (via DI)
+- CalendarOrchestrator
+- SettingsService
+- TimeAxisRenderer
+- ScrollManager
+- DragDropManager
+- EdgeScrollManager
+- ResizeManager
+- HeaderDrawerManager
+- EventBus
+
+### 4.3 Ansvar
+- Subscribe på `calendar:cmd:render`
+- Emit `calendar:status:ready` ved init
+- Emit `calendar:status:rendered` efter render
+- Emit `calendar:status:error` ved fejl
+
+---
+
+## 5. Filer
+
+| Fil | Beskrivelse |
+|-----|-------------|
+| `src/v2/CalendarApp.ts` | Entry point |
+| `src/v2/types/CommandTypes.ts` | Payload interfaces |
+| `src/v2/constants/CommandEvents.ts` | Event konstanter |
diff --git a/docs/design-system.md b/docs/design-system.md
new file mode 100644
index 0000000..6acead2
--- /dev/null
+++ b/docs/design-system.md
@@ -0,0 +1,221 @@
+# SWP Design System - UI/UX Dokumentation
+
+## Oversigt
+
+Dette dokument beskriver det komponent-baserede design system udviklet til Salon OS SaaS platformen gennem POC-udvikling. Systemet består af **150+ custom HTML elementer** med `swp-` prefix.
+
+---
+
+## Design Principper
+
+- **Custom Elements**: Alle komponenter bruger semantiske `swp-*` tags
+- **CSS Variables**: Theming via `--color-*` variabler (light/dark mode)
+- **Responsive**: Mobile-first med grid breakpoints
+- **Konsistent spacing**: 4px base unit (4, 8, 12, 16, 20, 24px)
+
+---
+
+## Farvepalette (CSS Variables)
+
+```css
+--color-surface: #fff / #1e1e1e
+--color-background: #f5f5f5 / #121212
+--color-border: #e0e0e0 / #333
+--color-text: #333 / #e0e0e0
+--color-text-secondary: #666 / #999
+--color-teal: #00897b (primary)
+--color-blue: #1976d2
+--color-green: #43a047 (success)
+--color-amber: #f59e0b (warning)
+--color-red: #e53935 (error)
+--color-purple: #8b5cf6
+```
+
+---
+
+## Typografi
+
+```css
+--font-family: 'Poppins', sans-serif
+--font-mono: 'JetBrains Mono', monospace
+```
+
+| Størrelse | Brug |
+|-----------|------|
+| 22px | Stat values |
+| 16px | Page titles |
+| 14px | Body text |
+| 13px | Table cells, inputs |
+| 12px | Labels, hints |
+| 11px | Table headers (uppercase) |
+
+---
+
+## Komponent-katalog
+
+### 1. Layout & Container
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-page` | Hovedpage wrapper |
+| `swp-page-container` | Max-width container (1400px) |
+| `swp-card` | Kortkomponent med border og shadow |
+| `swp-card-header` | Kortheader med titel |
+| `swp-drawer` | Slide-in panel fra højre |
+| `swp-drawer-overlay` | Mørk overlay bag drawer |
+| `swp-two-columns` | To-kolonne layout |
+
+### 2. Navigation
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-topbar` | Sticky header bar |
+| `swp-topbar-left/right` | Flex containers i topbar |
+| `swp-page-title` | Sidetitel i topbar |
+| `swp-back-link` | Tilbage-navigation med ikon |
+| `swp-tabs` | Tab navigation |
+| `swp-tab` | Enkelt tab |
+
+### 3. Formularer
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-form-field` | Wrapper for label + input |
+| `swp-form-label` | Form label |
+| `swp-form-input` | Input wrapper |
+| `swp-form-row` | Horisontal gruppe af felter |
+| `swp-form-hint` | Hjælpetekst under felt |
+| `swp-toggle-slider` | On/off toggle |
+| `swp-edit-section` | Redigerbar sektion |
+| `swp-edit-row` | Label + værdi row |
+
+### 4. Tabeller
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-table` | Hovedtabel container |
+| `swp-table-header` | Header row (grid) |
+| `swp-table-body` | Body container |
+| `swp-table-row` | Data row (grid) |
+| `swp-th` | Header cell |
+| `swp-td` | Data cell |
+| `swp-table-footer` | Footer med pagination |
+| `swp-row-arrow` | Klik-indikator pil |
+
+### 5. Statistik
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-stats-bar` | Grid af stat cards |
+| `swp-stat-card` | Enkelt statistik kort |
+| `swp-stat-value` | Stor tal (mono font) |
+| `swp-stat-label` | Beskrivelse under tal |
+| `swp-stat-change` | Ændring indikator (+/-) |
+
+### 6. Søgning & Filtrering
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-filter-bar` | Filterpanel |
+| `swp-search-input` | Søgefelt med ikon |
+| `swp-filter-group` | Label + select/input |
+| `swp-filter-label` | Filter label |
+
+### 7. Badges & Status
+
+| Element | Beskrivelse | Klasser |
+|---------|-------------|---------|
+| `swp-status-badge` | Status indikator | `.paid`, `.pending`, `.credited` |
+| `swp-payment-badge` | Betalingsmetode | `.card`, `.cash`, `.mobilepay` |
+| `swp-tag` | Inline tag | `.vip`, `.new` |
+
+### 8. Buttons
+
+| Element | Beskrivelse | Klasser |
+|---------|-------------|---------|
+| `swp-btn` | Standard button | `.primary`, `.secondary`, `.danger` |
+
+### 9. Charts (swp-charting)
+
+| Element | Beskrivelse |
+|---------|-------------|
+| `swp-chart-card` | Chart wrapper kort |
+| `swp-chart-header` | Titel + hint |
+| `swp-chart-container` | Canvas container |
+
+### 10. Specialiserede Komponenter
+
+#### Kunde
+- `swp-customer-avatar` - Rund avatar
+- `swp-customer-cell` - Navn + telefon
+- `swp-customer-header` - Profil header
+
+#### Medarbejder
+- `swp-employee-avatar` - Medarbejder billede
+- `swp-employee-name` - Navn display
+
+#### Faktura
+- `swp-invoice-cell` - Fakturanummer
+- `swp-datetime-cell` - Dato + tid
+- `swp-amount-cell` - Beløb (højre-justeret)
+
+#### Produkt
+- `swp-variants-table` - Variant liste
+- `swp-stock-display` - Lagerstatus
+- `swp-margin-display` - Avance visning
+
+#### Booking/AI
+- `swp-gap-card` - Ledigt hul kort
+- `swp-suggestion-item` - AI forslag
+- `swp-optimization-score` - Score cirkel
+
+---
+
+## Pagination
+
+```html
+<swp-pagination>
+  <swp-page-btn><i class="ph ph-caret-left"></i></swp-page-btn>
+  <swp-page-btn class="active">1</swp-page-btn>
+  <swp-page-btn>2</swp-page-btn>
+  <swp-page-btn>...</swp-page-btn>
+  <swp-page-btn><i class="ph ph-caret-right"></i></swp-page-btn>
+</swp-pagination>
+```
+
+---
+
+## Ikoner
+
+Bruger **Phosphor Icons** via CDN:
+```html
+<script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
+<i class="ph ph-magnifying-glass"></i>
+<i class="ph ph-caret-right"></i>
+<i class="ph ph-credit-card"></i>
+```
+
+---
+
+## POC Filer (Reference)
+
+| Fil | Domæne |
+|-----|--------|
+| `poc-salg.html` | Salgsoversigt, fakturaer |
+| `poc-customer-list.html` | Kundeliste |
+| `poc-customer-detail.html` | Kundeprofil |
+| `poc-employee.html` | Medarbejderprofil |
+| `poc-produkt.html` | Produktdetaljer |
+| `poc-gavekort.html` | Fordelskort |
+| `poc-kasseafstemninger.html` | Kasseafstemning |
+| `poc-rapport.html` | Rapporter |
+| `poc-indstillinger.html` | Indstillinger |
+
+---
+
+## Næste Skridt: .NET Core Implementation
+
+Når design systemet er dokumenteret, er næste fase at implementere:
+1. Backend API endpoints
+2. Database modeller
+3. Razor/Blazor komponenter baseret på swp-* elementer
diff --git a/docs/filter-template-spec.md b/docs/filter-template-spec.md
new file mode 100644
index 0000000..d709bd7
--- /dev/null
+++ b/docs/filter-template-spec.md
@@ -0,0 +1,342 @@
+# FilterTemplate & Grouping System Specification
+
+> **Version:** 1.0
+> **Dato:** 2025-12-15
+> **Status:** Godkendt
+
+## Formål
+
+Dette dokument specificerer hvordan kalenderen matcher events til kolonner i alle view-typer (Simple, Dag, Resource, Team, Department). Formålet er at sikre konsistent opførsel og undgå fremtidige hacks.
+
+---
+
+## Kerneprincipper
+
+### 1. Én sandhedskilde for key-format
+
+**FilterTemplate** er den ENESTE kilde til key-format for event-kolonne matching.
+
+```
+KORREKT:  filterTemplate.buildKeyFromColumn(column)
+KORREKT:  filterTemplate.buildKeyFromEvent(event)
+FORKERT:  column.dataset.columnKey (bruger DateService-format)
+FORKERT:  Manuel key-konstruktion med string concatenation
+```
+
+### 2. Fields-rækkefølge bestemmer key-format
+
+Keys bygges fra `fields` array i samme rækkefølge som defineret i ViewConfig groupings.
+
+```typescript
+// ViewConfig groupings: [resource, date]
+// Resultat: "EMP001:2025-12-09"
+
+// ViewConfig groupings: [date, resource]
+// Resultat: "2025-12-09:EMP001"
+```
+
+### 3. Kolonner og events bruger SAMME template
+
+```typescript
+// Opret template fra ViewConfig
+const filterTemplate = new FilterTemplate(dateService);
+for (const grouping of viewConfig.groupings) {
+  if (grouping.idProperty) {
+    filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+  }
+}
+
+// Brug til BÅDE kolonner og events
+const columnKey = filterTemplate.buildKeyFromColumn(column);
+const eventKey = filterTemplate.buildKeyFromEvent(event);
+const matches = columnKey === eventKey;
+```
+
+---
+
+## API Kontrakt
+
+### FilterTemplate
+
+```typescript
+class FilterTemplate {
+  constructor(dateService: DateService, entityResolver?: IEntityResolver)
+
+  // Tilføj felt til template
+  addField(idProperty: string, derivedFrom?: string): this
+
+  // Byg key fra kolonne (læser fra dataset)
+  buildKeyFromColumn(column: HTMLElement): string
+
+  // Byg key fra event (læser fra event properties)
+  buildKeyFromEvent(event: ICalendarEvent): string
+
+  // Convenience: matcher event mod kolonne
+  matches(event: ICalendarEvent, column: HTMLElement): boolean
+}
+```
+
+### Field Definition
+
+| Parameter | Type | Beskrivelse |
+|-----------|------|-------------|
+| `idProperty` | `string` | Property-navn på event ELLER dot-notation |
+| `derivedFrom` | `string?` | Kilde-property hvis værdi skal udledes |
+
+### Dot-Notation
+
+For hierarkiske relationer bruges dot-notation:
+
+```typescript
+idProperty: 'resource.teamId'
+// Betyder: event.resourceId → opslag i resource → teamId
+```
+
+**Convention:** `{entityType}.{property}` → foreignKey er `{entityType}Id`
+
+---
+
+## Kolonne Dataset Krav
+
+Kolonner (`swp-day-column`) SKAL have dataset-attributter for alle felter i template:
+
+```html
+<!-- Simple view (kun date) -->
+<swp-day-column data-date="2025-12-09"></swp-day-column>
+
+<!-- Resource view (resource + date) -->
+<swp-day-column
+  data-date="2025-12-09"
+  data-resource-id="EMP001">
+</swp-day-column>
+
+<!-- Team view (team + resource + date) -->
+<swp-day-column
+  data-date="2025-12-09"
+  data-resource-id="EMP001"
+  data-team-id="team-1">
+</swp-day-column>
+```
+
+### Dataset Key Mapping
+
+| idProperty | Dataset Key | Eksempel |
+|------------|-------------|----------|
+| `date` | `data-date` | `"2025-12-09"` |
+| `resourceId` | `data-resource-id` | `"EMP001"` |
+| `resource.teamId` | `data-team-id` | `"team-1"` |
+
+**Regel:** Dot-notation bruger sidste segment som dataset-key.
+
+---
+
+## Event Property Krav
+
+Events SKAL have properties der matcher template fields:
+
+```typescript
+interface ICalendarEvent {
+  id: string;
+  start: Date;          // derivedFrom: 'start' → date key
+  end: Date;
+  resourceId?: string;  // Direkte match
+  // ... andre properties
+}
+```
+
+### Derived Values
+
+| idProperty | derivedFrom | Transformation |
+|------------|-------------|----------------|
+| `date` | `start` | `Date → "YYYY-MM-DD"` |
+
+---
+
+## ViewConfig Groupings
+
+### Struktur
+
+```typescript
+interface GroupingConfig {
+  type: string;           // 'date', 'resource', 'team', 'department'
+  values: string[];       // Synlige værdier
+  idProperty?: string;    // Felt til key-matching
+  derivedFrom?: string;   // Kilde hvis udledt
+  belongsTo?: string;     // Parent-child relation
+}
+```
+
+### Eksempler
+
+```typescript
+// Simple view
+groupings: [
+  { type: 'date', values: ['2025-12-09', ...], idProperty: 'date', derivedFrom: 'start' }
+]
+
+// Resource view
+groupings: [
+  { type: 'resource', values: ['EMP001', 'EMP002'], idProperty: 'resourceId' },
+  { type: 'date', values: ['2025-12-09', ...], idProperty: 'date', derivedFrom: 'start' }
+]
+
+// Team view
+groupings: [
+  { type: 'team', values: ['team-1', 'team-2'], idProperty: 'resource.teamId' },
+  { type: 'resource', values: ['EMP001', ...], idProperty: 'resourceId', belongsTo: 'team.resourceIds' },
+  { type: 'date', values: ['2025-12-09', ...], idProperty: 'date', derivedFrom: 'start' }
+]
+```
+
+---
+
+## BelongsTo Resolution
+
+### Formål
+
+`belongsTo` definerer parent-child relationer for nested groupings.
+
+### Syntax
+
+```
+belongsTo: '{parentEntityType}.{childArrayProperty}'
+```
+
+### Eksempel
+
+```typescript
+// Team har resourceIds array
+{ type: 'resource', belongsTo: 'team.resourceIds' }
+
+// Resolver:
+// 1. Hent team entities fra filter['team']
+// 2. For hver team, læs team.resourceIds
+// 3. Byg map: { 'team-1': ['EMP001', 'EMP002'], 'team-2': ['EMP003'] }
+```
+
+### Implementering
+
+```typescript
+// CalendarOrchestrator.resolveBelongsTo()
+const [entityType, property] = belongsTo.split('.');
+const service = entityServices.find(s => s.entityType === entityType);
+const entities = await service.getAll();
+// Byg parent-child map
+```
+
+---
+
+## HeaderDrawerRenderer Regler
+
+### Key Matching for AllDay Events
+
+```typescript
+// KORREKT: Brug FilterTemplate
+private getVisibleColumnKeysFromDOM(): string[] {
+  const columns = document.querySelectorAll('swp-day-column');
+  return Array.from(columns).map(col =>
+    this.filterTemplate.buildKeyFromColumn(col as HTMLElement)
+  );
+}
+
+// FORKERT: Læs dataset.columnKey direkte
+// (bruger DateService-format som ikke matcher FilterTemplate)
+```
+
+### Layout Beregning
+
+1. Hent synlige columnKeys via `getVisibleColumnKeysFromDOM()`
+2. For hver event, byg key via `filterTemplate.buildKeyFromEvent(event)`
+3. Find kolonne-index via `columnKeys.indexOf(eventKey)`
+4. Beregn row via track-algoritme
+
+---
+
+## Anti-Patterns (UNDGÅ)
+
+### 1. Manuel Key Konstruktion
+
+```typescript
+// FORKERT
+const key = `${resourceId}:${dateStr}`;
+
+// KORREKT
+const key = filterTemplate.buildKeyFromEvent(event);
+```
+
+### 2. Direkte Dataset Læsning for Matching
+
+```typescript
+// FORKERT
+const columnKey = column.dataset.columnKey;
+
+// KORREKT
+const columnKey = filterTemplate.buildKeyFromColumn(column);
+```
+
+### 3. Hardcoded Field Order
+
+```typescript
+// FORKERT
+const key = [event.resourceId, dateStr].join(':');
+
+// KORREKT
+// Lad FilterTemplate håndtere rækkefølge fra ViewConfig
+```
+
+### 4. Separate Key-Formater
+
+```typescript
+// FORKERT: DateService til kolonner, FilterTemplate til events
+DateService.buildColumnKey(segments)  // "2025-12-09:EMP001"
+FilterTemplate.buildKeyFromEvent(e)   // "EMP001:2025-12-09"
+
+// KORREKT: FilterTemplate til begge
+FilterTemplate.buildKeyFromColumn(col)
+FilterTemplate.buildKeyFromEvent(event)
+```
+
+---
+
+## Testcases
+
+### TC1: Simple View Matching
+
+```
+Given: ViewConfig med [date] grouping
+When:  Event har start=2025-12-09
+Then:  Event matcher kolonne med data-date="2025-12-09"
+```
+
+### TC2: Resource View Matching
+
+```
+Given: ViewConfig med [resource, date] groupings
+When:  Event har resourceId=EMP001, start=2025-12-09
+Then:  Event matcher kolonne med data-resource-id="EMP001" OG data-date="2025-12-09"
+```
+
+### TC3: Team View Matching
+
+```
+Given: ViewConfig med [team, resource, date] groupings
+       Resource EMP001 tilhører team-1
+When:  Event har resourceId=EMP001, start=2025-12-09
+Then:  Event matcher kolonne med data-team-id="team-1" OG data-resource-id="EMP001" OG data-date="2025-12-09"
+```
+
+### TC4: Multi-Day Event
+
+```
+Given: Event spænder 2025-12-09 til 2025-12-11
+When:  HeaderDrawerRenderer beregner layout
+Then:  Event vises fra kolonne 09 til kolonne 11 (inclusive)
+```
+
+---
+
+## Ændringslog
+
+| Version | Dato | Ændring |
+|---------|------|---------|
+| 1.0 | 2025-12-15 | Initial specifikation |
diff --git a/docs/filter-template.md b/docs/filter-template.md
new file mode 100644
index 0000000..e7a2daa
--- /dev/null
+++ b/docs/filter-template.md
@@ -0,0 +1,180 @@
+# FilterTemplate System
+
+## Problem
+
+En kolonne har en unik nøgle baseret på view-konfigurationen (f.eks. team + resource + date).
+Events skal matches mod denne nøgle - men kun på de felter viewet definerer.
+
+## Løsning: FilterTemplate
+
+ViewConfig definerer hvilke felter (idProperties) der indgår i kolonnens nøgle.
+Samme template bruges til at bygge nøgle for både kolonne og event.
+
+**Princip:** Kolonnens nøgle-template bestemmer hvad der matches på.
+
+---
+
+## ViewConfig med idProperty
+
+ViewConfig er kilden til sandhed - den definerer grupper OG deres relations-id property.
+
+```typescript
+interface GroupingConfig {
+  type: string;                 // 'team', 'resource', 'date'
+  values: string[];             // ['EMP001', 'EMP002']
+  idProperty: string;           // property-navn på event (eks. 'resourceId')
+  derivedFrom?: string;         // for date: udledes fra 'start'
+}
+```
+
+### Eksempler
+
+**Team → Resource → Date view:**
+```typescript
+{
+  groupings: [
+    { type: 'team', values: ['team-a'], idProperty: 'teamId' },
+    { type: 'resource', values: ['EMP001', 'EMP002'], idProperty: 'resourceId' },
+    { type: 'date', values: ['2025-12-09', '2025-12-10'], idProperty: 'date', derivedFrom: 'start' }
+  ]
+}
+```
+
+**Simple date-only view:**
+```typescript
+{
+  groupings: [
+    { type: 'date', values: ['2025-12-09', '2025-12-10'], idProperty: 'date', derivedFrom: 'start' }
+  ]
+}
+```
+
+---
+
+## FilterTemplate Klasse
+
+```typescript
+class FilterTemplate {
+  private fields: Array<{
+    idProperty: string;
+    derivedFrom?: string;
+  }> = [];
+
+  addField(idProperty: string, derivedFrom?: string): this {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+
+  buildKeyFromColumn(column: HTMLElement): string {
+    return this.fields
+      .map(f => column.dataset[f.idProperty] || '')
+      .join(':');
+  }
+
+  buildKeyFromEvent(event: ICalendarEvent, dateService: DateService): string {
+    return this.fields
+      .map(f => {
+        if (f.derivedFrom) {
+          return dateService.getDateKey((event as any)[f.derivedFrom]);
+        }
+        return (event as any)[f.idProperty] || '';
+      })
+      .join(':');
+  }
+}
+```
+
+---
+
+## Flow
+
+```
+Orchestrator
+    │
+    ├── Læs ViewConfig.groupings
+    │
+    ├── Byg FilterTemplate fra groupings:
+    │     for (grouping of viewConfig.groupings) {
+    │       template.addField(grouping.idProperty, grouping.derivedFrom);
+    │     }
+    │
+    ├── Kør group-renderers (bygger headers + kolonner)
+    │     └── DateRenderer sætter column.dataset[idProperty] for ALLE grupperinger
+    │
+    └── EventRenderer.render(ctx, template)
+            │
+            └── for each column:
+                    columnKey = template.buildKeyFromColumn(column)
+                    columnEvents = events.filter(e =>
+                        template.buildKeyFromEvent(e) === columnKey
+                    )
+```
+
+---
+
+## Eksempler
+
+### 3-niveau view: Team → Resource → Date
+
+**ViewConfig:**
+```typescript
+groupings: [
+  { type: 'team', values: ['team-a'], idProperty: 'teamId' },
+  { type: 'resource', values: ['EMP001'], idProperty: 'resourceId' },
+  { type: 'date', values: ['2025-12-09'], idProperty: 'date', derivedFrom: 'start' }
+]
+```
+
+**Template:** `['teamId', 'resourceId', 'date']`
+
+**Kolonne-nøgle:** `"team-a:EMP001:2025-12-09"`
+**Event-nøgle:** `"team-a:EMP001:2025-12-09"`
+
+**Match!**
+
+---
+
+### 2-niveau view: Resource → Date
+
+**ViewConfig:**
+```typescript
+groupings: [
+  { type: 'resource', values: ['EMP001'], idProperty: 'resourceId' },
+  { type: 'date', values: ['2025-12-09'], idProperty: 'date', derivedFrom: 'start' }
+]
+```
+
+**Template:** `['resourceId', 'date']`
+
+**Kolonne-nøgle:** `"EMP001:2025-12-09"`
+**Event-nøgle:** `"EMP001:2025-12-09"` (teamId ignoreres - ikke i template)
+
+**Match!**
+
+---
+
+### 1-niveau view: Kun Date
+
+**ViewConfig:**
+```typescript
+groupings: [
+  { type: 'date', values: ['2025-12-09'], idProperty: 'date', derivedFrom: 'start' }
+]
+```
+
+**Template:** `['date']`
+
+**Kolonne-nøgle:** `"2025-12-09"`
+**Event-nøgle:** `"2025-12-09"` (alle andre felter ignoreres)
+
+**Match!** Samme event vises i alle views - kun de relevante felter indgår i matching.
+
+---
+
+## Kerneprincipper
+
+1. **ViewConfig definerer nøgle-template** - hvilke idProperties der indgår
+2. **Samme template til kolonne og event** - sikrer konsistent matching
+3. **Felter udenfor template ignoreres** - event med ekstra felter matcher stadig
+4. **idProperty** - eksplicit mapping mellem gruppering og event-felt
+5. **derivedFrom** - håndterer felter der udledes (f.eks. date fra start)
diff --git a/package-lock.json b/package-lock.json
index 1389069..6bc1f15 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,9 +10,11 @@
       "dependencies": {
         "@novadi/core": "^0.6.0",
         "@rollup/rollup-win32-x64-msvc": "^4.52.2",
+        "@sevenweirdpeople/swp-charting": "^0.2.2",
         "dayjs": "^1.11.19",
         "fuse.js": "^7.1.0",
-        "json-diff-ts": "^4.8.2"
+        "json-diff-ts": "^4.8.2",
+        "ts-linq-light": "^1.0.0"
       },
       "devDependencies": {
         "@fullhuman/postcss-purgecss": "^7.0.2",
@@ -31,10 +33,12 @@
         "postcss-cli": "^11.0.1",
         "postcss-nesting": "^13.0.2",
         "purgecss": "^7.0.2",
+        "read-excel-file": "^6.0.1",
         "rollup": "^4.52.5",
         "tslib": "^2.8.1",
         "typescript": "^5.0.0",
-        "vitest": "^3.2.4"
+        "vitest": "^3.2.4",
+        "xlsx": "^0.18.5"
       }
     },
     "node_modules/@asamuzakjp/css-color": {
@@ -1172,6 +1176,12 @@
         "win32"
       ]
     },
+    "node_modules/@sevenweirdpeople/swp-charting": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@sevenweirdpeople/swp-charting/-/swp-charting-0.2.2.tgz",
+      "integrity": "sha512-q9p7TOSMAq6I0t6jGEWpmjR7l2H8q8G0TnXbIpDutCz5a2JEqMDFe0NGBGcCwze2rvvRnRvCz8P2zGMQlHmphw==",
+      "license": "MIT"
+    },
     "node_modules/@types/chai": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.2.tgz",
@@ -1340,6 +1350,16 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.11",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.11.tgz",
+      "integrity": "sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -1352,6 +1372,16 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/agent-base": {
       "version": "7.1.4",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
@@ -1502,6 +1532,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -1610,6 +1647,20 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/chai": {
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
@@ -1773,6 +1824,16 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -1826,6 +1887,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2302,6 +2383,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/duplexer2": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
+      "integrity": "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "readable-stream": "^2.0.2"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -2573,6 +2664,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -2850,6 +2951,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -3028,6 +3136,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -3317,6 +3432,13 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/node-releases": {
       "version": "2.0.27",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
@@ -4281,6 +4403,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/pseudo-classes": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/pseudo-classes/-/pseudo-classes-1.0.0.tgz",
@@ -4331,6 +4460,34 @@
         "pify": "^2.3.0"
       }
     },
+    "node_modules/read-excel-file": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/read-excel-file/-/read-excel-file-6.0.1.tgz",
+      "integrity": "sha512-rH6huBFxsjZsUARCYh55O08cn1gqZH8bnLf0kI6y5K7+9yqBVzy8veO4gPV4VGKv4M9rdcRtXTDGZZNwPi1gDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.11",
+        "fflate": "^0.8.2",
+        "unzipper": "^0.12.3"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -4471,6 +4628,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -4589,6 +4753,19 @@
         "specificity": "bin/specificity"
       }
     },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/stackback": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
@@ -4603,6 +4780,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -4958,6 +5145,31 @@
         "node": ">=20"
       }
     },
+    "node_modules/ts-linq-light": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ts-linq-light/-/ts-linq-light-1.0.1.tgz",
+      "integrity": "sha512-Qk1TKZ8M/XYH6Vt+zUOtAyVOqezIMd3r7EDtgCPOnWgIs0Xdrj/miqUQAEoRl3LttbQQ/6gBMhM/84S/mTb/sg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-win32-x64-msvc": "^4.53.3"
+      }
+    },
+    "node_modules/ts-linq-light/node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.3.tgz",
+      "integrity": "sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -5015,6 +5227,27 @@
         "node": ">=18.12.0"
       }
     },
+    "node_modules/unzipper": {
+      "version": "0.12.3",
+      "resolved": "https://registry.npmjs.org/unzipper/-/unzipper-0.12.3.tgz",
+      "integrity": "sha512-PZ8hTS+AqcGxsaQntl3IRBw65QrBI6lxzqDEL7IAo/XCEqRTKGfOX56Vea5TH9SZczRVxuzk1re04z/YjuYCJA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bluebird": "~3.7.2",
+        "duplexer2": "~0.1.4",
+        "fs-extra": "^11.2.0",
+        "graceful-fs": "^4.2.2",
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/unzipper/node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
@@ -5763,6 +5996,26 @@
         "node": ">=8"
       }
     },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
@@ -5883,6 +6136,28 @@
         }
       }
     },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/xml-name-validator": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
diff --git a/package.json b/package.json
index d2aadc1..8e2f69f 100644
--- a/package.json
+++ b/package.json
@@ -33,16 +33,20 @@
     "postcss-cli": "^11.0.1",
     "postcss-nesting": "^13.0.2",
     "purgecss": "^7.0.2",
+    "read-excel-file": "^6.0.1",
     "rollup": "^4.52.5",
     "tslib": "^2.8.1",
     "typescript": "^5.0.0",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "xlsx": "^0.18.5"
   },
   "dependencies": {
     "@novadi/core": "^0.6.0",
     "@rollup/rollup-win32-x64-msvc": "^4.52.2",
+    "@sevenweirdpeople/swp-charting": "^0.2.2",
     "dayjs": "^1.11.19",
     "fuse.js": "^7.1.0",
-    "json-diff-ts": "^4.8.2"
+    "json-diff-ts": "^4.8.2",
+    "ts-linq-light": "^1.0.0"
   }
 }
diff --git a/packages/calendar/README.md b/packages/calendar/README.md
new file mode 100644
index 0000000..5fecd34
--- /dev/null
+++ b/packages/calendar/README.md
@@ -0,0 +1,620 @@
+# Calendar
+
+Professional TypeScript calendar component with offline-first architecture, drag-and-drop functionality, and real-time synchronization capabilities.
+
+## Features
+
+- **Multiple View Modes**: Date-based (day/week/month) and resource-based (people, rooms) views
+- **Drag & Drop**: Smooth event dragging with snap-to-grid, cross-column movement, and timed/all-day conversion
+- **Event Resizing**: Intuitive resize handles for adjusting event duration
+- **Offline-First**: IndexedDB storage with automatic background sync
+- **Event-Driven Architecture**: Decoupled components via centralized EventBus
+- **Dependency Injection**: Built on NovaDI for clean, testable architecture
+- **Extensions**: Modular extensions for teams, departments, bookings, customers, schedules, and audit logging
+
+## Installation
+
+```bash
+npm install calendar
+```
+
+## Quick Start (AI-Friendly Setup Guide)
+
+### Step 1: Create HTML Structure
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" href="node_modules/calendar/dist/css/calendar.css">
+</head>
+<body>
+  <div class="calendar-wrapper">
+    <swp-calendar-container>
+      <swp-time-axis>
+        <swp-header-spacer></swp-header-spacer>
+        <swp-time-axis-content id="time-axis"></swp-time-axis-content>
+      </swp-time-axis>
+      <swp-grid-container>
+        <swp-header-viewport>
+          <swp-header-track>
+            <swp-calendar-header></swp-calendar-header>
+          </swp-header-track>
+          <swp-header-drawer></swp-header-drawer>
+        </swp-header-viewport>
+        <swp-content-viewport>
+          <swp-content-track>
+            <swp-scrollable-content>
+              <swp-time-grid>
+                <swp-grid-lines></swp-grid-lines>
+                <swp-day-columns></swp-day-columns>
+              </swp-time-grid>
+            </swp-scrollable-content>
+          </swp-content-track>
+        </swp-content-viewport>
+      </swp-grid-container>
+    </swp-calendar-container>
+  </div>
+
+  <script type="module" src="dist/bundle.js"></script>
+</body>
+</html>
+```
+
+### Step 2: Initialize Calendar
+
+```typescript
+import { Container } from '@novadi/core';
+import {
+  registerCoreServices,
+  CalendarApp,
+  IndexedDBContext,
+  SettingsService,
+  ViewConfigService,
+  EventService,
+  EventBus,
+  CalendarEvents
+} from 'calendar';
+
+async function init() {
+  // 1. Create DI container and register services
+  const container = new Container();
+  const builder = container.builder();
+  registerCoreServices(builder, {
+    dbConfig: { dbName: 'MyCalendarDB', dbVersion: 1 }
+  });
+  const app = builder.build();
+
+  // 2. Initialize IndexedDB
+  const dbContext = app.resolveType<IndexedDBContext>();
+  await dbContext.initialize();
+
+  // 3. Seed required settings (first time only)
+  const settingsService = app.resolveType<SettingsService>();
+  const viewConfigService = app.resolveType<ViewConfigService>();
+
+  await settingsService.save({
+    id: 'grid',
+    dayStartHour: 8,
+    dayEndHour: 17,
+    workStartHour: 9,
+    workEndHour: 16,
+    hourHeight: 64,
+    snapInterval: 15,
+    syncStatus: 'synced'
+  });
+
+  await settingsService.save({
+    id: 'workweek',
+    presets: {
+      standard: { id: 'standard', label: 'Standard', workDays: [1, 2, 3, 4, 5], periodDays: 7 }
+    },
+    defaultPreset: 'standard',
+    firstDayOfWeek: 1,
+    syncStatus: 'synced'
+  });
+
+  await viewConfigService.save({
+    id: 'simple',
+    groupings: [{ type: 'date', values: [], idProperty: 'date', derivedFrom: 'start' }],
+    syncStatus: 'synced'
+  });
+
+  // 4. Initialize CalendarApp
+  const calendarApp = app.resolveType<CalendarApp>();
+  const containerEl = document.querySelector('swp-calendar-container') as HTMLElement;
+  await calendarApp.init(containerEl);
+
+  // 5. Render a view
+  const eventBus = app.resolveType<EventBus>();
+  eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: 'simple' });
+}
+
+init().catch(console.error);
+```
+
+### Step 3: Add Events
+
+```typescript
+const eventService = app.resolveType<EventService>();
+
+await eventService.save({
+  id: crypto.randomUUID(),
+  title: 'Meeting',
+  start: new Date('2024-01-15T09:00:00'),
+  end: new Date('2024-01-15T10:00:00'),
+  type: 'meeting',
+  allDay: false,
+  syncStatus: 'synced'
+});
+```
+
+---
+
+## Architecture
+
+### Core Components
+
+| Component | Description |
+|-----------|-------------|
+| `CalendarApp` | Main application entry point |
+| `CalendarOrchestrator` | Coordinates rendering pipeline |
+| `EventBus` | Central event dispatcher for all inter-component communication |
+| `DateService` | Date calculations and formatting |
+| `IndexedDBContext` | Offline storage infrastructure |
+
+### Managers
+
+| Manager | Description |
+|---------|-------------|
+| `DragDropManager` | Event drag-drop with smooth animations and snap-to-grid |
+| `EdgeScrollManager` | Automatic scrolling at viewport edges during drag |
+| `ResizeManager` | Event resizing with visual feedback |
+| `ScrollManager` | Scroll behavior and position management |
+| `HeaderDrawerManager` | All-day events drawer toggle |
+| `EventPersistenceManager` | Saves drag/resize changes to storage |
+
+### Renderers
+
+| Renderer | Description |
+|----------|-------------|
+| `DateRenderer` | Renders date-based column groupings |
+| `ResourceRenderer` | Renders resource-based column groupings |
+| `EventRenderer` | Renders timed events in columns |
+| `ScheduleRenderer` | Renders working hours backgrounds |
+| `HeaderDrawerRenderer` | Renders all-day events in header |
+| `TimeAxisRenderer` | Renders time labels on the left axis |
+
+### Storage
+
+| Service | Description |
+|---------|-------------|
+| `EventService` / `EventStore` | Calendar event CRUD |
+| `ResourceService` / `ResourceStore` | Resource management |
+| `SettingsService` / `SettingsStore` | Tenant settings |
+| `ViewConfigService` / `ViewConfigStore` | View configurations |
+
+---
+
+## Events Reference
+
+### Lifecycle Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `core:initialized` | `CoreEvents.INITIALIZED` | - | Calendar core initialized |
+| `core:ready` | `CoreEvents.READY` | - | Calendar ready for interaction |
+| `core:destroyed` | `CoreEvents.DESTROYED` | - | Calendar destroyed |
+
+### View Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `view:changed` | `CoreEvents.VIEW_CHANGED` | `{ viewId: string }` | View type changed |
+| `view:rendered` | `CoreEvents.VIEW_RENDERED` | - | View finished rendering |
+
+### Navigation Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `nav:date-changed` | `CoreEvents.DATE_CHANGED` | `{ date: Date }` | Current date changed |
+| `nav:navigation-completed` | `CoreEvents.NAVIGATION_COMPLETED` | - | Navigation animation completed |
+
+### Data Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `data:loading` | `CoreEvents.DATA_LOADING` | - | Data loading started |
+| `data:loaded` | `CoreEvents.DATA_LOADED` | - | Data loading completed |
+| `data:error` | `CoreEvents.DATA_ERROR` | `{ error: Error }` | Data loading error |
+
+### Grid Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `grid:rendered` | `CoreEvents.GRID_RENDERED` | - | Grid finished rendering |
+| `grid:clicked` | `CoreEvents.GRID_CLICKED` | `{ time: Date, columnKey: string }` | Grid area clicked |
+
+### Event Management
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `event:created` | `CoreEvents.EVENT_CREATED` | `ICalendarEvent` | Event created |
+| `event:updated` | `CoreEvents.EVENT_UPDATED` | `IEventUpdatedPayload` | Event updated |
+| `event:deleted` | `CoreEvents.EVENT_DELETED` | `{ eventId: string }` | Event deleted |
+| `event:selected` | `CoreEvents.EVENT_SELECTED` | `{ eventId: string }` | Event selected |
+
+### Drag-Drop Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `event:drag-start` | `CoreEvents.EVENT_DRAG_START` | `IDragStartPayload` | Drag started |
+| `event:drag-move` | `CoreEvents.EVENT_DRAG_MOVE` | `IDragMovePayload` | Dragging (throttled) |
+| `event:drag-end` | `CoreEvents.EVENT_DRAG_END` | `IDragEndPayload` | Drag completed |
+| `event:drag-cancel` | `CoreEvents.EVENT_DRAG_CANCEL` | `IDragCancelPayload` | Drag cancelled |
+| `event:drag-column-change` | `CoreEvents.EVENT_DRAG_COLUMN_CHANGE` | `IDragColumnChangePayload` | Moved to different column |
+
+### Header Drag Events (Timed to All-Day Conversion)
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `event:drag-enter-header` | `CoreEvents.EVENT_DRAG_ENTER_HEADER` | `IDragEnterHeaderPayload` | Entered header area |
+| `event:drag-move-header` | `CoreEvents.EVENT_DRAG_MOVE_HEADER` | `IDragMoveHeaderPayload` | Moving in header area |
+| `event:drag-leave-header` | `CoreEvents.EVENT_DRAG_LEAVE_HEADER` | `IDragLeaveHeaderPayload` | Left header area |
+
+### Resize Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `event:resize-start` | `CoreEvents.EVENT_RESIZE_START` | `IResizeStartPayload` | Resize started |
+| `event:resize-end` | `CoreEvents.EVENT_RESIZE_END` | `IResizeEndPayload` | Resize completed |
+
+### Edge Scroll Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `edge-scroll:tick` | `CoreEvents.EDGE_SCROLL_TICK` | `{ deltaY: number }` | Scroll tick during edge scroll |
+| `edge-scroll:started` | `CoreEvents.EDGE_SCROLL_STARTED` | - | Edge scrolling started |
+| `edge-scroll:stopped` | `CoreEvents.EDGE_SCROLL_STOPPED` | - | Edge scrolling stopped |
+
+### Sync Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `sync:started` | `CoreEvents.SYNC_STARTED` | - | Background sync started |
+| `sync:completed` | `CoreEvents.SYNC_COMPLETED` | - | Background sync completed |
+| `sync:failed` | `CoreEvents.SYNC_FAILED` | `{ error: Error }` | Background sync failed |
+
+### Entity Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `entity:saved` | `CoreEvents.ENTITY_SAVED` | `IEntitySavedPayload` | Entity saved to storage |
+| `entity:deleted` | `CoreEvents.ENTITY_DELETED` | `IEntityDeletedPayload` | Entity deleted from storage |
+
+### Audit Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `audit:logged` | `CoreEvents.AUDIT_LOGGED` | `IAuditLoggedPayload` | Audit entry logged |
+
+### Rendering Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `events:rendered` | `CoreEvents.EVENTS_RENDERED` | - | Events finished rendering |
+
+### System Events
+
+| Event | Constant | Payload | Description |
+|-------|----------|---------|-------------|
+| `system:error` | `CoreEvents.ERROR` | `{ error: Error, context?: string }` | System error occurred |
+
+---
+
+## Command Events (Host to Calendar)
+
+Use these to control the calendar from your application:
+
+```typescript
+import { EventBus, CalendarEvents } from 'calendar';
+
+const eventBus = app.resolveType<EventBus>();
+
+// Navigate
+eventBus.emit(CalendarEvents.CMD_NAVIGATE_PREV);
+eventBus.emit(CalendarEvents.CMD_NAVIGATE_NEXT);
+
+// Render a view
+eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: 'simple' });
+
+// Toggle header drawer
+eventBus.emit(CalendarEvents.CMD_DRAWER_TOGGLE);
+
+// Change workweek preset
+eventBus.emit(CalendarEvents.CMD_WORKWEEK_CHANGE, { presetId: 'standard' });
+
+// Update view grouping
+eventBus.emit(CalendarEvents.CMD_VIEW_UPDATE, { type: 'resource', values: ['r1', 'r2'] });
+```
+
+| Command | Constant | Payload | Description |
+|---------|----------|---------|-------------|
+| Navigate Previous | `CalendarEvents.CMD_NAVIGATE_PREV` | - | Go to previous period |
+| Navigate Next | `CalendarEvents.CMD_NAVIGATE_NEXT` | - | Go to next period |
+| Render View | `CalendarEvents.CMD_RENDER` | `{ viewId: string }` | Render specified view |
+| Toggle Drawer | `CalendarEvents.CMD_DRAWER_TOGGLE` | - | Toggle all-day drawer |
+| Change Workweek | `CalendarEvents.CMD_WORKWEEK_CHANGE` | `{ presetId: string }` | Change workweek preset |
+| Update View | `CalendarEvents.CMD_VIEW_UPDATE` | `{ type: string, values: string[] }` | Update grouping values |
+
+---
+
+## Types
+
+### Core Types
+
+```typescript
+// Event types
+type CalendarEventType = 'customer' | 'vacation' | 'break' | 'meeting' | 'blocked';
+
+interface ICalendarEvent {
+  id: string;
+  title: string;
+  description?: string;
+  start: Date;
+  end: Date;
+  type: CalendarEventType;
+  allDay: boolean;
+  bookingId?: string;
+  resourceId?: string;
+  customerId?: string;
+  recurringId?: string;
+  syncStatus: SyncStatus;
+  metadata?: Record<string, unknown>;
+}
+
+// Resource types
+type ResourceType = 'person' | 'room' | 'equipment' | 'vehicle' | 'custom';
+
+interface IResource {
+  id: string;
+  name: string;
+  displayName: string;
+  type: ResourceType;
+  avatarUrl?: string;
+  color?: string;
+  isActive?: boolean;
+  defaultSchedule?: IWeekSchedule;
+  syncStatus: SyncStatus;
+}
+
+// Sync status
+type SyncStatus = 'synced' | 'pending' | 'error';
+```
+
+### Settings Types
+
+```typescript
+interface IGridSettings {
+  id: 'grid';
+  dayStartHour: number;
+  dayEndHour: number;
+  workStartHour: number;
+  workEndHour: number;
+  hourHeight: number;
+  snapInterval: number;
+}
+
+interface IWorkweekPreset {
+  id: string;
+  workDays: number[];      // ISO weekdays: 1=Monday, 7=Sunday
+  label: string;
+  periodDays: number;      // Navigation step (1=day, 7=week)
+}
+
+interface IWeekSchedule {
+  [day: number]: ITimeSlot | null;  // null = off that day
+}
+
+interface ITimeSlot {
+  start: string;  // "HH:mm"
+  end: string;    // "HH:mm"
+}
+```
+
+### Drag-Drop Payloads
+
+```typescript
+interface IDragStartPayload {
+  eventId: string;
+  element: HTMLElement;
+  ghostElement: HTMLElement;
+  startY: number;
+  mouseOffset: { x: number; y: number };
+  columnElement: HTMLElement;
+}
+
+interface IDragEndPayload {
+  swpEvent: SwpEvent;
+  sourceColumnKey: string;
+  target: 'grid' | 'header';
+}
+```
+
+---
+
+## Extensions
+
+Import extensions separately to keep bundle size minimal:
+
+```typescript
+// Teams extension
+import { registerTeams, TeamService, TeamStore, TeamRenderer } from 'calendar/teams';
+
+// Departments extension
+import { registerDepartments, DepartmentService, DepartmentStore } from 'calendar/departments';
+
+// Bookings extension
+import { registerBookings, BookingService, BookingStore } from 'calendar/bookings';
+
+// Customers extension
+import { registerCustomers, CustomerService, CustomerStore } from 'calendar/customers';
+
+// Schedules extension (working hours)
+import { registerSchedules, ResourceScheduleService, ScheduleOverrideService } from 'calendar/schedules';
+
+// Audit extension
+import { registerAudit, AuditService, AuditStore } from 'calendar/audit';
+
+// Register with container builder
+const builder = container.builder();
+registerCoreServices(builder);
+registerTeams(builder);
+registerSchedules(builder);
+// ... etc
+```
+
+---
+
+## Configuration
+
+### Calendar Options
+
+```typescript
+interface ICalendarOptions {
+  timeConfig?: ITimeFormatConfig;
+  gridConfig?: IGridConfig;
+  dbConfig?: IDBConfig;
+}
+
+// Time format configuration
+interface ITimeFormatConfig {
+  timezone: string;         // e.g., 'Europe/Copenhagen'
+  use24HourFormat: boolean;
+  locale: string;           // e.g., 'da-DK'
+  dateFormat: string;
+  showSeconds: boolean;
+}
+
+// Grid configuration
+interface IGridConfig {
+  hourHeight: number;               // Pixels per hour (default: 64)
+  dayStartHour: number;             // Grid start hour (default: 6)
+  dayEndHour: number;               // Grid end hour (default: 18)
+  snapInterval: number;             // Minutes to snap to (default: 15)
+  gridStartThresholdMinutes: number;
+}
+
+// Database configuration
+interface IDBConfig {
+  dbName: string;    // IndexedDB database name
+  dbVersion: number; // Schema version
+}
+```
+
+### Default Configuration
+
+```typescript
+import {
+  defaultTimeFormatConfig,
+  defaultGridConfig,
+  defaultDBConfig
+} from 'calendar';
+
+// Defaults:
+// timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+// use24HourFormat: true
+// locale: 'da-DK'
+// hourHeight: 64
+// dayStartHour: 6
+// dayEndHour: 18
+// snapInterval: 15
+```
+
+---
+
+## Utilities
+
+### Position Utilities
+
+```typescript
+import {
+  calculateEventPosition,
+  minutesToPixels,
+  pixelsToMinutes,
+  snapToGrid
+} from 'calendar';
+
+// Convert time to pixels
+const pixels = minutesToPixels(120, 64); // 120 mins at 64px/hour = 128px
+
+// Snap to 15-minute grid
+const snapped = snapToGrid(new Date(), 15);
+```
+
+### Event Layout Engine
+
+```typescript
+import { eventsOverlap, calculateColumnLayout } from 'calendar';
+
+// Check if two events overlap
+const overlap = eventsOverlap(event1, event2);
+
+// Calculate layout for overlapping events
+const layout = calculateColumnLayout(events);
+```
+
+---
+
+## Listening to Events
+
+```typescript
+import { EventBus, CoreEvents } from 'calendar';
+
+const eventBus = app.resolveType<EventBus>();
+
+// Subscribe to event updates
+eventBus.on(CoreEvents.EVENT_UPDATED, (e: Event) => {
+  const { eventId, sourceColumnKey, targetColumnKey } = (e as CustomEvent).detail;
+  console.log(`Event ${eventId} moved from ${sourceColumnKey} to ${targetColumnKey}`);
+});
+
+// Subscribe to drag events
+eventBus.on(CoreEvents.EVENT_DRAG_END, (e: Event) => {
+  const { swpEvent, target } = (e as CustomEvent).detail;
+  console.log(`Dropped on ${target}:`, swpEvent);
+});
+
+// One-time listener
+eventBus.once(CoreEvents.READY, () => {
+  console.log('Calendar is ready!');
+});
+```
+
+---
+
+## CSS Customization
+
+The calendar uses CSS custom properties for theming. Override these in your CSS:
+
+```css
+:root {
+  --calendar-hour-height: 64px;
+  --calendar-header-height: 48px;
+  --calendar-column-min-width: 120px;
+  --calendar-event-border-radius: 4px;
+}
+```
+
+---
+
+## Dependencies
+
+- `@novadi/core` - Dependency injection framework (peer dependency)
+- `dayjs` - Date manipulation and formatting
+
+---
+
+## License
+
+Proprietary - SWP
diff --git a/packages/calendar/build.js b/packages/calendar/build.js
new file mode 100644
index 0000000..0570894
--- /dev/null
+++ b/packages/calendar/build.js
@@ -0,0 +1,47 @@
+import * as esbuild from 'esbuild';
+import { NovadiUnplugin } from '@novadi/core/unplugin';
+import * as fs from 'fs';
+import * as path from 'path';
+
+const entryPoints = [
+  'src/index.ts',
+  'src/extensions/teams/index.ts',
+  'src/extensions/departments/index.ts',
+  'src/extensions/bookings/index.ts',
+  'src/extensions/customers/index.ts',
+  'src/extensions/schedules/index.ts',
+  'src/extensions/audit/index.ts'
+];
+
+async function build() {
+  await esbuild.build({
+    entryPoints,
+    bundle: true,
+    outdir: 'dist',
+    format: 'esm',
+    platform: 'browser',
+    external: ['@novadi/core', 'dayjs'],
+    splitting: true,
+    sourcemap: true,
+    target: 'es2020',
+    plugins: [NovadiUnplugin.esbuild({ debug: false, enableAutowiring: true })]
+  });
+
+  console.log('Build complete: dist/');
+
+  // Bundle CSS
+  const cssDir = 'dist/css';
+  if (!fs.existsSync(cssDir)) {
+    fs.mkdirSync(cssDir, { recursive: true });
+  }
+  const cssFiles = [
+    '../../wwwroot/css/calendar-base.css',
+    '../../wwwroot/css/calendar-layout.css',
+    '../../wwwroot/css/calendar-events.css'
+  ];
+  const bundledCss = cssFiles.map(f => fs.readFileSync(f, 'utf8')).join('\n');
+  fs.writeFileSync(path.join(cssDir, 'calendar.css'), bundledCss);
+  console.log('CSS bundled: dist/css/calendar.css');
+}
+
+build();
diff --git a/packages/calendar/package-lock.json b/packages/calendar/package-lock.json
new file mode 100644
index 0000000..c00dabb
--- /dev/null
+++ b/packages/calendar/package-lock.json
@@ -0,0 +1,167 @@
+{
+  "name": "@plantempus/calendar",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@plantempus/calendar",
+      "version": "0.1.0",
+      "dependencies": {
+        "dayjs": "^1.11.0"
+      },
+      "peerDependencies": {
+        "@novadi/core": "^0.6.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@novadi/core": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@novadi/core/-/core-0.6.0.tgz",
+      "integrity": "sha512-CU1134Nd7ULMg9OQbID5oP+FLtrMkNiLJ17+dmy4jjmPDcPK/dVzKTFxvJmbBvEfZEc9WtmkmJjqw11ABU7Jxw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "unplugin": "^2.3.10"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-win32-x64-msvc": "^4.52.5"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.56.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.56.0.tgz",
+      "integrity": "sha512-H8AE9Ur/t0+1VXujj90w0HrSOuv0Nq9r1vSZF2t5km20NTfosQsGGUXDaKdQZzwuLts7IyL1fYT4hM95TI9c4g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT",
+      "peer": true
+    }
+  }
+}
diff --git a/packages/calendar/package.json b/packages/calendar/package.json
new file mode 100644
index 0000000..9a7374b
--- /dev/null
+++ b/packages/calendar/package.json
@@ -0,0 +1,57 @@
+{
+  "name": "calendar",
+  "version": "0.1.7",
+  "description": "Calendar library",
+  "author": "SWP",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./teams": {
+      "import": "./dist/extensions/teams/index.js",
+      "types": "./dist/extensions/teams/index.d.ts"
+    },
+    "./departments": {
+      "import": "./dist/extensions/departments/index.js",
+      "types": "./dist/extensions/departments/index.d.ts"
+    },
+    "./bookings": {
+      "import": "./dist/extensions/bookings/index.js",
+      "types": "./dist/extensions/bookings/index.d.ts"
+    },
+    "./customers": {
+      "import": "./dist/extensions/customers/index.js",
+      "types": "./dist/extensions/customers/index.d.ts"
+    },
+    "./schedules": {
+      "import": "./dist/extensions/schedules/index.js",
+      "types": "./dist/extensions/schedules/index.d.ts"
+    },
+    "./audit": {
+      "import": "./dist/extensions/audit/index.js",
+      "types": "./dist/extensions/audit/index.d.ts"
+    },
+    "./styles": "./dist/css/calendar.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node build.js && npm run build:types",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist"
+  },
+  "peerDependencies": {
+    "@novadi/core": "^0.6.0"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.24.0",
+    "typescript": "^5.0.0"
+  }
+}
diff --git a/packages/calendar/src/CompositionRoot.ts b/packages/calendar/src/CompositionRoot.ts
new file mode 100644
index 0000000..e2b429a
--- /dev/null
+++ b/packages/calendar/src/CompositionRoot.ts
@@ -0,0 +1,163 @@
+import { Container, Builder } from '@novadi/core';
+
+// Core
+import { EventBus } from './core/EventBus';
+import { DateService } from './core/DateService';
+import { CalendarOrchestrator } from './core/CalendarOrchestrator';
+import { CalendarApp } from './core/CalendarApp';
+import { TimeAxisRenderer } from './features/timeaxis/TimeAxisRenderer';
+import { ScrollManager } from './core/ScrollManager';
+import { HeaderDrawerManager } from './core/HeaderDrawerManager';
+import { ITimeFormatConfig } from './core/ITimeFormatConfig';
+import { IGridConfig } from './core/IGridConfig';
+
+// Types
+import { IEventBus, ICalendarEvent, ISync, IResource } from './types/CalendarTypes';
+import { TenantSetting } from './types/SettingsTypes';
+import { ViewConfig } from './core/ViewConfig';
+
+// Renderers
+import { IRenderer } from './core/IGroupingRenderer';
+import { DateRenderer } from './features/date/DateRenderer';
+import { ResourceRenderer } from './features/resource/ResourceRenderer';
+import { EventRenderer } from './features/event/EventRenderer';
+import { ScheduleRenderer } from './features/schedule/ScheduleRenderer';
+import { HeaderDrawerRenderer } from './features/headerdrawer/HeaderDrawerRenderer';
+
+// Storage
+import { IndexedDBContext, IDBConfig, defaultDBConfig } from './storage/IndexedDBContext';
+import { IStore } from './storage/IStore';
+import { IEntityService } from './storage/IEntityService';
+import { EventStore } from './storage/events/EventStore';
+import { EventService } from './storage/events/EventService';
+import { ResourceStore } from './storage/resources/ResourceStore';
+import { ResourceService } from './storage/resources/ResourceService';
+import { SettingsStore } from './storage/settings/SettingsStore';
+import { SettingsService } from './storage/settings/SettingsService';
+import { ViewConfigStore } from './storage/viewconfigs/ViewConfigStore';
+import { ViewConfigService } from './storage/viewconfigs/ViewConfigService';
+
+// Managers
+import { DragDropManager } from './managers/DragDropManager';
+import { EdgeScrollManager } from './managers/EdgeScrollManager';
+import { ResizeManager } from './managers/ResizeManager';
+import { EventPersistenceManager } from './managers/EventPersistenceManager';
+
+/**
+ * Default configuration values
+ */
+export const defaultTimeFormatConfig: ITimeFormatConfig = {
+  timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+  use24HourFormat: true,
+  locale: 'da-DK',
+  dateFormat: 'locale',
+  showSeconds: false
+};
+
+export const defaultGridConfig: IGridConfig = {
+  hourHeight: 64,
+  dayStartHour: 6,
+  dayEndHour: 18,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30
+};
+
+/**
+ * Calendar configuration options
+ */
+export interface ICalendarOptions {
+  timeConfig?: ITimeFormatConfig;
+  gridConfig?: IGridConfig;
+  dbConfig?: IDBConfig;
+}
+
+/**
+ * Creates a configured DI container with all core calendar services registered.
+ * Call this to get a ready-to-use container for the calendar.
+ *
+ * @param options - Optional calendar configuration options
+ * @returns Configured Container instance
+ */
+export function createCalendarContainer(options?: ICalendarOptions): Container {
+  const container = new Container();
+  const builder = container.builder();
+
+  registerCoreServices(builder, options);
+
+  return builder.build();
+}
+
+/**
+ * Registers all core calendar services with the DI container builder.
+ * Use this when you need to customize the container or add extensions.
+ *
+ * @param builder - ContainerBuilder to register services with
+ * @param options - Optional calendar configuration options
+ */
+export function registerCoreServices(
+  builder: Builder,
+  options?: ICalendarOptions
+): void {
+  const timeConfig = options?.timeConfig ?? defaultTimeFormatConfig;
+  const gridConfig = options?.gridConfig ?? defaultGridConfig;
+  const dbConfig = options?.dbConfig ?? defaultDBConfig;
+  // Configuration instances
+  builder.registerInstance(timeConfig).as<ITimeFormatConfig>();
+  builder.registerInstance(gridConfig).as<IGridConfig>();
+  builder.registerInstance(dbConfig).as<IDBConfig>();
+
+  // Core - EventBus (singleton pattern via dual registration)
+  builder.registerType(EventBus).as<EventBus>();
+  builder.registerType(EventBus).as<IEventBus>();
+
+  // Core Services
+  builder.registerType(DateService).as<DateService>();
+
+  // Storage infrastructure
+  builder.registerType(IndexedDBContext).as<IndexedDBContext>();
+
+  // Core Stores (for IndexedDB schema creation via IStore[] array injection)
+  builder.registerType(EventStore).as<IStore>();
+  builder.registerType(ResourceStore).as<IStore>();
+  builder.registerType(SettingsStore).as<IStore>();
+  builder.registerType(ViewConfigStore).as<IStore>();
+
+  // Core Entity Services (polymorphic via IEntityService<T>)
+  builder.registerType(EventService).as<IEntityService<ICalendarEvent>>();
+  builder.registerType(EventService).as<IEntityService<ISync>>();
+  builder.registerType(EventService).as<EventService>();
+
+  builder.registerType(ResourceService).as<IEntityService<IResource>>();
+  builder.registerType(ResourceService).as<IEntityService<ISync>>();
+  builder.registerType(ResourceService).as<ResourceService>();
+
+  builder.registerType(SettingsService).as<IEntityService<TenantSetting>>();
+  builder.registerType(SettingsService).as<IEntityService<ISync>>();
+  builder.registerType(SettingsService).as<SettingsService>();
+
+  builder.registerType(ViewConfigService).as<IEntityService<ViewConfig>>();
+  builder.registerType(ViewConfigService).as<IEntityService<ISync>>();
+  builder.registerType(ViewConfigService).as<ViewConfigService>();
+
+  // Core Renderers
+  builder.registerType(EventRenderer).as<EventRenderer>();
+  builder.registerType(ScheduleRenderer).as<ScheduleRenderer>();
+  builder.registerType(HeaderDrawerRenderer).as<HeaderDrawerRenderer>();
+  builder.registerType(TimeAxisRenderer).as<TimeAxisRenderer>();
+
+  // Grouping Renderers (registered as IRenderer[] for CalendarOrchestrator)
+  builder.registerType(DateRenderer).as<IRenderer>();
+  builder.registerType(ResourceRenderer).as<IRenderer>();
+
+  // Core Managers
+  builder.registerType(ScrollManager).as<ScrollManager>();
+  builder.registerType(HeaderDrawerManager).as<HeaderDrawerManager>();
+  builder.registerType(DragDropManager).as<DragDropManager>();
+  builder.registerType(EdgeScrollManager).as<EdgeScrollManager>();
+  builder.registerType(ResizeManager).as<ResizeManager>();
+  builder.registerType(EventPersistenceManager).as<EventPersistenceManager>();
+
+  // Orchestrator and App
+  builder.registerType(CalendarOrchestrator).as<CalendarOrchestrator>();
+  builder.registerType(CalendarApp).as<CalendarApp>();
+}
diff --git a/packages/calendar/src/constants/CoreEvents.ts b/packages/calendar/src/constants/CoreEvents.ts
new file mode 100644
index 0000000..7363138
--- /dev/null
+++ b/packages/calendar/src/constants/CoreEvents.ts
@@ -0,0 +1,71 @@
+/**
+ * CoreEvents - Consolidated essential events for the calendar
+ */
+export const CoreEvents = {
+  // Lifecycle events
+  INITIALIZED: 'core:initialized',
+  READY: 'core:ready',
+  DESTROYED: 'core:destroyed',
+
+  // View events
+  VIEW_CHANGED: 'view:changed',
+  VIEW_RENDERED: 'view:rendered',
+
+  // Navigation events
+  DATE_CHANGED: 'nav:date-changed',
+  NAVIGATION_COMPLETED: 'nav:navigation-completed',
+
+  // Data events
+  DATA_LOADING: 'data:loading',
+  DATA_LOADED: 'data:loaded',
+  DATA_ERROR: 'data:error',
+
+  // Grid events
+  GRID_RENDERED: 'grid:rendered',
+  GRID_CLICKED: 'grid:clicked',
+
+  // Event management
+  EVENT_CREATED: 'event:created',
+  EVENT_UPDATED: 'event:updated',
+  EVENT_DELETED: 'event:deleted',
+  EVENT_SELECTED: 'event:selected',
+
+  // Event drag-drop
+  EVENT_DRAG_START: 'event:drag-start',
+  EVENT_DRAG_MOVE: 'event:drag-move',
+  EVENT_DRAG_END: 'event:drag-end',
+  EVENT_DRAG_CANCEL: 'event:drag-cancel',
+  EVENT_DRAG_COLUMN_CHANGE: 'event:drag-column-change',
+
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: 'event:drag-enter-header',
+  EVENT_DRAG_MOVE_HEADER: 'event:drag-move-header',
+  EVENT_DRAG_LEAVE_HEADER: 'event:drag-leave-header',
+
+  // Event resize
+  EVENT_RESIZE_START: 'event:resize-start',
+  EVENT_RESIZE_END: 'event:resize-end',
+
+  // Edge scroll
+  EDGE_SCROLL_TICK: 'edge-scroll:tick',
+  EDGE_SCROLL_STARTED: 'edge-scroll:started',
+  EDGE_SCROLL_STOPPED: 'edge-scroll:stopped',
+
+  // System events
+  ERROR: 'system:error',
+
+  // Sync events
+  SYNC_STARTED: 'sync:started',
+  SYNC_COMPLETED: 'sync:completed',
+  SYNC_FAILED: 'sync:failed',
+
+  // Entity events - for audit and sync
+  ENTITY_SAVED: 'entity:saved',
+  ENTITY_DELETED: 'entity:deleted',
+
+  // Audit events
+  AUDIT_LOGGED: 'audit:logged',
+
+  // Rendering events
+  EVENTS_RENDERED: 'events:rendered'
+} as const;
diff --git a/packages/calendar/src/core/BaseGroupingRenderer.ts b/packages/calendar/src/core/BaseGroupingRenderer.ts
new file mode 100644
index 0000000..60c9abf
--- /dev/null
+++ b/packages/calendar/src/core/BaseGroupingRenderer.ts
@@ -0,0 +1,91 @@
+import { IRenderer, IRenderContext } from './IGroupingRenderer';
+
+/**
+ * Entity must have id
+ */
+export interface IGroupingEntity {
+  id: string;
+}
+
+/**
+ * Configuration for a grouping renderer
+ */
+export interface IGroupingRendererConfig {
+  elementTag: string;      // e.g., 'swp-team-header'
+  idAttribute: string;     // e.g., 'teamId' -> data-team-id
+  colspanVar: string;      // e.g., '--team-cols'
+}
+
+/**
+ * Abstract base class for grouping renderers
+ *
+ * Handles:
+ * - Fetching entities by IDs
+ * - Calculating colspan from parentChildMap
+ * - Creating header elements
+ * - Appending to container
+ *
+ * Subclasses override:
+ * - renderHeader() for custom content
+ * - getDisplayName() for entity display text
+ */
+export abstract class BaseGroupingRenderer<T extends IGroupingEntity> implements IRenderer {
+  abstract readonly type: string;
+  protected abstract readonly config: IGroupingRendererConfig;
+
+  /**
+   * Fetch entities from service
+   */
+  protected abstract getEntities(ids: string[]): Promise<T[]>;
+
+  /**
+   * Get display name for entity
+   */
+  protected abstract getDisplayName(entity: T): string;
+
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context: IRenderContext): Promise<void> {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0) return;
+
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter['date']?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter(id => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+
+      // Allow subclass to customize header content
+      this.renderHeader(entity, header, context);
+
+      context.headerContainer.appendChild(header);
+    }
+  }
+
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  protected renderHeader(entity: T, header: HTMLElement, _context: IRenderContext): void {
+    header.textContent = this.getDisplayName(entity);
+  }
+
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  protected createHeader(entity: T, context: IRenderContext): HTMLElement {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+}
diff --git a/packages/calendar/src/core/CalendarApp.ts b/packages/calendar/src/core/CalendarApp.ts
new file mode 100644
index 0000000..246b257
--- /dev/null
+++ b/packages/calendar/src/core/CalendarApp.ts
@@ -0,0 +1,201 @@
+import { CalendarOrchestrator } from './CalendarOrchestrator';
+import { TimeAxisRenderer } from '../features/timeaxis/TimeAxisRenderer';
+import { NavigationAnimator } from './NavigationAnimator';
+import { DateService } from './DateService';
+import { ScrollManager } from './ScrollManager';
+import { HeaderDrawerManager } from './HeaderDrawerManager';
+import { ViewConfig } from './ViewConfig';
+import { DragDropManager } from '../managers/DragDropManager';
+import { EdgeScrollManager } from '../managers/EdgeScrollManager';
+import { ResizeManager } from '../managers/ResizeManager';
+import { EventPersistenceManager } from '../managers/EventPersistenceManager';
+import { HeaderDrawerRenderer } from '../features/headerdrawer/HeaderDrawerRenderer';
+import { SettingsService } from '../storage/settings/SettingsService';
+import { ViewConfigService } from '../storage/viewconfigs/ViewConfigService';
+import { IWorkweekPreset } from '../types/SettingsTypes';
+import { IEventBus } from '../types/CalendarTypes';
+import {
+  CalendarEvents,
+  RenderPayload,
+  WorkweekChangePayload,
+  ViewUpdatePayload
+} from './CalendarEvents';
+
+export class CalendarApp {
+  private animator!: NavigationAnimator;
+  private container!: HTMLElement;
+  private dayOffset = 0;
+  private currentViewId = 'simple';
+  private workweekPreset: IWorkweekPreset | null = null;
+  private groupingOverrides: Map<string, string[]> = new Map();
+
+  constructor(
+    private orchestrator: CalendarOrchestrator,
+    private timeAxisRenderer: TimeAxisRenderer,
+    private dateService: DateService,
+    private scrollManager: ScrollManager,
+    private headerDrawerManager: HeaderDrawerManager,
+    private dragDropManager: DragDropManager,
+    private edgeScrollManager: EdgeScrollManager,
+    private resizeManager: ResizeManager,
+    private headerDrawerRenderer: HeaderDrawerRenderer,
+    private eventPersistenceManager: EventPersistenceManager,
+    private settingsService: SettingsService,
+    private viewConfigService: ViewConfigService,
+    private eventBus: IEventBus
+  ) {}
+
+  async init(container: HTMLElement): Promise<void> {
+    this.container = container;
+
+    // Load settings
+    const gridSettings = await this.settingsService.getGridSettings();
+    if (!gridSettings) {
+      throw new Error('GridSettings not found');
+    }
+
+    this.workweekPreset = await this.settingsService.getDefaultWorkweekPreset();
+
+    // Create NavigationAnimator with DOM elements
+    this.animator = new NavigationAnimator(
+      container.querySelector('swp-header-track') as HTMLElement,
+      container.querySelector('swp-content-track') as HTMLElement,
+      container.querySelector('swp-header-drawer')
+    );
+
+    // Render time axis from settings
+    this.timeAxisRenderer.render(
+      container.querySelector('#time-axis') as HTMLElement,
+      gridSettings.dayStartHour,
+      gridSettings.dayEndHour
+    );
+
+    // Init managers
+    this.scrollManager.init(container);
+    this.headerDrawerManager.init(container);
+    this.dragDropManager.init(container);
+    this.resizeManager.init(container);
+
+    const scrollableContent = container.querySelector('swp-scrollable-content') as HTMLElement;
+    this.edgeScrollManager.init(scrollableContent);
+
+    // Setup command event listeners
+    this.setupEventListeners();
+
+    // Emit ready status
+    this.emitStatus('ready');
+  }
+
+  private setupEventListeners(): void {
+    // Navigation commands via EventBus
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_PREV, () => {
+      this.handleNavigatePrev();
+    });
+
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_NEXT, () => {
+      this.handleNavigateNext();
+    });
+
+    // Drawer toggle via EventBus
+    this.eventBus.on(CalendarEvents.CMD_DRAWER_TOGGLE, () => {
+      this.headerDrawerManager.toggle();
+    });
+
+    // Render command via EventBus
+    this.eventBus.on(CalendarEvents.CMD_RENDER, (e: Event) => {
+      const { viewId } = (e as CustomEvent<RenderPayload>).detail;
+      this.handleRenderCommand(viewId);
+    });
+
+    // Workweek change via EventBus
+    this.eventBus.on(CalendarEvents.CMD_WORKWEEK_CHANGE, (e: Event) => {
+      const { presetId } = (e as CustomEvent<WorkweekChangePayload>).detail;
+      this.handleWorkweekChange(presetId);
+    });
+
+    // View update via EventBus
+    this.eventBus.on(CalendarEvents.CMD_VIEW_UPDATE, (e: Event) => {
+      const { type, values } = (e as CustomEvent<ViewUpdatePayload>).detail;
+      this.handleViewUpdate(type, values);
+    });
+  }
+
+  private async handleRenderCommand(viewId: string): Promise<void> {
+    this.currentViewId = viewId;
+    await this.render();
+    this.emitStatus('rendered', { viewId });
+  }
+
+  private async handleNavigatePrev(): Promise<void> {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset -= step;
+    await this.animator.slide('right', () => this.render());
+    this.emitStatus('rendered', { viewId: this.currentViewId });
+  }
+
+  private async handleNavigateNext(): Promise<void> {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset += step;
+    await this.animator.slide('left', () => this.render());
+    this.emitStatus('rendered', { viewId: this.currentViewId });
+  }
+
+  private async handleWorkweekChange(presetId: string): Promise<void> {
+    const preset = await this.settingsService.getWorkweekPreset(presetId);
+    if (preset) {
+      this.workweekPreset = preset;
+      await this.render();
+      this.emitStatus('rendered', { viewId: this.currentViewId });
+    }
+  }
+
+  private async handleViewUpdate(type: string, values: string[]): Promise<void> {
+    this.groupingOverrides.set(type, values);
+    await this.render();
+    this.emitStatus('rendered', { viewId: this.currentViewId });
+  }
+
+  private async render(): Promise<void> {
+    const storedConfig = await this.viewConfigService.getById(this.currentViewId);
+    if (!storedConfig) {
+      this.emitStatus('error', { message: `ViewConfig not found: ${this.currentViewId}` });
+      return;
+    }
+
+    // Populate date values based on workweek preset and day offset
+    const workDays = this.workweekPreset?.workDays || [1, 2, 3, 4, 5];
+    const periodDays = this.workweekPreset?.periodDays ?? 7;
+
+    // For single-day navigation (periodDays=1), show consecutive days from offset
+    // For week navigation (periodDays=7), show workDays from the week containing offset
+    const dates = periodDays === 1
+      ? this.dateService.getDatesFromOffset(this.dayOffset, workDays.length)
+      : this.dateService.getWorkDaysFromOffset(this.dayOffset, workDays);
+
+    // Clone config and apply overrides
+    const viewConfig: ViewConfig = {
+      ...storedConfig,
+      groupings: storedConfig.groupings.map(g => {
+        // Apply date values
+        if (g.type === 'date') {
+          return { ...g, values: dates };
+        }
+        // Apply grouping overrides
+        const override = this.groupingOverrides.get(g.type);
+        if (override) {
+          return { ...g, values: override };
+        }
+        return g;
+      })
+    };
+
+    await this.orchestrator.render(viewConfig, this.container);
+  }
+
+  private emitStatus(status: string, detail?: object): void {
+    this.container.dispatchEvent(new CustomEvent(`calendar:status:${status}`, {
+      detail,
+      bubbles: true
+    }));
+  }
+}
diff --git a/packages/calendar/src/core/CalendarEvents.ts b/packages/calendar/src/core/CalendarEvents.ts
new file mode 100644
index 0000000..4cf553e
--- /dev/null
+++ b/packages/calendar/src/core/CalendarEvents.ts
@@ -0,0 +1,28 @@
+/**
+ * CalendarEvents - Command and status events for CalendarApp
+ */
+export const CalendarEvents = {
+  // Command events (host → calendar)
+  CMD_NAVIGATE_PREV: 'calendar:cmd:navigate:prev',
+  CMD_NAVIGATE_NEXT: 'calendar:cmd:navigate:next',
+  CMD_DRAWER_TOGGLE: 'calendar:cmd:drawer:toggle',
+  CMD_RENDER: 'calendar:cmd:render',
+  CMD_WORKWEEK_CHANGE: 'calendar:cmd:workweek:change',
+  CMD_VIEW_UPDATE: 'calendar:cmd:view:update'
+} as const;
+
+/**
+ * Payload interfaces for CalendarEvents
+ */
+export interface RenderPayload {
+  viewId: string;
+}
+
+export interface WorkweekChangePayload {
+  presetId: string;
+}
+
+export interface ViewUpdatePayload {
+  type: string;
+  values: string[];
+}
diff --git a/packages/calendar/src/core/CalendarOrchestrator.ts b/packages/calendar/src/core/CalendarOrchestrator.ts
new file mode 100644
index 0000000..933e8a5
--- /dev/null
+++ b/packages/calendar/src/core/CalendarOrchestrator.ts
@@ -0,0 +1,124 @@
+import { IRenderer, IRenderContext } from './IGroupingRenderer';
+import { buildPipeline } from './RenderBuilder';
+import { EventRenderer } from '../features/event/EventRenderer';
+import { ScheduleRenderer } from '../features/schedule/ScheduleRenderer';
+import { HeaderDrawerRenderer } from '../features/headerdrawer/HeaderDrawerRenderer';
+import { ViewConfig, GroupingConfig } from './ViewConfig';
+import { FilterTemplate } from './FilterTemplate';
+import { DateService } from './DateService';
+import { IEntityService } from '../storage/IEntityService';
+import { ISync } from '../types/CalendarTypes';
+
+export class CalendarOrchestrator {
+  constructor(
+    private allRenderers: IRenderer[],
+    private eventRenderer: EventRenderer,
+    private scheduleRenderer: ScheduleRenderer,
+    private headerDrawerRenderer: HeaderDrawerRenderer,
+    private dateService: DateService,
+    private entityServices: IEntityService<ISync>[]
+  ) {}
+
+  async render(viewConfig: ViewConfig, container: HTMLElement): Promise<void> {
+    const headerContainer = container.querySelector('swp-calendar-header') as HTMLElement;
+    const columnContainer = container.querySelector('swp-day-columns') as HTMLElement;
+    if (!headerContainer || !columnContainer) {
+      throw new Error('Missing swp-calendar-header or swp-day-columns');
+    }
+
+    // Byg filter fra viewConfig
+    const filter: Record<string, string[]> = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+
+    // Byg FilterTemplate fra viewConfig groupings (kun de med idProperty)
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+
+    // Resolve belongsTo relations (e.g., team.resourceIds)
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+
+    const context: IRenderContext = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+
+    // Clear
+    headerContainer.innerHTML = '';
+    columnContainer.innerHTML = '';
+
+    // Sæt data-levels attribut for CSS grid-row styling
+    const levels = viewConfig.groupings.map(g => g.type).join(' ');
+    headerContainer.dataset.levels = levels;
+
+    // Vælg renderers baseret på groupings types
+    const activeRenderers = this.selectRenderers(viewConfig);
+
+    // Byg og kør pipeline
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+
+    // Render schedule unavailable zones (før events)
+    await this.scheduleRenderer.render(container, filter);
+
+    // Render timed events in grid (med filterTemplate til matching)
+    await this.eventRenderer.render(container, filter, filterTemplate);
+
+    // Render allDay events in header drawer (med filterTemplate til matching)
+    await this.headerDrawerRenderer.render(container, filter, filterTemplate);
+  }
+
+  private selectRenderers(viewConfig: ViewConfig): IRenderer[] {
+    const types = viewConfig.groupings.map(g => g.type);
+    // Sortér renderers i samme rækkefølge som viewConfig.groupings
+    return types
+      .map(type => this.allRenderers.find(r => r.type === type))
+      .filter((r): r is IRenderer => r !== undefined);
+  }
+
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  private async resolveBelongsTo(
+    groupings: GroupingConfig[],
+    filter: Record<string, string[]>
+  ): Promise<{ parentChildMap?: Record<string, string[]>; childType?: string }> {
+    // Find grouping with belongsTo
+    const childGrouping = groupings.find(g => g.belongsTo);
+    if (!childGrouping?.belongsTo) return {};
+
+    // Parse belongsTo: 'team.resourceIds'
+    const [entityType, property] = childGrouping.belongsTo.split('.');
+    if (!entityType || !property) return {};
+
+    // Get parent IDs from filter
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0) return {};
+
+    // Find service dynamisk baseret på entityType (ingen hardcoded type check)
+    const service = this.entityServices.find(s =>
+      s.entityType.toLowerCase() === entityType
+    );
+    if (!service) return {};
+
+    // Hent alle entities og filtrer på parentIds
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter(e =>
+      parentIds.includes((e as unknown as Record<string, unknown>).id as string)
+    );
+
+    // Byg parent-child map
+    const map: Record<string, string[]> = {};
+    for (const entity of entities) {
+      const entityRecord = entity as unknown as Record<string, unknown>;
+      const children = (entityRecord[property] as string[]) || [];
+      map[entityRecord.id as string] = children;
+    }
+
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+}
diff --git a/packages/calendar/src/core/DateService.ts b/packages/calendar/src/core/DateService.ts
new file mode 100644
index 0000000..1d3c44d
--- /dev/null
+++ b/packages/calendar/src/core/DateService.ts
@@ -0,0 +1,195 @@
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import { ITimeFormatConfig } from './ITimeFormatConfig';
+
+// Enable dayjs plugins
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(isoWeek);
+
+export class DateService {
+  private timezone: string;
+  private baseDate: dayjs.Dayjs;
+
+  constructor(private config: ITimeFormatConfig, baseDate?: Date) {
+    this.timezone = config.timezone;
+    // Allow setting a fixed base date for demo/testing purposes
+    this.baseDate = baseDate ? dayjs(baseDate) : dayjs();
+  }
+
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date: Date): void {
+    this.baseDate = dayjs(date);
+  }
+
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate(): Date {
+    return this.baseDate.toDate();
+  }
+
+  parseISO(isoString: string): Date {
+    return dayjs(isoString).toDate();
+  }
+
+  getDayName(date: Date, format: 'short' | 'long' = 'short'): string {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+
+  /**
+   * Get dates starting from a day offset
+   * @param dayOffset - Day offset from base date
+   * @param count - Number of consecutive days to return
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getDatesFromOffset(dayOffset: number, count: number): string[] {
+    const startDate = this.baseDate.add(dayOffset, 'day');
+    return Array.from({ length: count }, (_, i) =>
+      startDate.add(i, 'day').format('YYYY-MM-DD')
+    );
+  }
+
+  /**
+   * Get specific weekdays from the week containing the offset date
+   * @param dayOffset - Day offset from base date
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkDaysFromOffset(dayOffset: number, workDays: number[]): string[] {
+    // Get the date at offset, then find its week's Monday
+    const targetDate = this.baseDate.add(dayOffset, 'day');
+    const monday = targetDate.startOf('week').add(1, 'day');
+
+    return workDays.map(isoDay => {
+      // ISO: 1=Monday, 7=Sunday → days from Monday: 0-6
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, 'day').format('YYYY-MM-DD');
+    });
+  }
+
+  // Legacy methods for backwards compatibility
+  getWeekDates(weekOffset = 0, days = 7): string[] {
+    return this.getDatesFromOffset(weekOffset * 7, days);
+  }
+
+  getWorkWeekDates(weekOffset: number, workDays: number[]): string[] {
+    return this.getWorkDaysFromOffset(weekOffset * 7, workDays);
+  }
+
+  // ============================================
+  // FORMATTING
+  // ============================================
+
+  formatTime(date: Date, showSeconds = false): string {
+    const pattern = showSeconds ? 'HH:mm:ss' : 'HH:mm';
+    return dayjs(date).format(pattern);
+  }
+
+  formatTimeRange(start: Date, end: Date): string {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+
+  formatDate(date: Date): string {
+    return dayjs(date).format('YYYY-MM-DD');
+  }
+
+  getDateKey(date: Date): string {
+    return this.formatDate(date);
+  }
+
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments: Record<string, string>): string {
+    // Always put date first if present, then other segments alphabetically
+    const date = segments.date;
+    const others = Object.entries(segments)
+      .filter(([k]) => k !== 'date')
+      .sort(([a], [b]) => a.localeCompare(b))
+      .map(([, v]) => v);
+
+    return date ? [date, ...others].join(':') : others.join(':');
+  }
+
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey: string): { date: string; resource?: string } {
+    const parts = columnKey.split(':');
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey: string): string {
+    return columnKey.split(':')[0];
+  }
+
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+
+  timeToMinutes(timeString: string): number {
+    const parts = timeString.split(':').map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+
+  minutesToTime(totalMinutes: number): string {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return dayjs().hour(hours).minute(minutes).format('HH:mm');
+  }
+
+  getMinutesSinceMidnight(date: Date): number {
+    const d = dayjs(date);
+    return d.hour() * 60 + d.minute();
+  }
+
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+
+  toUTC(localDate: Date): string {
+    return dayjs.tz(localDate, this.timezone).utc().toISOString();
+  }
+
+  fromUTC(utcString: string): Date {
+    return dayjs.utc(utcString).tz(this.timezone).toDate();
+  }
+
+  // ============================================
+  // DATE CREATION
+  // ============================================
+
+  createDateAtTime(baseDate: Date | string, timeString: string): Date {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return dayjs(baseDate).startOf('day').hour(hours).minute(minutes).toDate();
+  }
+
+  getISOWeekDay(date: Date | string): number {
+    return dayjs(date).isoWeekday();  // 1=Monday, 7=Sunday
+  }
+}
diff --git a/packages/calendar/src/core/EntityResolver.ts b/packages/calendar/src/core/EntityResolver.ts
new file mode 100644
index 0000000..7161c30
--- /dev/null
+++ b/packages/calendar/src/core/EntityResolver.ts
@@ -0,0 +1,48 @@
+import { IEntityResolver } from './IEntityResolver';
+
+/**
+ * EntityResolver - Resolves entities from pre-loaded cache
+ *
+ * Entities must be loaded before use (typically at render time).
+ * This allows synchronous lookups during filtering.
+ */
+export class EntityResolver implements IEntityResolver {
+  private cache: Map<string, Map<string, Record<string, unknown>>> = new Map();
+
+  /**
+   * Load entities into cache for a given type
+   * @param entityType - The entity type (e.g., 'resource')
+   * @param entities - Array of entities with 'id' property
+   */
+  load<T extends { id: string }>(entityType: string, entities: T[]): void {
+    const typeCache = new Map<string, Record<string, unknown>>();
+    for (const entity of entities) {
+      // Cast to Record for storage while preserving original data
+      typeCache.set(entity.id, entity as unknown as Record<string, unknown>);
+    }
+    this.cache.set(entityType, typeCache);
+  }
+
+  /**
+   * Resolve an entity by type and ID
+   */
+  resolve(entityType: string, id: string): Record<string, unknown> | undefined {
+    const typeCache = this.cache.get(entityType);
+    if (!typeCache) return undefined;
+    return typeCache.get(id);
+  }
+
+  /**
+   * Clear all cached entities
+   */
+  clear(): void {
+    this.cache.clear();
+  }
+
+  /**
+   * Clear cache for a specific entity type
+   */
+  clearType(entityType: string): void {
+    this.cache.delete(entityType);
+  }
+}
diff --git a/packages/calendar/src/core/EventBus.ts b/packages/calendar/src/core/EventBus.ts
new file mode 100644
index 0000000..469a73e
--- /dev/null
+++ b/packages/calendar/src/core/EventBus.ts
@@ -0,0 +1,174 @@
+import { IEventLogEntry, IListenerEntry, IEventBus } from '../types/CalendarTypes';
+
+/**
+ * Central event dispatcher for calendar using DOM CustomEvents
+ * Provides logging and debugging capabilities
+ */
+export class EventBus implements IEventBus {
+  private eventLog: IEventLogEntry[] = [];
+  private debug: boolean = false;
+  private listeners: Set<IListenerEntry> = new Set();
+
+  // Log configuration for different categories
+  private logConfig: { [key: string]: boolean } = {
+    calendar: true,
+    grid: true,
+    event: true,
+    scroll: true,
+    navigation: true,
+    view: true,
+    default: true
+  };
+
+  /**
+   * Subscribe to an event via DOM addEventListener
+   */
+  on(eventType: string, handler: EventListener, options?: AddEventListenerOptions): () => void {
+    document.addEventListener(eventType, handler, options);
+
+    // Track for cleanup
+    this.listeners.add({ eventType, handler, options });
+
+    // Return unsubscribe function
+    return () => this.off(eventType, handler);
+  }
+
+  /**
+   * Subscribe to an event once
+   */
+  once(eventType: string, handler: EventListener): () => void {
+    return this.on(eventType, handler, { once: true });
+  }
+
+  /**
+   * Unsubscribe from an event
+   */
+  off(eventType: string, handler: EventListener): void {
+    document.removeEventListener(eventType, handler);
+
+    // Remove from tracking
+    for (const listener of this.listeners) {
+      if (listener.eventType === eventType && listener.handler === handler) {
+        this.listeners.delete(listener);
+        break;
+      }
+    }
+  }
+
+  /**
+   * Emit an event via DOM CustomEvent
+   */
+  emit(eventType: string, detail: unknown = {}): boolean {
+    // Validate eventType
+    if (!eventType) {
+      return false;
+    }
+
+    const event = new CustomEvent(eventType, {
+      detail: detail ?? {},
+      bubbles: true,
+      cancelable: true
+    });
+
+    // Log event with grouping
+    if (this.debug) {
+      this.logEventWithGrouping(eventType, detail);
+    }
+
+    this.eventLog.push({
+      type: eventType,
+      detail: detail ?? {},
+      timestamp: Date.now()
+    });
+
+    // Emit on document (only DOM events now)
+    return !document.dispatchEvent(event);
+  }
+
+  /**
+   * Log event with console grouping
+   */
+  private logEventWithGrouping(eventType: string, _detail: unknown): void {
+    // Extract category from event type (e.g., 'calendar:datechanged' → 'calendar')
+    const category = this.extractCategory(eventType);
+
+    // Only log if category is enabled
+    if (!this.logConfig[category]) {
+      return;
+    }
+
+    // Get category emoji and color (used for future console styling)
+    this.getCategoryStyle(category);
+  }
+
+  /**
+   * Extract category from event type
+   */
+  private extractCategory(eventType: string): string {
+    if (!eventType) {
+      return 'unknown';
+    }
+
+    if (eventType.includes(':')) {
+      return eventType.split(':')[0];
+    }
+
+    // Fallback: try to detect category from event name patterns
+    const lowerType = eventType.toLowerCase();
+    if (lowerType.includes('grid') || lowerType.includes('rendered')) return 'grid';
+    if (lowerType.includes('event') || lowerType.includes('sync')) return 'event';
+    if (lowerType.includes('scroll')) return 'scroll';
+    if (lowerType.includes('nav') || lowerType.includes('date')) return 'navigation';
+    if (lowerType.includes('view')) return 'view';
+
+    return 'default';
+  }
+
+  /**
+   * Get styling for different categories
+   */
+  private getCategoryStyle(category: string): { emoji: string; color: string } {
+    const styles: { [key: string]: { emoji: string; color: string } } = {
+      calendar: { emoji: '📅', color: '#2196F3' },
+      grid: { emoji: '📊', color: '#4CAF50' },
+      event: { emoji: '📌', color: '#FF9800' },
+      scroll: { emoji: '📜', color: '#9C27B0' },
+      navigation: { emoji: '🧭', color: '#F44336' },
+      view: { emoji: '👁', color: '#00BCD4' },
+      default: { emoji: '📢', color: '#607D8B' }
+    };
+
+    return styles[category] || styles.default;
+  }
+
+  /**
+   * Configure logging for specific categories
+   */
+  setLogConfig(config: { [key: string]: boolean }): void {
+    this.logConfig = { ...this.logConfig, ...config };
+  }
+
+  /**
+   * Get current log configuration
+   */
+  getLogConfig(): { [key: string]: boolean } {
+    return { ...this.logConfig };
+  }
+
+  /**
+   * Get event history
+   */
+  getEventLog(eventType?: string): IEventLogEntry[] {
+    if (eventType) {
+      return this.eventLog.filter(e => e.type === eventType);
+    }
+    return this.eventLog;
+  }
+
+  /**
+   * Enable/disable debug mode
+   */
+  setDebug(enabled: boolean): void {
+    this.debug = enabled;
+  }
+}
diff --git a/packages/calendar/src/core/FilterTemplate.ts b/packages/calendar/src/core/FilterTemplate.ts
new file mode 100644
index 0000000..00451b1
--- /dev/null
+++ b/packages/calendar/src/core/FilterTemplate.ts
@@ -0,0 +1,149 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { DateService } from './DateService';
+import { IEntityResolver } from './IEntityResolver';
+
+/**
+ * Field definition for FilterTemplate
+ */
+interface IFilterField {
+  idProperty: string;
+  derivedFrom?: string;
+}
+
+/**
+ * Parsed dot-notation reference
+ */
+interface IDotNotation {
+  entityType: string;   // e.g., 'resource'
+  property: string;     // e.g., 'teamId'
+  foreignKey: string;   // e.g., 'resourceId'
+}
+
+/**
+ * FilterTemplate - Bygger nøgler til event-kolonne matching
+ *
+ * ViewConfig definerer hvilke felter (idProperties) der indgår i kolonnens nøgle.
+ * Samme template bruges til at bygge nøgle for både kolonne og event.
+ *
+ * Supports dot-notation for hierarchical relations:
+ * - 'resource.teamId' → looks up event.resourceId → resource entity → teamId
+ *
+ * Princip: Kolonnens nøgle-template bestemmer hvad der matches på.
+ *
+ * @see docs/filter-template.md
+ */
+export class FilterTemplate {
+  private fields: IFilterField[] = [];
+
+  constructor(
+    private dateService: DateService,
+    private entityResolver?: IEntityResolver
+  ) {}
+
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty: string, derivedFrom?: string): this {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  private parseDotNotation(idProperty: string): IDotNotation | null {
+    if (!idProperty.includes('.')) return null;
+    const [entityType, property] = idProperty.split('.');
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + 'Id' // Convention: resource → resourceId
+    };
+  }
+
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  private getDatasetKey(idProperty: string): string {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property; // 'teamId'
+    }
+    return idProperty;
+  }
+
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column: HTMLElement): string {
+    return this.fields
+      .map(f => {
+        const key = this.getDatasetKey(f.idProperty);
+        return column.dataset[key] || '';
+      })
+      .join(':');
+  }
+
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event: ICalendarEvent): string {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const eventRecord = event as any;
+    return this.fields
+      .map(f => {
+        // Check for dot-notation (e.g., 'resource.teamId')
+        const dotNotation = this.parseDotNotation(f.idProperty);
+        if (dotNotation) {
+          return this.resolveDotNotation(eventRecord, dotNotation);
+        }
+
+        if (f.derivedFrom) {
+          // Udled værdi (f.eks. date fra start)
+          const sourceValue = eventRecord[f.derivedFrom];
+          if (sourceValue instanceof Date) {
+            return this.dateService.getDateKey(sourceValue);
+          }
+          return String(sourceValue || '');
+        }
+        return String(eventRecord[f.idProperty] || '');
+      })
+      .join(':');
+  }
+
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  private resolveDotNotation(eventRecord: Record<string, unknown>, dotNotation: IDotNotation): string {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return '';
+    }
+
+    // Get foreign key value from event (e.g., resourceId)
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId) return '';
+
+    // Resolve entity
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity) return '';
+
+    // Return property value from entity
+    return String(entity[dotNotation.property] || '');
+  }
+
+  /**
+   * Match event mod kolonne
+   */
+  matches(event: ICalendarEvent, column: HTMLElement): boolean {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+}
diff --git a/packages/calendar/src/core/HeaderDrawerManager.ts b/packages/calendar/src/core/HeaderDrawerManager.ts
new file mode 100644
index 0000000..445bb23
--- /dev/null
+++ b/packages/calendar/src/core/HeaderDrawerManager.ts
@@ -0,0 +1,70 @@
+export class HeaderDrawerManager {
+  private drawer!: HTMLElement;
+  private expanded = false;
+  private currentRows = 0;
+  private readonly rowHeight = 25;
+  private readonly duration = 200;
+
+  init(container: HTMLElement): void {
+    this.drawer = container.querySelector('swp-header-drawer')!;
+
+    if (!this.drawer) console.error('HeaderDrawerManager: swp-header-drawer not found');
+  }
+
+  toggle(): void {
+    this.expanded ? this.collapse() : this.expand();
+  }
+
+  /**
+   * Expand drawer to single row (legacy support)
+   */
+  expand(): void {
+    this.expandToRows(1);
+  }
+
+  /**
+   * Expand drawer to fit specified number of rows
+   */
+  expandToRows(rowCount: number): void {
+    const targetHeight = rowCount * this.rowHeight;
+    const currentHeight = this.expanded ? this.currentRows * this.rowHeight : 0;
+
+    // Skip if already at target
+    if (this.expanded && this.currentRows === rowCount) return;
+
+    this.currentRows = rowCount;
+    this.expanded = true;
+    this.animate(currentHeight, targetHeight);
+  }
+
+  collapse(): void {
+    if (!this.expanded) return;
+    const currentHeight = this.currentRows * this.rowHeight;
+    this.expanded = false;
+    this.currentRows = 0;
+    this.animate(currentHeight, 0);
+  }
+
+  private animate(from: number, to: number): void {
+    const keyframes = [
+      { height: `${from}px` },
+      { height: `${to}px` }
+    ];
+    const options: KeyframeAnimationOptions = {
+      duration: this.duration,
+      easing: 'ease',
+      fill: 'forwards'
+    };
+
+    // Kun animér drawer - ScrollManager synkroniserer header-spacer via ResizeObserver
+    this.drawer.animate(keyframes, options);
+  }
+
+  isExpanded(): boolean {
+    return this.expanded;
+  }
+
+  getRowCount(): number {
+    return this.currentRows;
+  }
+}
diff --git a/packages/calendar/src/core/IEntityResolver.ts b/packages/calendar/src/core/IEntityResolver.ts
new file mode 100644
index 0000000..b825c0f
--- /dev/null
+++ b/packages/calendar/src/core/IEntityResolver.ts
@@ -0,0 +1,15 @@
+/**
+ * IEntityResolver - Resolves entities by type and ID
+ *
+ * Used by FilterTemplate to resolve dot-notation references like 'resource.teamId'
+ * where the value needs to be looked up from a related entity.
+ */
+export interface IEntityResolver {
+  /**
+   * Resolve an entity by type and ID
+   * @param entityType - The entity type (e.g., 'resource', 'booking', 'customer')
+   * @param id - The entity ID
+   * @returns The entity record or undefined if not found
+   */
+  resolve(entityType: string, id: string): Record<string, unknown> | undefined;
+}
diff --git a/packages/calendar/src/core/IGridConfig.ts b/packages/calendar/src/core/IGridConfig.ts
new file mode 100644
index 0000000..03c6a2f
--- /dev/null
+++ b/packages/calendar/src/core/IGridConfig.ts
@@ -0,0 +1,7 @@
+export interface IGridConfig {
+  hourHeight: number;      // pixels per hour
+  dayStartHour: number;    // e.g. 6
+  dayEndHour: number;      // e.g. 18
+  snapInterval: number;    // minutes, e.g. 15
+  gridStartThresholdMinutes?: number;  // threshold for GRID grouping (default 10)
+}
diff --git a/packages/calendar/src/core/IGroupingRenderer.ts b/packages/calendar/src/core/IGroupingRenderer.ts
new file mode 100644
index 0000000..a1bc507
--- /dev/null
+++ b/packages/calendar/src/core/IGroupingRenderer.ts
@@ -0,0 +1,15 @@
+import { GroupingConfig } from './ViewConfig';
+
+export interface IRenderContext {
+  headerContainer: HTMLElement;
+  columnContainer: HTMLElement;
+  filter: Record<string, string[]>;  // { team: ['alpha'], resource: ['alice', 'bob'], date: [...] }
+  groupings?: GroupingConfig[];      // Full grouping configs (for hideHeader etc.)
+  parentChildMap?: Record<string, string[]>;  // { team1: ['EMP001', 'EMP002'], team2: ['EMP003', 'EMP004'] }
+  childType?: string;  // The type of the child grouping (e.g., 'resource' when team has belongsTo)
+}
+
+export interface IRenderer {
+  readonly type: string;
+  render(context: IRenderContext): void | Promise<void>;
+}
diff --git a/packages/calendar/src/core/IGroupingStore.ts b/packages/calendar/src/core/IGroupingStore.ts
new file mode 100644
index 0000000..8abc837
--- /dev/null
+++ b/packages/calendar/src/core/IGroupingStore.ts
@@ -0,0 +1,4 @@
+export interface IGroupingStore<T = unknown> {
+  readonly type: string;
+  getByIds(ids: string[]): T[];
+}
diff --git a/src/configurations/TimeFormatConfig.ts b/packages/calendar/src/core/ITimeFormatConfig.ts
similarity index 78%
rename from src/configurations/TimeFormatConfig.ts
rename to packages/calendar/src/core/ITimeFormatConfig.ts
index 2bb9207..1a401d5 100644
--- a/src/configurations/TimeFormatConfig.ts
+++ b/packages/calendar/src/core/ITimeFormatConfig.ts
@@ -1,10 +1,7 @@
-/**
- * Time format configuration settings
- */
-export interface ITimeFormatConfig {
-  timezone: string;
-  use24HourFormat: boolean;
-  locale: string;
-  dateFormat: 'locale' | 'technical';
-  showSeconds: boolean;
-}
+export interface ITimeFormatConfig {
+  timezone: string;
+  use24HourFormat: boolean;
+  locale: string;
+  dateFormat: 'locale' | 'technical';
+  showSeconds: boolean;
+}
diff --git a/packages/calendar/src/core/NavigationAnimator.ts b/packages/calendar/src/core/NavigationAnimator.ts
new file mode 100644
index 0000000..cf173ad
--- /dev/null
+++ b/packages/calendar/src/core/NavigationAnimator.ts
@@ -0,0 +1,64 @@
+export class NavigationAnimator {
+  constructor(
+    private headerTrack: HTMLElement,
+    private contentTrack: HTMLElement,
+    private headerDrawer: HTMLElement | null
+  ) {}
+
+  async slide(direction: 'left' | 'right', renderFn: () => Promise<void>): Promise<void> {
+    const out = direction === 'left' ? '-100%' : '100%';
+    const into = direction === 'left' ? '100%' : '-100%';
+
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+
+  private async animateOut(translate: string): Promise<void> {
+    const animations = [
+      this.headerTrack.animate(
+        [{ transform: 'translateX(0)' }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: 'ease-in' }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: 'translateX(0)' }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: 'ease-in' }
+      ).finished
+    ];
+
+    if (this.headerDrawer) {
+      animations.push(
+        this.headerDrawer.animate(
+          [{ transform: 'translateX(0)' }, { transform: `translateX(${translate})` }],
+          { duration: 200, easing: 'ease-in' }
+        ).finished
+      );
+    }
+
+    await Promise.all(animations);
+  }
+
+  private async animateIn(translate: string): Promise<void> {
+    const animations = [
+      this.headerTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: 'translateX(0)' }],
+        { duration: 200, easing: 'ease-out' }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: 'translateX(0)' }],
+        { duration: 200, easing: 'ease-out' }
+      ).finished
+    ];
+
+    if (this.headerDrawer) {
+      animations.push(
+        this.headerDrawer.animate(
+          [{ transform: `translateX(${translate})` }, { transform: 'translateX(0)' }],
+          { duration: 200, easing: 'ease-out' }
+        ).finished
+      );
+    }
+
+    await Promise.all(animations);
+  }
+}
diff --git a/packages/calendar/src/core/RenderBuilder.ts b/packages/calendar/src/core/RenderBuilder.ts
new file mode 100644
index 0000000..68f0ee3
--- /dev/null
+++ b/packages/calendar/src/core/RenderBuilder.ts
@@ -0,0 +1,15 @@
+import { IRenderer, IRenderContext } from './IGroupingRenderer';
+
+export interface Pipeline {
+  run(context: IRenderContext): Promise<void>;
+}
+
+export function buildPipeline(renderers: IRenderer[]): Pipeline {
+  return {
+    async run(context: IRenderContext) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
diff --git a/packages/calendar/src/core/ScrollManager.ts b/packages/calendar/src/core/ScrollManager.ts
new file mode 100644
index 0000000..bb4f490
--- /dev/null
+++ b/packages/calendar/src/core/ScrollManager.ts
@@ -0,0 +1,42 @@
+export class ScrollManager {
+  private scrollableContent!: HTMLElement;
+  private timeAxisContent!: HTMLElement;
+  private calendarHeader!: HTMLElement;
+  private headerDrawer!: HTMLElement;
+  private headerViewport!: HTMLElement;
+  private headerSpacer!: HTMLElement;
+  private resizeObserver!: ResizeObserver;
+
+  init(container: HTMLElement): void {
+    this.scrollableContent = container.querySelector('swp-scrollable-content')!;
+    this.timeAxisContent = container.querySelector('swp-time-axis-content')!;
+    this.calendarHeader = container.querySelector('swp-calendar-header')!;
+    this.headerDrawer = container.querySelector('swp-header-drawer')!;
+    this.headerViewport = container.querySelector('swp-header-viewport')!;
+    this.headerSpacer = container.querySelector('swp-header-spacer')!;
+
+    this.scrollableContent.addEventListener('scroll', () => this.onScroll());
+
+    // Synkroniser header-spacer højde med header-viewport
+    this.resizeObserver = new ResizeObserver(() => this.syncHeaderSpacerHeight());
+    this.resizeObserver.observe(this.headerViewport);
+    this.syncHeaderSpacerHeight();
+  }
+
+  private syncHeaderSpacerHeight(): void {
+    // Kopier den faktiske computed height direkte fra header-viewport
+    const computedHeight = getComputedStyle(this.headerViewport).height;
+    this.headerSpacer.style.height = computedHeight;
+  }
+
+  private onScroll(): void {
+    const { scrollTop, scrollLeft } = this.scrollableContent;
+
+    // Synkroniser time-axis vertikalt
+    this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
+
+    // Synkroniser header og drawer horisontalt
+    this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
+    this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`;
+  }
+}
diff --git a/packages/calendar/src/core/ViewConfig.ts b/packages/calendar/src/core/ViewConfig.ts
new file mode 100644
index 0000000..8ecd79b
--- /dev/null
+++ b/packages/calendar/src/core/ViewConfig.ts
@@ -0,0 +1,21 @@
+import { ISync } from '../types/CalendarTypes';
+
+export interface ViewTemplate {
+  id: string;
+  name: string;
+  groupingTypes: string[];
+}
+
+export interface ViewConfig extends ISync {
+  id: string;  // templateId (e.g. 'day', 'simple', 'resource')
+  groupings: GroupingConfig[];
+}
+
+export interface GroupingConfig {
+  type: string;
+  values: string[];
+  idProperty?: string;      // Property-navn på event (f.eks. 'resourceId') - kun for event matching
+  derivedFrom?: string;     // Hvis feltet udledes fra anden property (f.eks. 'date' fra 'start')
+  belongsTo?: string;       // Parent-child relation (f.eks. 'team.resourceIds')
+  hideHeader?: boolean;     // Skjul header-rækken for denne grouping (f.eks. dato i day-view)
+}
diff --git a/packages/calendar/src/extensions/audit/AuditService.ts b/packages/calendar/src/extensions/audit/AuditService.ts
new file mode 100644
index 0000000..ccdb2b4
--- /dev/null
+++ b/packages/calendar/src/extensions/audit/AuditService.ts
@@ -0,0 +1,167 @@
+import { BaseEntityService } from '../../storage/BaseEntityService';
+import { IndexedDBContext } from '../../storage/IndexedDBContext';
+import { IAuditEntry, IAuditLoggedPayload } from '../../types/AuditTypes';
+import { EntityType, IEventBus, IEntitySavedPayload, IEntityDeletedPayload } from '../../types/CalendarTypes';
+import { CoreEvents } from '../../constants/CoreEvents';
+
+/**
+ * AuditService - Entity service for audit entries
+ *
+ * RESPONSIBILITIES:
+ * - Store audit entries in IndexedDB
+ * - Listen for ENTITY_SAVED/ENTITY_DELETED events
+ * - Create audit entries for all entity changes
+ * - Emit AUDIT_LOGGED after saving (for SyncManager to listen)
+ *
+ * OVERRIDE PATTERN:
+ * - Overrides save() to NOT emit events (prevents infinite loops)
+ * - AuditService saves audit entries without triggering more audits
+ *
+ * EVENT CHAIN:
+ * Entity change → ENTITY_SAVED/DELETED → AuditService → AUDIT_LOGGED → SyncManager
+ */
+export class AuditService extends BaseEntityService<IAuditEntry> {
+  readonly storeName = 'audit';
+  readonly entityType: EntityType = 'Audit';
+
+  // Hardcoded userId for now - will come from session later
+  private static readonly DEFAULT_USER_ID = '00000000-0000-0000-0000-000000000001';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+    this.setupEventListeners();
+  }
+
+  /**
+   * Setup listeners for ENTITY_SAVED and ENTITY_DELETED events
+   */
+  private setupEventListeners(): void {
+    // Listen for entity saves (create/update)
+    this.eventBus.on(CoreEvents.ENTITY_SAVED, (event: Event) => {
+      const detail = (event as CustomEvent).detail;
+      this.handleEntitySaved(detail);
+    });
+
+    // Listen for entity deletes
+    this.eventBus.on(CoreEvents.ENTITY_DELETED, (event: Event) => {
+      const detail = (event as CustomEvent).detail;
+      this.handleEntityDeleted(detail);
+    });
+  }
+
+  /**
+   * Handle ENTITY_SAVED event - create audit entry
+   */
+  private async handleEntitySaved(payload: IEntitySavedPayload): Promise<void> {
+    // Don't audit audit entries (prevent infinite loops)
+    if (payload.entityType === 'Audit') return;
+
+    const auditEntry: IAuditEntry = {
+      id: crypto.randomUUID(),
+      entityType: payload.entityType,
+      entityId: payload.entityId,
+      operation: payload.operation,
+      userId: AuditService.DEFAULT_USER_ID,
+      timestamp: payload.timestamp,
+      changes: payload.changes,
+      synced: false,
+      syncStatus: 'pending'
+    };
+
+    await this.save(auditEntry);
+  }
+
+  /**
+   * Handle ENTITY_DELETED event - create audit entry
+   */
+  private async handleEntityDeleted(payload: IEntityDeletedPayload): Promise<void> {
+    // Don't audit audit entries (prevent infinite loops)
+    if (payload.entityType === 'Audit') return;
+
+    const auditEntry: IAuditEntry = {
+      id: crypto.randomUUID(),
+      entityType: payload.entityType,
+      entityId: payload.entityId,
+      operation: 'delete',
+      userId: AuditService.DEFAULT_USER_ID,
+      timestamp: payload.timestamp,
+      changes: { id: payload.entityId }, // For delete, just store the ID
+      synced: false,
+      syncStatus: 'pending'
+    };
+
+    await this.save(auditEntry);
+  }
+
+  /**
+   * Override save to NOT trigger ENTITY_SAVED event
+   * Instead, emits AUDIT_LOGGED for SyncManager to listen
+   *
+   * This prevents infinite loops:
+   * - BaseEntityService.save() emits ENTITY_SAVED
+   * - AuditService listens to ENTITY_SAVED and creates audit
+   * - If AuditService.save() also emitted ENTITY_SAVED, it would loop
+   */
+  async save(entity: IAuditEntry): Promise<void> {
+    const serialized = this.serialize(entity);
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readwrite');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+
+      request.onsuccess = () => {
+        // Emit AUDIT_LOGGED instead of ENTITY_SAVED
+        const payload: IAuditLoggedPayload = {
+          auditId: entity.id,
+          entityType: entity.entityType,
+          entityId: entity.entityId,
+          operation: entity.operation,
+          timestamp: entity.timestamp
+        };
+        this.eventBus.emit(CoreEvents.AUDIT_LOGGED, payload);
+        resolve();
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to save audit entry ${entity.id}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Override delete to NOT trigger ENTITY_DELETED event
+   * Audit entries should never be deleted (compliance requirement)
+   */
+  async delete(_id: string): Promise<void> {
+    throw new Error('Audit entries cannot be deleted (compliance requirement)');
+  }
+
+  /**
+   * Get pending audit entries (for sync)
+   */
+  async getPendingAudits(): Promise<IAuditEntry[]> {
+    return this.getBySyncStatus('pending');
+  }
+
+  /**
+   * Get audit entries for a specific entity
+   */
+  async getByEntityId(entityId: string): Promise<IAuditEntry[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('entityId');
+      const request = index.getAll(entityId);
+
+      request.onsuccess = () => {
+        const entries = request.result as IAuditEntry[];
+        resolve(entries);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get audit entries for entity ${entityId}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/packages/calendar/src/extensions/audit/AuditStore.ts b/packages/calendar/src/extensions/audit/AuditStore.ts
new file mode 100644
index 0000000..769b3b9
--- /dev/null
+++ b/packages/calendar/src/extensions/audit/AuditStore.ts
@@ -0,0 +1,27 @@
+import { IStore } from '../../storage/IStore';
+
+/**
+ * AuditStore - IndexedDB store configuration for audit entries
+ *
+ * Stores all entity changes for:
+ * - Compliance and audit trail
+ * - Sync tracking with backend
+ * - Change history
+ *
+ * Indexes:
+ * - syncStatus: For finding pending entries to sync
+ * - synced: Boolean flag for quick sync queries
+ * - entityId: For getting all audits for a specific entity
+ * - timestamp: For chronological queries
+ */
+export class AuditStore implements IStore {
+  readonly storeName = 'audit';
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(this.storeName, { keyPath: 'id' });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+    store.createIndex('synced', 'synced', { unique: false });
+    store.createIndex('entityId', 'entityId', { unique: false });
+    store.createIndex('timestamp', 'timestamp', { unique: false });
+  }
+}
diff --git a/packages/calendar/src/extensions/audit/index.ts b/packages/calendar/src/extensions/audit/index.ts
new file mode 100644
index 0000000..48100e1
--- /dev/null
+++ b/packages/calendar/src/extensions/audit/index.ts
@@ -0,0 +1,14 @@
+export { AuditService } from './AuditService';
+export { AuditStore } from './AuditStore';
+export type { IAuditEntry, IAuditLoggedPayload } from '../../types/AuditTypes';
+
+// DI registration helper
+import type { Builder } from '@novadi/core';
+import { IStore } from '../../storage/IStore';
+import { AuditStore } from './AuditStore';
+import { AuditService } from './AuditService';
+
+export function registerAudit(builder: Builder): void {
+  builder.registerType(AuditStore).as<IStore>();
+  builder.registerType(AuditService).as<AuditService>();
+}
diff --git a/packages/calendar/src/extensions/bookings/BookingService.ts b/packages/calendar/src/extensions/bookings/BookingService.ts
new file mode 100644
index 0000000..d12eb57
--- /dev/null
+++ b/packages/calendar/src/extensions/bookings/BookingService.ts
@@ -0,0 +1,75 @@
+import { IBooking, EntityType, IEventBus, BookingStatus } from '../../types/CalendarTypes';
+import { BookingStore } from './BookingStore';
+import { BaseEntityService } from '../../storage/BaseEntityService';
+import { IndexedDBContext } from '../../storage/IndexedDBContext';
+
+/**
+ * BookingService - CRUD operations for bookings in IndexedDB
+ */
+export class BookingService extends BaseEntityService<IBooking> {
+  readonly storeName = BookingStore.STORE_NAME;
+  readonly entityType: EntityType = 'Booking';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  protected serialize(booking: IBooking): unknown {
+    return {
+      ...booking,
+      createdAt: booking.createdAt.toISOString()
+    };
+  }
+
+  protected deserialize(data: unknown): IBooking {
+    const raw = data as Record<string, unknown>;
+    return {
+      ...raw,
+      createdAt: new Date(raw.createdAt as string)
+    } as IBooking;
+  }
+
+  /**
+   * Get bookings for a customer
+   */
+  async getByCustomer(customerId: string): Promise<IBooking[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('customerId');
+      const request = index.getAll(customerId);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const bookings = data.map(item => this.deserialize(item));
+        resolve(bookings);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings for customer ${customerId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get bookings by status
+   */
+  async getByStatus(status: BookingStatus): Promise<IBooking[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('status');
+      const request = index.getAll(status);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const bookings = data.map(item => this.deserialize(item));
+        resolve(bookings);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings with status ${status}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/packages/calendar/src/extensions/bookings/BookingStore.ts b/packages/calendar/src/extensions/bookings/BookingStore.ts
new file mode 100644
index 0000000..5e64ad3
--- /dev/null
+++ b/packages/calendar/src/extensions/bookings/BookingStore.ts
@@ -0,0 +1,18 @@
+import { IStore } from '../../storage/IStore';
+
+/**
+ * BookingStore - IndexedDB ObjectStore definition for bookings
+ */
+export class BookingStore implements IStore {
+  static readonly STORE_NAME = 'bookings';
+  readonly storeName = BookingStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(BookingStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('customerId', 'customerId', { unique: false });
+    store.createIndex('status', 'status', { unique: false });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+    store.createIndex('createdAt', 'createdAt', { unique: false });
+  }
+}
diff --git a/packages/calendar/src/extensions/bookings/index.ts b/packages/calendar/src/extensions/bookings/index.ts
new file mode 100644
index 0000000..4bfe7d2
--- /dev/null
+++ b/packages/calendar/src/extensions/bookings/index.ts
@@ -0,0 +1,18 @@
+export { BookingService } from './BookingService';
+export { BookingStore } from './BookingStore';
+export type { IBooking, BookingStatus, IBookingService } from '../../types/CalendarTypes';
+
+// DI registration helper
+import type { Builder } from '@novadi/core';
+import { IStore } from '../../storage/IStore';
+import { IEntityService } from '../../storage/IEntityService';
+import type { IBooking, ISync } from '../../types/CalendarTypes';
+import { BookingStore } from './BookingStore';
+import { BookingService } from './BookingService';
+
+export function registerBookings(builder: Builder): void {
+  builder.registerType(BookingStore).as<IStore>();
+  builder.registerType(BookingService).as<IEntityService<IBooking>>();
+  builder.registerType(BookingService).as<IEntityService<ISync>>();
+  builder.registerType(BookingService).as<BookingService>();
+}
diff --git a/packages/calendar/src/extensions/customers/CustomerService.ts b/packages/calendar/src/extensions/customers/CustomerService.ts
new file mode 100644
index 0000000..d1225e1
--- /dev/null
+++ b/packages/calendar/src/extensions/customers/CustomerService.ts
@@ -0,0 +1,46 @@
+import { ICustomer, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { CustomerStore } from './CustomerStore';
+import { BaseEntityService } from '../../storage/BaseEntityService';
+import { IndexedDBContext } from '../../storage/IndexedDBContext';
+
+/**
+ * CustomerService - CRUD operations for customers in IndexedDB
+ */
+export class CustomerService extends BaseEntityService<ICustomer> {
+  readonly storeName = CustomerStore.STORE_NAME;
+  readonly entityType: EntityType = 'Customer';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Search customers by name (case-insensitive contains)
+   */
+  async searchByName(query: string): Promise<ICustomer[]> {
+    const all = await this.getAll();
+    const lowerQuery = query.toLowerCase();
+    return all.filter(c => c.name.toLowerCase().includes(lowerQuery));
+  }
+
+  /**
+   * Find customer by phone
+   */
+  async getByPhone(phone: string): Promise<ICustomer | null> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('phone');
+      const request = index.get(phone);
+
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? (data as ICustomer) : null);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to find customer by phone ${phone}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/packages/calendar/src/extensions/customers/CustomerStore.ts b/packages/calendar/src/extensions/customers/CustomerStore.ts
new file mode 100644
index 0000000..b53cd7e
--- /dev/null
+++ b/packages/calendar/src/extensions/customers/CustomerStore.ts
@@ -0,0 +1,17 @@
+import { IStore } from '../../storage/IStore';
+
+/**
+ * CustomerStore - IndexedDB ObjectStore definition for customers
+ */
+export class CustomerStore implements IStore {
+  static readonly STORE_NAME = 'customers';
+  readonly storeName = CustomerStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(CustomerStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('name', 'name', { unique: false });
+    store.createIndex('phone', 'phone', { unique: false });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+  }
+}
diff --git a/packages/calendar/src/extensions/customers/index.ts b/packages/calendar/src/extensions/customers/index.ts
new file mode 100644
index 0000000..6d47df5
--- /dev/null
+++ b/packages/calendar/src/extensions/customers/index.ts
@@ -0,0 +1,18 @@
+export { CustomerService } from './CustomerService';
+export { CustomerStore } from './CustomerStore';
+export type { ICustomer } from '../../types/CalendarTypes';
+
+// DI registration helper
+import type { Builder } from '@novadi/core';
+import { IStore } from '../../storage/IStore';
+import { IEntityService } from '../../storage/IEntityService';
+import type { ICustomer, ISync } from '../../types/CalendarTypes';
+import { CustomerStore } from './CustomerStore';
+import { CustomerService } from './CustomerService';
+
+export function registerCustomers(builder: Builder): void {
+  builder.registerType(CustomerStore).as<IStore>();
+  builder.registerType(CustomerService).as<IEntityService<ICustomer>>();
+  builder.registerType(CustomerService).as<IEntityService<ISync>>();
+  builder.registerType(CustomerService).as<CustomerService>();
+}
diff --git a/packages/calendar/src/extensions/departments/DepartmentRenderer.ts b/packages/calendar/src/extensions/departments/DepartmentRenderer.ts
new file mode 100644
index 0000000..16bb161
--- /dev/null
+++ b/packages/calendar/src/extensions/departments/DepartmentRenderer.ts
@@ -0,0 +1,25 @@
+import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
+import { DepartmentService } from './DepartmentService';
+import { IDepartment } from '../../types/CalendarTypes';
+
+export class DepartmentRenderer extends BaseGroupingRenderer<IDepartment> {
+  readonly type = 'department';
+
+  protected readonly config: IGroupingRendererConfig = {
+    elementTag: 'swp-department-header',
+    idAttribute: 'departmentId',
+    colspanVar: '--department-cols'
+  };
+
+  constructor(private departmentService: DepartmentService) {
+    super();
+  }
+
+  protected getEntities(ids: string[]): Promise<IDepartment[]> {
+    return this.departmentService.getByIds(ids);
+  }
+
+  protected getDisplayName(entity: IDepartment): string {
+    return entity.name;
+  }
+}
diff --git a/packages/calendar/src/extensions/departments/DepartmentService.ts b/packages/calendar/src/extensions/departments/DepartmentService.ts
new file mode 100644
index 0000000..4b4c8b9
--- /dev/null
+++ b/packages/calendar/src/extensions/departments/DepartmentService.ts
@@ -0,0 +1,25 @@
+import { IDepartment, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { DepartmentStore } from './DepartmentStore';
+import { BaseEntityService } from '../../storage/BaseEntityService';
+import { IndexedDBContext } from '../../storage/IndexedDBContext';
+
+/**
+ * DepartmentService - CRUD operations for departments in IndexedDB
+ */
+export class DepartmentService extends BaseEntityService<IDepartment> {
+  readonly storeName = DepartmentStore.STORE_NAME;
+  readonly entityType: EntityType = 'Department';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get departments by IDs
+   */
+  async getByIds(ids: string[]): Promise<IDepartment[]> {
+    if (ids.length === 0) return [];
+    const results = await Promise.all(ids.map(id => this.get(id)));
+    return results.filter((d): d is IDepartment => d !== null);
+  }
+}
diff --git a/packages/calendar/src/extensions/departments/DepartmentStore.ts b/packages/calendar/src/extensions/departments/DepartmentStore.ts
new file mode 100644
index 0000000..0e9c6a3
--- /dev/null
+++ b/packages/calendar/src/extensions/departments/DepartmentStore.ts
@@ -0,0 +1,13 @@
+import { IStore } from '../../storage/IStore';
+
+/**
+ * DepartmentStore - IndexedDB ObjectStore definition for departments
+ */
+export class DepartmentStore implements IStore {
+  static readonly STORE_NAME = 'departments';
+  readonly storeName = DepartmentStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(DepartmentStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/packages/calendar/src/extensions/departments/index.ts b/packages/calendar/src/extensions/departments/index.ts
new file mode 100644
index 0000000..d50130a
--- /dev/null
+++ b/packages/calendar/src/extensions/departments/index.ts
@@ -0,0 +1,22 @@
+export { DepartmentRenderer } from './DepartmentRenderer';
+export { DepartmentService } from './DepartmentService';
+export { DepartmentStore } from './DepartmentStore';
+export type { IDepartment } from '../../types/CalendarTypes';
+
+// DI registration helper
+import type { Builder } from '@novadi/core';
+import { IRenderer } from '../../core/IGroupingRenderer';
+import { IStore } from '../../storage/IStore';
+import { IEntityService } from '../../storage/IEntityService';
+import type { IDepartment, ISync } from '../../types/CalendarTypes';
+import { DepartmentStore } from './DepartmentStore';
+import { DepartmentService } from './DepartmentService';
+import { DepartmentRenderer } from './DepartmentRenderer';
+
+export function registerDepartments(builder: Builder): void {
+  builder.registerType(DepartmentStore).as<IStore>();
+  builder.registerType(DepartmentService).as<IEntityService<IDepartment>>();
+  builder.registerType(DepartmentService).as<IEntityService<ISync>>();
+  builder.registerType(DepartmentService).as<DepartmentService>();
+  builder.registerType(DepartmentRenderer).as<IRenderer>();
+}
diff --git a/packages/calendar/src/extensions/schedules/ResourceScheduleService.ts b/packages/calendar/src/extensions/schedules/ResourceScheduleService.ts
new file mode 100644
index 0000000..a548865
--- /dev/null
+++ b/packages/calendar/src/extensions/schedules/ResourceScheduleService.ts
@@ -0,0 +1,84 @@
+import { ITimeSlot } from '../../types/ScheduleTypes';
+import { ResourceService } from '../../storage/resources/ResourceService';
+import { ScheduleOverrideService } from './ScheduleOverrideService';
+import { DateService } from '../../core/DateService';
+
+/**
+ * ResourceScheduleService - Get effective schedule for a resource on a date
+ *
+ * Logic:
+ * 1. Check for override on this date
+ * 2. Fall back to default schedule for the weekday
+ */
+export class ResourceScheduleService {
+  constructor(
+    private resourceService: ResourceService,
+    private overrideService: ScheduleOverrideService,
+    private dateService: DateService
+  ) {}
+
+  /**
+   * Get effective schedule for a resource on a specific date
+   *
+   * @param resourceId - Resource ID
+   * @param date - Date string "YYYY-MM-DD"
+   * @returns ITimeSlot or null (fri/closed)
+   */
+  async getScheduleForDate(resourceId: string, date: string): Promise<ITimeSlot | null> {
+    // 1. Check for override
+    const override = await this.overrideService.getOverride(resourceId, date);
+    if (override) {
+      return override.schedule;
+    }
+
+    // 2. Use default schedule for weekday
+    const resource = await this.resourceService.get(resourceId);
+    if (!resource || !resource.defaultSchedule) {
+      return null;
+    }
+
+    const weekDay = this.dateService.getISOWeekDay(date);
+    return resource.defaultSchedule[weekDay] || null;
+  }
+
+  /**
+   * Get schedules for multiple dates
+   *
+   * @param resourceId - Resource ID
+   * @param dates - Array of date strings "YYYY-MM-DD"
+   * @returns Map of date -> ITimeSlot | null
+   */
+  async getSchedulesForDates(resourceId: string, dates: string[]): Promise<Map<string, ITimeSlot | null>> {
+    const result = new Map<string, ITimeSlot | null>();
+
+    // Get resource once
+    const resource = await this.resourceService.get(resourceId);
+
+    // Get all overrides in date range
+    const overrides = dates.length > 0
+      ? await this.overrideService.getByDateRange(resourceId, dates[0], dates[dates.length - 1])
+      : [];
+
+    // Build override map
+    const overrideMap = new Map(overrides.map(o => [o.date, o.schedule]));
+
+    // Resolve each date
+    for (const date of dates) {
+      // Check override first
+      if (overrideMap.has(date)) {
+        result.set(date, overrideMap.get(date)!);
+        continue;
+      }
+
+      // Fall back to default
+      if (resource?.defaultSchedule) {
+        const weekDay = this.dateService.getISOWeekDay(date);
+        result.set(date, resource.defaultSchedule[weekDay] || null);
+      } else {
+        result.set(date, null);
+      }
+    }
+
+    return result;
+  }
+}
diff --git a/packages/calendar/src/extensions/schedules/ScheduleOverrideService.ts b/packages/calendar/src/extensions/schedules/ScheduleOverrideService.ts
new file mode 100644
index 0000000..184e354
--- /dev/null
+++ b/packages/calendar/src/extensions/schedules/ScheduleOverrideService.ts
@@ -0,0 +1,100 @@
+import { IScheduleOverride } from '../../types/ScheduleTypes';
+import { IndexedDBContext } from '../../storage/IndexedDBContext';
+import { ScheduleOverrideStore } from './ScheduleOverrideStore';
+
+/**
+ * ScheduleOverrideService - CRUD for schedule overrides
+ *
+ * Provides access to date-specific schedule overrides for resources.
+ */
+export class ScheduleOverrideService {
+  private context: IndexedDBContext;
+
+  constructor(context: IndexedDBContext) {
+    this.context = context;
+  }
+
+  private get db(): IDBDatabase {
+    return this.context.getDatabase();
+  }
+
+  /**
+   * Get override for a specific resource and date
+   */
+  async getOverride(resourceId: string, date: string): Promise<IScheduleOverride | null> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readonly');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index('resourceId_date');
+      const request = index.get([resourceId, date]);
+
+      request.onsuccess = () => {
+        resolve(request.result || null);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get override for ${resourceId} on ${date}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get all overrides for a resource
+   */
+  async getByResource(resourceId: string): Promise<IScheduleOverride[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readonly');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index('resourceId');
+      const request = index.getAll(resourceId);
+
+      request.onsuccess = () => {
+        resolve(request.result || []);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get overrides for ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get overrides for a date range
+   */
+  async getByDateRange(resourceId: string, startDate: string, endDate: string): Promise<IScheduleOverride[]> {
+    const all = await this.getByResource(resourceId);
+    return all.filter(o => o.date >= startDate && o.date <= endDate);
+  }
+
+  /**
+   * Save an override
+   */
+  async save(override: IScheduleOverride): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readwrite');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.put(override);
+
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to save override ${override.id}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Delete an override
+   */
+  async delete(id: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readwrite');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.delete(id);
+
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to delete override ${id}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/packages/calendar/src/extensions/schedules/ScheduleOverrideStore.ts b/packages/calendar/src/extensions/schedules/ScheduleOverrideStore.ts
new file mode 100644
index 0000000..0fe4f09
--- /dev/null
+++ b/packages/calendar/src/extensions/schedules/ScheduleOverrideStore.ts
@@ -0,0 +1,21 @@
+import { IStore } from '../../storage/IStore';
+
+/**
+ * ScheduleOverrideStore - IndexedDB ObjectStore for schedule overrides
+ *
+ * Stores date-specific schedule overrides for resources.
+ * Indexes: resourceId, date, compound (resourceId + date)
+ */
+export class ScheduleOverrideStore implements IStore {
+  static readonly STORE_NAME = 'scheduleOverrides';
+  readonly storeName = ScheduleOverrideStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(ScheduleOverrideStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('resourceId', 'resourceId', { unique: false });
+    store.createIndex('date', 'date', { unique: false });
+    store.createIndex('resourceId_date', ['resourceId', 'date'], { unique: true });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+  }
+}
diff --git a/packages/calendar/src/extensions/schedules/index.ts b/packages/calendar/src/extensions/schedules/index.ts
new file mode 100644
index 0000000..e8a94f0
--- /dev/null
+++ b/packages/calendar/src/extensions/schedules/index.ts
@@ -0,0 +1,17 @@
+export { ScheduleOverrideService } from './ScheduleOverrideService';
+export { ScheduleOverrideStore } from './ScheduleOverrideStore';
+export { ResourceScheduleService } from './ResourceScheduleService';
+export type { IScheduleOverride, ITimeSlot, IWeekSchedule, WeekDay } from '../../types/ScheduleTypes';
+
+// DI registration helper
+import type { Builder } from '@novadi/core';
+import { IStore } from '../../storage/IStore';
+import { ScheduleOverrideStore } from './ScheduleOverrideStore';
+import { ScheduleOverrideService } from './ScheduleOverrideService';
+import { ResourceScheduleService } from './ResourceScheduleService';
+
+export function registerSchedules(builder: Builder): void {
+  builder.registerType(ScheduleOverrideStore).as<IStore>();
+  builder.registerType(ScheduleOverrideService).as<ScheduleOverrideService>();
+  builder.registerType(ResourceScheduleService).as<ResourceScheduleService>();
+}
diff --git a/packages/calendar/src/extensions/teams/TeamRenderer.ts b/packages/calendar/src/extensions/teams/TeamRenderer.ts
new file mode 100644
index 0000000..090d8c9
--- /dev/null
+++ b/packages/calendar/src/extensions/teams/TeamRenderer.ts
@@ -0,0 +1,25 @@
+import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
+import { TeamService } from './TeamService';
+import { ITeam } from '../../types/CalendarTypes';
+
+export class TeamRenderer extends BaseGroupingRenderer<ITeam> {
+  readonly type = 'team';
+
+  protected readonly config: IGroupingRendererConfig = {
+    elementTag: 'swp-team-header',
+    idAttribute: 'teamId',
+    colspanVar: '--team-cols'
+  };
+
+  constructor(private teamService: TeamService) {
+    super();
+  }
+
+  protected getEntities(ids: string[]): Promise<ITeam[]> {
+    return this.teamService.getByIds(ids);
+  }
+
+  protected getDisplayName(entity: ITeam): string {
+    return entity.name;
+  }
+}
diff --git a/packages/calendar/src/extensions/teams/TeamService.ts b/packages/calendar/src/extensions/teams/TeamService.ts
new file mode 100644
index 0000000..655dd1f
--- /dev/null
+++ b/packages/calendar/src/extensions/teams/TeamService.ts
@@ -0,0 +1,44 @@
+import { ITeam, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { TeamStore } from './TeamStore';
+import { BaseEntityService } from '../../storage/BaseEntityService';
+import { IndexedDBContext } from '../../storage/IndexedDBContext';
+
+/**
+ * TeamService - CRUD operations for teams in IndexedDB
+ *
+ * Teams define which resources belong together for hierarchical grouping.
+ * Extends BaseEntityService for standard entity operations.
+ */
+export class TeamService extends BaseEntityService<ITeam> {
+  readonly storeName = TeamStore.STORE_NAME;
+  readonly entityType: EntityType = 'Team';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get teams by IDs
+   */
+  async getByIds(ids: string[]): Promise<ITeam[]> {
+    if (ids.length === 0) return [];
+    const results = await Promise.all(ids.map(id => this.get(id)));
+    return results.filter((t): t is ITeam => t !== null);
+  }
+
+  /**
+   * Build reverse lookup: resourceId → teamId
+   */
+  async buildResourceToTeamMap(): Promise<Record<string, string>> {
+    const teams = await this.getAll();
+    const map: Record<string, string> = {};
+
+    for (const team of teams) {
+      for (const resourceId of team.resourceIds) {
+        map[resourceId] = team.id;
+      }
+    }
+
+    return map;
+  }
+}
diff --git a/packages/calendar/src/extensions/teams/TeamStore.ts b/packages/calendar/src/extensions/teams/TeamStore.ts
new file mode 100644
index 0000000..af515e0
--- /dev/null
+++ b/packages/calendar/src/extensions/teams/TeamStore.ts
@@ -0,0 +1,13 @@
+import { IStore } from '../../storage/IStore';
+
+/**
+ * TeamStore - IndexedDB ObjectStore definition for teams
+ */
+export class TeamStore implements IStore {
+  static readonly STORE_NAME = 'teams';
+  readonly storeName = TeamStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(TeamStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/packages/calendar/src/extensions/teams/index.ts b/packages/calendar/src/extensions/teams/index.ts
new file mode 100644
index 0000000..f9d231e
--- /dev/null
+++ b/packages/calendar/src/extensions/teams/index.ts
@@ -0,0 +1,22 @@
+export { TeamRenderer } from './TeamRenderer';
+export { TeamService } from './TeamService';
+export { TeamStore } from './TeamStore';
+export type { ITeam } from '../../types/CalendarTypes';
+
+// DI registration helper
+import type { Builder } from '@novadi/core';
+import { IRenderer } from '../../core/IGroupingRenderer';
+import { IStore } from '../../storage/IStore';
+import { IEntityService } from '../../storage/IEntityService';
+import type { ITeam, ISync } from '../../types/CalendarTypes';
+import { TeamStore } from './TeamStore';
+import { TeamService } from './TeamService';
+import { TeamRenderer } from './TeamRenderer';
+
+export function registerTeams(builder: Builder): void {
+  builder.registerType(TeamStore).as<IStore>();
+  builder.registerType(TeamService).as<IEntityService<ITeam>>();
+  builder.registerType(TeamService).as<IEntityService<ISync>>();
+  builder.registerType(TeamService).as<TeamService>();
+  builder.registerType(TeamRenderer).as<IRenderer>();
+}
diff --git a/packages/calendar/src/features/date/DateRenderer.ts b/packages/calendar/src/features/date/DateRenderer.ts
new file mode 100644
index 0000000..4f1cfad
--- /dev/null
+++ b/packages/calendar/src/features/date/DateRenderer.ts
@@ -0,0 +1,68 @@
+import { IRenderer, IRenderContext } from '../../core/IGroupingRenderer';
+import { DateService } from '../../core/DateService';
+
+export class DateRenderer implements IRenderer {
+  readonly type = 'date';
+
+  constructor(private dateService: DateService) {}
+
+  render(context: IRenderContext): void {
+    const dates = context.filter['date'] || [];
+    const resourceIds = context.filter['resource'] || [];
+
+    // Check if date headers should be hidden (e.g., in day view)
+    const dateGrouping = context.groupings?.find(g => g.type === 'date');
+    const hideHeader = dateGrouping?.hideHeader === true;
+
+    // Render dates for HVER resource (eller 1 gang hvis ingen resources)
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r]; // undefined hvis ingen resources
+
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+
+        // Build columnKey for uniform identification
+        const segments: Record<string, string> = { date: dateStr };
+        if (resourceId) segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+
+        // Header
+        const header = document.createElement('swp-day-header');
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = 'true';
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, 'short')}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+
+        // Column
+        const column = document.createElement('swp-day-column');
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = '<swp-events-layer></swp-events-layer>';
+        context.columnContainer.appendChild(column);
+
+        columnCount++;
+      }
+    }
+
+    // Set grid columns on container
+    const container = context.columnContainer.closest('swp-calendar-container');
+    if (container) {
+      (container as HTMLElement).style.setProperty('--grid-columns', String(columnCount));
+    }
+  }
+}
diff --git a/packages/calendar/src/features/date/index.ts b/packages/calendar/src/features/date/index.ts
new file mode 100644
index 0000000..7bf37b3
--- /dev/null
+++ b/packages/calendar/src/features/date/index.ts
@@ -0,0 +1 @@
+export { DateRenderer } from './DateRenderer';
diff --git a/packages/calendar/src/features/event/EventLayoutEngine.ts b/packages/calendar/src/features/event/EventLayoutEngine.ts
new file mode 100644
index 0000000..0b10905
--- /dev/null
+++ b/packages/calendar/src/features/event/EventLayoutEngine.ts
@@ -0,0 +1,279 @@
+/**
+ * EventLayoutEngine - Simplified stacking/grouping algorithm
+ *
+ * Supports two layout modes:
+ * - GRID: Events starting at same time rendered side-by-side
+ * - STACKING: Overlapping events with margin-left offset (15px per level)
+ *
+ * No prev/next chains, single-pass greedy algorithm
+ */
+
+import { ICalendarEvent } from '../../types/CalendarTypes';
+import { IGridConfig } from '../../core/IGridConfig';
+import { calculateEventPosition } from '../../utils/PositionUtils';
+import { IColumnLayout, IGridGroupLayout, IStackedEventLayout } from './EventLayoutTypes';
+
+/**
+ * Check if two events overlap (strict - touching at boundary = NOT overlapping)
+ * This matches Scenario 8: end===start is NOT overlap
+ */
+export function eventsOverlap(a: ICalendarEvent, b: ICalendarEvent): boolean {
+  return a.start < b.end && a.end > b.start;
+}
+
+/**
+ * Check if two events are within threshold for grid grouping.
+ * This includes:
+ * 1. Start-to-start: Events start within threshold of each other
+ * 2. End-to-start: One event starts within threshold before another ends
+ */
+function eventsWithinThreshold(a: ICalendarEvent, b: ICalendarEvent, thresholdMinutes: number): boolean {
+  const thresholdMs = thresholdMinutes * 60 * 1000;
+
+  // Start-to-start: both events start within threshold
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs) return true;
+
+  // End-to-start: one event starts within threshold before the other ends
+  // B starts within threshold before A ends
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs) return true;
+
+  // A starts within threshold before B ends
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs) return true;
+
+  return false;
+}
+
+/**
+ * Check if all events in a group start within threshold of each other
+ */
+function allStartWithinThreshold(events: ICalendarEvent[], thresholdMinutes: number): boolean {
+  if (events.length <= 1) return true;
+
+  // Find earliest and latest start times
+  let earliest = events[0].start.getTime();
+  let latest = events[0].start.getTime();
+
+  for (const event of events) {
+    const time = event.start.getTime();
+    if (time < earliest) earliest = time;
+    if (time > latest) latest = time;
+  }
+
+  const diffMinutes = (latest - earliest) / (1000 * 60);
+  return diffMinutes <= thresholdMinutes;
+}
+
+/**
+ * Find groups of overlapping events (connected by overlap chain)
+ * Events are grouped if they overlap with any event in the group
+ */
+function findOverlapGroups(events: ICalendarEvent[]): ICalendarEvent[][] {
+  if (events.length === 0) return [];
+
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = new Set<string>();
+  const groups: ICalendarEvent[][] = [];
+
+  for (const event of sorted) {
+    if (used.has(event.id)) continue;
+
+    // Start a new group with this event
+    const group: ICalendarEvent[] = [event];
+    used.add(event.id);
+
+    // Expand group by finding all connected events (via overlap)
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id)) continue;
+
+        // Check if candidate overlaps with any event in group
+        const connects = group.some(member => eventsOverlap(member, candidate));
+
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+
+    groups.push(group);
+  }
+
+  return groups;
+}
+
+/**
+ * Find grid candidates within a group - events connected via threshold chain
+ * Uses V1 logic: events are connected if within threshold (no overlap requirement)
+ */
+function findGridCandidates(
+  events: ICalendarEvent[],
+  thresholdMinutes: number
+): ICalendarEvent[][] {
+  if (events.length === 0) return [];
+
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = new Set<string>();
+  const groups: ICalendarEvent[][] = [];
+
+  for (const event of sorted) {
+    if (used.has(event.id)) continue;
+
+    const group: ICalendarEvent[] = [event];
+    used.add(event.id);
+
+    // Expand by threshold chain (V1 logic: no overlap requirement, just threshold)
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id)) continue;
+
+        const connects = group.some(member =>
+          eventsWithinThreshold(member, candidate, thresholdMinutes)
+        );
+
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+
+    groups.push(group);
+  }
+
+  return groups;
+}
+
+/**
+ * Calculate stack levels for overlapping events using greedy algorithm
+ * For each event: level = max(overlapping already-processed events) + 1
+ */
+function calculateStackLevels(events: ICalendarEvent[]): Map<string, number> {
+  const levels = new Map<string, number>();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+
+    // Find max level among overlapping events already processed
+    for (const [id, level] of levels) {
+      const other = events.find(e => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+
+  return levels;
+}
+
+/**
+ * Allocate events to columns for GRID layout using greedy algorithm
+ * Non-overlapping events can share a column to minimize total columns
+ */
+function allocateColumns(events: ICalendarEvent[]): ICalendarEvent[][] {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns: ICalendarEvent[][] = [];
+
+  for (const event of sorted) {
+    // Find first column where event doesn't overlap with existing events
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some(e => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+
+    // No suitable column found, create new one
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+
+  return columns;
+}
+
+/**
+ * Main entry point: Calculate complete layout for a column's events
+ *
+ * Algorithm:
+ * 1. Find overlap groups (events connected by overlap chain)
+ * 2. For each overlap group, find grid candidates (events within threshold chain)
+ * 3. If all events in overlap group form a single grid candidate → GRID mode
+ * 4. Otherwise → STACKING mode with calculated levels
+ */
+export function calculateColumnLayout(
+  events: ICalendarEvent[],
+  config: IGridConfig
+): IColumnLayout {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+
+  const result: IColumnLayout = {
+    grids: [],
+    stacked: []
+  };
+
+  if (events.length === 0) return result;
+
+  // Find all overlapping event groups
+  const overlapGroups = findOverlapGroups(events);
+
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      // Single event - no grouping needed
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+
+    // Within this overlap group, find grid candidates (threshold-connected subgroups)
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+
+    // Check if the ENTIRE overlap group forms a single grid candidate
+    // This happens when all events are connected via threshold chain
+    const largestGridCandidate = gridSubgroups.reduce((max, g) =>
+      g.length > max.length ? g : max, gridSubgroups[0]);
+
+    if (largestGridCandidate.length === overlapGroup.length) {
+      // All events in overlap group are connected via threshold chain → GRID mode
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) =>
+        e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      // Not all events connected via threshold → STACKING mode
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+
+  return result;
+}
diff --git a/packages/calendar/src/features/event/EventLayoutTypes.ts b/packages/calendar/src/features/event/EventLayoutTypes.ts
new file mode 100644
index 0000000..c887eaf
--- /dev/null
+++ b/packages/calendar/src/features/event/EventLayoutTypes.ts
@@ -0,0 +1,35 @@
+import { ICalendarEvent } from '../../types/CalendarTypes';
+
+/**
+ * Stack link metadata stored on event elements
+ * Simplified from V1: No prev/next chains - only stackLevel needed for rendering
+ */
+export interface IStackLink {
+  stackLevel: number;
+}
+
+/**
+ * Layout result for a stacked event (overlapping events with margin offset)
+ */
+export interface IStackedEventLayout {
+  event: ICalendarEvent;
+  stackLevel: number;
+}
+
+/**
+ * Layout result for a grid group (simultaneous events side-by-side)
+ */
+export interface IGridGroupLayout {
+  events: ICalendarEvent[];
+  columns: ICalendarEvent[][];  // Events grouped by column (non-overlapping within column)
+  stackLevel: number;           // Stack level for entire group (if nested in another event)
+  position: { top: number };    // Top position of earliest event in pixels
+}
+
+/**
+ * Complete layout result for a column's events
+ */
+export interface IColumnLayout {
+  grids: IGridGroupLayout[];
+  stacked: IStackedEventLayout[];
+}
diff --git a/packages/calendar/src/features/event/EventRenderer.ts b/packages/calendar/src/features/event/EventRenderer.ts
new file mode 100644
index 0000000..6cc1b96
--- /dev/null
+++ b/packages/calendar/src/features/event/EventRenderer.ts
@@ -0,0 +1,434 @@
+import { ICalendarEvent, IEventBus, IEventUpdatedPayload } from '../../types/CalendarTypes';
+import { EventService } from '../../storage/events/EventService';
+import { DateService } from '../../core/DateService';
+import { IGridConfig } from '../../core/IGridConfig';
+import { calculateEventPosition, snapToGrid, pixelsToMinutes } from '../../utils/PositionUtils';
+import { CoreEvents } from '../../constants/CoreEvents';
+import { IDragColumnChangePayload, IDragMovePayload, IDragEndPayload, IDragLeaveHeaderPayload } from '../../types/DragTypes';
+import { calculateColumnLayout } from './EventLayoutEngine';
+import { IGridGroupLayout } from './EventLayoutTypes';
+import { FilterTemplate } from '../../core/FilterTemplate';
+
+/**
+ * EventRenderer - Renders calendar events to the DOM
+ *
+ * CLEAN approach:
+ * - Only data-id attribute on event element
+ * - innerHTML contains only visible content
+ * - Event data retrieved via EventService when needed
+ */
+export class EventRenderer {
+  private container: HTMLElement | null = null;
+
+  constructor(
+    private eventService: EventService,
+    private dateService: DateService,
+    private gridConfig: IGridConfig,
+    private eventBus: IEventBus
+  ) {
+    this.setupListeners();
+  }
+
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  private setupListeners(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = (e as CustomEvent<IDragColumnChangePayload>).detail;
+      this.handleColumnChange(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = (e as CustomEvent<IDragMovePayload>).detail;
+      this.updateDragTimestamp(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = (e as CustomEvent<IEventUpdatedPayload>).detail;
+      this.handleEventUpdated(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = (e as CustomEvent<IDragEndPayload>).detail;
+      this.handleDragEnd(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragLeaveHeaderPayload>).detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  private handleDragEnd(payload: IDragEndPayload): void {
+    if (payload.target === 'header') {
+      // Event was dropped in header drawer - remove from grid
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  private handleDragLeaveHeader(payload: IDragLeaveHeaderPayload): void {
+    // Only handle when source is header (header item dragged to grid)
+    if (payload.source !== 'header') return;
+    if (!payload.targetColumn || !payload.start || !payload.end) return;
+
+    // Turn header item into ghost (stays visible but faded)
+    if (payload.element) {
+      payload.element.classList.add('drag-ghost');
+      payload.element.style.opacity = '0.3';
+      payload.element.style.pointerEvents = 'none';
+    }
+
+    // Create event object from header item data
+    const event: ICalendarEvent = {
+      id: payload.eventId,
+      title: payload.title || '',
+      description: '',
+      start: payload.start,
+      end: payload.end,
+      type: 'customer',
+      allDay: false,
+      syncStatus: 'pending'
+    };
+
+    // Create swp-event element using existing method
+    const element = this.createEventElement(event);
+
+    // Add to target column
+    let eventsLayer = payload.targetColumn.querySelector('swp-events-layer');
+    if (!eventsLayer) {
+      eventsLayer = document.createElement('swp-events-layer');
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+
+    // Mark as dragging so DragDropManager can continue with it
+    element.classList.add('dragging');
+  }
+
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  private async handleEventUpdated(payload: IEventUpdatedPayload): Promise<void> {
+    // Re-render source column (if different from target)
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+
+    // Re-render target column
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  private async rerenderColumn(columnKey: string): Promise<void> {
+    const column = this.findColumn(columnKey);
+    if (!column) return;
+
+    // Read date and resourceId directly from column attributes (columnKey is opaque)
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+
+    if (!date) return;
+
+    // Get date range for this day
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+
+    // Fetch events from IndexedDB
+    const events = resourceId
+      ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate)
+      : await this.eventService.getByDateRange(startDate, endDate);
+
+    // Filter to timed events and match date exactly
+    const timedEvents = events.filter(event =>
+      !event.allDay && this.dateService.getDateKey(event.start) === date
+    );
+
+    // Get or create events layer
+    let eventsLayer = column.querySelector('swp-events-layer');
+    if (!eventsLayer) {
+      eventsLayer = document.createElement('swp-events-layer');
+      column.appendChild(eventsLayer);
+    }
+
+    // Clear existing events
+    eventsLayer.innerHTML = '';
+
+    // Calculate layout with stacking/grouping
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+
+    // Render GRID groups
+    layout.grids.forEach(grid => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer!.appendChild(groupEl);
+    });
+
+    // Render STACKED events
+    layout.stacked.forEach(item => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer!.appendChild(eventEl);
+    });
+  }
+
+  /**
+   * Find a column element by columnKey
+   */
+  private findColumn(columnKey: string): HTMLElement | null {
+    if (!this.container) return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`) as HTMLElement;
+  }
+
+  /**
+   * Handle event moving to a new column during drag
+   */
+  private handleColumnChange(payload: IDragColumnChangePayload): void {
+    const eventsLayer = payload.newColumn.querySelector('swp-events-layer');
+    if (!eventsLayer) return;
+
+    // Move element to new column
+    eventsLayer.appendChild(payload.element);
+
+    // Preserve Y position
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  private updateDragTimestamp(payload: IDragMovePayload): void {
+    const timeEl = payload.element.querySelector('swp-event-time');
+    if (!timeEl) return;
+
+    // Snap position to grid interval
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+
+    // Calculate new start time
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = (this.gridConfig.dayStartHour * 60) + minutesFromGridStart;
+
+    // Keep original duration (from element height)
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+
+    // Create Date objects for consistent formatting via DateService
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  private minutesToDate(minutes: number): Date {
+    const date = new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container: HTMLElement, filter: Record<string, string[]>, filterTemplate: FilterTemplate): Promise<void> {
+    // Store container reference for later re-renders
+    this.container = container;
+
+    const visibleDates = filter['date'] || [];
+
+    if (visibleDates.length === 0) return;
+
+    // Get date range for query
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+
+    // Fetch events from IndexedDB
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+
+    // Find day columns
+    const dayColumns = container.querySelector('swp-day-columns');
+    if (!dayColumns) return;
+
+    const columns = dayColumns.querySelectorAll('swp-day-column');
+
+    // Render events into each column based on FilterTemplate matching
+    columns.forEach(column => {
+      const columnEl = column as HTMLElement;
+
+      // Use FilterTemplate for matching - only fields in template are checked
+      const columnEvents = events.filter(event => filterTemplate.matches(event, columnEl));
+
+      // Get or create events layer
+      let eventsLayer = column.querySelector('swp-events-layer');
+      if (!eventsLayer) {
+        eventsLayer = document.createElement('swp-events-layer');
+        column.appendChild(eventsLayer);
+      }
+
+      // Clear existing events
+      eventsLayer.innerHTML = '';
+
+      // Filter to timed events only
+      const timedEvents = columnEvents.filter(event => !event.allDay);
+
+      // Calculate layout with stacking/grouping
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+
+      // Render GRID groups (simultaneous events side-by-side)
+      layout.grids.forEach(grid => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer!.appendChild(groupEl);
+      });
+
+      // Render STACKED events (overlapping with margin offset)
+      layout.stacked.forEach(item => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer!.appendChild(eventEl);
+      });
+    });
+  }
+
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  private createEventElement(event: ICalendarEvent): HTMLElement {
+    const element = document.createElement('swp-event');
+
+    // Data attributes for SwpEvent compatibility
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+
+    // Calculate position
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+
+    // Color class based on event type
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+
+    // Visible content only
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ''}
+    `;
+
+    return element;
+  }
+
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  private getColorClass(event: ICalendarEvent): string {
+    // Check metadata.color first
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+
+    // Fallback to type-based color
+    const typeColors: Record<string, string> = {
+      'customer': 'is-blue',
+      'vacation': 'is-green',
+      'break': 'is-amber',
+      'meeting': 'is-purple',
+      'blocked': 'is-red'
+    };
+    return typeColors[event.type] || 'is-blue';
+  }
+
+  /**
+   * Escape HTML to prevent XSS
+   */
+  private escapeHtml(text: string): string {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }
+
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  private renderGridGroup(layout: IGridGroupLayout): HTMLElement {
+    const group = document.createElement('swp-event-group');
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+
+    // Stack level styling for entire group (if nested in another event)
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+
+    // Calculate the height needed for the group (tallest event)
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom) maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+
+    // Create wrapper div for each column
+    layout.columns.forEach(columnEvents => {
+      const wrapper = document.createElement('div');
+      wrapper.style.position = 'relative';
+
+      columnEvents.forEach(event => {
+        const eventEl = this.createEventElement(event);
+        // Position relative to group top
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = 'absolute';
+        eventEl.style.left = '0';
+        eventEl.style.right = '0';
+        wrapper.appendChild(eventEl);
+      });
+
+      group.appendChild(wrapper);
+    });
+
+    return group;
+  }
+
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  private renderStackedEvent(event: ICalendarEvent, stackLevel: number): HTMLElement {
+    const element = this.createEventElement(event);
+
+    // Add stack metadata for drag-drop and other features
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+
+    // Visual styling based on stack level
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+
+    return element;
+  }
+}
diff --git a/packages/calendar/src/features/event/index.ts b/packages/calendar/src/features/event/index.ts
new file mode 100644
index 0000000..7b8f118
--- /dev/null
+++ b/packages/calendar/src/features/event/index.ts
@@ -0,0 +1 @@
+export { EventRenderer } from './EventRenderer';
diff --git a/packages/calendar/src/features/headerdrawer/HeaderDrawerLayoutEngine.ts b/packages/calendar/src/features/headerdrawer/HeaderDrawerLayoutEngine.ts
new file mode 100644
index 0000000..b407a58
--- /dev/null
+++ b/packages/calendar/src/features/headerdrawer/HeaderDrawerLayoutEngine.ts
@@ -0,0 +1,135 @@
+/**
+ * HeaderDrawerLayoutEngine - Calculates row placement for header items
+ *
+ * Prevents visual overlap by assigning items to different rows when
+ * they occupy the same columns. Uses a track-based algorithm similar
+ * to V1's AllDayLayoutEngine.
+ *
+ * Each row can hold multiple items as long as they don't overlap in columns.
+ * When an item spans columns that are already occupied, it's placed in the
+ * next available row.
+ */
+
+export interface IHeaderItemLayout {
+  itemId: string;
+  gridArea: string;        // "row / col-start / row+1 / col-end"
+  startColumn: number;
+  endColumn: number;
+  row: number;
+}
+
+export interface IHeaderItemInput {
+  id: string;
+  columnStart: number;     // 0-based column index
+  columnEnd: number;       // 0-based end column (inclusive)
+}
+
+export class HeaderDrawerLayoutEngine {
+  private tracks: boolean[][] = [];
+  private columnCount: number;
+
+  constructor(columnCount: number) {
+    this.columnCount = columnCount;
+    this.reset();
+  }
+
+  /**
+   * Reset tracks for new layout calculation
+   */
+  reset(): void {
+    this.tracks = [new Array(this.columnCount).fill(false)];
+  }
+
+  /**
+   * Calculate layout for all items
+   * Items should be sorted by start column for optimal packing
+   */
+  calculateLayout(items: IHeaderItemInput[]): IHeaderItemLayout[] {
+    this.reset();
+    const layouts: IHeaderItemLayout[] = [];
+
+    for (const item of items) {
+      const row = this.findAvailableRow(item.columnStart, item.columnEnd);
+
+      // Mark columns as occupied in this row
+      for (let col = item.columnStart; col <= item.columnEnd; col++) {
+        this.tracks[row][col] = true;
+      }
+
+      // gridArea format: "row / col-start / row+1 / col-end"
+      // CSS grid uses 1-based indices
+      layouts.push({
+        itemId: item.id,
+        gridArea: `${row + 1} / ${item.columnStart + 1} / ${row + 2} / ${item.columnEnd + 2}`,
+        startColumn: item.columnStart,
+        endColumn: item.columnEnd,
+        row: row + 1  // 1-based for CSS
+      });
+    }
+
+    return layouts;
+  }
+
+  /**
+   * Calculate layout for a single new item
+   * Useful for real-time drag operations
+   */
+  calculateSingleLayout(item: IHeaderItemInput): IHeaderItemLayout {
+    const row = this.findAvailableRow(item.columnStart, item.columnEnd);
+
+    // Mark columns as occupied
+    for (let col = item.columnStart; col <= item.columnEnd; col++) {
+      this.tracks[row][col] = true;
+    }
+
+    return {
+      itemId: item.id,
+      gridArea: `${row + 1} / ${item.columnStart + 1} / ${row + 2} / ${item.columnEnd + 2}`,
+      startColumn: item.columnStart,
+      endColumn: item.columnEnd,
+      row: row + 1
+    };
+  }
+
+  /**
+   * Find the first row where all columns in range are available
+   */
+  private findAvailableRow(startCol: number, endCol: number): number {
+    for (let row = 0; row < this.tracks.length; row++) {
+      if (this.isRowAvailable(row, startCol, endCol)) {
+        return row;
+      }
+    }
+
+    // Add new row if all existing rows are occupied
+    this.tracks.push(new Array(this.columnCount).fill(false));
+    return this.tracks.length - 1;
+  }
+
+  /**
+   * Check if columns in range are all available in given row
+   */
+  private isRowAvailable(row: number, startCol: number, endCol: number): boolean {
+    for (let col = startCol; col <= endCol; col++) {
+      if (this.tracks[row][col]) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  /**
+   * Get the number of rows currently in use
+   */
+  getRowCount(): number {
+    return this.tracks.length;
+  }
+
+  /**
+   * Update column count (e.g., when view changes)
+   */
+  setColumnCount(count: number): void {
+    this.columnCount = count;
+    this.reset();
+  }
+}
diff --git a/packages/calendar/src/features/headerdrawer/HeaderDrawerRenderer.ts b/packages/calendar/src/features/headerdrawer/HeaderDrawerRenderer.ts
new file mode 100644
index 0000000..1b528cd
--- /dev/null
+++ b/packages/calendar/src/features/headerdrawer/HeaderDrawerRenderer.ts
@@ -0,0 +1,419 @@
+import { IEventBus, ICalendarEvent } from '../../types/CalendarTypes';
+import { IGridConfig } from '../../core/IGridConfig';
+import { CoreEvents } from '../../constants/CoreEvents';
+import { HeaderDrawerManager } from '../../core/HeaderDrawerManager';
+import { EventService } from '../../storage/events/EventService';
+import { DateService } from '../../core/DateService';
+import { FilterTemplate } from '../../core/FilterTemplate';
+import {
+  IDragEnterHeaderPayload,
+  IDragMoveHeaderPayload,
+  IDragLeaveHeaderPayload,
+  IDragEndPayload
+} from '../../types/DragTypes';
+
+/**
+ * Layout information for a header item
+ */
+interface IHeaderItemLayout {
+  event: ICalendarEvent;
+  columnKey: string;  // Opaque column identifier
+  row: number;        // 1-indexed
+  colStart: number;   // 1-indexed
+  colEnd: number;     // exclusive
+}
+
+/**
+ * HeaderDrawerRenderer - Handles rendering of items in the header drawer
+ *
+ * Listens to drag events from DragDropManager and creates/manages
+ * swp-header-item elements in the header drawer.
+ *
+ * Uses subgrid for column alignment with parent swp-calendar-header.
+ * Position items via gridArea for explicit row/column placement.
+ */
+export class HeaderDrawerRenderer {
+  private currentItem: HTMLElement | null = null;
+  private container: HTMLElement | null = null;
+  private sourceElement: HTMLElement | null = null;
+  private wasExpandedBeforeDrag = false;
+  private filterTemplate: FilterTemplate | null = null;
+
+  constructor(
+    private eventBus: IEventBus,
+    private gridConfig: IGridConfig,
+    private headerDrawerManager: HeaderDrawerManager,
+    private eventService: EventService,
+    private dateService: DateService
+  ) {
+    this.setupListeners();
+  }
+
+  /**
+   * Render allDay events into the header drawer with row stacking
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container: HTMLElement, filter: Record<string, string[]>, filterTemplate: FilterTemplate): Promise<void> {
+    // Store filterTemplate for buildColumnKeyFromEvent
+    this.filterTemplate = filterTemplate;
+
+    const drawer = container.querySelector('swp-header-drawer');
+    if (!drawer) return;
+
+    const visibleDates = filter['date'] || [];
+    if (visibleDates.length === 0) return;
+
+    // Get column keys from DOM for correct multi-resource positioning
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0) return;
+
+    // Fetch events for date range
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+
+    // Filter to allDay events only (allDay !== false)
+    const allDayEvents = events.filter(event => event.allDay !== false);
+
+    // Clear existing items
+    drawer.innerHTML = '';
+
+    if (allDayEvents.length === 0) return;
+
+    // Calculate layout with row stacking using columnKeys
+    const layouts = this.calculateLayout(allDayEvents, visibleColumnKeys);
+    const rowCount = Math.max(1, ...layouts.map(l => l.row));
+
+    // Render each item with layout
+    layouts.forEach(layout => {
+      const item = this.createHeaderItem(layout);
+      drawer.appendChild(item);
+    });
+
+    // Expand drawer to fit all rows
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+
+  /**
+   * Create a header item element from layout
+   */
+  private createHeaderItem(layout: IHeaderItemLayout): HTMLElement {
+    const { event, columnKey, row, colStart, colEnd } = layout;
+
+    const item = document.createElement('swp-header-item');
+    item.dataset.eventId = event.id;
+    item.dataset.itemType = 'event';
+    item.dataset.start = event.start.toISOString();
+    item.dataset.end = event.end.toISOString();
+    item.dataset.columnKey = columnKey;
+    item.textContent = event.title;
+
+    // Color class
+    const colorClass = this.getColorClass(event);
+    if (colorClass) item.classList.add(colorClass);
+
+    // Grid position from layout
+    item.style.gridArea = `${row} / ${colStart} / ${row + 1} / ${colEnd}`;
+
+    return item;
+  }
+
+  /**
+   * Calculate layout for all events with row stacking
+   * Uses track-based algorithm to find available rows for overlapping events
+   */
+  private calculateLayout(events: ICalendarEvent[], visibleColumnKeys: string[]): IHeaderItemLayout[] {
+    // tracks[row][col] = occupied
+    const tracks: boolean[][] = [new Array(visibleColumnKeys.length).fill(false)];
+    const layouts: IHeaderItemLayout[] = [];
+
+    for (const event of events) {
+      // Build columnKey from event fields (only place we need to construct it)
+      const columnKey = this.buildColumnKeyFromEvent(event);
+      const startCol = visibleColumnKeys.indexOf(columnKey);
+      const endColumnKey = this.buildColumnKeyFromEvent(event, event.end);
+      const endCol = visibleColumnKeys.indexOf(endColumnKey);
+      if (startCol === -1 && endCol === -1) continue;
+
+      // Clamp til synlige kolonner
+      const colStart = Math.max(0, startCol);
+      const colEnd = (endCol !== -1 ? endCol : visibleColumnKeys.length - 1) + 1;
+
+      // Find ledig række
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+
+      // Marker som optaget
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+
+      layouts.push({ event, columnKey, row: row + 1, colStart: colStart + 1, colEnd: colEnd + 1 });
+    }
+
+    return layouts;
+  }
+
+  /**
+   * Build columnKey from event using FilterTemplate
+   * Uses the same template that columns use for matching
+   */
+  private buildColumnKeyFromEvent(event: ICalendarEvent, date?: Date): string {
+    if (!this.filterTemplate) {
+      // Fallback if no template - shouldn't happen in normal flow
+      const dateStr = this.dateService.getDateKey(date || event.start);
+      return dateStr;
+    }
+
+    // For multi-day events, we need to override the date in the event
+    if (date && date.getTime() !== event.start.getTime()) {
+      // Create temporary event with overridden start for key generation
+      const tempEvent = { ...event, start: date };
+      return this.filterTemplate.buildKeyFromEvent(tempEvent);
+    }
+
+    return this.filterTemplate.buildKeyFromEvent(event);
+  }
+
+  /**
+   * Find available row for event spanning columns [colStart, colEnd)
+   */
+  private findAvailableRow(tracks: boolean[][], colStart: number, colEnd: number): number {
+    for (let row = 0; row < tracks.length; row++) {
+      let available = true;
+      for (let c = colStart; c < colEnd; c++) {
+        if (tracks[row][c]) { available = false; break; }
+      }
+      if (available) return row;
+    }
+    // Ny række
+    tracks.push(new Array(tracks[0].length).fill(false));
+    return tracks.length - 1;
+  }
+
+  /**
+   * Get color class based on event metadata or type
+   */
+  private getColorClass(event: ICalendarEvent): string {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors: Record<string, string> = {
+      'customer': 'is-blue',
+      'vacation': 'is-green',
+      'break': 'is-amber',
+      'meeting': 'is-purple',
+      'blocked': 'is-red'
+    };
+    return typeColors[event.type] || 'is-blue';
+  }
+
+  /**
+   * Setup event listeners for drag events
+   */
+  private setupListeners(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_ENTER_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragEnterHeaderPayload>).detail;
+      this.handleDragEnter(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragMoveHeaderPayload>).detail;
+      this.handleDragMove(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragLeaveHeaderPayload>).detail;
+      this.handleDragLeave(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = (e as CustomEvent<IDragEndPayload>).detail;
+      this.handleDragEnd(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => {
+      this.cleanup();
+    });
+  }
+
+  /**
+   * Handle drag entering header zone - create preview item
+   */
+  private handleDragEnter(payload: IDragEnterHeaderPayload): void {
+    this.container = document.querySelector('swp-header-drawer');
+    if (!this.container) return;
+
+    // Remember if drawer was already expanded
+    this.wasExpandedBeforeDrag = this.headerDrawerManager.isExpanded();
+
+    // Expand to at least 1 row if collapsed, otherwise keep current height
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.expandToRows(1);
+    }
+
+    // Store reference to source element
+    this.sourceElement = payload.element;
+
+    // Create header item
+    const item = document.createElement('swp-header-item');
+    item.dataset.eventId = payload.eventId;
+    item.dataset.itemType = payload.itemType;
+    item.dataset.duration = String(payload.duration);
+    item.dataset.columnKey = payload.sourceColumnKey;
+    item.textContent = payload.title;
+
+    // Apply color class if present
+    if (payload.colorClass) {
+      item.classList.add(payload.colorClass);
+    }
+
+    // Add dragging state
+    item.classList.add('dragging');
+
+    // Initial placement (duration determines column span)
+    // gridArea format: "row / col-start / row+1 / col-end"
+    const col = payload.sourceColumnIndex + 1;
+    const endCol = col + payload.duration;
+    item.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+
+    this.container.appendChild(item);
+    this.currentItem = item;
+
+    // Hide original element while in header
+    payload.element.style.visibility = 'hidden';
+  }
+
+  /**
+   * Handle drag moving within header - update column position
+   */
+  private handleDragMove(payload: IDragMoveHeaderPayload): void {
+    if (!this.currentItem) return;
+
+    // Update column position
+    const col = payload.columnIndex + 1;
+    const duration = parseInt(this.currentItem.dataset.duration || '1', 10);
+    const endCol = col + duration;
+
+    this.currentItem.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+
+    // Update columnKey to new position
+    this.currentItem.dataset.columnKey = payload.columnKey;
+  }
+
+  /**
+   * Handle drag leaving header - cleanup for grid→header drag only
+   */
+  private handleDragLeave(payload: IDragLeaveHeaderPayload): void {
+    // Only cleanup for grid→header drag (when grid event leaves header back to grid)
+    // For header→grid drag, the header item stays as ghost until drop
+    if (payload.source === 'grid') {
+      this.cleanup();
+    }
+    // For header source, do nothing - ghost stays until EVENT_DRAG_END
+  }
+
+  /**
+   * Handle drag end - finalize based on drop target
+   */
+  private handleDragEnd(payload: IDragEndPayload): void {
+    if (payload.target === 'header') {
+      // Grid→Header: Finalize the header item (it stays in header)
+      if (this.currentItem) {
+        this.currentItem.classList.remove('dragging');
+        this.recalculateDrawerLayout();
+        this.currentItem = null;
+        this.sourceElement = null;
+      }
+    } else {
+      // Header→Grid: Remove ghost header item and recalculate
+      const ghost = document.querySelector(`swp-header-item.drag-ghost[data-event-id="${payload.swpEvent.eventId}"]`);
+      ghost?.remove();
+      this.recalculateDrawerLayout();
+    }
+  }
+
+  /**
+   * Recalculate layout for all items currently in the drawer
+   * Called after drop to reposition items and adjust height
+   */
+  private recalculateDrawerLayout(): void {
+    const drawer = document.querySelector('swp-header-drawer');
+    if (!drawer) return;
+
+    const items = Array.from(drawer.querySelectorAll('swp-header-item')) as HTMLElement[];
+    if (items.length === 0) return;
+
+    // Get visible column keys for correct multi-resource positioning
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0) return;
+
+    // Build layout data from DOM items - use columnKey directly (opaque matching)
+    const itemData = items.map(item => ({
+      element: item,
+      columnKey: item.dataset.columnKey || '',
+      duration: parseInt(item.dataset.duration || '1', 10)
+    }));
+
+    // Calculate new layout using track algorithm
+    const tracks: boolean[][] = [new Array(visibleColumnKeys.length).fill(false)];
+
+    for (const item of itemData) {
+      // Direct columnKey matching - no parsing or construction needed
+      const startCol = visibleColumnKeys.indexOf(item.columnKey);
+      if (startCol === -1) continue;
+
+      const colStart = startCol;
+      const colEnd = Math.min(startCol + item.duration, visibleColumnKeys.length);
+
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+
+      // Update element position
+      item.element.style.gridArea = `${row + 1} / ${colStart + 1} / ${row + 2} / ${colEnd + 1}`;
+    }
+
+    // Update drawer height
+    const rowCount = tracks.length;
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+
+  /**
+   * Get visible column keys from DOM (preserves order for multi-resource views)
+   * Uses filterTemplate.buildKeyFromColumn() for consistent key format with events
+   */
+  private getVisibleColumnKeysFromDOM(): string[] {
+    if (!this.filterTemplate) return [];
+    const columns = document.querySelectorAll('swp-day-column');
+    const columnKeys: string[] = [];
+    columns.forEach(col => {
+      const columnKey = this.filterTemplate!.buildKeyFromColumn(col as HTMLElement);
+      if (columnKey) columnKeys.push(columnKey);
+    });
+    return columnKeys;
+  }
+
+  /**
+   * Cleanup preview item and restore source visibility
+   */
+  private cleanup(): void {
+    // Remove preview item
+    this.currentItem?.remove();
+    this.currentItem = null;
+
+    // Restore source element visibility
+    if (this.sourceElement) {
+      this.sourceElement.style.visibility = '';
+      this.sourceElement = null;
+    }
+
+    // Collapse drawer if it wasn't expanded before drag
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.collapse();
+    }
+  }
+}
diff --git a/packages/calendar/src/features/headerdrawer/index.ts b/packages/calendar/src/features/headerdrawer/index.ts
new file mode 100644
index 0000000..7b19757
--- /dev/null
+++ b/packages/calendar/src/features/headerdrawer/index.ts
@@ -0,0 +1,2 @@
+export { HeaderDrawerRenderer } from './HeaderDrawerRenderer';
+export { HeaderDrawerLayoutEngine, type IHeaderItemLayout, type IHeaderItemInput } from './HeaderDrawerLayoutEngine';
diff --git a/packages/calendar/src/features/resource/ResourceRenderer.ts b/packages/calendar/src/features/resource/ResourceRenderer.ts
new file mode 100644
index 0000000..2bf565f
--- /dev/null
+++ b/packages/calendar/src/features/resource/ResourceRenderer.ts
@@ -0,0 +1,69 @@
+import { IRenderContext } from '../../core/IGroupingRenderer';
+import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
+import { ResourceService } from '../../storage/resources/ResourceService';
+import { IResource } from '../../types/CalendarTypes';
+
+export class ResourceRenderer extends BaseGroupingRenderer<IResource> {
+  readonly type = 'resource';
+
+  protected readonly config: IGroupingRendererConfig = {
+    elementTag: 'swp-resource-header',
+    idAttribute: 'resourceId',
+    colspanVar: '--resource-cols'
+  };
+
+  constructor(private resourceService: ResourceService) {
+    super();
+  }
+
+  protected getEntities(ids: string[]): Promise<IResource[]> {
+    return this.resourceService.getByIds(ids);
+  }
+
+  protected getDisplayName(entity: IResource): string {
+    return entity.displayName;
+  }
+
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context: IRenderContext): Promise<void> {
+    const resourceIds = context.filter['resource'] || [];
+    const dateCount = context.filter['date']?.length || 1;
+
+    // Determine render order based on parentChildMap
+    // If parentChildMap exists, render resources grouped by parent (e.g., team)
+    // Otherwise, render in filter order
+    let orderedResourceIds: string[];
+
+    if (context.parentChildMap) {
+      // Render resources in parent-child order
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+
+    const resources = await this.getEntities(orderedResourceIds);
+
+    // Create a map for quick lookup to preserve order
+    const resourceMap = new Map(resources.map(r => [r.id, r]));
+
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource) continue;
+
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+}
diff --git a/packages/calendar/src/features/resource/index.ts b/packages/calendar/src/features/resource/index.ts
new file mode 100644
index 0000000..3bbd0d9
--- /dev/null
+++ b/packages/calendar/src/features/resource/index.ts
@@ -0,0 +1 @@
+export { ResourceRenderer } from './ResourceRenderer';
diff --git a/packages/calendar/src/features/schedule/ScheduleRenderer.ts b/packages/calendar/src/features/schedule/ScheduleRenderer.ts
new file mode 100644
index 0000000..d1d3349
--- /dev/null
+++ b/packages/calendar/src/features/schedule/ScheduleRenderer.ts
@@ -0,0 +1,106 @@
+import { ResourceScheduleService } from '../../extensions/schedules/ResourceScheduleService';
+import { DateService } from '../../core/DateService';
+import { IGridConfig } from '../../core/IGridConfig';
+import { ITimeSlot } from '../../types/ScheduleTypes';
+
+/**
+ * ScheduleRenderer - Renders unavailable time zones in day columns
+ *
+ * Creates visual indicators for times outside the resource's working hours:
+ * - Before work start (e.g., 06:00 - 09:00)
+ * - After work end (e.g., 17:00 - 18:00)
+ * - Full day if resource is off (schedule = null)
+ */
+export class ScheduleRenderer {
+  constructor(
+    private scheduleService: ResourceScheduleService,
+    private dateService: DateService,
+    private gridConfig: IGridConfig
+  ) {}
+
+  /**
+   * Render unavailable zones for visible columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and 'resource' arrays
+   */
+  async render(container: HTMLElement, filter: Record<string, string[]>): Promise<void> {
+    const dates = filter['date'] || [];
+    const resourceIds = filter['resource'] || [];
+
+    if (dates.length === 0) return;
+
+    // Find day columns
+    const dayColumns = container.querySelector('swp-day-columns');
+    if (!dayColumns) return;
+
+    const columns = dayColumns.querySelectorAll('swp-day-column');
+
+    for (const column of columns) {
+      const date = (column as HTMLElement).dataset.date;
+      const resourceId = (column as HTMLElement).dataset.resourceId;
+
+      if (!date || !resourceId) continue;
+
+      // Get or create unavailable layer
+      let unavailableLayer = column.querySelector('swp-unavailable-layer');
+      if (!unavailableLayer) {
+        unavailableLayer = document.createElement('swp-unavailable-layer');
+        column.insertBefore(unavailableLayer, column.firstChild);
+      }
+
+      // Clear existing
+      unavailableLayer.innerHTML = '';
+
+      // Get schedule for this resource/date
+      const schedule = await this.scheduleService.getScheduleForDate(resourceId, date);
+
+      // Render unavailable zones
+      this.renderUnavailableZones(unavailableLayer as HTMLElement, schedule);
+    }
+  }
+
+  /**
+   * Render unavailable time zones based on schedule
+   */
+  private renderUnavailableZones(layer: HTMLElement, schedule: ITimeSlot | null): void {
+    const dayStartMinutes = this.gridConfig.dayStartHour * 60;
+    const dayEndMinutes = this.gridConfig.dayEndHour * 60;
+    const minuteHeight = this.gridConfig.hourHeight / 60;
+
+    if (schedule === null) {
+      // Full day unavailable
+      const zone = this.createUnavailableZone(0, (dayEndMinutes - dayStartMinutes) * minuteHeight);
+      layer.appendChild(zone);
+      return;
+    }
+
+    const workStartMinutes = this.dateService.timeToMinutes(schedule.start);
+    const workEndMinutes = this.dateService.timeToMinutes(schedule.end);
+
+    // Before work start
+    if (workStartMinutes > dayStartMinutes) {
+      const top = 0;
+      const height = (workStartMinutes - dayStartMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+
+    // After work end
+    if (workEndMinutes < dayEndMinutes) {
+      const top = (workEndMinutes - dayStartMinutes) * minuteHeight;
+      const height = (dayEndMinutes - workEndMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+  }
+
+  /**
+   * Create an unavailable zone element
+   */
+  private createUnavailableZone(top: number, height: number): HTMLElement {
+    const zone = document.createElement('swp-unavailable-zone');
+    zone.style.top = `${top}px`;
+    zone.style.height = `${height}px`;
+    return zone;
+  }
+}
diff --git a/packages/calendar/src/features/schedule/index.ts b/packages/calendar/src/features/schedule/index.ts
new file mode 100644
index 0000000..c6ca514
--- /dev/null
+++ b/packages/calendar/src/features/schedule/index.ts
@@ -0,0 +1 @@
+export { ScheduleRenderer } from './ScheduleRenderer';
diff --git a/packages/calendar/src/features/timeaxis/TimeAxisRenderer.ts b/packages/calendar/src/features/timeaxis/TimeAxisRenderer.ts
new file mode 100644
index 0000000..80279be
--- /dev/null
+++ b/packages/calendar/src/features/timeaxis/TimeAxisRenderer.ts
@@ -0,0 +1,10 @@
+export class TimeAxisRenderer {
+  render(container: HTMLElement, startHour = 6, endHour = 20): void {
+    container.innerHTML = '';
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement('swp-hour-marker');
+      marker.textContent = `${hour.toString().padStart(2, '0')}:00`;
+      container.appendChild(marker);
+    }
+  }
+}
diff --git a/packages/calendar/src/index.ts b/packages/calendar/src/index.ts
new file mode 100644
index 0000000..a0bee9c
--- /dev/null
+++ b/packages/calendar/src/index.ts
@@ -0,0 +1,164 @@
+// === CORE ===
+
+// App
+export { CalendarApp } from './core/CalendarApp';
+export { CalendarOrchestrator } from './core/CalendarOrchestrator';
+export { CalendarEvents } from './core/CalendarEvents';
+export type {
+  RenderPayload,
+  WorkweekChangePayload,
+  ViewUpdatePayload
+} from './core/CalendarEvents';
+
+// Infrastructure
+export { EventBus } from './core/EventBus';
+export { DateService } from './core/DateService';
+export { ViewTemplate, ViewConfig, GroupingConfig } from './core/ViewConfig';
+export { IRenderer, IRenderContext } from './core/IGroupingRenderer';
+export { IGroupingStore } from './core/IGroupingStore';
+export { BaseGroupingRenderer, IGroupingRendererConfig } from './core/BaseGroupingRenderer';
+export { buildPipeline, Pipeline } from './core/RenderBuilder';
+export { NavigationAnimator } from './core/NavigationAnimator';
+export { ScrollManager } from './core/ScrollManager';
+export { HeaderDrawerManager } from './core/HeaderDrawerManager';
+export { FilterTemplate } from './core/FilterTemplate';
+export { EntityResolver } from './core/EntityResolver';
+export type { IEntityResolver } from './core/IEntityResolver';
+
+// Configuration interfaces
+export type { ITimeFormatConfig } from './core/ITimeFormatConfig';
+export type { IGridConfig } from './core/IGridConfig';
+
+// Core Features
+export { DateRenderer } from './features/date';
+export { ResourceRenderer } from './features/resource';
+export { EventRenderer } from './features/event';
+export { eventsOverlap, calculateColumnLayout } from './features/event/EventLayoutEngine';
+export type {
+  IStackLink,
+  IStackedEventLayout,
+  IGridGroupLayout,
+  IColumnLayout
+} from './features/event/EventLayoutTypes';
+export { TimeAxisRenderer } from './features/timeaxis/TimeAxisRenderer';
+export { HeaderDrawerRenderer, HeaderDrawerLayoutEngine } from './features/headerdrawer';
+export { ScheduleRenderer } from './features/schedule';
+
+// Core Storage
+export { IndexedDBContext, defaultDBConfig } from './storage/IndexedDBContext';
+export type { IDBConfig } from './storage/IndexedDBContext';
+export { BaseEntityService } from './storage/BaseEntityService';
+export type { IEntityService } from './storage/IEntityService';
+export type { IStore } from './storage/IStore';
+export { SyncPlugin } from './storage/SyncPlugin';
+
+// Event storage
+export { EventService } from './storage/events/EventService';
+export { EventStore } from './storage/events/EventStore';
+export { EventSerialization } from './storage/events/EventSerialization';
+
+// Resource storage
+export { ResourceService } from './storage/resources/ResourceService';
+export { ResourceStore } from './storage/resources/ResourceStore';
+
+// Settings storage
+export { SettingsService } from './storage/settings/SettingsService';
+export { SettingsStore } from './storage/settings/SettingsStore';
+
+// ViewConfig storage
+export { ViewConfigService } from './storage/viewconfigs/ViewConfigService';
+export { ViewConfigStore } from './storage/viewconfigs/ViewConfigStore';
+
+// Core Managers
+export { DragDropManager } from './managers/DragDropManager';
+export { EdgeScrollManager } from './managers/EdgeScrollManager';
+export { ResizeManager } from './managers/ResizeManager';
+export { EventPersistenceManager } from './managers/EventPersistenceManager';
+
+// Position utilities
+export {
+  calculateEventPosition,
+  minutesToPixels,
+  pixelsToMinutes,
+  snapToGrid
+} from './utils/PositionUtils';
+export type { EventPosition } from './utils/PositionUtils';
+
+// Types
+export type {
+  ICalendarEvent,
+  IResource,
+  IEventBus,
+  ISync,
+  SyncStatus,
+  EntityType,
+  CalendarEventType,
+  ResourceType,
+  ITeam,
+  IDepartment,
+  IBooking,
+  BookingStatus,
+  IBookingService,
+  ICustomer,
+  IDataEntity,
+  IEventLogEntry,
+  IListenerEntry,
+  IEntitySavedPayload,
+  IEntityDeletedPayload,
+  IEventUpdatedPayload
+} from './types/CalendarTypes';
+
+export type {
+  TenantSetting,
+  IGridSettings,
+  IWorkweekPreset
+} from './types/SettingsTypes';
+
+export type {
+  IScheduleOverride,
+  ITimeSlot,
+  IWeekSchedule,
+  WeekDay
+} from './types/ScheduleTypes';
+
+// Drag types
+export type {
+  IMousePosition,
+  IDragStartPayload,
+  IDragMovePayload,
+  IDragEndPayload,
+  IDragCancelPayload,
+  IDragColumnChangePayload,
+  IDragEnterHeaderPayload,
+  IDragMoveHeaderPayload,
+  IDragLeaveHeaderPayload
+} from './types/DragTypes';
+
+// Resize types
+export type {
+  IResizeStartPayload,
+  IResizeEndPayload
+} from './types/ResizeTypes';
+
+// Audit types
+export type {
+  IAuditEntry,
+  IAuditLoggedPayload
+} from './types/AuditTypes';
+
+export { SwpEvent } from './types/SwpEvent';
+
+// Core Events constants
+export { CoreEvents } from './constants/CoreEvents';
+
+// Repository interface (for custom implementations)
+export type { IApiRepository } from './repositories/IApiRepository';
+
+// DI helpers
+export {
+  createCalendarContainer,
+  registerCoreServices,
+  defaultTimeFormatConfig,
+  defaultGridConfig
+} from './CompositionRoot';
+export type { ICalendarOptions } from './CompositionRoot';
diff --git a/packages/calendar/src/managers/DragDropManager.ts b/packages/calendar/src/managers/DragDropManager.ts
new file mode 100644
index 0000000..4bf50b9
--- /dev/null
+++ b/packages/calendar/src/managers/DragDropManager.ts
@@ -0,0 +1,581 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { IGridConfig } from '../core/IGridConfig';
+import { CoreEvents } from '../constants/CoreEvents';
+import { snapToGrid } from '../utils/PositionUtils';
+import {
+  IMousePosition,
+  IDragStartPayload,
+  IDragMovePayload,
+  IDragEndPayload,
+  IDragCancelPayload,
+  IDragColumnChangePayload,
+  IDragEnterHeaderPayload,
+  IDragMoveHeaderPayload,
+  IDragLeaveHeaderPayload
+} from '../types/DragTypes';
+import { SwpEvent } from '../types/SwpEvent';
+
+interface DragState {
+  eventId: string;
+  element: HTMLElement;
+  ghostElement: HTMLElement | null;  // Null for header items
+  startY: number;
+  mouseOffset: IMousePosition;
+  columnElement: HTMLElement | null; // Null when starting from header
+  currentColumn: HTMLElement | null; // Null when in header
+  targetY: number;
+  currentY: number;
+  animationId: number;
+  sourceColumnKey: string;      // Source column key (where drag started)
+  dragSource: 'grid' | 'header'; // Where drag originated
+}
+
+/**
+ * DragDropManager - Handles drag-drop for calendar events
+ *
+ * Strategy: Drag original element, leave ghost-clone in place
+ * - mousedown: Store initial state, wait for movement
+ * - mousemove (>5px): Create ghost, start dragging original
+ * - mouseup: Snap to grid, remove ghost, emit drag:end
+ * - cancel: Animate back to startY, remove ghost
+ */
+export class DragDropManager {
+  private dragState: DragState | null = null;
+  private mouseDownPosition: IMousePosition | null = null;
+  private pendingElement: HTMLElement | null = null;
+  private pendingMouseOffset: IMousePosition | null = null;
+  private container: HTMLElement | null = null;
+  private inHeader = false;
+
+  private readonly DRAG_THRESHOLD = 5;
+  private readonly INTERPOLATION_FACTOR = 0.3;
+
+  constructor(
+    private eventBus: IEventBus,
+    private gridConfig: IGridConfig
+  ) {
+    this.setupScrollListener();
+  }
+
+  private setupScrollListener(): void {
+    this.eventBus.on(CoreEvents.EDGE_SCROLL_TICK, (e) => {
+      if (!this.dragState) return;
+      const { scrollDelta } = (e as CustomEvent<{ scrollDelta: number }>).detail;
+
+      // Element skal flytte med scroll for at forblive under musen
+      // (elementets top er relativ til kolonnen, som scroller med viewport)
+      this.dragState.targetY += scrollDelta;
+      this.dragState.currentY += scrollDelta;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+    });
+  }
+
+  /**
+   * Initialize drag-drop on a container element
+   */
+  init(container: HTMLElement): void {
+    this.container = container;
+    container.addEventListener('pointerdown', this.handlePointerDown);
+    document.addEventListener('pointermove', this.handlePointerMove);
+    document.addEventListener('pointerup', this.handlePointerUp);
+  }
+
+  private handlePointerDown = (e: PointerEvent): void => {
+    const target = e.target as HTMLElement;
+
+    // Ignore if clicking on resize handle
+    if (target.closest('swp-resize-handle')) return;
+
+    // Match both swp-event and swp-header-item
+    const eventElement = target.closest('swp-event') as HTMLElement;
+    const headerItem = target.closest('swp-header-item') as HTMLElement;
+    const draggable = eventElement || headerItem;
+
+    if (!draggable) return;
+
+    // Store for potential drag
+    this.mouseDownPosition = { x: e.clientX, y: e.clientY };
+    this.pendingElement = draggable;
+
+    // Calculate mouse offset within element
+    const rect = draggable.getBoundingClientRect();
+    this.pendingMouseOffset = {
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    };
+
+    // Capture pointer for reliable tracking
+    draggable.setPointerCapture(e.pointerId);
+  };
+
+  private handlePointerMove = (e: PointerEvent): void => {
+    // Not in potential drag state
+    if (!this.mouseDownPosition || !this.pendingElement) {
+      // Already dragging - update target
+      if (this.dragState) {
+        this.updateDragTarget(e);
+      }
+      return;
+    }
+
+    // Check threshold
+    const deltaX = Math.abs(e.clientX - this.mouseDownPosition.x);
+    const deltaY = Math.abs(e.clientY - this.mouseDownPosition.y);
+    const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+
+    if (distance < this.DRAG_THRESHOLD) return;
+
+    // Start drag
+    this.initializeDrag(this.pendingElement, this.pendingMouseOffset!, e);
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+  };
+
+  private handlePointerUp = (_e: PointerEvent): void => {
+    // Clear pending state
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+
+    if (!this.dragState) return;
+
+    // Stop animation
+    cancelAnimationFrame(this.dragState.animationId);
+
+    // Handle based on drag source and target
+    if (this.dragState.dragSource === 'header') {
+      // Header item drag end
+      this.handleHeaderItemDragEnd();
+    } else {
+      // Grid event drag end
+      this.handleGridEventDragEnd();
+    }
+
+    // Cleanup
+    this.dragState.element.classList.remove('dragging');
+    this.dragState = null;
+    this.inHeader = false;
+  };
+
+  /**
+   * Handle drag end for header items
+   */
+  private handleHeaderItemDragEnd(): void {
+    if (!this.dragState) return;
+
+    // If dropped in grid (not in header), the swp-event was already created
+    // by EventRenderer listening to EVENT_DRAG_LEAVE_HEADER
+    // Just emit drag:end for persistence
+
+    if (!this.inHeader && this.dragState.currentColumn) {
+      // Dropped in grid - emit drag:end with the new swp-event element
+      const gridEvent = this.dragState.currentColumn.querySelector(
+        `swp-event[data-event-id="${this.dragState.eventId}"]`
+      ) as HTMLElement;
+
+      if (gridEvent) {
+        const columnKey = this.dragState.currentColumn.dataset.columnKey || '';
+        const date = this.dragState.currentColumn.dataset.date || '';
+        const swpEvent = SwpEvent.fromElement(gridEvent, columnKey, date, this.gridConfig);
+
+        const payload: IDragEndPayload = {
+          swpEvent,
+          sourceColumnKey: this.dragState.sourceColumnKey,
+          target: 'grid'
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+      }
+    }
+    // If still in header, no persistence needed (stayed in header)
+  }
+
+  /**
+   * Handle drag end for grid events
+   */
+  private handleGridEventDragEnd(): void {
+    if (!this.dragState || !this.dragState.columnElement) return;
+
+    // Snap to grid
+    const snappedY = snapToGrid(this.dragState.currentY, this.gridConfig);
+    this.dragState.element.style.top = `${snappedY}px`;
+
+    // Remove ghost
+    this.dragState.ghostElement?.remove();
+
+    // Get columnKey and date from target column
+    const columnKey = this.dragState.columnElement.dataset.columnKey || '';
+    const date = this.dragState.columnElement.dataset.date || '';
+
+    // Create SwpEvent from element (reads top/height/eventId from element)
+    const swpEvent = SwpEvent.fromElement(
+      this.dragState.element,
+      columnKey,
+      date,
+      this.gridConfig
+    );
+
+    // Emit drag:end
+    const payload: IDragEndPayload = {
+      swpEvent,
+      sourceColumnKey: this.dragState.sourceColumnKey,
+      target: this.inHeader ? 'header' : 'grid'
+    };
+
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+  }
+
+  private initializeDrag(element: HTMLElement, mouseOffset: IMousePosition, e: PointerEvent): void {
+    const eventId = element.dataset.eventId || '';
+    const isHeaderItem = element.tagName.toLowerCase() === 'swp-header-item';
+    const columnElement = element.closest('swp-day-column') as HTMLElement;
+
+    // For grid events, we need a column
+    if (!isHeaderItem && !columnElement) return;
+
+    if (isHeaderItem) {
+      // Header item drag initialization
+      this.initializeHeaderItemDrag(element, mouseOffset, eventId);
+    } else {
+      // Grid event drag initialization
+      this.initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId);
+    }
+  }
+
+  /**
+   * Initialize drag for a header item (allDay event)
+   */
+  private initializeHeaderItemDrag(element: HTMLElement, mouseOffset: IMousePosition, eventId: string): void {
+    // Mark as dragging
+    element.classList.add('dragging');
+
+    // Initialize drag state for header item
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement: null,  // No ghost for header items
+      startY: 0,
+      mouseOffset,
+      columnElement: null,
+      currentColumn: null,
+      targetY: 0,
+      currentY: 0,
+      animationId: 0,
+      sourceColumnKey: '',  // Will be set from header item data
+      dragSource: 'header'
+    };
+
+    // Start in header mode
+    this.inHeader = true;
+  }
+
+  /**
+   * Initialize drag for a grid event
+   */
+  private initializeGridEventDrag(element: HTMLElement, mouseOffset: IMousePosition, e: PointerEvent, columnElement: HTMLElement, eventId: string): void {
+    // Calculate absolute Y position using getBoundingClientRect
+    const elementRect = element.getBoundingClientRect();
+    const columnRect = columnElement.getBoundingClientRect();
+    const startY = elementRect.top - columnRect.top;
+
+    // If event is inside a group, move it to events-layer for correct positioning during drag
+    const group = element.closest('swp-event-group');
+    if (group) {
+      const eventsLayer = columnElement.querySelector('swp-events-layer');
+      if (eventsLayer) {
+        eventsLayer.appendChild(element);
+      }
+    }
+
+    // Set consistent positioning for drag (works for both grouped and stacked events)
+    element.style.position = 'absolute';
+    element.style.top = `${startY}px`;
+    element.style.left = '2px';
+    element.style.right = '2px';
+    element.style.marginLeft = '0';  // Reset stacking margin
+
+    // Create ghost clone
+    const ghostElement = element.cloneNode(true) as HTMLElement;
+    ghostElement.classList.add('drag-ghost');
+    ghostElement.style.opacity = '0.3';
+    ghostElement.style.pointerEvents = 'none';
+
+    // Insert ghost before original
+    element.parentNode?.insertBefore(ghostElement, element);
+
+    // Setup element for dragging
+    element.classList.add('dragging');
+
+    // Calculate initial target from mouse position
+    const targetY = e.clientY - columnRect.top - mouseOffset.y;
+
+    // Initialize drag state
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement,
+      currentColumn: columnElement,
+      targetY: Math.max(0, targetY),
+      currentY: startY,
+      animationId: 0,
+      sourceColumnKey: columnElement.dataset.columnKey || '',
+      dragSource: 'grid'
+    };
+
+    // Emit drag:start
+    const payload: IDragStartPayload = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement
+    };
+
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_START, payload);
+
+    // Start animation loop
+    this.animateDrag();
+  }
+
+  private updateDragTarget(e: PointerEvent): void {
+    if (!this.dragState) return;
+
+    // Check header zone first
+    this.checkHeaderZone(e);
+
+    // Skip normal grid handling if in header
+    if (this.inHeader) return;
+
+    // Check for column change
+    const columnAtPoint = this.getColumnAtPoint(e.clientX);
+
+    // For header items entering grid, set initial column
+    if (this.dragState.dragSource === 'header' && columnAtPoint && !this.dragState.currentColumn) {
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+
+    if (columnAtPoint && columnAtPoint !== this.dragState.currentColumn && this.dragState.currentColumn) {
+      const payload: IDragColumnChangePayload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        previousColumn: this.dragState.currentColumn,
+        newColumn: columnAtPoint,
+        currentY: this.dragState.currentY
+      };
+
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, payload);
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+
+    // Skip grid position updates if no column yet
+    if (!this.dragState.columnElement) return;
+
+    const columnRect = this.dragState.columnElement.getBoundingClientRect();
+    const targetY = e.clientY - columnRect.top - this.dragState.mouseOffset.y;
+
+    this.dragState.targetY = Math.max(0, targetY);
+
+    // Start animation if not running
+    if (!this.dragState.animationId) {
+      this.animateDrag();
+    }
+  }
+
+  /**
+   * Check if pointer is in header zone and emit appropriate events
+   */
+  private checkHeaderZone(e: PointerEvent): void {
+    if (!this.dragState) return;
+
+    const headerViewport = document.querySelector('swp-header-viewport');
+    if (!headerViewport) return;
+
+    const rect = headerViewport.getBoundingClientRect();
+    const isInHeader = e.clientY < rect.bottom;
+
+    if (isInHeader && !this.inHeader) {
+      // Entered header (from grid)
+      this.inHeader = true;
+
+      if (this.dragState.dragSource === 'grid' && this.dragState.columnElement) {
+        const payload: IDragEnterHeaderPayload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          sourceColumnIndex: this.getColumnIndex(this.dragState.columnElement),
+          sourceColumnKey: this.dragState.columnElement.dataset.columnKey || '',
+          title: this.dragState.element.querySelector('swp-event-title')?.textContent || '',
+          colorClass: [...this.dragState.element.classList].find(c => c.startsWith('is-')),
+          itemType: 'event',
+          duration: 1
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_ENTER_HEADER, payload);
+      }
+      // For header source re-entering header, just update inHeader flag
+    } else if (!isInHeader && this.inHeader) {
+      // Left header (entering grid)
+      this.inHeader = false;
+
+      const targetColumn = this.getColumnAtPoint(e.clientX);
+
+      if (this.dragState.dragSource === 'header') {
+        // Header item leaving header → create swp-event in grid
+        const payload: IDragLeaveHeaderPayload = {
+          eventId: this.dragState.eventId,
+          source: 'header',
+          element: this.dragState.element,
+          targetColumn: targetColumn || undefined,
+          start: this.dragState.element.dataset.start ? new Date(this.dragState.element.dataset.start) : undefined,
+          end: this.dragState.element.dataset.end ? new Date(this.dragState.element.dataset.end) : undefined,
+          title: this.dragState.element.textContent || '',
+          colorClass: [...this.dragState.element.classList].find(c => c.startsWith('is-'))
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+
+        // Re-attach to the new swp-event created by EventRenderer
+        if (targetColumn) {
+          const newElement = targetColumn.querySelector(
+            `swp-event[data-event-id="${this.dragState.eventId}"]`
+          ) as HTMLElement;
+
+          if (newElement) {
+            this.dragState.element = newElement;
+            this.dragState.columnElement = targetColumn;
+            this.dragState.currentColumn = targetColumn;
+
+            // Start animation for the new element
+            this.animateDrag();
+          }
+        }
+      } else {
+        // Grid event leaving header → restore to grid
+        const payload: IDragLeaveHeaderPayload = {
+          eventId: this.dragState.eventId,
+          source: 'grid'
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+      }
+    } else if (isInHeader) {
+      // Moving within header
+      const column = this.getColumnAtX(e.clientX);
+      if (column) {
+        const payload: IDragMoveHeaderPayload = {
+          eventId: this.dragState.eventId,
+          columnIndex: this.getColumnIndex(column),
+          columnKey: column.dataset.columnKey || ''
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE_HEADER, payload);
+      }
+    }
+  }
+
+  /**
+   * Get column index (0-based) for a column element
+   */
+  private getColumnIndex(column: HTMLElement | null): number {
+    if (!this.container || !column) return 0;
+    const columns = Array.from(this.container.querySelectorAll('swp-day-column'));
+    return columns.indexOf(column);
+  }
+
+  /**
+   * Get column at X coordinate (alias for getColumnAtPoint)
+   */
+  private getColumnAtX(clientX: number): HTMLElement | null {
+    return this.getColumnAtPoint(clientX);
+  }
+
+  /**
+   * Find column element at given X coordinate
+   */
+  private getColumnAtPoint(clientX: number): HTMLElement | null {
+    if (!this.container) return null;
+
+    const columns = this.container.querySelectorAll('swp-day-column');
+    for (const col of columns) {
+      const rect = col.getBoundingClientRect();
+      if (clientX >= rect.left && clientX <= rect.right) {
+        return col as HTMLElement;
+      }
+    }
+    return null;
+  }
+
+  private animateDrag = (): void => {
+    if (!this.dragState) return;
+
+    const diff = this.dragState.targetY - this.dragState.currentY;
+
+    // Stop animation when close enough to target
+    if (Math.abs(diff) <= 0.5) {
+      this.dragState.animationId = 0;
+      return;
+    }
+
+    // Interpolate towards target
+    this.dragState.currentY += diff * this.INTERPOLATION_FACTOR;
+
+    // Update element position
+    this.dragState.element.style.top = `${this.dragState.currentY}px`;
+
+    // Emit drag:move (only if we have a column)
+    if (this.dragState.columnElement) {
+      const payload: IDragMovePayload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        currentY: this.dragState.currentY,
+        columnElement: this.dragState.columnElement
+      };
+
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE, payload);
+    }
+
+    // Continue animation
+    this.dragState.animationId = requestAnimationFrame(this.animateDrag);
+  };
+
+  /**
+   * Cancel drag and animate back to start position
+   */
+  cancelDrag(): void {
+    if (!this.dragState) return;
+
+    // Stop animation
+    cancelAnimationFrame(this.dragState.animationId);
+
+    const { element, ghostElement, startY, eventId } = this.dragState;
+
+    // Animate back to start
+    element.style.transition = 'top 200ms ease-out';
+    element.style.top = `${startY}px`;
+
+    // Remove ghost after animation (if exists)
+    setTimeout(() => {
+      ghostElement?.remove();
+      element.style.transition = '';
+      element.classList.remove('dragging');
+    }, 200);
+
+    // Emit drag:cancel
+    const payload: IDragCancelPayload = {
+      eventId,
+      element,
+      startY
+    };
+
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_CANCEL, payload);
+
+    this.dragState = null;
+    this.inHeader = false;
+  }
+}
diff --git a/packages/calendar/src/managers/EdgeScrollManager.ts b/packages/calendar/src/managers/EdgeScrollManager.ts
new file mode 100644
index 0000000..d1b5584
--- /dev/null
+++ b/packages/calendar/src/managers/EdgeScrollManager.ts
@@ -0,0 +1,140 @@
+/**
+ * EdgeScrollManager - Auto-scroll when dragging near viewport edges
+ *
+ * 2-zone system:
+ * - Inner zone (0-50px): Fast scroll (640 px/sec)
+ * - Outer zone (50-100px): Slow scroll (140 px/sec)
+ */
+
+import { IEventBus } from '../types/CalendarTypes';
+import { CoreEvents } from '../constants/CoreEvents';
+
+export class EdgeScrollManager {
+  private scrollableContent: HTMLElement | null = null;
+  private timeGrid: HTMLElement | null = null;
+  private draggedElement: HTMLElement | null = null;
+  private scrollRAF: number | null = null;
+  private mouseY = 0;
+  private isDragging = false;
+  private isScrolling = false;
+  private lastTs = 0;
+  private rect: DOMRect | null = null;
+  private initialScrollTop = 0;
+
+  private readonly OUTER_ZONE = 100;
+  private readonly INNER_ZONE = 50;
+  private readonly SLOW_SPEED = 140;
+  private readonly FAST_SPEED = 640;
+
+  constructor(private eventBus: IEventBus) {
+    this.subscribeToEvents();
+    document.addEventListener('pointermove', this.trackMouse);
+  }
+
+  init(scrollableContent: HTMLElement): void {
+    this.scrollableContent = scrollableContent;
+    this.timeGrid = scrollableContent.querySelector('swp-time-grid');
+    this.scrollableContent.style.scrollBehavior = 'auto';
+  }
+
+  private trackMouse = (e: PointerEvent): void => {
+    if (this.isDragging) {
+      this.mouseY = e.clientY;
+    }
+  };
+
+  private subscribeToEvents(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_START, (event: Event) => {
+      const payload = (event as CustomEvent).detail;
+      this.draggedElement = payload.element;
+      this.startDrag();
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, () => this.stopDrag());
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => this.stopDrag());
+  }
+
+  private startDrag(): void {
+    this.isDragging = true;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+
+    if (this.scrollRAF === null) {
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    }
+  }
+
+  private stopDrag(): void {
+    this.isDragging = false;
+    this.setScrollingState(false);
+
+    if (this.scrollRAF !== null) {
+      cancelAnimationFrame(this.scrollRAF);
+      this.scrollRAF = null;
+    }
+
+    this.rect = null;
+    this.lastTs = 0;
+    this.initialScrollTop = 0;
+  }
+
+  private calculateVelocity(): number {
+    if (!this.rect) return 0;
+
+    const distTop = this.mouseY - this.rect.top;
+    const distBot = this.rect.bottom - this.mouseY;
+
+    if (distTop < this.INNER_ZONE) return -this.FAST_SPEED;
+    if (distTop < this.OUTER_ZONE) return -this.SLOW_SPEED;
+    if (distBot < this.INNER_ZONE) return this.FAST_SPEED;
+    if (distBot < this.OUTER_ZONE) return this.SLOW_SPEED;
+
+    return 0;
+  }
+
+  private isAtBoundary(velocity: number): boolean {
+    if (!this.scrollableContent || !this.timeGrid || !this.draggedElement) return false;
+
+    const atTop = this.scrollableContent.scrollTop <= 0 && velocity < 0;
+    const atBottom = velocity > 0 &&
+      this.draggedElement.getBoundingClientRect().bottom >=
+      this.timeGrid.getBoundingClientRect().bottom;
+
+    return atTop || atBottom;
+  }
+
+  private setScrollingState(scrolling: boolean): void {
+    if (this.isScrolling === scrolling) return;
+
+    this.isScrolling = scrolling;
+    if (scrolling) {
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STARTED, {});
+    } else {
+      this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STOPPED, {});
+    }
+  }
+
+  private scrollTick = (ts: number): void => {
+    if (!this.isDragging || !this.scrollableContent) return;
+
+    const dt = this.lastTs ? (ts - this.lastTs) / 1000 : 0;
+    this.lastTs = ts;
+    this.rect ??= this.scrollableContent.getBoundingClientRect();
+
+    const velocity = this.calculateVelocity();
+
+    if (velocity !== 0 && !this.isAtBoundary(velocity)) {
+      const scrollDelta = velocity * dt;
+      this.scrollableContent.scrollTop += scrollDelta;
+      this.rect = null;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_TICK, { scrollDelta });
+      this.setScrollingState(true);
+    } else {
+      this.setScrollingState(false);
+    }
+
+    this.scrollRAF = requestAnimationFrame(this.scrollTick);
+  };
+}
diff --git a/packages/calendar/src/managers/EventPersistenceManager.ts b/packages/calendar/src/managers/EventPersistenceManager.ts
new file mode 100644
index 0000000..ae59df9
--- /dev/null
+++ b/packages/calendar/src/managers/EventPersistenceManager.ts
@@ -0,0 +1,102 @@
+/**
+ * EventPersistenceManager - Persists event changes to IndexedDB
+ *
+ * Listens to drag/resize events and updates IndexedDB via EventService.
+ * This bridges the gap between UI interactions and data persistence.
+ */
+
+import { ICalendarEvent, IEventBus, IEventUpdatedPayload } from '../types/CalendarTypes';
+import { EventService } from '../storage/events/EventService';
+import { DateService } from '../core/DateService';
+import { CoreEvents } from '../constants/CoreEvents';
+import { IDragEndPayload } from '../types/DragTypes';
+import { IResizeEndPayload } from '../types/ResizeTypes';
+
+export class EventPersistenceManager {
+  constructor(
+    private eventService: EventService,
+    private eventBus: IEventBus,
+    private dateService: DateService
+  ) {
+    this.setupListeners();
+  }
+
+  private setupListeners(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, this.handleDragEnd);
+    this.eventBus.on(CoreEvents.EVENT_RESIZE_END, this.handleResizeEnd);
+  }
+
+  /**
+   * Handle drag end - update event position in IndexedDB
+   */
+  private handleDragEnd = async (e: Event): Promise<void> => {
+    const payload = (e as CustomEvent<IDragEndPayload>).detail;
+    const { swpEvent } = payload;
+
+    // Get existing event to merge with
+    const event = await this.eventService.get(swpEvent.eventId);
+    if (!event) {
+      console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+      return;
+    }
+
+    // Parse resourceId from columnKey if present
+    const { resource } = this.dateService.parseColumnKey(swpEvent.columnKey);
+
+    // Update and save - start/end already calculated in SwpEvent
+    // Set allDay based on drop target:
+    // - header: allDay = true
+    // - grid: allDay = false (converts allDay event to timed)
+    const updatedEvent: ICalendarEvent = {
+      ...event,
+      start: swpEvent.start,
+      end: swpEvent.end,
+      resourceId: resource ?? event.resourceId,
+      allDay: payload.target === 'header',
+      syncStatus: 'pending'
+    };
+
+    await this.eventService.save(updatedEvent);
+
+    // Emit EVENT_UPDATED for EventRenderer to re-render affected columns
+    const updatePayload: IEventUpdatedPayload = {
+      eventId: updatedEvent.id,
+      sourceColumnKey: payload.sourceColumnKey,
+      targetColumnKey: swpEvent.columnKey
+    };
+    this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+  };
+
+  /**
+   * Handle resize end - update event duration in IndexedDB
+   */
+  private handleResizeEnd = async (e: Event): Promise<void> => {
+    const payload = (e as CustomEvent<IResizeEndPayload>).detail;
+    const { swpEvent } = payload;
+
+    // Get existing event to merge with
+    const event = await this.eventService.get(swpEvent.eventId);
+    if (!event) {
+      console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+      return;
+    }
+
+    // Update and save - end already calculated in SwpEvent
+    const updatedEvent: ICalendarEvent = {
+      ...event,
+      end: swpEvent.end,
+      syncStatus: 'pending'
+    };
+
+    await this.eventService.save(updatedEvent);
+
+    // Emit EVENT_UPDATED for EventRenderer to re-render the column
+    // Resize stays in same column, so source and target are the same
+    const updatePayload: IEventUpdatedPayload = {
+      eventId: updatedEvent.id,
+      sourceColumnKey: swpEvent.columnKey,
+      targetColumnKey: swpEvent.columnKey
+    };
+    this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+  };
+}
diff --git a/packages/calendar/src/managers/ResizeManager.ts b/packages/calendar/src/managers/ResizeManager.ts
new file mode 100644
index 0000000..5448def
--- /dev/null
+++ b/packages/calendar/src/managers/ResizeManager.ts
@@ -0,0 +1,290 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { IGridConfig } from '../core/IGridConfig';
+import { pixelsToMinutes, minutesToPixels, snapToGrid } from '../utils/PositionUtils';
+import { DateService } from '../core/DateService';
+import { CoreEvents } from '../constants/CoreEvents';
+import { IResizeStartPayload, IResizeEndPayload } from '../types/ResizeTypes';
+import { SwpEvent } from '../types/SwpEvent';
+
+/**
+ * ResizeManager - Handles resize of calendar events
+ *
+ * Step 1: Handle creation on mouseover (CSS handles visibility)
+ * Step 2: Pointer events + resize start
+ * Step 3: RAF animation for smooth height update
+ * Step 4: Grid snapping + timestamp update
+ */
+
+interface ResizeState {
+  eventId: string;
+  element: HTMLElement;
+  handleElement: HTMLElement;
+  startY: number;
+  startHeight: number;
+  startDurationMinutes: number;
+  pointerId: number;
+  prevZIndex: string;
+  // Animation state
+  currentHeight: number;
+  targetHeight: number;
+  animationId: number | null;
+}
+
+export class ResizeManager {
+  private container: HTMLElement | null = null;
+  private resizeState: ResizeState | null = null;
+
+  private readonly Z_INDEX_RESIZING = '1000';
+  private readonly ANIMATION_SPEED = 0.35;
+  private readonly MIN_HEIGHT_MINUTES = 15;
+
+  constructor(
+    private eventBus: IEventBus,
+    private gridConfig: IGridConfig,
+    private dateService: DateService
+  ) {}
+
+  /**
+   * Initialize resize functionality on container
+   */
+  init(container: HTMLElement): void {
+    this.container = container;
+
+    // Mouseover listener for handle creation (capture phase like V1)
+    container.addEventListener('mouseover', this.handleMouseOver, true);
+
+    // Pointer listeners for resize (capture phase like V1)
+    document.addEventListener('pointerdown', this.handlePointerDown, true);
+    document.addEventListener('pointermove', this.handlePointerMove, true);
+    document.addEventListener('pointerup', this.handlePointerUp, true);
+  }
+
+  /**
+   * Create resize handle element
+   */
+  private createResizeHandle(): HTMLElement {
+    const handle = document.createElement('swp-resize-handle');
+    handle.setAttribute('aria-label', 'Resize event');
+    handle.setAttribute('role', 'separator');
+    return handle;
+  }
+
+  /**
+   * Handle mouseover - create resize handle if not exists
+   */
+  private handleMouseOver = (e: Event): void => {
+    const target = e.target as HTMLElement;
+    const eventElement = target.closest('swp-event') as HTMLElement;
+
+    if (!eventElement || this.resizeState) return;
+
+    // Check if handle already exists
+    if (!eventElement.querySelector(':scope > swp-resize-handle')) {
+      const handle = this.createResizeHandle();
+      eventElement.appendChild(handle);
+    }
+  };
+
+  /**
+   * Handle pointerdown - start resize if on handle
+   */
+  private handlePointerDown = (e: PointerEvent): void => {
+    const handle = (e.target as HTMLElement).closest('swp-resize-handle') as HTMLElement;
+    if (!handle) return;
+
+    const element = handle.parentElement as HTMLElement;
+    if (!element) return;
+
+    const eventId = element.dataset.eventId || '';
+    const startHeight = element.offsetHeight;
+    const startDurationMinutes = pixelsToMinutes(startHeight, this.gridConfig);
+
+    // Store previous z-index
+    const container = element.closest('swp-event-group') as HTMLElement ?? element;
+    const prevZIndex = container.style.zIndex;
+
+    // Set resize state
+    this.resizeState = {
+      eventId,
+      element,
+      handleElement: handle,
+      startY: e.clientY,
+      startHeight,
+      startDurationMinutes,
+      pointerId: e.pointerId,
+      prevZIndex,
+      // Animation state
+      currentHeight: startHeight,
+      targetHeight: startHeight,
+      animationId: null
+    };
+
+    // Elevate z-index
+    container.style.zIndex = this.Z_INDEX_RESIZING;
+
+    // Capture pointer for smooth tracking
+    try {
+      handle.setPointerCapture(e.pointerId);
+    } catch (err) {
+      console.warn('Pointer capture failed:', err);
+    }
+
+    // Add global resizing class
+    document.documentElement.classList.add('swp--resizing');
+
+    // Emit resize start event
+    this.eventBus.emit(CoreEvents.EVENT_RESIZE_START, {
+      eventId,
+      element,
+      startHeight
+    } as IResizeStartPayload);
+
+    e.preventDefault();
+  };
+
+  /**
+   * Handle pointermove - update target height during resize
+   */
+  private handlePointerMove = (e: PointerEvent): void => {
+    if (!this.resizeState) return;
+
+    const deltaY = e.clientY - this.resizeState.startY;
+    const minHeight = (this.MIN_HEIGHT_MINUTES / 60) * this.gridConfig.hourHeight;
+    const newHeight = Math.max(minHeight, this.resizeState.startHeight + deltaY);
+
+    // Set target height for animation
+    this.resizeState.targetHeight = newHeight;
+
+    // Start animation if not running
+    if (this.resizeState.animationId === null) {
+      this.animateHeight();
+    }
+  };
+
+  /**
+   * RAF animation loop for smooth height interpolation
+   */
+  private animateHeight = (): void => {
+    if (!this.resizeState) return;
+
+    const diff = this.resizeState.targetHeight - this.resizeState.currentHeight;
+
+    // Stop animation when close enough
+    if (Math.abs(diff) < 0.5) {
+      this.resizeState.animationId = null;
+      return;
+    }
+
+    // Interpolate towards target (35% per frame like V1)
+    this.resizeState.currentHeight += diff * this.ANIMATION_SPEED;
+    this.resizeState.element.style.height = `${this.resizeState.currentHeight}px`;
+
+    // Update timestamp display (snapped)
+    this.updateTimestampDisplay();
+
+    // Continue animation
+    this.resizeState.animationId = requestAnimationFrame(this.animateHeight);
+  };
+
+  /**
+   * Update timestamp display with snapped end time
+   */
+  private updateTimestampDisplay(): void {
+    if (!this.resizeState) return;
+
+    const timeEl = this.resizeState.element.querySelector('swp-event-time');
+    if (!timeEl) return;
+
+    // Get start time from element position
+    const top = parseFloat(this.resizeState.element.style.top) || 0;
+    const startMinutesFromGrid = pixelsToMinutes(top, this.gridConfig);
+    const startMinutes = (this.gridConfig.dayStartHour * 60) + startMinutesFromGrid;
+
+    // Calculate snapped end time from current height
+    const snappedHeight = snapToGrid(this.resizeState.currentHeight, this.gridConfig);
+    const durationMinutes = pixelsToMinutes(snappedHeight, this.gridConfig);
+    const endMinutes = startMinutes + durationMinutes;
+
+    // Format and update
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(endMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+
+  /**
+   * Convert minutes since midnight to Date
+   */
+  private minutesToDate(minutes: number): Date {
+    const date = new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  };
+
+  /**
+   * Handle pointerup - finish resize
+   */
+  private handlePointerUp = (e: PointerEvent): void => {
+    if (!this.resizeState) return;
+
+    // Cancel any pending animation
+    if (this.resizeState.animationId !== null) {
+      cancelAnimationFrame(this.resizeState.animationId);
+    }
+
+    // Release pointer capture
+    try {
+      this.resizeState.handleElement.releasePointerCapture(e.pointerId);
+    } catch (err) {
+      console.warn('Pointer release failed:', err);
+    }
+
+    // Snap final height to grid
+    this.snapToGridFinal();
+
+    // Update timestamp one final time
+    this.updateTimestampDisplay();
+
+    // Restore z-index
+    const container = this.resizeState.element.closest('swp-event-group') as HTMLElement ?? this.resizeState.element;
+    container.style.zIndex = this.resizeState.prevZIndex;
+
+    // Remove global resizing class
+    document.documentElement.classList.remove('swp--resizing');
+
+    // Get columnKey and date from parent column
+    const column = this.resizeState.element.closest('swp-day-column') as HTMLElement;
+    const columnKey = column?.dataset.columnKey || '';
+    const date = column?.dataset.date || '';
+
+    // Create SwpEvent from element (reads top/height/eventId from element)
+    const swpEvent = SwpEvent.fromElement(
+      this.resizeState.element,
+      columnKey,
+      date,
+      this.gridConfig
+    );
+
+    // Emit resize end event
+    this.eventBus.emit(CoreEvents.EVENT_RESIZE_END, {
+      swpEvent
+    } as IResizeEndPayload);
+
+    // Reset state
+    this.resizeState = null;
+  };
+
+  /**
+   * Snap final height to grid interval
+   */
+  private snapToGridFinal(): void {
+    if (!this.resizeState) return;
+
+    const currentHeight = this.resizeState.element.offsetHeight;
+    const snappedHeight = snapToGrid(currentHeight, this.gridConfig);
+    const minHeight = minutesToPixels(this.MIN_HEIGHT_MINUTES, this.gridConfig);
+    const finalHeight = Math.max(minHeight, snappedHeight);
+
+    this.resizeState.element.style.height = `${finalHeight}px`;
+    this.resizeState.currentHeight = finalHeight;
+  }
+}
diff --git a/packages/calendar/src/repositories/IApiRepository.ts b/packages/calendar/src/repositories/IApiRepository.ts
new file mode 100644
index 0000000..a50791f
--- /dev/null
+++ b/packages/calendar/src/repositories/IApiRepository.ts
@@ -0,0 +1,33 @@
+import { EntityType } from '../types/CalendarTypes';
+
+/**
+ * IApiRepository<T> - Generic interface for backend API communication
+ *
+ * Used by DataSeeder to fetch initial data and by SyncManager for sync operations.
+ */
+export interface IApiRepository<T> {
+  /**
+   * Entity type discriminator - used for runtime routing
+   */
+  readonly entityType: EntityType;
+
+  /**
+   * Send create operation to backend API
+   */
+  sendCreate(data: T): Promise<T>;
+
+  /**
+   * Send update operation to backend API
+   */
+  sendUpdate(id: string, updates: Partial<T>): Promise<T>;
+
+  /**
+   * Send delete operation to backend API
+   */
+  sendDelete(id: string): Promise<void>;
+
+  /**
+   * Fetch all entities from backend API
+   */
+  fetchAll(): Promise<T[]>;
+}
diff --git a/packages/calendar/src/storage/BaseEntityService.ts b/packages/calendar/src/storage/BaseEntityService.ts
new file mode 100644
index 0000000..ed8d3a1
--- /dev/null
+++ b/packages/calendar/src/storage/BaseEntityService.ts
@@ -0,0 +1,181 @@
+import { ISync, EntityType, SyncStatus, IEventBus, IEntitySavedPayload, IEntityDeletedPayload } from '../types/CalendarTypes';
+import { IEntityService } from './IEntityService';
+import { SyncPlugin } from './SyncPlugin';
+import { IndexedDBContext } from './IndexedDBContext';
+import { CoreEvents } from '../constants/CoreEvents';
+import { diff } from 'json-diff-ts';
+
+/**
+ * BaseEntityService<T extends ISync> - Abstract base class for all entity services
+ *
+ * PROVIDES:
+ * - Generic CRUD operations (get, getAll, save, delete)
+ * - Sync status management (delegates to SyncPlugin)
+ * - Serialization hooks (override in subclass if needed)
+ */
+export abstract class BaseEntityService<T extends ISync> implements IEntityService<T> {
+  abstract readonly storeName: string;
+  abstract readonly entityType: EntityType;
+
+  private syncPlugin: SyncPlugin<T>;
+  private context: IndexedDBContext;
+  protected eventBus: IEventBus;
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    this.context = context;
+    this.eventBus = eventBus;
+    this.syncPlugin = new SyncPlugin<T>(this);
+  }
+
+  protected get db(): IDBDatabase {
+    return this.context.getDatabase();
+  }
+
+  /**
+   * Serialize entity before storing in IndexedDB
+   */
+  protected serialize(entity: T): unknown {
+    return entity;
+  }
+
+  /**
+   * Deserialize data from IndexedDB back to entity
+   */
+  protected deserialize(data: unknown): T {
+    return data as T;
+  }
+
+  /**
+   * Get a single entity by ID
+   */
+  async get(id: string): Promise<T | null> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.get(id);
+
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? this.deserialize(data) : null);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get all entities
+   */
+  async getAll(): Promise<T[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.getAll();
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const entities = data.map(item => this.deserialize(item));
+        resolve(entities);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get all ${this.entityType}s: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Save an entity (create or update)
+   * Emits ENTITY_SAVED event with operation type and changes (diff for updates)
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  async save(entity: T, silent = false): Promise<void> {
+    const entityId = (entity as unknown as { id: string }).id;
+    const existingEntity = await this.get(entityId);
+    const isCreate = existingEntity === null;
+
+    // Calculate changes: full entity for create, diff for update
+    let changes: unknown;
+    if (isCreate) {
+      changes = entity;
+    } else {
+      const existingSerialized = this.serialize(existingEntity);
+      const newSerialized = this.serialize(entity);
+      changes = diff(existingSerialized, newSerialized);
+    }
+
+    const serialized = this.serialize(entity);
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readwrite');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+
+      request.onsuccess = () => {
+        // Only emit event if not silent (silent used for seeding)
+        if (!silent) {
+          const payload: IEntitySavedPayload = {
+            entityType: this.entityType,
+            entityId,
+            operation: isCreate ? 'create' : 'update',
+            changes,
+            timestamp: Date.now()
+          };
+          this.eventBus.emit(CoreEvents.ENTITY_SAVED, payload);
+        }
+        resolve();
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to save ${this.entityType} ${entityId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Delete an entity
+   * Emits ENTITY_DELETED event
+   */
+  async delete(id: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readwrite');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.delete(id);
+
+      request.onsuccess = () => {
+        const payload: IEntityDeletedPayload = {
+          entityType: this.entityType,
+          entityId: id,
+          operation: 'delete',
+          timestamp: Date.now()
+        };
+        this.eventBus.emit(CoreEvents.ENTITY_DELETED, payload);
+        resolve();
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to delete ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+
+  // Sync methods - delegate to SyncPlugin
+  async markAsSynced(id: string): Promise<void> {
+    return this.syncPlugin.markAsSynced(id);
+  }
+
+  async markAsError(id: string): Promise<void> {
+    return this.syncPlugin.markAsError(id);
+  }
+
+  async getSyncStatus(id: string): Promise<SyncStatus | null> {
+    return this.syncPlugin.getSyncStatus(id);
+  }
+
+  async getBySyncStatus(syncStatus: string): Promise<T[]> {
+    return this.syncPlugin.getBySyncStatus(syncStatus);
+  }
+}
diff --git a/packages/calendar/src/storage/IEntityService.ts b/packages/calendar/src/storage/IEntityService.ts
new file mode 100644
index 0000000..800ea62
--- /dev/null
+++ b/packages/calendar/src/storage/IEntityService.ts
@@ -0,0 +1,40 @@
+import { ISync, EntityType, SyncStatus } from '../types/CalendarTypes';
+
+/**
+ * IEntityService<T> - Generic interface for entity services with sync capabilities
+ *
+ * All entity services implement this interface to enable polymorphic operations.
+ */
+export interface IEntityService<T extends ISync> {
+  /**
+   * Entity type discriminator for runtime routing
+   */
+  readonly entityType: EntityType;
+
+  /**
+   * Get all entities from IndexedDB
+   */
+  getAll(): Promise<T[]>;
+
+  /**
+   * Save an entity (create or update) to IndexedDB
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  save(entity: T, silent?: boolean): Promise<void>;
+
+  /**
+   * Mark entity as successfully synced
+   */
+  markAsSynced(id: string): Promise<void>;
+
+  /**
+   * Mark entity as sync error
+   */
+  markAsError(id: string): Promise<void>;
+
+  /**
+   * Get current sync status for an entity
+   */
+  getSyncStatus(id: string): Promise<SyncStatus | null>;
+}
diff --git a/packages/calendar/src/storage/IStore.ts b/packages/calendar/src/storage/IStore.ts
new file mode 100644
index 0000000..91ac873
--- /dev/null
+++ b/packages/calendar/src/storage/IStore.ts
@@ -0,0 +1,18 @@
+/**
+ * IStore - Interface for IndexedDB ObjectStore definitions
+ *
+ * Each entity store implements this interface to define its schema.
+ * Enables Open/Closed Principle: IndexedDBContext works with any IStore.
+ */
+export interface IStore {
+  /**
+   * The name of the ObjectStore in IndexedDB
+   */
+  readonly storeName: string;
+
+  /**
+   * Create the ObjectStore with its schema (indexes, keyPath, etc.)
+   * Called during database upgrade (onupgradeneeded event)
+   */
+  create(db: IDBDatabase): void;
+}
diff --git a/packages/calendar/src/storage/IndexedDBContext.ts b/packages/calendar/src/storage/IndexedDBContext.ts
new file mode 100644
index 0000000..ab9e9ab
--- /dev/null
+++ b/packages/calendar/src/storage/IndexedDBContext.ts
@@ -0,0 +1,108 @@
+import { IStore } from './IStore';
+
+/**
+ * Database configuration
+ */
+export interface IDBConfig {
+  dbName: string;
+  dbVersion?: number;
+}
+
+export const defaultDBConfig: IDBConfig = {
+  dbName: 'CalendarDB',
+  dbVersion: 4
+};
+
+/**
+ * IndexedDBContext - Database connection manager
+ *
+ * RESPONSIBILITY:
+ * - Opens and manages IDBDatabase connection lifecycle
+ * - Creates object stores via injected IStore implementations
+ * - Provides shared IDBDatabase instance to all services
+ */
+export class IndexedDBContext {
+  private db: IDBDatabase | null = null;
+  private initialized: boolean = false;
+  private stores: IStore[];
+  private config: IDBConfig;
+
+  constructor(stores: IStore[], config: IDBConfig) {
+    this.stores = stores;
+    this.config = config;
+  }
+
+  get dbName(): string {
+    return this.config.dbName;
+  }
+
+  /**
+   * Initialize and open the database
+   */
+  async initialize(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(this.config.dbName, this.config.dbVersion);
+
+      request.onerror = () => {
+        reject(new Error(`Failed to open IndexedDB: ${request.error}`));
+      };
+
+      request.onsuccess = () => {
+        this.db = request.result;
+        this.initialized = true;
+        resolve();
+      };
+
+      request.onupgradeneeded = (event) => {
+        const db = (event.target as IDBOpenDBRequest).result;
+
+        // Create all entity stores via injected IStore implementations
+        this.stores.forEach(store => {
+          if (!db.objectStoreNames.contains(store.storeName)) {
+            store.create(db);
+          }
+        });
+      };
+    });
+  }
+
+  /**
+   * Check if database is initialized
+   */
+  public isInitialized(): boolean {
+    return this.initialized;
+  }
+
+  /**
+   * Get IDBDatabase instance
+   */
+  public getDatabase(): IDBDatabase {
+    if (!this.db) {
+      throw new Error('IndexedDB not initialized. Call initialize() first.');
+    }
+    return this.db;
+  }
+
+  /**
+   * Close database connection
+   */
+  close(): void {
+    if (this.db) {
+      this.db.close();
+      this.db = null;
+      this.initialized = false;
+    }
+  }
+
+  /**
+   * Delete entire database (for testing/reset)
+   */
+  static async deleteDatabase(dbName: string = defaultDBConfig.dbName): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.deleteDatabase(dbName);
+
+      request.onsuccess = () => resolve();
+      request.onerror = () => reject(new Error(`Failed to delete database: ${request.error}`));
+    });
+  }
+}
diff --git a/packages/calendar/src/storage/SyncPlugin.ts b/packages/calendar/src/storage/SyncPlugin.ts
new file mode 100644
index 0000000..7774da6
--- /dev/null
+++ b/packages/calendar/src/storage/SyncPlugin.ts
@@ -0,0 +1,64 @@
+import { ISync, SyncStatus } from '../types/CalendarTypes';
+
+/**
+ * SyncPlugin<T extends ISync> - Pluggable sync functionality for entity services
+ *
+ * COMPOSITION PATTERN:
+ * - Encapsulates all sync-related logic in separate class
+ * - Composed into BaseEntityService (not inheritance)
+ */
+export class SyncPlugin<T extends ISync> {
+  constructor(private service: any) {}
+
+  /**
+   * Mark entity as successfully synced
+   */
+  async markAsSynced(id: string): Promise<void> {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = 'synced';
+      await this.service.save(entity);
+    }
+  }
+
+  /**
+   * Mark entity as sync error
+   */
+  async markAsError(id: string): Promise<void> {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = 'error';
+      await this.service.save(entity);
+    }
+  }
+
+  /**
+   * Get current sync status for an entity
+   */
+  async getSyncStatus(id: string): Promise<SyncStatus | null> {
+    const entity = await this.service.get(id);
+    return entity ? entity.syncStatus : null;
+  }
+
+  /**
+   * Get entities by sync status using IndexedDB index
+   */
+  async getBySyncStatus(syncStatus: string): Promise<T[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.service.db.transaction([this.service.storeName], 'readonly');
+      const store = transaction.objectStore(this.service.storeName);
+      const index = store.index('syncStatus');
+      const request = index.getAll(syncStatus);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const entities = data.map(item => this.service.deserialize(item));
+        resolve(entities);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get by sync status ${syncStatus}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/packages/calendar/src/storage/events/EventSerialization.ts b/packages/calendar/src/storage/events/EventSerialization.ts
new file mode 100644
index 0000000..583fa79
--- /dev/null
+++ b/packages/calendar/src/storage/events/EventSerialization.ts
@@ -0,0 +1,32 @@
+import { ICalendarEvent } from '../../types/CalendarTypes';
+
+/**
+ * EventSerialization - Handles Date field serialization for IndexedDB
+ *
+ * IndexedDB doesn't store Date objects directly, so we convert:
+ * - Date → ISO string (serialize) when writing
+ * - ISO string → Date (deserialize) when reading
+ */
+export class EventSerialization {
+  /**
+   * Serialize event for IndexedDB storage
+   */
+  static serialize(event: ICalendarEvent): unknown {
+    return {
+      ...event,
+      start: event.start instanceof Date ? event.start.toISOString() : event.start,
+      end: event.end instanceof Date ? event.end.toISOString() : event.end
+    };
+  }
+
+  /**
+   * Deserialize event from IndexedDB storage
+   */
+  static deserialize(data: Record<string, unknown>): ICalendarEvent {
+    return {
+      ...data,
+      start: typeof data.start === 'string' ? new Date(data.start) : data.start,
+      end: typeof data.end === 'string' ? new Date(data.end) : data.end
+    } as ICalendarEvent;
+  }
+}
diff --git a/packages/calendar/src/storage/events/EventService.ts b/packages/calendar/src/storage/events/EventService.ts
new file mode 100644
index 0000000..0ccd5a5
--- /dev/null
+++ b/packages/calendar/src/storage/events/EventService.ts
@@ -0,0 +1,84 @@
+import { ICalendarEvent, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { EventStore } from './EventStore';
+import { EventSerialization } from './EventSerialization';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * EventService - CRUD operations for calendar events in IndexedDB
+ *
+ * Extends BaseEntityService for shared CRUD and sync logic.
+ * Provides event-specific query methods.
+ */
+export class EventService extends BaseEntityService<ICalendarEvent> {
+  readonly storeName = EventStore.STORE_NAME;
+  readonly entityType: EntityType = 'Event';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  protected serialize(event: ICalendarEvent): unknown {
+    return EventSerialization.serialize(event);
+  }
+
+  protected deserialize(data: unknown): ICalendarEvent {
+    return EventSerialization.deserialize(data as Record<string, unknown>);
+  }
+
+  /**
+   * Get events within a date range
+   */
+  async getByDateRange(start: Date, end: Date): Promise<ICalendarEvent[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('start');
+
+      const range = IDBKeyRange.lowerBound(start.toISOString());
+      const request = index.getAll(range);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const events = data
+          .map(item => this.deserialize(item))
+          .filter(event => event.start <= end);
+        resolve(events);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get events by date range: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get events for a specific resource
+   */
+  async getByResource(resourceId: string): Promise<ICalendarEvent[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('resourceId');
+      const request = index.getAll(resourceId);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const events = data.map(item => this.deserialize(item));
+        resolve(events);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get events for resource ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get events for a resource within a date range
+   */
+  async getByResourceAndDateRange(resourceId: string, start: Date, end: Date): Promise<ICalendarEvent[]> {
+    const resourceEvents = await this.getByResource(resourceId);
+    return resourceEvents.filter(event => event.start >= start && event.start <= end);
+  }
+}
diff --git a/packages/calendar/src/storage/events/EventStore.ts b/packages/calendar/src/storage/events/EventStore.ts
new file mode 100644
index 0000000..21c7be0
--- /dev/null
+++ b/packages/calendar/src/storage/events/EventStore.ts
@@ -0,0 +1,37 @@
+import { IStore } from '../IStore';
+
+/**
+ * EventStore - IndexedDB ObjectStore definition for calendar events
+ */
+export class EventStore implements IStore {
+  static readonly STORE_NAME = 'events';
+  readonly storeName = EventStore.STORE_NAME;
+
+  /**
+   * Create the events ObjectStore with indexes
+   */
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(EventStore.STORE_NAME, { keyPath: 'id' });
+
+    // Index: start (for date range queries)
+    store.createIndex('start', 'start', { unique: false });
+
+    // Index: end (for date range queries)
+    store.createIndex('end', 'end', { unique: false });
+
+    // Index: syncStatus (for filtering by sync state)
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+
+    // Index: resourceId (for resource-mode filtering)
+    store.createIndex('resourceId', 'resourceId', { unique: false });
+
+    // Index: customerId (for customer-centric queries)
+    store.createIndex('customerId', 'customerId', { unique: false });
+
+    // Index: bookingId (for event-to-booking lookups)
+    store.createIndex('bookingId', 'bookingId', { unique: false });
+
+    // Compound index: startEnd (for optimized range queries)
+    store.createIndex('startEnd', ['start', 'end'], { unique: false });
+  }
+}
diff --git a/packages/calendar/src/storage/resources/ResourceService.ts b/packages/calendar/src/storage/resources/ResourceService.ts
new file mode 100644
index 0000000..769210c
--- /dev/null
+++ b/packages/calendar/src/storage/resources/ResourceService.ts
@@ -0,0 +1,55 @@
+import { IResource, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { ResourceStore } from './ResourceStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * ResourceService - CRUD operations for resources in IndexedDB
+ */
+export class ResourceService extends BaseEntityService<IResource> {
+  readonly storeName = ResourceStore.STORE_NAME;
+  readonly entityType: EntityType = 'Resource';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get all active resources
+   */
+  async getActive(): Promise<IResource[]> {
+    const all = await this.getAll();
+    return all.filter(r => r.isActive !== false);
+  }
+
+  /**
+   * Get resources by IDs
+   */
+  async getByIds(ids: string[]): Promise<IResource[]> {
+    if (ids.length === 0) return [];
+
+    const results = await Promise.all(ids.map(id => this.get(id)));
+    return results.filter((r): r is IResource => r !== null);
+  }
+
+  /**
+   * Get resources by type
+   */
+  async getByType(type: string): Promise<IResource[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('type');
+      const request = index.getAll(type);
+
+      request.onsuccess = () => {
+        const data = request.result as IResource[];
+        resolve(data);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get resources by type ${type}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/packages/calendar/src/storage/resources/ResourceStore.ts b/packages/calendar/src/storage/resources/ResourceStore.ts
new file mode 100644
index 0000000..38e39b6
--- /dev/null
+++ b/packages/calendar/src/storage/resources/ResourceStore.ts
@@ -0,0 +1,17 @@
+import { IStore } from '../IStore';
+
+/**
+ * ResourceStore - IndexedDB ObjectStore definition for resources
+ */
+export class ResourceStore implements IStore {
+  static readonly STORE_NAME = 'resources';
+  readonly storeName = ResourceStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(ResourceStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('type', 'type', { unique: false });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+    store.createIndex('isActive', 'isActive', { unique: false });
+  }
+}
diff --git a/packages/calendar/src/storage/settings/SettingsService.ts b/packages/calendar/src/storage/settings/SettingsService.ts
new file mode 100644
index 0000000..5bc57b4
--- /dev/null
+++ b/packages/calendar/src/storage/settings/SettingsService.ts
@@ -0,0 +1,83 @@
+import { EntityType, IEventBus } from '../../types/CalendarTypes';
+import {
+  TenantSetting,
+  IWorkweekSettings,
+  IGridSettings,
+  ITimeFormatSettings,
+  IViewSettings,
+  IWorkweekPreset,
+  SettingsIds
+} from '../../types/SettingsTypes';
+import { SettingsStore } from './SettingsStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * SettingsService - CRUD operations for tenant settings
+ *
+ * Settings are stored as separate records per section.
+ * This service provides typed methods for accessing specific settings.
+ */
+export class SettingsService extends BaseEntityService<TenantSetting> {
+  readonly storeName = SettingsStore.STORE_NAME;
+  readonly entityType: EntityType = 'Settings';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get workweek settings
+   */
+  async getWorkweekSettings(): Promise<IWorkweekSettings | null> {
+    return this.get(SettingsIds.WORKWEEK) as Promise<IWorkweekSettings | null>;
+  }
+
+  /**
+   * Get grid settings
+   */
+  async getGridSettings(): Promise<IGridSettings | null> {
+    return this.get(SettingsIds.GRID) as Promise<IGridSettings | null>;
+  }
+
+  /**
+   * Get time format settings
+   */
+  async getTimeFormatSettings(): Promise<ITimeFormatSettings | null> {
+    return this.get(SettingsIds.TIME_FORMAT) as Promise<ITimeFormatSettings | null>;
+  }
+
+  /**
+   * Get view settings
+   */
+  async getViewSettings(): Promise<IViewSettings | null> {
+    return this.get(SettingsIds.VIEWS) as Promise<IViewSettings | null>;
+  }
+
+  /**
+   * Get workweek preset by ID
+   */
+  async getWorkweekPreset(presetId: string): Promise<IWorkweekPreset | null> {
+    const settings = await this.getWorkweekSettings();
+    if (!settings) return null;
+    return settings.presets[presetId] || null;
+  }
+
+  /**
+   * Get the default workweek preset
+   */
+  async getDefaultWorkweekPreset(): Promise<IWorkweekPreset | null> {
+    const settings = await this.getWorkweekSettings();
+    if (!settings) return null;
+    return settings.presets[settings.defaultPreset] || null;
+  }
+
+  /**
+   * Get all available workweek presets
+   */
+  async getWorkweekPresets(): Promise<IWorkweekPreset[]> {
+    const settings = await this.getWorkweekSettings();
+    if (!settings) return [];
+    return Object.values(settings.presets);
+  }
+}
diff --git a/packages/calendar/src/storage/settings/SettingsStore.ts b/packages/calendar/src/storage/settings/SettingsStore.ts
new file mode 100644
index 0000000..a28cc79
--- /dev/null
+++ b/packages/calendar/src/storage/settings/SettingsStore.ts
@@ -0,0 +1,16 @@
+import { IStore } from '../IStore';
+
+/**
+ * SettingsStore - IndexedDB ObjectStore definition for tenant settings
+ *
+ * Single store for all settings sections. Settings are stored as one document
+ * per tenant with id='tenant-settings'.
+ */
+export class SettingsStore implements IStore {
+  static readonly STORE_NAME = 'settings';
+  readonly storeName = SettingsStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(SettingsStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/packages/calendar/src/storage/viewconfigs/ViewConfigService.ts b/packages/calendar/src/storage/viewconfigs/ViewConfigService.ts
new file mode 100644
index 0000000..03a42f7
--- /dev/null
+++ b/packages/calendar/src/storage/viewconfigs/ViewConfigService.ts
@@ -0,0 +1,18 @@
+import { EntityType, IEventBus } from '../../types/CalendarTypes';
+import { ViewConfig } from '../../core/ViewConfig';
+import { ViewConfigStore } from './ViewConfigStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+export class ViewConfigService extends BaseEntityService<ViewConfig> {
+  readonly storeName = ViewConfigStore.STORE_NAME;
+  readonly entityType: EntityType = 'ViewConfig';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  async getById(id: string): Promise<ViewConfig | null> {
+    return this.get(id);
+  }
+}
diff --git a/packages/calendar/src/storage/viewconfigs/ViewConfigStore.ts b/packages/calendar/src/storage/viewconfigs/ViewConfigStore.ts
new file mode 100644
index 0000000..fb02d07
--- /dev/null
+++ b/packages/calendar/src/storage/viewconfigs/ViewConfigStore.ts
@@ -0,0 +1,10 @@
+import { IStore } from '../IStore';
+
+export class ViewConfigStore implements IStore {
+  static readonly STORE_NAME = 'viewconfigs';
+  readonly storeName = ViewConfigStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(ViewConfigStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/packages/calendar/src/types/AuditTypes.ts b/packages/calendar/src/types/AuditTypes.ts
new file mode 100644
index 0000000..3c0eb9f
--- /dev/null
+++ b/packages/calendar/src/types/AuditTypes.ts
@@ -0,0 +1,46 @@
+import { ISync, EntityType } from './CalendarTypes';
+
+/**
+ * IAuditEntry - Audit log entry for tracking all entity changes
+ *
+ * Used for:
+ * - Compliance and audit trail
+ * - Sync tracking with backend
+ * - Change history
+ */
+export interface IAuditEntry extends ISync {
+  /** Unique audit entry ID */
+  id: string;
+
+  /** Type of entity that was changed */
+  entityType: EntityType;
+
+  /** ID of the entity that was changed */
+  entityId: string;
+
+  /** Type of operation performed */
+  operation: 'create' | 'update' | 'delete';
+
+  /** User who made the change */
+  userId: string;
+
+  /** Timestamp when change was made */
+  timestamp: number;
+
+  /** Changes made (full entity for create, diff for update, { id } for delete) */
+  changes: unknown;
+
+  /** Whether this audit entry has been synced to backend */
+  synced: boolean;
+}
+
+/**
+ * IAuditLoggedPayload - Event payload when audit entry is logged
+ */
+export interface IAuditLoggedPayload {
+  auditId: string;
+  entityType: EntityType;
+  entityId: string;
+  operation: 'create' | 'update' | 'delete';
+  timestamp: number;
+}
diff --git a/packages/calendar/src/types/CalendarTypes.ts b/packages/calendar/src/types/CalendarTypes.ts
new file mode 100644
index 0000000..c7aa21c
--- /dev/null
+++ b/packages/calendar/src/types/CalendarTypes.ts
@@ -0,0 +1,170 @@
+/**
+ * Calendar Type Definitions
+ */
+
+import { IWeekSchedule } from './ScheduleTypes';
+
+export type SyncStatus = 'synced' | 'pending' | 'error';
+
+export type EntityType = 'Event' | 'Booking' | 'Customer' | 'Resource' | 'Team' | 'Department' | 'Audit' | 'Settings' | 'ViewConfig';
+
+/**
+ * CalendarEventType - Used by ICalendarEvent.type
+ * Note: Only 'customer' events have associated IBooking
+ */
+export type CalendarEventType =
+  | 'customer'    // Customer appointment (HAS booking)
+  | 'vacation'    // Vacation/time off (NO booking)
+  | 'break'       // Lunch/break (NO booking)
+  | 'meeting'     // Meeting (NO booking)
+  | 'blocked';    // Blocked time (NO booking)
+
+/**
+ * ISync - Interface for sync status tracking
+ * All syncable entities should extend this interface
+ */
+export interface ISync {
+  syncStatus: SyncStatus;
+}
+
+/**
+ * IDataEntity - Wrapper for entity data with typename discriminator
+ */
+export interface IDataEntity {
+  typename: EntityType;
+  data: unknown;
+}
+
+export interface ICalendarEvent extends ISync {
+  id: string;
+  title: string;
+  description?: string;
+  start: Date;
+  end: Date;
+  type: CalendarEventType;
+  allDay: boolean;
+
+  // References (denormalized for IndexedDB performance)
+  bookingId?: string;        // Reference to booking (only if type = 'customer')
+  resourceId?: string;       // Resource who owns this time slot
+  customerId?: string;       // Denormalized from Booking.customerId
+
+  recurringId?: string;
+  metadata?: Record<string, unknown>;
+}
+
+// EventBus types
+export interface IEventLogEntry {
+  type: string;
+  detail: unknown;
+  timestamp: number;
+}
+
+export interface IListenerEntry {
+  eventType: string;
+  handler: EventListener;
+  options?: AddEventListenerOptions;
+}
+
+export interface IEventBus {
+  on(eventType: string, handler: EventListener, options?: AddEventListenerOptions): () => void;
+  once(eventType: string, handler: EventListener): () => void;
+  off(eventType: string, handler: EventListener): void;
+  emit(eventType: string, detail?: unknown): boolean;
+  getEventLog(eventType?: string): IEventLogEntry[];
+  setDebug(enabled: boolean): void;
+}
+
+// Entity event payloads
+export interface IEntitySavedPayload {
+  entityType: EntityType;
+  entityId: string;
+  operation: 'create' | 'update';
+  changes: unknown;
+  timestamp: number;
+}
+
+export interface IEntityDeletedPayload {
+  entityType: EntityType;
+  entityId: string;
+  operation: 'delete';
+  timestamp: number;
+}
+
+// Event update payload (for re-rendering columns after drag/resize)
+export interface IEventUpdatedPayload {
+  eventId: string;
+  sourceColumnKey: string;      // Source column key (where event came from)
+  targetColumnKey: string;      // Target column key (where event landed)
+}
+
+// Resource types
+export type ResourceType =
+  | 'person'
+  | 'room'
+  | 'equipment'
+  | 'vehicle'
+  | 'custom';
+
+export interface IResource extends ISync {
+  id: string;
+  name: string;
+  displayName: string;
+  type: ResourceType;
+  avatarUrl?: string;
+  color?: string;
+  isActive?: boolean;
+  defaultSchedule?: IWeekSchedule;  // Default arbejdstider per ugedag
+  metadata?: Record<string, unknown>;
+}
+
+// Team types
+export interface ITeam extends ISync {
+  id: string;
+  name: string;
+  resourceIds: string[];
+}
+
+// Department types
+export interface IDepartment extends ISync {
+  id: string;
+  name: string;
+  resourceIds: string[];
+}
+
+// Booking types
+export type BookingStatus =
+  | 'created'
+  | 'arrived'
+  | 'paid'
+  | 'noshow'
+  | 'cancelled';
+
+export interface IBookingService {
+  serviceId: string;
+  serviceName: string;
+  baseDuration: number;
+  basePrice: number;
+  customPrice?: number;
+  resourceId: string;
+}
+
+export interface IBooking extends ISync {
+  id: string;
+  customerId: string;
+  status: BookingStatus;
+  createdAt: Date;
+  services: IBookingService[];
+  totalPrice?: number;
+  tags?: string[];
+  notes?: string;
+}
+
+// Customer types
+export interface ICustomer extends ISync {
+  id: string;
+  name: string;
+  phone: string;
+  email?: string;
+  metadata?: Record<string, unknown>;
+}
diff --git a/packages/calendar/src/types/DragTypes.ts b/packages/calendar/src/types/DragTypes.ts
new file mode 100644
index 0000000..d63c1a8
--- /dev/null
+++ b/packages/calendar/src/types/DragTypes.ts
@@ -0,0 +1,76 @@
+/**
+ * DragTypes - Event payloads for drag-drop operations
+ */
+
+import { SwpEvent } from './SwpEvent';
+
+export interface IMousePosition {
+  x: number;
+  y: number;
+}
+
+export interface IDragStartPayload {
+  eventId: string;
+  element: HTMLElement;         // Original element (being dragged)
+  ghostElement: HTMLElement;    // Ghost clone (stays in place)
+  startY: number;               // Original Y position
+  mouseOffset: IMousePosition;  // Click position within element
+  columnElement: HTMLElement;
+}
+
+export interface IDragMovePayload {
+  eventId: string;
+  element: HTMLElement;
+  currentY: number;             // Interpolated Y position (smooth)
+  columnElement: HTMLElement;
+}
+
+export interface IDragEndPayload {
+  swpEvent: SwpEvent;           // Wrapper with element, start, end, eventId, columnKey
+  sourceColumnKey: string;      // Source column key (where drag started)
+  target: 'grid' | 'header';    // Where the event was dropped
+}
+
+export interface IDragCancelPayload {
+  eventId: string;
+  element: HTMLElement;
+  startY: number;               // Position to animate back to
+}
+
+export interface IDragColumnChangePayload {
+  eventId: string;
+  element: HTMLElement;
+  previousColumn: HTMLElement;
+  newColumn: HTMLElement;
+  currentY: number;
+}
+
+// Header drag payloads
+export interface IDragEnterHeaderPayload {
+  eventId: string;
+  element: HTMLElement;        // Original dragged element
+  sourceColumnIndex: number;
+  sourceColumnKey: string;     // Opaque column identifier (for matching only)
+  title: string;
+  colorClass?: string;
+  itemType: 'event' | 'reminder';
+  duration: number;            // Antal dage (default 1)
+}
+
+export interface IDragMoveHeaderPayload {
+  eventId: string;
+  columnIndex: number;
+  columnKey: string;           // Opaque column identifier (for matching only)
+}
+
+export interface IDragLeaveHeaderPayload {
+  eventId: string;
+  source: 'grid' | 'header';     // Where drag originated
+  // Header→grid fields (when source === 'header')
+  element?: HTMLElement;         // Header item element
+  targetColumn?: HTMLElement;    // Target column in grid
+  start?: Date;                  // Event start from header item
+  end?: Date;                    // Event end from header item
+  title?: string;
+  colorClass?: string;
+}
diff --git a/packages/calendar/src/types/ResizeTypes.ts b/packages/calendar/src/types/ResizeTypes.ts
new file mode 100644
index 0000000..75caf6b
--- /dev/null
+++ b/packages/calendar/src/types/ResizeTypes.ts
@@ -0,0 +1,15 @@
+/**
+ * ResizeTypes - Event payloads for resize operations
+ */
+
+import { SwpEvent } from './SwpEvent';
+
+export interface IResizeStartPayload {
+  eventId: string;
+  element: HTMLElement;
+  startHeight: number;
+}
+
+export interface IResizeEndPayload {
+  swpEvent: SwpEvent;  // Wrapper with element, start, end, eventId, resourceId
+}
diff --git a/packages/calendar/src/types/ScheduleTypes.ts b/packages/calendar/src/types/ScheduleTypes.ts
new file mode 100644
index 0000000..65bfee7
--- /dev/null
+++ b/packages/calendar/src/types/ScheduleTypes.ts
@@ -0,0 +1,27 @@
+/**
+ * Schedule Types - Resource arbejdstider
+ */
+
+// Genbrugelig tidsslot
+export interface ITimeSlot {
+  start: string;  // "HH:mm"
+  end: string;    // "HH:mm"
+}
+
+// Ugedag: 1=mandag, 7=søndag (ISO 8601)
+export type WeekDay = 1 | 2 | 3 | 4 | 5 | 6 | 7;
+
+// Default arbejdstider per ugedag
+export interface IWeekSchedule {
+  [day: number]: ITimeSlot | null;  // null = fri den dag
+}
+
+// Override for specifik dato
+export interface IScheduleOverride {
+  id: string;
+  resourceId: string;
+  date: string;                     // "YYYY-MM-DD"
+  schedule: ITimeSlot | null;       // null = fri den dag
+  breaks?: ITimeSlot[];
+  syncStatus?: 'synced' | 'pending' | 'error';
+}
diff --git a/packages/calendar/src/types/SettingsTypes.ts b/packages/calendar/src/types/SettingsTypes.ts
new file mode 100644
index 0000000..5ae47aa
--- /dev/null
+++ b/packages/calendar/src/types/SettingsTypes.ts
@@ -0,0 +1,78 @@
+/**
+ * Tenant Settings Type Definitions
+ *
+ * Settings are tenant-specific configuration that comes from the backend
+ * and is stored in IndexedDB for offline access.
+ *
+ * Each settings section is stored as a separate record with its own id.
+ */
+
+import { ISync } from './CalendarTypes';
+
+/**
+ * Workweek preset - defines which ISO weekdays to display
+ * ISO: 1=Monday, 7=Sunday
+ */
+export interface IWorkweekPreset {
+  id: string;
+  workDays: number[];
+  label: string;
+  periodDays: number;  // Navigation step in days (1 = day, 7 = week)
+}
+
+/**
+ * Workweek settings - stored as separate record
+ */
+export interface IWorkweekSettings extends ISync {
+  id: 'workweek';
+  presets: Record<string, IWorkweekPreset>;
+  defaultPreset: string;
+  firstDayOfWeek: number;  // ISO: 1=Monday
+}
+
+/**
+ * Grid display settings - stored as separate record
+ */
+export interface IGridSettings extends ISync {
+  id: 'grid';
+  dayStartHour: number;
+  dayEndHour: number;
+  workStartHour: number;
+  workEndHour: number;
+  hourHeight: number;
+  snapInterval: number;
+}
+
+/**
+ * Time format settings - stored as separate record
+ */
+export interface ITimeFormatSettings extends ISync {
+  id: 'timeFormat';
+  timezone: string;
+  locale: string;
+  use24HourFormat: boolean;
+}
+
+/**
+ * View settings - stored as separate record
+ */
+export interface IViewSettings extends ISync {
+  id: 'views';
+  availableViews: string[];
+  defaultView: string;
+}
+
+/**
+ * Union type for all tenant settings records
+ */
+export type TenantSetting = IWorkweekSettings | IGridSettings | ITimeFormatSettings | IViewSettings;
+
+/**
+ * Settings IDs as const for type safety
+ */
+export const SettingsIds = {
+  WORKWEEK: 'workweek',
+  GRID: 'grid',
+  TIME_FORMAT: 'timeFormat',
+  VIEWS: 'views'
+} as const;
diff --git a/packages/calendar/src/types/SwpEvent.ts b/packages/calendar/src/types/SwpEvent.ts
new file mode 100644
index 0000000..ff8373b
--- /dev/null
+++ b/packages/calendar/src/types/SwpEvent.ts
@@ -0,0 +1,79 @@
+import { IGridConfig } from '../core/IGridConfig';
+
+/**
+ * SwpEvent - Wrapper class for calendar event elements
+ *
+ * Encapsulates an HTMLElement and provides computed properties
+ * for start/end times based on element position and grid config.
+ *
+ * Usage:
+ * - eventId is read from element.dataset
+ * - columnKey identifies the column uniformly
+ * - Position (top, height) is read from element.style
+ * - Factory method `fromElement()` calculates Date objects
+ */
+export class SwpEvent {
+  readonly element: HTMLElement;
+  readonly columnKey: string;
+  private _start: Date;
+  private _end: Date;
+
+  constructor(element: HTMLElement, columnKey: string, start: Date, end: Date) {
+    this.element = element;
+    this.columnKey = columnKey;
+    this._start = start;
+    this._end = end;
+  }
+
+  /** Event ID from element.dataset.eventId */
+  get eventId(): string {
+    return this.element.dataset.eventId || '';
+  }
+
+  get start(): Date {
+    return this._start;
+  }
+
+  get end(): Date {
+    return this._end;
+  }
+
+  /** Duration in minutes */
+  get durationMinutes(): number {
+    return (this._end.getTime() - this._start.getTime()) / (1000 * 60);
+  }
+
+  /** Duration in milliseconds */
+  get durationMs(): number {
+    return this._end.getTime() - this._start.getTime();
+  }
+
+  /**
+   * Factory: Create SwpEvent from element + columnKey
+   * Reads top/height from element.style to calculate start/end
+   * @param columnKey - Opaque column identifier (do NOT parse - use only for matching)
+   * @param date - Date string (YYYY-MM-DD) for time calculations
+   */
+  static fromElement(
+    element: HTMLElement,
+    columnKey: string,
+    date: string,
+    gridConfig: IGridConfig
+  ): SwpEvent {
+    const topPixels = parseFloat(element.style.top) || 0;
+    const heightPixels = parseFloat(element.style.height) || 0;
+
+    // Calculate start from top position
+    const startMinutesFromGrid = (topPixels / gridConfig.hourHeight) * 60;
+    const totalMinutes = (gridConfig.dayStartHour * 60) + startMinutesFromGrid;
+
+    const start = new Date(date);
+    start.setHours(Math.floor(totalMinutes / 60), totalMinutes % 60, 0, 0);
+
+    // Calculate end from height
+    const durationMinutes = (heightPixels / gridConfig.hourHeight) * 60;
+    const end = new Date(start.getTime() + durationMinutes * 60 * 1000);
+
+    return new SwpEvent(element, columnKey, start, end);
+  }
+}
diff --git a/packages/calendar/src/utils/PositionUtils.ts b/packages/calendar/src/utils/PositionUtils.ts
new file mode 100644
index 0000000..5c99e4b
--- /dev/null
+++ b/packages/calendar/src/utils/PositionUtils.ts
@@ -0,0 +1,55 @@
+/**
+ * PositionUtils - Pixel/position calculations for calendar grid
+ *
+ * RESPONSIBILITY: Convert between time and pixel positions
+ * NOTE: Date formatting belongs in DateService, not here
+ */
+
+import { IGridConfig } from '../core/IGridConfig';
+
+export interface EventPosition {
+  top: number;    // pixels from day start
+  height: number; // pixels
+}
+
+/**
+ * Calculate pixel position for an event based on its times
+ */
+export function calculateEventPosition(
+  start: Date,
+  end: Date,
+  config: IGridConfig
+): EventPosition {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+
+  return { top, height };
+}
+
+/**
+ * Convert minutes to pixels
+ */
+export function minutesToPixels(minutes: number, config: IGridConfig): number {
+  return (minutes / 60) * config.hourHeight;
+}
+
+/**
+ * Convert pixels to minutes
+ */
+export function pixelsToMinutes(pixels: number, config: IGridConfig): number {
+  return (pixels / config.hourHeight) * 60;
+}
+
+/**
+ * Snap pixel position to grid interval
+ */
+export function snapToGrid(pixels: number, config: IGridConfig): number {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
diff --git a/packages/calendar/tsconfig.json b/packages/calendar/tsconfig.json
new file mode 100644
index 0000000..c1c4978
--- /dev/null
+++ b/packages/calendar/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationDir": "./dist",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "sourceMap": true,
+    "lib": ["ES2024", "DOM", "DOM.Iterable"],
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/reports/css-analysis-report.html b/reports/css-analysis-report.html
index 8091d64..156c1df 100644
--- a/reports/css-analysis-report.html
+++ b/reports/css-analysis-report.html
@@ -141,19 +141,19 @@
         <div class="summary">
             <div class="stat-card">
                 <div class="stat-label">Total CSS Size</div>
-                <div class="stat-value">36.99 KB</div>
+                <div class="stat-value">19.26 KB</div>
             </div>
             <div class="stat-card">
                 <div class="stat-label">CSS Files</div>
-                <div class="stat-value">8</div>
+                <div class="stat-value">4</div>
             </div>
             <div class="stat-card warning">
                 <div class="stat-label">Unused CSS Rules</div>
-                <div class="stat-value">71</div>
+                <div class="stat-value">43</div>
             </div>
             <div class="stat-card success">
                 <div class="stat-label">Potential Removal</div>
-                <div class="stat-value">0.22%</div>
+                <div class="stat-value">0.27%</div>
             </div>
         </div>
 
@@ -174,73 +174,43 @@
                 <tbody>
                     
                     <tr>
-                        <td><strong>calendar-base-css.css</strong></td>
-                        <td>5.14 KB</td>
-                        <td>242</td>
-                        <td>25</td>
-                        <td>29</td>
-                        <td>107</td>
-                        <td>27</td>
-                    </tr>
-                    
-                    <tr>
-                        <td><strong>calendar-components-css.css</strong></td>
-                        <td>4.28 KB</td>
-                        <td>236</td>
-                        <td>26</td>
-                        <td>36</td>
-                        <td>116</td>
-                        <td>4</td>
-                    </tr>
-                    
-                    <tr>
-                        <td><strong>calendar-events-css.css</strong></td>
-                        <td>6.50 KB</td>
-                        <td>308</td>
-                        <td>41</td>
-                        <td>45</td>
-                        <td>139</td>
-                        <td>4</td>
-                    </tr>
-                    
-                    <tr>
-                        <td><strong>calendar-layout-css.css</strong></td>
-                        <td>10.59 KB</td>
-                        <td>1</td>
-                        <td>84</td>
-                        <td>84</td>
-                        <td>237</td>
-                        <td>12</td>
-                    </tr>
-                    
-                    <tr>
-                        <td><strong>calendar-month-css.css</strong></td>
-                        <td>6.59 KB</td>
-                        <td>315</td>
-                        <td>51</td>
-                        <td>54</td>
-                        <td>155</td>
-                        <td>10</td>
-                    </tr>
-                    
-                    <tr>
-                        <td><strong>calendar-popup-css.css</strong></td>
-                        <td>3.32 KB</td>
-                        <td>193</td>
-                        <td>23</td>
-                        <td>31</td>
-                        <td>97</td>
-                        <td>5</td>
-                    </tr>
-                    
-                    <tr>
-                        <td><strong>calendar-sliding-animation.css</strong></td>
-                        <td>0.57 KB</td>
-                        <td>24</td>
-                        <td>3</td>
-                        <td>4</td>
-                        <td>9</td>
+                        <td><strong>calendar-v2.css</strong></td>
+                        <td>0.18 KB</td>
+                        <td>7</td>
                         <td>0</td>
+                        <td>0</td>
+                        <td>1</td>
+                        <td>0</td>
+                    </tr>
+                    
+                    <tr>
+                        <td><strong>calendar-v2-base.css</strong></td>
+                        <td>1.66 KB</td>
+                        <td>67</td>
+                        <td>3</td>
+                        <td>3</td>
+                        <td>47</td>
+                        <td>32</td>
+                    </tr>
+                    
+                    <tr>
+                        <td><strong>calendar-v2-layout.css</strong></td>
+                        <td>8.65 KB</td>
+                        <td>428</td>
+                        <td>56</td>
+                        <td>71</td>
+                        <td>219</td>
+                        <td>2</td>
+                    </tr>
+                    
+                    <tr>
+                        <td><strong>calendar-v2-events.css</strong></td>
+                        <td>8.77 KB</td>
+                        <td>383</td>
+                        <td>54</td>
+                        <td>62</td>
+                        <td>196</td>
+                        <td>5</td>
                     </tr>
                     
                 </tbody>
@@ -251,54 +221,33 @@
             <h2>🗑️ Unused CSS by File</h2>
             
                 <div class="file-detail">
-                    <h3>test-nesting.css</h3>
-                    <p>
-                        <span class="badge badge-success">
-                            5 unused rules
-                        </span>
-                        <span style="margin-left: 10px; color: #666;">
-                            Original: 154 | After purge: 0
-                        </span>
-                    </p>
-                    
-                        <details>
-                            <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
-                            <div class="rejected-list">
-                                .test-container<br>.test-container .test-child<br>:is(.test-container .test-child):hover<br>.test-container .test-nested<br>:is(.test-container .test-nested) .deep-nested
-                                
-                            </div>
-                        </details>
-                    
-                </div>
-            
-                <div class="file-detail">
-                    <h3>calendar-sliding-animation.css</h3>
+                    <h3>calendar-v2.css</h3>
                     <p>
                         <span class="badge badge-success">
                             0 unused rules
                         </span>
                         <span style="margin-left: 10px; color: #666;">
-                            Original: 588 | After purge: 588
+                            Original: 186 | After purge: 186
                         </span>
                     </p>
                     <p style="color: #2e7d32; margin-top: 10px;">✅ No unused CSS found!</p>
                 </div>
             
                 <div class="file-detail">
-                    <h3>calendar-popup-css.css</h3>
+                    <h3>calendar-v2-layout.css</h3>
                     <p>
                         <span class="badge badge-success">
-                            5 unused rules
+                            16 unused rules
                         </span>
                         <span style="margin-left: 10px; color: #666;">
-                            Original: 3023 | After purge: 2939
+                            Original: 7087 | After purge: 6800
                         </span>
                     </p>
                     
                         <details>
                             <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
                             <div class="rejected-list">
-                                &[data-align="right"]<br>&[data-align="left"]<br>&:hover<br>&:active<br>&[data-action="close"]:hover
+                                .view-chip<br>&:hover<br>&.active<br>.workweek-dropdown<br>&:focus<br>fieldset<br>legend<br>.resource-checkboxes<br>label<br>input[type="checkbox"]<br>&.btn-small<br>&[data-levels="date"] > swp-day-header<br>&[data-levels="resource date"]<br>&[data-levels="team resource date"]<br>&[data-levels="department resource date"]<br>&[data-hidden="true"]
                                 
                             </div>
                         </details>
@@ -306,20 +255,21 @@
                 </div>
             
                 <div class="file-detail">
-                    <h3>calendar-month-css.css</h3>
+                    <h3>calendar-v2-events.css</h3>
                     <p>
-                        <span class="badge badge-success">
-                            15 unused rules
+                        <span class="badge badge-warning">
+                            26 unused rules
                         </span>
                         <span style="margin-left: 10px; color: #666;">
-                            Original: 5925 | After purge: 5485
+                            Original: 7047 | After purge: 6504
                         </span>
                     </p>
                     
                         <details>
                             <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
                             <div class="rejected-list">
-                                .month-event.category-meeting<br>.month-event.category-deadline<br>.month-event.category-work<br>.month-event.category-personal<br>.month-event.duration-30min<br>.month-event.duration-1h<br>.month-event.duration-1h30<br>.month-event.duration-2h<br>.month-event.duration-3h<br>.month-event.duration-4h<br>swp-calendar[data-view="month"][data-loading="true"] .month-grid<br>.month-grid.sliding-out-left<br>.month-grid.sliding-out-right<br>.month-grid.sliding-in-left<br>.month-grid.sliding-in-right
+                                &.drag-ghost<br>&:hover<br>&[data-continues-before="true"]<br>&[data-continues-after="true"]<br>swp-events-layer[data-filter-active="true"] swp-event<br>swp-events-layer[data-filter-active="true"] swp-event[data-matches="true"]<br>swp-event[data-stack-link]:not([data-stack-link*='"stackLevel":0'])<br>
+swp-event-group[data-stack-link]:not([data-stack-link*='"stackLevel":0']) swp-event<br>.is-red<br>.is-pink<br>.is-magenta<br>.is-purple<br>.is-violet<br>.is-deep-purple<br>.is-indigo<br>.is-blue<br>.is-light-blue<br>.is-cyan<br>.is-teal<br>.is-green<br>.is-light-green<br>.is-lime<br>.is-yellow<br>.is-amber<br>.is-orange<br>.is-deep-orange
                                 
                             </div>
                         </details>
@@ -327,85 +277,20 @@
                 </div>
             
                 <div class="file-detail">
-                    <h3>calendar-layout-css.css</h3>
+                    <h3>calendar-v2-base.css</h3>
                     <p>
                         <span class="badge badge-success">
-                            19 unused rules
+                            1 unused rules
                         </span>
                         <span style="margin-left: 10px; color: #666;">
-                            Original: 9940 | After purge: 8956
+                            Original: 1574 | After purge: 1570
                         </span>
                     </p>
                     
                         <details>
                             <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
                             <div class="rejected-list">
-                                -out<br>swp-day-header[data-today=true]<br>swp-day-header[data-today=true] swp-day-name<br>swp-day-header[data-today=true] swp-day-date<br>swp-resource-avatar img<br>[data-type=meeting]:is(swp-allday-container swp-allday-event)<br>[data-type=meal]:is(swp-allday-container swp-allday-event)<br>[data-type=milestone]:is(swp-allday-container swp-allday-event)<br>[data-type=personal]:is(swp-allday-container swp-allday-event)<br>[data-type=deadline]:is(swp-allday-container swp-allday-event)<br>.highlight[data-type=meeting]:is(swp-allday-container swp-allday-event)<br>.highlight[data-type=meal]:is(swp-allday-container swp-allday-event)<br>.highlight[data-type=milestone]:is(swp-allday-container swp-allday-event)<br>.highlight[data-type=personal]:is(swp-allday-container swp-allday-event)<br>.highlight[data-type=deadline]:is(swp-allday-container swp-allday-event)<br>:is(swp-scrollable-content::-webkit-scrollbar-thumb):hover<br>swp-day-column[data-work-hours=off]<br>swp-day-column[data-work-hours=off]:after<br>swp-day-column[data-work-hours=off]:before
-                                
-                            </div>
-                        </details>
-                    
-                </div>
-            
-                <div class="file-detail">
-                    <h3>calendar-events-css.css</h3>
-                    <p>
-                        <span class="badge badge-success">
-                            15 unused rules
-                        </span>
-                        <span style="margin-left: 10px; color: #666;">
-                            Original: 4815 | After purge: 4344
-                        </span>
-                    </p>
-                    
-                        <details>
-                            <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
-                            <div class="rejected-list">
-                                &[data-type="meeting"]<br>&[data-type="meal"]<br>&[data-type="milestone"]<br>&[data-type="personal"]<br>&[data-type="deadline"]<br>&.hover[data-type="meeting"]<br>&.hover[data-type="meal"]<br>&.hover[data-type="milestone"]<br>&.hover[data-type="personal"]<br>&.hover[data-type="deadline"]<br>&[data-continues-before="true"]<br>&[data-continues-after="true"]<br>&:hover<br>swp-event[data-stack-link]:not([data-stack-link*='"stackLevel":0'])<br>
-swp-event-group[data-stack-link]:not([data-stack-link*='"stackLevel":0']) swp-event
-                                
-                            </div>
-                        </details>
-                    
-                </div>
-            
-                <div class="file-detail">
-                    <h3>calendar-components-css.css</h3>
-                    <p>
-                        <span class="badge badge-success">
-                            8 unused rules
-                        </span>
-                        <span style="margin-left: 10px; color: #666;">
-                            Original: 3476 | After purge: 3340
-                        </span>
-                    </p>
-                    
-                        <details>
-                            <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
-                            <div class="rejected-list">
-                                &:hover<br>&:active<br>&:not(:last-child)<br>&:hover:not([disabled])<br>&[disabled]<br>&:focus<br>swp-calendar[data-searching="true"]<br>&[data-search-match="true"]
-                                
-                            </div>
-                        </details>
-                    
-                </div>
-            
-                <div class="file-detail">
-                    <h3>calendar-base-css.css</h3>
-                    <p>
-                        <span class="badge badge-success">
-                            4 unused rules
-                        </span>
-                        <span style="margin-left: 10px; color: #666;">
-                            Original: 5066 | After purge: 4888
-                        </span>
-                    </p>
-                    
-                        <details>
-                            <summary style="cursor: pointer; margin-top: 10px;">Show unused selectors</summary>
-                            <div class="rejected-list">
-                                swp-day-columns swp-event.text-selectable swp-day-columns swp-event-title<br>
-swp-day-columns swp-event.text-selectable swp-day-columns swp-event-time<br>:focus<br>:focus:not(:focus-visible)
+                                body
                                 
                             </div>
                         </details>
@@ -420,12 +305,12 @@ swp-day-columns swp-event.text-selectable swp-day-columns swp-event-time<br>:foc
                 <li>✅ CSS usage is relatively clean.</li>
                 
                 <li>📦 Consider consolidating similar styles to reduce duplication.</li>
-                <li>🎨 Review color palette - found 62 unique colors across all files.</li>
+                <li>🎨 Review color palette - found 39 unique colors across all files.</li>
                 <li>🔄 Implement a build process to automatically remove unused CSS in production.</li>
             </ul>
         </section>
 
-        <p class="timestamp">Report generated: 1.11.2025, 23.12.02</p>
+        <p class="timestamp">Report generated: 17.12.2025, 21.36.53</p>
     </div>
 </body>
 </html>
diff --git a/reports/css-stats.json b/reports/css-stats.json
index c93a495..8261e76 100644
--- a/reports/css-stats.json
+++ b/reports/css-stats.json
@@ -1,128 +1,66 @@
 {
-  "calendar-base-css.css": {
-    "lines": 242,
-    "size": "5.14 KB",
-    "sizeBytes": 5267,
-    "rules": 25,
-    "selectors": 29,
-    "properties": 107,
-    "uniqueColors": 27,
+  "calendar-v2.css": {
+    "lines": 7,
+    "size": "0.18 KB",
+    "sizeBytes": 186,
+    "rules": 0,
+    "selectors": 0,
+    "properties": 1,
+    "uniqueColors": 0,
+    "colors": [],
+    "mediaQueries": 0
+  },
+  "calendar-v2-base.css": {
+    "lines": 67,
+    "size": "1.66 KB",
+    "sizeBytes": 1701,
+    "rules": 3,
+    "selectors": 3,
+    "properties": 47,
+    "uniqueColors": 32,
     "colors": [
-      "#2196f3",
-      "#ff9800",
-      "#4caf50",
-      "#f44336",
       "#e0e0e0",
-      "rgba(0, 0, 0, 0.05)",
-      "rgba(0, 0, 0, 0.2)",
-      "rgba(255, 255, 255, 0.9)",
-      "#ff0000",
-      "#e8f5e8"
+      "#fff",
+      "#f5f5f5",
+      "#f0f0f0",
+      "#fafafa",
+      "#333333",
+      "#666",
+      "#1976d2",
+      "#e3f2fd",
+      "#1565c0"
     ],
     "mediaQueries": 0
   },
-  "calendar-components-css.css": {
-    "lines": 236,
-    "size": "4.28 KB",
-    "sizeBytes": 4381,
-    "rules": 26,
-    "selectors": 36,
-    "properties": 116,
-    "uniqueColors": 4,
+  "calendar-v2-layout.css": {
+    "lines": 428,
+    "size": "8.65 KB",
+    "sizeBytes": 8857,
+    "rules": 56,
+    "selectors": 71,
+    "properties": 219,
+    "uniqueColors": 2,
     "colors": [
-      "rgba(0, 0, 0, 0.05)",
-      "rgba(0, 0, 0, 0.1)",
-      "rgba(33, 150, 243, 0.05)",
-      "rgba(33, 150, 243, 0.3)"
+      "rgba(0,0,0,0.1)",
+      "rgba(0, 0, 0, 0.05)"
     ],
     "mediaQueries": 0
   },
-  "calendar-events-css.css": {
-    "lines": 308,
-    "size": "6.50 KB",
-    "sizeBytes": 6657,
-    "rules": 41,
-    "selectors": 45,
-    "properties": 139,
-    "uniqueColors": 4,
+  "calendar-v2-events.css": {
+    "lines": 383,
+    "size": "8.77 KB",
+    "sizeBytes": 8977,
+    "rules": 54,
+    "selectors": 62,
+    "properties": 196,
+    "uniqueColors": 5,
     "colors": [
+      "rgba(0, 0, 0, 0.15)",
       "rgba(255, 255, 255, 0.9)",
       "rgba(0, 0, 0, 0.2)",
       "rgba(33, 150, 243, 0.1)",
       "rgba(0, 0, 0, 0.1)"
     ],
     "mediaQueries": 0
-  },
-  "calendar-layout-css.css": {
-    "lines": 1,
-    "size": "10.59 KB",
-    "sizeBytes": 10840,
-    "rules": 84,
-    "selectors": 84,
-    "properties": 237,
-    "uniqueColors": 12,
-    "colors": [
-      "#666",
-      "rgba(0,0,0,.05)",
-      "#000",
-      "rgba(33,150,243,.1)",
-      "#08f",
-      "#fff",
-      "#e0e0e0",
-      "#999",
-      "#d0d0d0",
-      "#333"
-    ],
-    "mediaQueries": 0
-  },
-  "calendar-month-css.css": {
-    "lines": 315,
-    "size": "6.59 KB",
-    "sizeBytes": 6749,
-    "rules": 51,
-    "selectors": 54,
-    "properties": 155,
-    "uniqueColors": 10,
-    "colors": [
-      "#f0f8ff",
-      "#fafbfc",
-      "#e3f2fd",
-      "#e8f5e8",
-      "#ffebee",
-      "#fff8e1",
-      "#f3e5f5",
-      "#7b1fa2",
-      "#9c27b0",
-      "rgba(33, 150, 243, 0.7)"
-    ],
-    "mediaQueries": 1
-  },
-  "calendar-popup-css.css": {
-    "lines": 193,
-    "size": "3.32 KB",
-    "sizeBytes": 3399,
-    "rules": 23,
-    "selectors": 31,
-    "properties": 97,
-    "uniqueColors": 5,
-    "colors": [
-      "#f9f5f0",
-      "rgba(0, 0, 0, 0.1)",
-      "rgba(0, 0, 0, 0.05)",
-      "rgba(255, 255, 255, 0.9)",
-      "#f3f3f3"
-    ],
-    "mediaQueries": 1
-  },
-  "calendar-sliding-animation.css": {
-    "lines": 24,
-    "size": "0.57 KB",
-    "sizeBytes": 588,
-    "rules": 3,
-    "selectors": 4,
-    "properties": 9,
-    "uniqueColors": 0,
-    "colors": [],
-    "mediaQueries": 1
   }
 }
\ No newline at end of file
diff --git a/reports/purgecss-report.json b/reports/purgecss-report.json
index 32bed88..6abb198 100644
--- a/reports/purgecss-report.json
+++ b/reports/purgecss-report.json
@@ -1,137 +1,81 @@
 {
   "summary": {
-    "totalFiles": 8,
-    "totalOriginalSize": 32987,
-    "totalPurgedSize": 30540,
-    "totalRejected": 71,
-    "percentageRemoved": "0.22%",
-    "potentialSavings": 2447
+    "totalFiles": 4,
+    "totalOriginalSize": 15894,
+    "totalPurgedSize": 15060,
+    "totalRejected": 43,
+    "percentageRemoved": "0.27%",
+    "potentialSavings": 834
   },
   "fileDetails": {
-    "test-nesting.css": {
-      "originalSize": 154,
-      "purgedSize": 0,
-      "rejectedCount": 5,
-      "rejected": [
-        ".test-container",
-        ".test-container .test-child",
-        ":is(.test-container .test-child):hover",
-        ".test-container .test-nested",
-        ":is(.test-container .test-nested) .deep-nested"
-      ]
-    },
-    "calendar-sliding-animation.css": {
-      "originalSize": 588,
-      "purgedSize": 588,
+    "calendar-v2.css": {
+      "originalSize": 186,
+      "purgedSize": 186,
       "rejectedCount": 0,
       "rejected": []
     },
-    "calendar-popup-css.css": {
-      "originalSize": 3023,
-      "purgedSize": 2939,
-      "rejectedCount": 5,
+    "calendar-v2-layout.css": {
+      "originalSize": 7087,
+      "purgedSize": 6800,
+      "rejectedCount": 16,
       "rejected": [
-        "&[data-align=\"right\"]",
-        "&[data-align=\"left\"]",
+        ".view-chip",
         "&:hover",
-        "&:active",
-        "&[data-action=\"close\"]:hover"
+        "&.active",
+        ".workweek-dropdown",
+        "&:focus",
+        "fieldset",
+        "legend",
+        ".resource-checkboxes",
+        "label",
+        "input[type=\"checkbox\"]",
+        "&.btn-small",
+        "&[data-levels=\"date\"] > swp-day-header",
+        "&[data-levels=\"resource date\"]",
+        "&[data-levels=\"team resource date\"]",
+        "&[data-levels=\"department resource date\"]",
+        "&[data-hidden=\"true\"]"
       ]
     },
-    "calendar-month-css.css": {
-      "originalSize": 5925,
-      "purgedSize": 5485,
-      "rejectedCount": 15,
+    "calendar-v2-events.css": {
+      "originalSize": 7047,
+      "purgedSize": 6504,
+      "rejectedCount": 26,
       "rejected": [
-        ".month-event.category-meeting",
-        ".month-event.category-deadline",
-        ".month-event.category-work",
-        ".month-event.category-personal",
-        ".month-event.duration-30min",
-        ".month-event.duration-1h",
-        ".month-event.duration-1h30",
-        ".month-event.duration-2h",
-        ".month-event.duration-3h",
-        ".month-event.duration-4h",
-        "swp-calendar[data-view=\"month\"][data-loading=\"true\"] .month-grid",
-        ".month-grid.sliding-out-left",
-        ".month-grid.sliding-out-right",
-        ".month-grid.sliding-in-left",
-        ".month-grid.sliding-in-right"
-      ]
-    },
-    "calendar-layout-css.css": {
-      "originalSize": 9940,
-      "purgedSize": 8956,
-      "rejectedCount": 19,
-      "rejected": [
-        "-out",
-        "swp-day-header[data-today=true]",
-        "swp-day-header[data-today=true] swp-day-name",
-        "swp-day-header[data-today=true] swp-day-date",
-        "swp-resource-avatar img",
-        "[data-type=meeting]:is(swp-allday-container swp-allday-event)",
-        "[data-type=meal]:is(swp-allday-container swp-allday-event)",
-        "[data-type=milestone]:is(swp-allday-container swp-allday-event)",
-        "[data-type=personal]:is(swp-allday-container swp-allday-event)",
-        "[data-type=deadline]:is(swp-allday-container swp-allday-event)",
-        ".highlight[data-type=meeting]:is(swp-allday-container swp-allday-event)",
-        ".highlight[data-type=meal]:is(swp-allday-container swp-allday-event)",
-        ".highlight[data-type=milestone]:is(swp-allday-container swp-allday-event)",
-        ".highlight[data-type=personal]:is(swp-allday-container swp-allday-event)",
-        ".highlight[data-type=deadline]:is(swp-allday-container swp-allday-event)",
-        ":is(swp-scrollable-content::-webkit-scrollbar-thumb):hover",
-        "swp-day-column[data-work-hours=off]",
-        "swp-day-column[data-work-hours=off]:after",
-        "swp-day-column[data-work-hours=off]:before"
-      ]
-    },
-    "calendar-events-css.css": {
-      "originalSize": 4815,
-      "purgedSize": 4344,
-      "rejectedCount": 15,
-      "rejected": [
-        "&[data-type=\"meeting\"]",
-        "&[data-type=\"meal\"]",
-        "&[data-type=\"milestone\"]",
-        "&[data-type=\"personal\"]",
-        "&[data-type=\"deadline\"]",
-        "&.hover[data-type=\"meeting\"]",
-        "&.hover[data-type=\"meal\"]",
-        "&.hover[data-type=\"milestone\"]",
-        "&.hover[data-type=\"personal\"]",
-        "&.hover[data-type=\"deadline\"]",
+        "&.drag-ghost",
+        "&:hover",
         "&[data-continues-before=\"true\"]",
         "&[data-continues-after=\"true\"]",
-        "&:hover",
+        "swp-events-layer[data-filter-active=\"true\"] swp-event",
+        "swp-events-layer[data-filter-active=\"true\"] swp-event[data-matches=\"true\"]",
         "swp-event[data-stack-link]:not([data-stack-link*='\"stackLevel\":0'])",
-        "\nswp-event-group[data-stack-link]:not([data-stack-link*='\"stackLevel\":0']) swp-event"
+        "\nswp-event-group[data-stack-link]:not([data-stack-link*='\"stackLevel\":0']) swp-event",
+        ".is-red",
+        ".is-pink",
+        ".is-magenta",
+        ".is-purple",
+        ".is-violet",
+        ".is-deep-purple",
+        ".is-indigo",
+        ".is-blue",
+        ".is-light-blue",
+        ".is-cyan",
+        ".is-teal",
+        ".is-green",
+        ".is-light-green",
+        ".is-lime",
+        ".is-yellow",
+        ".is-amber",
+        ".is-orange",
+        ".is-deep-orange"
       ]
     },
-    "calendar-components-css.css": {
-      "originalSize": 3476,
-      "purgedSize": 3340,
-      "rejectedCount": 8,
+    "calendar-v2-base.css": {
+      "originalSize": 1574,
+      "purgedSize": 1570,
+      "rejectedCount": 1,
       "rejected": [
-        "&:hover",
-        "&:active",
-        "&:not(:last-child)",
-        "&:hover:not([disabled])",
-        "&[disabled]",
-        "&:focus",
-        "swp-calendar[data-searching=\"true\"]",
-        "&[data-search-match=\"true\"]"
-      ]
-    },
-    "calendar-base-css.css": {
-      "originalSize": 5066,
-      "purgedSize": 4888,
-      "rejectedCount": 4,
-      "rejected": [
-        "swp-day-columns swp-event.text-selectable swp-day-columns swp-event-title",
-        "\nswp-day-columns swp-event.text-selectable swp-day-columns swp-event-time",
-        ":focus",
-        ":focus:not(:focus-visible)"
+        "body"
       ]
     }
   }
diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
new file mode 100644
index 0000000..9dfca0e
--- /dev/null
+++ b/src/CompositionRoot.ts
@@ -0,0 +1,231 @@
+import { Container } from '@novadi/core';
+import { IRenderer } from './core/IGroupingRenderer';
+import { IGroupingStore } from './core/IGroupingStore';
+import { DateRenderer } from './features/date/DateRenderer';
+import { DateService } from './core/DateService';
+import { ITimeFormatConfig } from './core/ITimeFormatConfig';
+import { IGridConfig } from './core/IGridConfig';
+import { ResourceRenderer } from './features/resource/ResourceRenderer';
+import { TeamRenderer } from './features/team/TeamRenderer';
+import { DepartmentRenderer } from './features/department/DepartmentRenderer';
+import { CalendarOrchestrator } from './core/CalendarOrchestrator';
+import { CalendarApp } from './core/CalendarApp';
+import { TimeAxisRenderer } from './features/timeaxis/TimeAxisRenderer';
+import { ScrollManager } from './core/ScrollManager';
+import { HeaderDrawerManager } from './core/HeaderDrawerManager';
+import { MockTeamStore, MockResourceStore } from './demo/MockStores';
+import { DemoApp } from './demo/DemoApp';
+
+// Event system
+import { EventBus } from './core/EventBus';
+import { IEventBus, ICalendarEvent, ISync, IResource, IBooking, ICustomer, ITeam, IDepartment } from './types/CalendarTypes';
+
+// Storage
+import { IndexedDBContext } from './storage/IndexedDBContext';
+import { IStore } from './storage/IStore';
+import { IEntityService } from './storage/IEntityService';
+import { EventStore } from './storage/events/EventStore';
+import { EventService } from './storage/events/EventService';
+import { ResourceStore } from './storage/resources/ResourceStore';
+import { ResourceService } from './storage/resources/ResourceService';
+import { BookingStore } from './storage/bookings/BookingStore';
+import { BookingService } from './storage/bookings/BookingService';
+import { CustomerStore } from './storage/customers/CustomerStore';
+import { CustomerService } from './storage/customers/CustomerService';
+import { TeamStore } from './storage/teams/TeamStore';
+import { TeamService } from './storage/teams/TeamService';
+import { DepartmentStore } from './storage/departments/DepartmentStore';
+import { DepartmentService } from './storage/departments/DepartmentService';
+import { SettingsStore } from './storage/settings/SettingsStore';
+import { SettingsService } from './storage/settings/SettingsService';
+import { TenantSetting } from './types/SettingsTypes';
+import { ViewConfigStore } from './storage/viewconfigs/ViewConfigStore';
+import { ViewConfigService } from './storage/viewconfigs/ViewConfigService';
+import { ViewConfig } from './core/ViewConfig';
+
+// Audit
+import { AuditStore } from './storage/audit/AuditStore';
+import { AuditService } from './storage/audit/AuditService';
+import { IAuditEntry } from './types/AuditTypes';
+
+// Repositories
+import { IApiRepository } from './repositories/IApiRepository';
+import { MockEventRepository } from './repositories/MockEventRepository';
+import { MockResourceRepository } from './repositories/MockResourceRepository';
+import { MockBookingRepository } from './repositories/MockBookingRepository';
+import { MockCustomerRepository } from './repositories/MockCustomerRepository';
+import { MockAuditRepository } from './repositories/MockAuditRepository';
+import { MockTeamRepository } from './repositories/MockTeamRepository';
+import { MockDepartmentRepository } from './repositories/MockDepartmentRepository';
+import { MockSettingsRepository } from './repositories/MockSettingsRepository';
+import { MockViewConfigRepository } from './repositories/MockViewConfigRepository';
+
+// Workers
+import { DataSeeder } from './workers/DataSeeder';
+
+// Features
+import { EventRenderer } from './features/event/EventRenderer';
+import { ScheduleRenderer } from './features/schedule/ScheduleRenderer';
+import { HeaderDrawerRenderer } from './features/headerdrawer/HeaderDrawerRenderer';
+
+// Schedule
+import { ScheduleOverrideStore } from './storage/schedules/ScheduleOverrideStore';
+import { ScheduleOverrideService } from './storage/schedules/ScheduleOverrideService';
+import { ResourceScheduleService } from './storage/schedules/ResourceScheduleService';
+
+// Managers
+import { DragDropManager } from './managers/DragDropManager';
+import { EdgeScrollManager } from './managers/EdgeScrollManager';
+import { ResizeManager } from './managers/ResizeManager';
+import { EventPersistenceManager } from './managers/EventPersistenceManager';
+
+const defaultTimeFormatConfig: ITimeFormatConfig = {
+  timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+  use24HourFormat: true,
+  locale: 'da-DK',
+  dateFormat: 'locale',
+  showSeconds: false
+};
+
+const defaultGridConfig: IGridConfig = {
+  hourHeight: 64,
+  dayStartHour: 6,
+  dayEndHour: 18,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30
+};
+
+export function createContainer(): Container {
+  const container = new Container();
+  const builder = container.builder();
+
+  // Config
+  builder.registerInstance(defaultTimeFormatConfig).as<ITimeFormatConfig>();
+  builder.registerInstance(defaultGridConfig).as<IGridConfig>();
+
+  // Core - EventBus
+  builder.registerType(EventBus).as<EventBus>();
+  builder.registerType(EventBus).as<IEventBus>();
+
+  // Services
+  builder.registerType(DateService).as<DateService>();
+
+  // Storage infrastructure
+  builder.registerType(IndexedDBContext).as<IndexedDBContext>();
+
+  // Stores (for IndexedDB schema creation)
+  builder.registerType(EventStore).as<IStore>();
+  builder.registerType(ResourceStore).as<IStore>();
+  builder.registerType(BookingStore).as<IStore>();
+  builder.registerType(CustomerStore).as<IStore>();
+  builder.registerType(TeamStore).as<IStore>();
+  builder.registerType(DepartmentStore).as<IStore>();
+  builder.registerType(ScheduleOverrideStore).as<IStore>();
+  builder.registerType(AuditStore).as<IStore>();
+  builder.registerType(SettingsStore).as<IStore>();
+  builder.registerType(ViewConfigStore).as<IStore>();
+
+  // Entity services (for DataSeeder polymorphic array)
+  builder.registerType(EventService).as<IEntityService<ICalendarEvent>>();
+  builder.registerType(EventService).as<IEntityService<ISync>>();
+  builder.registerType(EventService).as<EventService>();
+
+  builder.registerType(ResourceService).as<IEntityService<IResource>>();
+  builder.registerType(ResourceService).as<IEntityService<ISync>>();
+  builder.registerType(ResourceService).as<ResourceService>();
+
+  builder.registerType(BookingService).as<IEntityService<IBooking>>();
+  builder.registerType(BookingService).as<IEntityService<ISync>>();
+  builder.registerType(BookingService).as<BookingService>();
+
+  builder.registerType(CustomerService).as<IEntityService<ICustomer>>();
+  builder.registerType(CustomerService).as<IEntityService<ISync>>();
+  builder.registerType(CustomerService).as<CustomerService>();
+
+  builder.registerType(TeamService).as<IEntityService<ITeam>>();
+  builder.registerType(TeamService).as<IEntityService<ISync>>();
+  builder.registerType(TeamService).as<TeamService>();
+
+  builder.registerType(DepartmentService).as<IEntityService<IDepartment>>();
+  builder.registerType(DepartmentService).as<IEntityService<ISync>>();
+  builder.registerType(DepartmentService).as<DepartmentService>();
+
+  builder.registerType(SettingsService).as<IEntityService<TenantSetting>>();
+  builder.registerType(SettingsService).as<IEntityService<ISync>>();
+  builder.registerType(SettingsService).as<SettingsService>();
+
+  builder.registerType(ViewConfigService).as<IEntityService<ViewConfig>>();
+  builder.registerType(ViewConfigService).as<IEntityService<ISync>>();
+  builder.registerType(ViewConfigService).as<ViewConfigService>();
+
+  // Repositories (for DataSeeder polymorphic array)
+  builder.registerType(MockEventRepository).as<IApiRepository<ICalendarEvent>>();
+  builder.registerType(MockEventRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockResourceRepository).as<IApiRepository<IResource>>();
+  builder.registerType(MockResourceRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockBookingRepository).as<IApiRepository<IBooking>>();
+  builder.registerType(MockBookingRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockCustomerRepository).as<IApiRepository<ICustomer>>();
+  builder.registerType(MockCustomerRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockAuditRepository).as<IApiRepository<IAuditEntry>>();
+  builder.registerType(MockAuditRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockTeamRepository).as<IApiRepository<ITeam>>();
+  builder.registerType(MockTeamRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockDepartmentRepository).as<IApiRepository<IDepartment>>();
+  builder.registerType(MockDepartmentRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockSettingsRepository).as<IApiRepository<TenantSetting>>();
+  builder.registerType(MockSettingsRepository).as<IApiRepository<ISync>>();
+
+  builder.registerType(MockViewConfigRepository).as<IApiRepository<ViewConfig>>();
+  builder.registerType(MockViewConfigRepository).as<IApiRepository<ISync>>();
+
+  // Audit service (listens to ENTITY_SAVED/DELETED events automatically)
+  builder.registerType(AuditService).as<AuditService>();
+
+  // Workers
+  builder.registerType(DataSeeder).as<DataSeeder>();
+
+  // Schedule services
+  builder.registerType(ScheduleOverrideService).as<ScheduleOverrideService>();
+  builder.registerType(ResourceScheduleService).as<ResourceScheduleService>();
+
+  // Features
+  builder.registerType(EventRenderer).as<EventRenderer>();
+  builder.registerType(ScheduleRenderer).as<ScheduleRenderer>();
+  builder.registerType(HeaderDrawerRenderer).as<HeaderDrawerRenderer>();
+
+  // Renderers - registreres som Renderer (array injection til CalendarOrchestrator)
+  builder.registerType(DateRenderer).as<IRenderer>();
+  builder.registerType(ResourceRenderer).as<IRenderer>();
+  builder.registerType(TeamRenderer).as<IRenderer>();
+  builder.registerType(DepartmentRenderer).as<IRenderer>();
+
+  // Stores - registreres som IGroupingStore
+  builder.registerType(MockTeamStore).as<IGroupingStore>();
+  builder.registerType(MockResourceStore).as<IGroupingStore>();
+
+  // CalendarOrchestrator modtager IGroupingStore[] automatisk (array injection)
+  builder.registerType(CalendarOrchestrator).as<CalendarOrchestrator>();
+  builder.registerType(TimeAxisRenderer).as<TimeAxisRenderer>();
+  builder.registerType(ScrollManager).as<ScrollManager>();
+  builder.registerType(HeaderDrawerManager).as<HeaderDrawerManager>();
+  builder.registerType(DragDropManager).as<DragDropManager>();
+  builder.registerType(EdgeScrollManager).as<EdgeScrollManager>();
+  builder.registerType(ResizeManager).as<ResizeManager>();
+  builder.registerType(EventPersistenceManager).as<EventPersistenceManager>();
+
+  // CalendarApp - genbrugelig kalenderkomponent
+  builder.registerType(CalendarApp).as<CalendarApp>();
+
+  // Demo app
+  builder.registerType(DemoApp).as<DemoApp>();
+
+  return builder.build();
+}
diff --git a/src/components/NavigationButtons.ts b/src/components/NavigationButtons.ts
deleted file mode 100644
index 5011a64..0000000
--- a/src/components/NavigationButtons.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { IEventBus, CalendarView } from '../types/CalendarTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { DateService } from '../utils/DateService';
-import { Configuration } from '../configurations/CalendarConfig';
-import { INavButtonClickedEventPayload } from '../types/EventTypes';
-
-/**
- * NavigationButtons - Manages navigation button UI and navigation logic
- *
- * RESPONSIBILITY:
- * ===============
- * This manager owns all logic related to the <swp-nav-group> UI element
- * and performs the actual navigation calculations.
- *
- * RESPONSIBILITIES:
- * - Handles button clicks on swp-nav-button elements
- * - Validates navigation actions (prev, next, today)
- * - Calculates next/previous dates based on current view
- * - Emits NAVIGATION_COMPLETED events with new date
- * - Manages button UI listeners
- *
- * EVENT FLOW:
- * ===========
- * User clicks button → calculateNewDate() → emit NAVIGATION_COMPLETED → GridManager re-renders
- */
-export class NavigationButtons {
-  private eventBus: IEventBus;
-  private buttonListeners: Map<Element, EventListener> = new Map();
-  private dateService: DateService;
-  private config: Configuration;
-  private currentDate: Date = new Date();
-  private currentView: CalendarView = 'week';
-
-  constructor(
-    eventBus: IEventBus,
-    dateService: DateService,
-    config: Configuration
-  ) {
-    this.eventBus = eventBus;
-    this.dateService = dateService;
-    this.config = config;
-    this.setupButtonListeners();
-    this.subscribeToEvents();
-  }
-
-  /**
-   * Subscribe to events
-   */
-  private subscribeToEvents(): void {
-    // Listen for view changes
-    this.eventBus.on(CoreEvents.VIEW_CHANGED, (e: Event) => {
-      const detail = (e as CustomEvent).detail;
-      this.currentView = detail.currentView;
-    });
-  }
-
-  /**
-   * Setup click listeners on all navigation buttons
-   */
-  private setupButtonListeners(): void {
-    const buttons = document.querySelectorAll('swp-nav-button[data-action]');
-
-    buttons.forEach(button => {
-      const clickHandler = (event: Event) => {
-        event.preventDefault();
-        const action = button.getAttribute('data-action');
-        if (action && this.isValidAction(action)) {
-          this.handleNavigation(action);
-        }
-      };
-
-      button.addEventListener('click', clickHandler);
-      this.buttonListeners.set(button, clickHandler);
-    });
-  }
-
-  /**
-   * Handle navigation action
-   */
-  private handleNavigation(action: string): void {
-    switch (action) {
-      case 'prev':
-        this.navigatePrevious();
-        break;
-      case 'next':
-        this.navigateNext();
-        break;
-      case 'today':
-        this.navigateToday();
-        break;
-    }
-  }
-
-  /**
-   * Navigate in specified direction
-   */
-  private navigate(direction: 'next' | 'previous'): void {
-    const offset = direction === 'next' ? 1 : -1;
-    let newDate: Date;
-
-    switch (this.currentView) {
-      case 'week':
-        newDate = this.dateService.addWeeks(this.currentDate, offset);
-        break;
-      case 'month':
-        newDate = this.dateService.addMonths(this.currentDate, offset);
-        break;
-      case 'day':
-        newDate = this.dateService.addDays(this.currentDate, offset);
-        break;
-      default:
-        newDate = this.dateService.addWeeks(this.currentDate, offset);
-    }
-
-    this.currentDate = newDate;
-
-    const payload: INavButtonClickedEventPayload = {
-      direction: direction,
-      newDate: newDate
-    };
-
-    this.eventBus.emit(CoreEvents.NAV_BUTTON_CLICKED, payload);
-  }
-
-  /**
-   * Navigate to next period
-   */
-  private navigateNext(): void {
-    this.navigate('next');
-  }
-
-  /**
-   * Navigate to previous period
-   */
-  private navigatePrevious(): void {
-    this.navigate('previous');
-  }
-
-  /**
-   * Navigate to today
-   */
-  private navigateToday(): void {
-    this.currentDate = new Date();
-
-    const payload: INavButtonClickedEventPayload = {
-      direction: 'today',
-      newDate: this.currentDate
-    };
-
-    this.eventBus.emit(CoreEvents.NAV_BUTTON_CLICKED, payload);
-  }
-
-  /**
-   * Validate if string is a valid navigation action
-   */
-  private isValidAction(action: string): boolean {
-    return ['prev', 'next', 'today'].includes(action);
-  }
-}
diff --git a/src/components/ViewSelector.ts b/src/components/ViewSelector.ts
deleted file mode 100644
index a82f912..0000000
--- a/src/components/ViewSelector.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-import { CalendarView, IEventBus } from '../types/CalendarTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { Configuration } from '../configurations/CalendarConfig';
-
-/**
- * ViewSelectorManager - Manages view selector UI and state
- *
- * RESPONSIBILITY:
- * ===============
- * This manager owns all logic related to the <swp-view-selector> UI element.
- * It follows the principle that each functional UI element has its own manager.
- *
- * RESPONSIBILITIES:
- * - Handles button clicks on swp-view-button elements
- * - Manages current view state (day/week/month)
- * - Validates view values
- * - Emits VIEW_CHANGED and VIEW_RENDERED events
- * - Updates button UI states (data-active attributes)
- *
- * EVENT FLOW:
- * ===========
- * User clicks button → changeView() → validate → update state → emit event → update UI
- *
- * IMPLEMENTATION STATUS:
- * ======================
- * - Week view: FULLY IMPLEMENTED
- * - Day view: NOT IMPLEMENTED (button exists but no rendering)
- * - Month view: NOT IMPLEMENTED (button exists but no rendering)
- *
- * SUBSCRIBERS:
- * ============
- * - GridRenderer: Uses view parameter (currently only supports 'week')
- * - Future: DayRenderer, MonthRenderer when implemented
- */
-export class ViewSelector {
-  private eventBus: IEventBus;
-  private config: Configuration;
-  private buttonListeners: Map<Element, EventListener> = new Map();
-
-  constructor(eventBus: IEventBus, config: Configuration) {
-    this.eventBus = eventBus;
-    this.config = config;
-
-    this.setupButtonListeners();
-    this.setupEventListeners();
-  }
-
-  /**
-   * Setup click listeners on all view selector buttons
-   */
-  private setupButtonListeners(): void {
-    const buttons = document.querySelectorAll('swp-view-button[data-view]');
-
-    buttons.forEach(button => {
-      const clickHandler = (event: Event) => {
-        event.preventDefault();
-        const view = button.getAttribute('data-view');
-        if (view && this.isValidView(view)) {
-          this.changeView(view as CalendarView);
-        }
-      };
-
-      button.addEventListener('click', clickHandler);
-      this.buttonListeners.set(button, clickHandler);
-    });
-
-    // Initialize button states
-    this.updateButtonStates();
-  }
-
-  /**
-   * Setup event bus listeners
-   */
-  private setupEventListeners(): void {
-    this.eventBus.on(CoreEvents.INITIALIZED, () => {
-      this.initializeView();
-    });
-
-    this.eventBus.on(CoreEvents.DATE_CHANGED, () => {
-      this.refreshCurrentView();
-    });
-  }
-
-  /**
-   * Change the active view
-   */
-  private changeView(newView: CalendarView): void {
-    if (newView === this.config.currentView) {
-      return; // No change
-    }
-
-    const previousView = this.config.currentView;
-    this.config.currentView = newView;
-
-    // Update button UI states
-    this.updateButtonStates();
-
-    // Emit event for subscribers
-    this.eventBus.emit(CoreEvents.VIEW_CHANGED, {
-      previousView,
-      currentView: newView
-    });
-  }
-
-  /**
-   * Update button states (data-active attributes)
-   */
-  private updateButtonStates(): void {
-    const buttons = document.querySelectorAll('swp-view-button[data-view]');
-
-    buttons.forEach(button => {
-      const buttonView = button.getAttribute('data-view');
-
-      if (buttonView === this.config.currentView) {
-        button.setAttribute('data-active', 'true');
-      } else {
-        button.removeAttribute('data-active');
-      }
-    });
-  }
-
-  /**
-   * Initialize view on INITIALIZED event
-   */
-  private initializeView(): void {
-    this.updateButtonStates();
-    this.emitViewRendered();
-  }
-
-  /**
-   * Emit VIEW_RENDERED event
-   */
-  private emitViewRendered(): void {
-    this.eventBus.emit(CoreEvents.VIEW_RENDERED, {
-      view: this.config.currentView
-    });
-  }
-
-  /**
-   * Refresh current view on DATE_CHANGED event
-   */
-  private refreshCurrentView(): void {
-    this.emitViewRendered();
-  }
-
-  /**
-   * Validate if string is a valid CalendarView type
-   */
-  private isValidView(view: string): view is CalendarView {
-    return ['day', 'week', 'month'].includes(view);
-  }
-}
diff --git a/src/components/WorkweekPresets.ts b/src/components/WorkweekPresets.ts
deleted file mode 100644
index 1a1a99c..0000000
--- a/src/components/WorkweekPresets.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import { IEventBus } from '../types/CalendarTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { IWorkWeekSettings } from '../configurations/WorkWeekSettings';
-import { WORK_WEEK_PRESETS, Configuration } from '../configurations/CalendarConfig';
-
-/**
- * WorkweekPresetsManager - Manages workweek preset UI and state
- *
- * RESPONSIBILITY:
- * ===============
- * This manager owns all logic related to the <swp-workweek-presets> UI element.
- * It follows the principle that each functional UI element has its own manager.
- *
- * RESPONSIBILITIES:
- * - Owns WORK_WEEK_PRESETS data
- * - Handles button clicks on swp-preset-button elements
- * - Manages current workweek preset state
- * - Validates preset IDs
- * - Emits WORKWEEK_CHANGED events
- * - Updates button UI states (data-active attributes)
- *
- * EVENT FLOW:
- * ===========
- * User clicks button → changePreset() → validate → update state → emit event → update UI
- *
- * SUBSCRIBERS:
- * ============
- * - ConfigManager: Updates CSS variables (--grid-columns)
- * - GridManager: Re-renders grid with new column count
- * - CalendarManager: Relays to header update (via workweek:header-update)
- * - HeaderManager: Updates date headers
- */
-export class WorkweekPresets {
-  private eventBus: IEventBus;
-  private config: Configuration;
-  private buttonListeners: Map<Element, EventListener> = new Map();
-
-  constructor(eventBus: IEventBus, config: Configuration) {
-    this.eventBus = eventBus;
-    this.config = config;
-
-    this.setupButtonListeners();
-  }
-
-  /**
-   * Setup click listeners on all workweek preset buttons
-   */
-  private setupButtonListeners(): void {
-    const buttons = document.querySelectorAll('swp-preset-button[data-workweek]');
-
-    buttons.forEach(button => {
-      const clickHandler = (event: Event) => {
-        event.preventDefault();
-        const presetId = button.getAttribute('data-workweek');
-        if (presetId) {
-          this.changePreset(presetId);
-        }
-      };
-
-      button.addEventListener('click', clickHandler);
-      this.buttonListeners.set(button, clickHandler);
-    });
-
-    // Initialize button states
-    this.updateButtonStates();
-  }
-
-  /**
-   * Change the active workweek preset
-   */
-  private changePreset(presetId: string): void {
-    if (!WORK_WEEK_PRESETS[presetId]) {
-      console.warn(`Invalid preset ID "${presetId}"`);
-      return;
-    }
-
-    if (presetId === this.config.currentWorkWeek) {
-      return; // No change
-    }
-
-    const previousPresetId = this.config.currentWorkWeek;
-    this.config.currentWorkWeek = presetId;
-
-    const settings = WORK_WEEK_PRESETS[presetId];
-
-    // Update button UI states
-    this.updateButtonStates();
-
-    // Emit event for subscribers
-    this.eventBus.emit(CoreEvents.WORKWEEK_CHANGED, {
-      workWeekId: presetId,
-      previousWorkWeekId: previousPresetId,
-      settings: settings
-    });
-  }
-
-  /**
-   * Update button states (data-active attributes)
-   */
-  private updateButtonStates(): void {
-    const buttons = document.querySelectorAll('swp-preset-button[data-workweek]');
-
-    buttons.forEach(button => {
-      const buttonPresetId = button.getAttribute('data-workweek');
-
-      if (buttonPresetId === this.config.currentWorkWeek) {
-        button.setAttribute('data-active', 'true');
-      } else {
-        button.removeAttribute('data-active');
-      }
-    });
-  }
-
-}
diff --git a/src/configurations/CalendarConfig.ts b/src/configurations/CalendarConfig.ts
deleted file mode 100644
index 4340128..0000000
--- a/src/configurations/CalendarConfig.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { ICalendarConfig } from './ICalendarConfig';
-import { IGridSettings } from './GridSettings';
-import { IDateViewSettings } from './DateViewSettings';
-import { ITimeFormatConfig } from './TimeFormatConfig';
-import { IWorkWeekSettings } from './WorkWeekSettings';
-import { CalendarView } from '../types/CalendarTypes';
-
-/**
- * All-day event layout constants
- */
-export const ALL_DAY_CONSTANTS = {
-  EVENT_HEIGHT: 22,
-  EVENT_GAP: 2,
-  CONTAINER_PADDING: 4,
-  MAX_COLLAPSED_ROWS: 4,
-  get SINGLE_ROW_HEIGHT() {
-    return this.EVENT_HEIGHT + this.EVENT_GAP; // 28px
-  }
-} as const;
-
-/**
- * Work week presets - Configuration data
- */
-export const WORK_WEEK_PRESETS: { [key: string]: IWorkWeekSettings } = {
-  'standard': {
-    id: 'standard',
-    workDays: [1, 2, 3, 4, 5],
-    totalDays: 5,
-    firstWorkDay: 1
-  },
-  'compressed': {
-    id: 'compressed',
-    workDays: [1, 2, 3, 4],
-    totalDays: 4,
-    firstWorkDay: 1
-  },
-  'midweek': {
-    id: 'midweek',
-    workDays: [3, 4, 5],
-    totalDays: 3,
-    firstWorkDay: 3
-  },
-  'weekend': {
-    id: 'weekend',
-    workDays: [6, 7],
-    totalDays: 2,
-    firstWorkDay: 6
-  },
-  'fullweek': {
-    id: 'fullweek',
-    workDays: [1, 2, 3, 4, 5, 6, 7],
-    totalDays: 7,
-    firstWorkDay: 1
-  }
-};
-
-/**
- * Configuration - DTO container for all configuration
- * Pure data object loaded from JSON via ConfigManager
- */
-export class Configuration {
-  private static _instance: Configuration | null = null;
-
-  public config: ICalendarConfig;
-  public gridSettings: IGridSettings;
-  public dateViewSettings: IDateViewSettings;
-  public timeFormatConfig: ITimeFormatConfig;
-  public currentWorkWeek: string;
-  public currentView: CalendarView;
-  public selectedDate: Date;
-  public apiEndpoint: string = '/api';
-
-  constructor(
-    config: ICalendarConfig,
-    gridSettings: IGridSettings,
-    dateViewSettings: IDateViewSettings,
-    timeFormatConfig: ITimeFormatConfig,
-    currentWorkWeek: string,
-    currentView: CalendarView,
-    selectedDate: Date = new Date()
-  ) {
-    this.config = config;
-    this.gridSettings = gridSettings;
-    this.dateViewSettings = dateViewSettings;
-    this.timeFormatConfig = timeFormatConfig;
-    this.currentWorkWeek = currentWorkWeek;
-    this.currentView = currentView;
-    this.selectedDate = selectedDate;
-
-    // Store as singleton instance for web components
-    Configuration._instance = this;
-  }
-
-  /**
-   * Get the current Configuration instance
-   * Used by web components that can't use dependency injection
-   */
-  public static getInstance(): Configuration {
-    if (!Configuration._instance) {
-      throw new Error('Configuration has not been initialized. Call ConfigManager.load() first.');
-    }
-    return Configuration._instance;
-  }
-
-  setSelectedDate(date: Date): void {
-    this.selectedDate = date;
-  }
-
-  getWorkWeekSettings(): IWorkWeekSettings {
-    return WORK_WEEK_PRESETS[this.currentWorkWeek] || WORK_WEEK_PRESETS['standard'];
-  }
-}
-
-// Backward compatibility alias
-export { Configuration as CalendarConfig };
diff --git a/src/configurations/ConfigManager.ts b/src/configurations/ConfigManager.ts
deleted file mode 100644
index c4532af..0000000
--- a/src/configurations/ConfigManager.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Configuration } from './CalendarConfig';
-import { ICalendarConfig } from './ICalendarConfig';
-import { TimeFormatter } from '../utils/TimeFormatter';
-import { IEventBus } from '../types/CalendarTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { IWorkWeekSettings } from './WorkWeekSettings';
-
-/**
- * ConfigManager - Configuration loader and CSS property manager
- * Loads JSON and creates Configuration instance
- * Listens to events and manages CSS custom properties for dynamic styling
- */
-export class ConfigManager {
-  private eventBus: IEventBus;
-  private config: Configuration;
-
-  constructor(eventBus: IEventBus, config: Configuration) {
-    this.eventBus = eventBus;
-    this.config = config;
-
-    this.setupEventListeners();
-    this.syncGridCSSVariables();
-    this.syncWorkweekCSSVariables();
-  }
-
-  /**
-   * Setup event listeners for dynamic CSS updates
-   */
-  private setupEventListeners(): void {
-    // Listen to workweek changes and update CSS accordingly
-    this.eventBus.on(CoreEvents.WORKWEEK_CHANGED, (event: Event) => {
-      const { settings } = (event as CustomEvent<{ settings: IWorkWeekSettings }>).detail;
-      this.syncWorkweekCSSVariables(settings);
-    });
-  }
-
-  /**
-   * Sync grid-related CSS variables from configuration
-   */
-  private syncGridCSSVariables(): void {
-    const gridSettings = this.config.gridSettings;
-
-    document.documentElement.style.setProperty('--hour-height', `${gridSettings.hourHeight}px`);
-    document.documentElement.style.setProperty('--day-start-hour', gridSettings.dayStartHour.toString());
-    document.documentElement.style.setProperty('--day-end-hour', gridSettings.dayEndHour.toString());
-    document.documentElement.style.setProperty('--work-start-hour', gridSettings.workStartHour.toString());
-    document.documentElement.style.setProperty('--work-end-hour', gridSettings.workEndHour.toString());
-  }
-
-  /**
-   * Sync workweek-related CSS variables
-   */
-  private syncWorkweekCSSVariables(workWeekSettings?: IWorkWeekSettings): void {
-    const settings = workWeekSettings || this.config.getWorkWeekSettings();
-    document.documentElement.style.setProperty('--grid-columns', settings.totalDays.toString());
-  }
-
-  /**
-   * Load configuration from JSON and create Configuration instance
-   */
-  static async load(): Promise<Configuration> {
-    const response = await fetch('/wwwroot/data/calendar-config.json');
-    if (!response.ok) {
-      throw new Error(`Failed to load config: ${response.statusText}`);
-    }
-
-    const data = await response.json();
-
-    // Build main config
-    const mainConfig: ICalendarConfig = {
-      scrollbarWidth: data.scrollbar.width,
-      scrollbarColor: data.scrollbar.color,
-      scrollbarTrackColor: data.scrollbar.trackColor,
-      scrollbarHoverColor: data.scrollbar.hoverColor,
-      scrollbarBorderRadius: data.scrollbar.borderRadius,
-      allowDrag: data.interaction.allowDrag,
-      allowResize: data.interaction.allowResize,
-      allowCreate: data.interaction.allowCreate,
-      apiEndpoint: data.api.endpoint,
-      dateFormat: data.api.dateFormat,
-      timeFormat: data.api.timeFormat,
-      enableSearch: data.features.enableSearch,
-      enableTouch: data.features.enableTouch,
-      defaultEventDuration: data.eventDefaults.defaultEventDuration,
-      minEventDuration: data.gridSettings.snapInterval,
-      maxEventDuration: data.eventDefaults.maxEventDuration
-    };
-
-    // Create Configuration instance
-    const config = new Configuration(
-      mainConfig,
-      data.gridSettings,
-      data.dateViewSettings,
-      data.timeFormatConfig,
-      data.currentWorkWeek,
-      data.currentView || 'week'
-    );
-
-    // Configure TimeFormatter
-    TimeFormatter.configure(config.timeFormatConfig);
-
-    return config;
-  }
-}
diff --git a/src/configurations/GridSettings.ts b/src/configurations/GridSettings.ts
deleted file mode 100644
index 511e45a..0000000
--- a/src/configurations/GridSettings.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Grid display settings interface
- */
-export interface IGridSettings {
-  dayStartHour: number;
-  dayEndHour: number;
-  workStartHour: number;
-  workEndHour: number;
-  hourHeight: number;
-  snapInterval: number;
-  fitToWidth: boolean;
-  scrollToHour: number | null;
-  gridStartThresholdMinutes: number;
-  showCurrentTime: boolean;
-  showWorkHours: boolean;
-}
-
-/**
- * Grid settings utility functions
- */
-export namespace GridSettingsUtils {
-  export function isValidSnapInterval(interval: number): boolean {
-    return [5, 10, 15, 30, 60].includes(interval);
-  }
-}
diff --git a/src/configurations/ICalendarConfig.ts b/src/configurations/ICalendarConfig.ts
deleted file mode 100644
index aa291e4..0000000
--- a/src/configurations/ICalendarConfig.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Main calendar configuration interface
- */
-export interface ICalendarConfig {
-  // Scrollbar styling
-  scrollbarWidth: number;
-  scrollbarColor: string;
-  scrollbarTrackColor: string;
-  scrollbarHoverColor: string;
-  scrollbarBorderRadius: number;
-
-  // Interaction settings
-  allowDrag: boolean;
-  allowResize: boolean;
-  allowCreate: boolean;
-
-  // API settings
-  apiEndpoint: string;
-  dateFormat: string;
-  timeFormat: string;
-
-  // Feature flags
-  enableSearch: boolean;
-  enableTouch: boolean;
-
-  // Event defaults
-  defaultEventDuration: number;
-  minEventDuration: number;
-  maxEventDuration: number;
-}
diff --git a/src/configurations/WorkWeekSettings.ts b/src/configurations/WorkWeekSettings.ts
deleted file mode 100644
index 7c01b99..0000000
--- a/src/configurations/WorkWeekSettings.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * Work week configuration settings
- */
-export interface IWorkWeekSettings {
-  id: string;
-  workDays: number[];
-  totalDays: number;
-  firstWorkDay: number;
-}
diff --git a/src/constants/CoreEvents.ts b/src/constants/CoreEvents.ts
index 983e121..7363138 100644
--- a/src/constants/CoreEvents.ts
+++ b/src/constants/CoreEvents.ts
@@ -1,61 +1,71 @@
 /**
  * CoreEvents - Consolidated essential events for the calendar
- * Reduces complexity from 102+ events to ~20 core events
  */
 export const CoreEvents = {
-  // Lifecycle events (3)
+  // Lifecycle events
   INITIALIZED: 'core:initialized',
   READY: 'core:ready',
   DESTROYED: 'core:destroyed',
-  
-  // View events (3)
+
+  // View events
   VIEW_CHANGED: 'view:changed',
   VIEW_RENDERED: 'view:rendered',
-  WORKWEEK_CHANGED: 'workweek:changed',
-  
-  // Navigation events (4)
-  NAV_BUTTON_CLICKED: 'nav:button-clicked',
+
+  // Navigation events
   DATE_CHANGED: 'nav:date-changed',
   NAVIGATION_COMPLETED: 'nav:navigation-completed',
-  NAVIGATE_TO_EVENT: 'nav:navigate-to-event',
-  
-  // Data events (5)
+
+  // Data events
   DATA_LOADING: 'data:loading',
   DATA_LOADED: 'data:loaded',
   DATA_ERROR: 'data:error',
-  EVENTS_FILTERED: 'data:events-filtered',
-  REMOTE_UPDATE_RECEIVED: 'data:remote-update',
-  
-  // Grid events (3)
+
+  // Grid events
   GRID_RENDERED: 'grid:rendered',
   GRID_CLICKED: 'grid:clicked',
-  CELL_SELECTED: 'grid:cell-selected',
-  
-  // Event management (4)
+
+  // Event management
   EVENT_CREATED: 'event:created',
   EVENT_UPDATED: 'event:updated',
   EVENT_DELETED: 'event:deleted',
   EVENT_SELECTED: 'event:selected',
-  
-  // System events (3)
-  ERROR: 'system:error',
-  REFRESH_REQUESTED: 'system:refresh',
-  OFFLINE_MODE_CHANGED: 'system:offline-mode-changed',
 
-  // Sync events (4)
+  // Event drag-drop
+  EVENT_DRAG_START: 'event:drag-start',
+  EVENT_DRAG_MOVE: 'event:drag-move',
+  EVENT_DRAG_END: 'event:drag-end',
+  EVENT_DRAG_CANCEL: 'event:drag-cancel',
+  EVENT_DRAG_COLUMN_CHANGE: 'event:drag-column-change',
+
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: 'event:drag-enter-header',
+  EVENT_DRAG_MOVE_HEADER: 'event:drag-move-header',
+  EVENT_DRAG_LEAVE_HEADER: 'event:drag-leave-header',
+
+  // Event resize
+  EVENT_RESIZE_START: 'event:resize-start',
+  EVENT_RESIZE_END: 'event:resize-end',
+
+  // Edge scroll
+  EDGE_SCROLL_TICK: 'edge-scroll:tick',
+  EDGE_SCROLL_STARTED: 'edge-scroll:started',
+  EDGE_SCROLL_STOPPED: 'edge-scroll:stopped',
+
+  // System events
+  ERROR: 'system:error',
+
+  // Sync events
   SYNC_STARTED: 'sync:started',
   SYNC_COMPLETED: 'sync:completed',
   SYNC_FAILED: 'sync:failed',
-  SYNC_RETRY: 'sync:retry',
 
-  // Entity events (3) - for audit and sync
+  // Entity events - for audit and sync
   ENTITY_SAVED: 'entity:saved',
   ENTITY_DELETED: 'entity:deleted',
+
+  // Audit events
   AUDIT_LOGGED: 'audit:logged',
-  
-  // Filter events (1)
-  FILTER_CHANGED: 'filter:changed',
-  
-  // Rendering events (1)
+
+  // Rendering events
   EVENTS_RENDERED: 'events:rendered'
-} as const;
\ No newline at end of file
+} as const;
diff --git a/src/core/BaseGroupingRenderer.ts b/src/core/BaseGroupingRenderer.ts
new file mode 100644
index 0000000..60c9abf
--- /dev/null
+++ b/src/core/BaseGroupingRenderer.ts
@@ -0,0 +1,91 @@
+import { IRenderer, IRenderContext } from './IGroupingRenderer';
+
+/**
+ * Entity must have id
+ */
+export interface IGroupingEntity {
+  id: string;
+}
+
+/**
+ * Configuration for a grouping renderer
+ */
+export interface IGroupingRendererConfig {
+  elementTag: string;      // e.g., 'swp-team-header'
+  idAttribute: string;     // e.g., 'teamId' -> data-team-id
+  colspanVar: string;      // e.g., '--team-cols'
+}
+
+/**
+ * Abstract base class for grouping renderers
+ *
+ * Handles:
+ * - Fetching entities by IDs
+ * - Calculating colspan from parentChildMap
+ * - Creating header elements
+ * - Appending to container
+ *
+ * Subclasses override:
+ * - renderHeader() for custom content
+ * - getDisplayName() for entity display text
+ */
+export abstract class BaseGroupingRenderer<T extends IGroupingEntity> implements IRenderer {
+  abstract readonly type: string;
+  protected abstract readonly config: IGroupingRendererConfig;
+
+  /**
+   * Fetch entities from service
+   */
+  protected abstract getEntities(ids: string[]): Promise<T[]>;
+
+  /**
+   * Get display name for entity
+   */
+  protected abstract getDisplayName(entity: T): string;
+
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context: IRenderContext): Promise<void> {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0) return;
+
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter['date']?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter(id => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+
+      // Allow subclass to customize header content
+      this.renderHeader(entity, header, context);
+
+      context.headerContainer.appendChild(header);
+    }
+  }
+
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  protected renderHeader(entity: T, header: HTMLElement, _context: IRenderContext): void {
+    header.textContent = this.getDisplayName(entity);
+  }
+
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  protected createHeader(entity: T, context: IRenderContext): HTMLElement {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+}
diff --git a/src/core/CalendarApp.ts b/src/core/CalendarApp.ts
new file mode 100644
index 0000000..246b257
--- /dev/null
+++ b/src/core/CalendarApp.ts
@@ -0,0 +1,201 @@
+import { CalendarOrchestrator } from './CalendarOrchestrator';
+import { TimeAxisRenderer } from '../features/timeaxis/TimeAxisRenderer';
+import { NavigationAnimator } from './NavigationAnimator';
+import { DateService } from './DateService';
+import { ScrollManager } from './ScrollManager';
+import { HeaderDrawerManager } from './HeaderDrawerManager';
+import { ViewConfig } from './ViewConfig';
+import { DragDropManager } from '../managers/DragDropManager';
+import { EdgeScrollManager } from '../managers/EdgeScrollManager';
+import { ResizeManager } from '../managers/ResizeManager';
+import { EventPersistenceManager } from '../managers/EventPersistenceManager';
+import { HeaderDrawerRenderer } from '../features/headerdrawer/HeaderDrawerRenderer';
+import { SettingsService } from '../storage/settings/SettingsService';
+import { ViewConfigService } from '../storage/viewconfigs/ViewConfigService';
+import { IWorkweekPreset } from '../types/SettingsTypes';
+import { IEventBus } from '../types/CalendarTypes';
+import {
+  CalendarEvents,
+  RenderPayload,
+  WorkweekChangePayload,
+  ViewUpdatePayload
+} from './CalendarEvents';
+
+export class CalendarApp {
+  private animator!: NavigationAnimator;
+  private container!: HTMLElement;
+  private dayOffset = 0;
+  private currentViewId = 'simple';
+  private workweekPreset: IWorkweekPreset | null = null;
+  private groupingOverrides: Map<string, string[]> = new Map();
+
+  constructor(
+    private orchestrator: CalendarOrchestrator,
+    private timeAxisRenderer: TimeAxisRenderer,
+    private dateService: DateService,
+    private scrollManager: ScrollManager,
+    private headerDrawerManager: HeaderDrawerManager,
+    private dragDropManager: DragDropManager,
+    private edgeScrollManager: EdgeScrollManager,
+    private resizeManager: ResizeManager,
+    private headerDrawerRenderer: HeaderDrawerRenderer,
+    private eventPersistenceManager: EventPersistenceManager,
+    private settingsService: SettingsService,
+    private viewConfigService: ViewConfigService,
+    private eventBus: IEventBus
+  ) {}
+
+  async init(container: HTMLElement): Promise<void> {
+    this.container = container;
+
+    // Load settings
+    const gridSettings = await this.settingsService.getGridSettings();
+    if (!gridSettings) {
+      throw new Error('GridSettings not found');
+    }
+
+    this.workweekPreset = await this.settingsService.getDefaultWorkweekPreset();
+
+    // Create NavigationAnimator with DOM elements
+    this.animator = new NavigationAnimator(
+      container.querySelector('swp-header-track') as HTMLElement,
+      container.querySelector('swp-content-track') as HTMLElement,
+      container.querySelector('swp-header-drawer')
+    );
+
+    // Render time axis from settings
+    this.timeAxisRenderer.render(
+      container.querySelector('#time-axis') as HTMLElement,
+      gridSettings.dayStartHour,
+      gridSettings.dayEndHour
+    );
+
+    // Init managers
+    this.scrollManager.init(container);
+    this.headerDrawerManager.init(container);
+    this.dragDropManager.init(container);
+    this.resizeManager.init(container);
+
+    const scrollableContent = container.querySelector('swp-scrollable-content') as HTMLElement;
+    this.edgeScrollManager.init(scrollableContent);
+
+    // Setup command event listeners
+    this.setupEventListeners();
+
+    // Emit ready status
+    this.emitStatus('ready');
+  }
+
+  private setupEventListeners(): void {
+    // Navigation commands via EventBus
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_PREV, () => {
+      this.handleNavigatePrev();
+    });
+
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_NEXT, () => {
+      this.handleNavigateNext();
+    });
+
+    // Drawer toggle via EventBus
+    this.eventBus.on(CalendarEvents.CMD_DRAWER_TOGGLE, () => {
+      this.headerDrawerManager.toggle();
+    });
+
+    // Render command via EventBus
+    this.eventBus.on(CalendarEvents.CMD_RENDER, (e: Event) => {
+      const { viewId } = (e as CustomEvent<RenderPayload>).detail;
+      this.handleRenderCommand(viewId);
+    });
+
+    // Workweek change via EventBus
+    this.eventBus.on(CalendarEvents.CMD_WORKWEEK_CHANGE, (e: Event) => {
+      const { presetId } = (e as CustomEvent<WorkweekChangePayload>).detail;
+      this.handleWorkweekChange(presetId);
+    });
+
+    // View update via EventBus
+    this.eventBus.on(CalendarEvents.CMD_VIEW_UPDATE, (e: Event) => {
+      const { type, values } = (e as CustomEvent<ViewUpdatePayload>).detail;
+      this.handleViewUpdate(type, values);
+    });
+  }
+
+  private async handleRenderCommand(viewId: string): Promise<void> {
+    this.currentViewId = viewId;
+    await this.render();
+    this.emitStatus('rendered', { viewId });
+  }
+
+  private async handleNavigatePrev(): Promise<void> {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset -= step;
+    await this.animator.slide('right', () => this.render());
+    this.emitStatus('rendered', { viewId: this.currentViewId });
+  }
+
+  private async handleNavigateNext(): Promise<void> {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset += step;
+    await this.animator.slide('left', () => this.render());
+    this.emitStatus('rendered', { viewId: this.currentViewId });
+  }
+
+  private async handleWorkweekChange(presetId: string): Promise<void> {
+    const preset = await this.settingsService.getWorkweekPreset(presetId);
+    if (preset) {
+      this.workweekPreset = preset;
+      await this.render();
+      this.emitStatus('rendered', { viewId: this.currentViewId });
+    }
+  }
+
+  private async handleViewUpdate(type: string, values: string[]): Promise<void> {
+    this.groupingOverrides.set(type, values);
+    await this.render();
+    this.emitStatus('rendered', { viewId: this.currentViewId });
+  }
+
+  private async render(): Promise<void> {
+    const storedConfig = await this.viewConfigService.getById(this.currentViewId);
+    if (!storedConfig) {
+      this.emitStatus('error', { message: `ViewConfig not found: ${this.currentViewId}` });
+      return;
+    }
+
+    // Populate date values based on workweek preset and day offset
+    const workDays = this.workweekPreset?.workDays || [1, 2, 3, 4, 5];
+    const periodDays = this.workweekPreset?.periodDays ?? 7;
+
+    // For single-day navigation (periodDays=1), show consecutive days from offset
+    // For week navigation (periodDays=7), show workDays from the week containing offset
+    const dates = periodDays === 1
+      ? this.dateService.getDatesFromOffset(this.dayOffset, workDays.length)
+      : this.dateService.getWorkDaysFromOffset(this.dayOffset, workDays);
+
+    // Clone config and apply overrides
+    const viewConfig: ViewConfig = {
+      ...storedConfig,
+      groupings: storedConfig.groupings.map(g => {
+        // Apply date values
+        if (g.type === 'date') {
+          return { ...g, values: dates };
+        }
+        // Apply grouping overrides
+        const override = this.groupingOverrides.get(g.type);
+        if (override) {
+          return { ...g, values: override };
+        }
+        return g;
+      })
+    };
+
+    await this.orchestrator.render(viewConfig, this.container);
+  }
+
+  private emitStatus(status: string, detail?: object): void {
+    this.container.dispatchEvent(new CustomEvent(`calendar:status:${status}`, {
+      detail,
+      bubbles: true
+    }));
+  }
+}
diff --git a/src/core/CalendarEvents.ts b/src/core/CalendarEvents.ts
new file mode 100644
index 0000000..4cf553e
--- /dev/null
+++ b/src/core/CalendarEvents.ts
@@ -0,0 +1,28 @@
+/**
+ * CalendarEvents - Command and status events for CalendarApp
+ */
+export const CalendarEvents = {
+  // Command events (host → calendar)
+  CMD_NAVIGATE_PREV: 'calendar:cmd:navigate:prev',
+  CMD_NAVIGATE_NEXT: 'calendar:cmd:navigate:next',
+  CMD_DRAWER_TOGGLE: 'calendar:cmd:drawer:toggle',
+  CMD_RENDER: 'calendar:cmd:render',
+  CMD_WORKWEEK_CHANGE: 'calendar:cmd:workweek:change',
+  CMD_VIEW_UPDATE: 'calendar:cmd:view:update'
+} as const;
+
+/**
+ * Payload interfaces for CalendarEvents
+ */
+export interface RenderPayload {
+  viewId: string;
+}
+
+export interface WorkweekChangePayload {
+  presetId: string;
+}
+
+export interface ViewUpdatePayload {
+  type: string;
+  values: string[];
+}
diff --git a/src/core/CalendarOrchestrator.ts b/src/core/CalendarOrchestrator.ts
new file mode 100644
index 0000000..933e8a5
--- /dev/null
+++ b/src/core/CalendarOrchestrator.ts
@@ -0,0 +1,124 @@
+import { IRenderer, IRenderContext } from './IGroupingRenderer';
+import { buildPipeline } from './RenderBuilder';
+import { EventRenderer } from '../features/event/EventRenderer';
+import { ScheduleRenderer } from '../features/schedule/ScheduleRenderer';
+import { HeaderDrawerRenderer } from '../features/headerdrawer/HeaderDrawerRenderer';
+import { ViewConfig, GroupingConfig } from './ViewConfig';
+import { FilterTemplate } from './FilterTemplate';
+import { DateService } from './DateService';
+import { IEntityService } from '../storage/IEntityService';
+import { ISync } from '../types/CalendarTypes';
+
+export class CalendarOrchestrator {
+  constructor(
+    private allRenderers: IRenderer[],
+    private eventRenderer: EventRenderer,
+    private scheduleRenderer: ScheduleRenderer,
+    private headerDrawerRenderer: HeaderDrawerRenderer,
+    private dateService: DateService,
+    private entityServices: IEntityService<ISync>[]
+  ) {}
+
+  async render(viewConfig: ViewConfig, container: HTMLElement): Promise<void> {
+    const headerContainer = container.querySelector('swp-calendar-header') as HTMLElement;
+    const columnContainer = container.querySelector('swp-day-columns') as HTMLElement;
+    if (!headerContainer || !columnContainer) {
+      throw new Error('Missing swp-calendar-header or swp-day-columns');
+    }
+
+    // Byg filter fra viewConfig
+    const filter: Record<string, string[]> = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+
+    // Byg FilterTemplate fra viewConfig groupings (kun de med idProperty)
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+
+    // Resolve belongsTo relations (e.g., team.resourceIds)
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+
+    const context: IRenderContext = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+
+    // Clear
+    headerContainer.innerHTML = '';
+    columnContainer.innerHTML = '';
+
+    // Sæt data-levels attribut for CSS grid-row styling
+    const levels = viewConfig.groupings.map(g => g.type).join(' ');
+    headerContainer.dataset.levels = levels;
+
+    // Vælg renderers baseret på groupings types
+    const activeRenderers = this.selectRenderers(viewConfig);
+
+    // Byg og kør pipeline
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+
+    // Render schedule unavailable zones (før events)
+    await this.scheduleRenderer.render(container, filter);
+
+    // Render timed events in grid (med filterTemplate til matching)
+    await this.eventRenderer.render(container, filter, filterTemplate);
+
+    // Render allDay events in header drawer (med filterTemplate til matching)
+    await this.headerDrawerRenderer.render(container, filter, filterTemplate);
+  }
+
+  private selectRenderers(viewConfig: ViewConfig): IRenderer[] {
+    const types = viewConfig.groupings.map(g => g.type);
+    // Sortér renderers i samme rækkefølge som viewConfig.groupings
+    return types
+      .map(type => this.allRenderers.find(r => r.type === type))
+      .filter((r): r is IRenderer => r !== undefined);
+  }
+
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  private async resolveBelongsTo(
+    groupings: GroupingConfig[],
+    filter: Record<string, string[]>
+  ): Promise<{ parentChildMap?: Record<string, string[]>; childType?: string }> {
+    // Find grouping with belongsTo
+    const childGrouping = groupings.find(g => g.belongsTo);
+    if (!childGrouping?.belongsTo) return {};
+
+    // Parse belongsTo: 'team.resourceIds'
+    const [entityType, property] = childGrouping.belongsTo.split('.');
+    if (!entityType || !property) return {};
+
+    // Get parent IDs from filter
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0) return {};
+
+    // Find service dynamisk baseret på entityType (ingen hardcoded type check)
+    const service = this.entityServices.find(s =>
+      s.entityType.toLowerCase() === entityType
+    );
+    if (!service) return {};
+
+    // Hent alle entities og filtrer på parentIds
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter(e =>
+      parentIds.includes((e as unknown as Record<string, unknown>).id as string)
+    );
+
+    // Byg parent-child map
+    const map: Record<string, string[]> = {};
+    for (const entity of entities) {
+      const entityRecord = entity as unknown as Record<string, unknown>;
+      const children = (entityRecord[property] as string[]) || [];
+      map[entityRecord.id as string] = children;
+    }
+
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+}
diff --git a/src/core/DateService.ts b/src/core/DateService.ts
new file mode 100644
index 0000000..1d3c44d
--- /dev/null
+++ b/src/core/DateService.ts
@@ -0,0 +1,195 @@
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import { ITimeFormatConfig } from './ITimeFormatConfig';
+
+// Enable dayjs plugins
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(isoWeek);
+
+export class DateService {
+  private timezone: string;
+  private baseDate: dayjs.Dayjs;
+
+  constructor(private config: ITimeFormatConfig, baseDate?: Date) {
+    this.timezone = config.timezone;
+    // Allow setting a fixed base date for demo/testing purposes
+    this.baseDate = baseDate ? dayjs(baseDate) : dayjs();
+  }
+
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date: Date): void {
+    this.baseDate = dayjs(date);
+  }
+
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate(): Date {
+    return this.baseDate.toDate();
+  }
+
+  parseISO(isoString: string): Date {
+    return dayjs(isoString).toDate();
+  }
+
+  getDayName(date: Date, format: 'short' | 'long' = 'short'): string {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+
+  /**
+   * Get dates starting from a day offset
+   * @param dayOffset - Day offset from base date
+   * @param count - Number of consecutive days to return
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getDatesFromOffset(dayOffset: number, count: number): string[] {
+    const startDate = this.baseDate.add(dayOffset, 'day');
+    return Array.from({ length: count }, (_, i) =>
+      startDate.add(i, 'day').format('YYYY-MM-DD')
+    );
+  }
+
+  /**
+   * Get specific weekdays from the week containing the offset date
+   * @param dayOffset - Day offset from base date
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkDaysFromOffset(dayOffset: number, workDays: number[]): string[] {
+    // Get the date at offset, then find its week's Monday
+    const targetDate = this.baseDate.add(dayOffset, 'day');
+    const monday = targetDate.startOf('week').add(1, 'day');
+
+    return workDays.map(isoDay => {
+      // ISO: 1=Monday, 7=Sunday → days from Monday: 0-6
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, 'day').format('YYYY-MM-DD');
+    });
+  }
+
+  // Legacy methods for backwards compatibility
+  getWeekDates(weekOffset = 0, days = 7): string[] {
+    return this.getDatesFromOffset(weekOffset * 7, days);
+  }
+
+  getWorkWeekDates(weekOffset: number, workDays: number[]): string[] {
+    return this.getWorkDaysFromOffset(weekOffset * 7, workDays);
+  }
+
+  // ============================================
+  // FORMATTING
+  // ============================================
+
+  formatTime(date: Date, showSeconds = false): string {
+    const pattern = showSeconds ? 'HH:mm:ss' : 'HH:mm';
+    return dayjs(date).format(pattern);
+  }
+
+  formatTimeRange(start: Date, end: Date): string {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+
+  formatDate(date: Date): string {
+    return dayjs(date).format('YYYY-MM-DD');
+  }
+
+  getDateKey(date: Date): string {
+    return this.formatDate(date);
+  }
+
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments: Record<string, string>): string {
+    // Always put date first if present, then other segments alphabetically
+    const date = segments.date;
+    const others = Object.entries(segments)
+      .filter(([k]) => k !== 'date')
+      .sort(([a], [b]) => a.localeCompare(b))
+      .map(([, v]) => v);
+
+    return date ? [date, ...others].join(':') : others.join(':');
+  }
+
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey: string): { date: string; resource?: string } {
+    const parts = columnKey.split(':');
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey: string): string {
+    return columnKey.split(':')[0];
+  }
+
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+
+  timeToMinutes(timeString: string): number {
+    const parts = timeString.split(':').map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+
+  minutesToTime(totalMinutes: number): string {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return dayjs().hour(hours).minute(minutes).format('HH:mm');
+  }
+
+  getMinutesSinceMidnight(date: Date): number {
+    const d = dayjs(date);
+    return d.hour() * 60 + d.minute();
+  }
+
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+
+  toUTC(localDate: Date): string {
+    return dayjs.tz(localDate, this.timezone).utc().toISOString();
+  }
+
+  fromUTC(utcString: string): Date {
+    return dayjs.utc(utcString).tz(this.timezone).toDate();
+  }
+
+  // ============================================
+  // DATE CREATION
+  // ============================================
+
+  createDateAtTime(baseDate: Date | string, timeString: string): Date {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return dayjs(baseDate).startOf('day').hour(hours).minute(minutes).toDate();
+  }
+
+  getISOWeekDay(date: Date | string): number {
+    return dayjs(date).isoWeekday();  // 1=Monday, 7=Sunday
+  }
+}
diff --git a/src/core/EntityResolver.ts b/src/core/EntityResolver.ts
new file mode 100644
index 0000000..7161c30
--- /dev/null
+++ b/src/core/EntityResolver.ts
@@ -0,0 +1,48 @@
+import { IEntityResolver } from './IEntityResolver';
+
+/**
+ * EntityResolver - Resolves entities from pre-loaded cache
+ *
+ * Entities must be loaded before use (typically at render time).
+ * This allows synchronous lookups during filtering.
+ */
+export class EntityResolver implements IEntityResolver {
+  private cache: Map<string, Map<string, Record<string, unknown>>> = new Map();
+
+  /**
+   * Load entities into cache for a given type
+   * @param entityType - The entity type (e.g., 'resource')
+   * @param entities - Array of entities with 'id' property
+   */
+  load<T extends { id: string }>(entityType: string, entities: T[]): void {
+    const typeCache = new Map<string, Record<string, unknown>>();
+    for (const entity of entities) {
+      // Cast to Record for storage while preserving original data
+      typeCache.set(entity.id, entity as unknown as Record<string, unknown>);
+    }
+    this.cache.set(entityType, typeCache);
+  }
+
+  /**
+   * Resolve an entity by type and ID
+   */
+  resolve(entityType: string, id: string): Record<string, unknown> | undefined {
+    const typeCache = this.cache.get(entityType);
+    if (!typeCache) return undefined;
+    return typeCache.get(id);
+  }
+
+  /**
+   * Clear all cached entities
+   */
+  clear(): void {
+    this.cache.clear();
+  }
+
+  /**
+   * Clear cache for a specific entity type
+   */
+  clearType(entityType: string): void {
+    this.cache.delete(entityType);
+  }
+}
diff --git a/src/core/EventBus.ts b/src/core/EventBus.ts
index d58a75a..469a73e 100644
--- a/src/core/EventBus.ts
+++ b/src/core/EventBus.ts
@@ -1,4 +1,3 @@
-// Core EventBus using pure DOM CustomEvents
 import { IEventLogEntry, IListenerEntry, IEventBus } from '../types/CalendarTypes';
 
 /**
@@ -9,7 +8,7 @@ export class EventBus implements IEventBus {
   private eventLog: IEventLogEntry[] = [];
   private debug: boolean = false;
   private listeners: Set<IListenerEntry> = new Set();
-  
+
   // Log configuration for different categories
   private logConfig: { [key: string]: boolean } = {
     calendar: true,
@@ -26,10 +25,10 @@ export class EventBus implements IEventBus {
    */
   on(eventType: string, handler: EventListener, options?: AddEventListenerOptions): () => void {
     document.addEventListener(eventType, handler, options);
-    
+
     // Track for cleanup
     this.listeners.add({ eventType, handler, options });
-    
+
     // Return unsubscribe function
     return () => this.off(eventType, handler);
   }
@@ -46,7 +45,7 @@ export class EventBus implements IEventBus {
    */
   off(eventType: string, handler: EventListener): void {
     document.removeEventListener(eventType, handler);
-    
+
     // Remove from tracking
     for (const listener of this.listeners) {
       if (listener.eventType === eventType && listener.handler === handler) {
@@ -89,19 +88,17 @@ export class EventBus implements IEventBus {
   /**
    * Log event with console grouping
    */
-  private logEventWithGrouping(eventType: string, detail: unknown): void {
+  private logEventWithGrouping(eventType: string, _detail: unknown): void {
     // Extract category from event type (e.g., 'calendar:datechanged' → 'calendar')
     const category = this.extractCategory(eventType);
-    
+
     // Only log if category is enabled
     if (!this.logConfig[category]) {
       return;
     }
 
-    // Get category emoji and color
-    const { emoji, color } = this.getCategoryStyle(category);
-    
-    // Use collapsed group to reduce visual noise
+    // Get category emoji and color (used for future console styling)
+    this.getCategoryStyle(category);
   }
 
   /**
@@ -111,11 +108,11 @@ export class EventBus implements IEventBus {
     if (!eventType) {
       return 'unknown';
     }
-    
+
     if (eventType.includes(':')) {
       return eventType.split(':')[0];
     }
-    
+
     // Fallback: try to detect category from event name patterns
     const lowerType = eventType.toLowerCase();
     if (lowerType.includes('grid') || lowerType.includes('rendered')) return 'grid';
@@ -123,7 +120,7 @@ export class EventBus implements IEventBus {
     if (lowerType.includes('scroll')) return 'scroll';
     if (lowerType.includes('nav') || lowerType.includes('date')) return 'navigation';
     if (lowerType.includes('view')) return 'view';
-    
+
     return 'default';
   }
 
@@ -132,15 +129,15 @@ export class EventBus implements IEventBus {
    */
   private getCategoryStyle(category: string): { emoji: string; color: string } {
     const styles: { [key: string]: { emoji: string; color: string } } = {
-      calendar: { emoji: '🗓️', color: '#2196F3' },
+      calendar: { emoji: '📅', color: '#2196F3' },
       grid: { emoji: '📊', color: '#4CAF50' },
-      event: { emoji: '📅', color: '#FF9800' },
+      event: { emoji: '📌', color: '#FF9800' },
       scroll: { emoji: '📜', color: '#9C27B0' },
       navigation: { emoji: '🧭', color: '#F44336' },
-      view: { emoji: '👁️', color: '#00BCD4' },
+      view: { emoji: '👁', color: '#00BCD4' },
       default: { emoji: '📢', color: '#607D8B' }
     };
-    
+
     return styles[category] || styles.default;
   }
 
@@ -175,6 +172,3 @@ export class EventBus implements IEventBus {
     this.debug = enabled;
   }
 }
-
-// Create singleton instance
-export const eventBus = new EventBus();
\ No newline at end of file
diff --git a/src/core/FilterTemplate.ts b/src/core/FilterTemplate.ts
new file mode 100644
index 0000000..00451b1
--- /dev/null
+++ b/src/core/FilterTemplate.ts
@@ -0,0 +1,149 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { DateService } from './DateService';
+import { IEntityResolver } from './IEntityResolver';
+
+/**
+ * Field definition for FilterTemplate
+ */
+interface IFilterField {
+  idProperty: string;
+  derivedFrom?: string;
+}
+
+/**
+ * Parsed dot-notation reference
+ */
+interface IDotNotation {
+  entityType: string;   // e.g., 'resource'
+  property: string;     // e.g., 'teamId'
+  foreignKey: string;   // e.g., 'resourceId'
+}
+
+/**
+ * FilterTemplate - Bygger nøgler til event-kolonne matching
+ *
+ * ViewConfig definerer hvilke felter (idProperties) der indgår i kolonnens nøgle.
+ * Samme template bruges til at bygge nøgle for både kolonne og event.
+ *
+ * Supports dot-notation for hierarchical relations:
+ * - 'resource.teamId' → looks up event.resourceId → resource entity → teamId
+ *
+ * Princip: Kolonnens nøgle-template bestemmer hvad der matches på.
+ *
+ * @see docs/filter-template.md
+ */
+export class FilterTemplate {
+  private fields: IFilterField[] = [];
+
+  constructor(
+    private dateService: DateService,
+    private entityResolver?: IEntityResolver
+  ) {}
+
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty: string, derivedFrom?: string): this {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  private parseDotNotation(idProperty: string): IDotNotation | null {
+    if (!idProperty.includes('.')) return null;
+    const [entityType, property] = idProperty.split('.');
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + 'Id' // Convention: resource → resourceId
+    };
+  }
+
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  private getDatasetKey(idProperty: string): string {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property; // 'teamId'
+    }
+    return idProperty;
+  }
+
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column: HTMLElement): string {
+    return this.fields
+      .map(f => {
+        const key = this.getDatasetKey(f.idProperty);
+        return column.dataset[key] || '';
+      })
+      .join(':');
+  }
+
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event: ICalendarEvent): string {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const eventRecord = event as any;
+    return this.fields
+      .map(f => {
+        // Check for dot-notation (e.g., 'resource.teamId')
+        const dotNotation = this.parseDotNotation(f.idProperty);
+        if (dotNotation) {
+          return this.resolveDotNotation(eventRecord, dotNotation);
+        }
+
+        if (f.derivedFrom) {
+          // Udled værdi (f.eks. date fra start)
+          const sourceValue = eventRecord[f.derivedFrom];
+          if (sourceValue instanceof Date) {
+            return this.dateService.getDateKey(sourceValue);
+          }
+          return String(sourceValue || '');
+        }
+        return String(eventRecord[f.idProperty] || '');
+      })
+      .join(':');
+  }
+
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  private resolveDotNotation(eventRecord: Record<string, unknown>, dotNotation: IDotNotation): string {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return '';
+    }
+
+    // Get foreign key value from event (e.g., resourceId)
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId) return '';
+
+    // Resolve entity
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity) return '';
+
+    // Return property value from entity
+    return String(entity[dotNotation.property] || '');
+  }
+
+  /**
+   * Match event mod kolonne
+   */
+  matches(event: ICalendarEvent, column: HTMLElement): boolean {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+}
diff --git a/src/core/HeaderDrawerManager.ts b/src/core/HeaderDrawerManager.ts
new file mode 100644
index 0000000..445bb23
--- /dev/null
+++ b/src/core/HeaderDrawerManager.ts
@@ -0,0 +1,70 @@
+export class HeaderDrawerManager {
+  private drawer!: HTMLElement;
+  private expanded = false;
+  private currentRows = 0;
+  private readonly rowHeight = 25;
+  private readonly duration = 200;
+
+  init(container: HTMLElement): void {
+    this.drawer = container.querySelector('swp-header-drawer')!;
+
+    if (!this.drawer) console.error('HeaderDrawerManager: swp-header-drawer not found');
+  }
+
+  toggle(): void {
+    this.expanded ? this.collapse() : this.expand();
+  }
+
+  /**
+   * Expand drawer to single row (legacy support)
+   */
+  expand(): void {
+    this.expandToRows(1);
+  }
+
+  /**
+   * Expand drawer to fit specified number of rows
+   */
+  expandToRows(rowCount: number): void {
+    const targetHeight = rowCount * this.rowHeight;
+    const currentHeight = this.expanded ? this.currentRows * this.rowHeight : 0;
+
+    // Skip if already at target
+    if (this.expanded && this.currentRows === rowCount) return;
+
+    this.currentRows = rowCount;
+    this.expanded = true;
+    this.animate(currentHeight, targetHeight);
+  }
+
+  collapse(): void {
+    if (!this.expanded) return;
+    const currentHeight = this.currentRows * this.rowHeight;
+    this.expanded = false;
+    this.currentRows = 0;
+    this.animate(currentHeight, 0);
+  }
+
+  private animate(from: number, to: number): void {
+    const keyframes = [
+      { height: `${from}px` },
+      { height: `${to}px` }
+    ];
+    const options: KeyframeAnimationOptions = {
+      duration: this.duration,
+      easing: 'ease',
+      fill: 'forwards'
+    };
+
+    // Kun animér drawer - ScrollManager synkroniserer header-spacer via ResizeObserver
+    this.drawer.animate(keyframes, options);
+  }
+
+  isExpanded(): boolean {
+    return this.expanded;
+  }
+
+  getRowCount(): number {
+    return this.currentRows;
+  }
+}
diff --git a/src/core/IEntityResolver.ts b/src/core/IEntityResolver.ts
new file mode 100644
index 0000000..b825c0f
--- /dev/null
+++ b/src/core/IEntityResolver.ts
@@ -0,0 +1,15 @@
+/**
+ * IEntityResolver - Resolves entities by type and ID
+ *
+ * Used by FilterTemplate to resolve dot-notation references like 'resource.teamId'
+ * where the value needs to be looked up from a related entity.
+ */
+export interface IEntityResolver {
+  /**
+   * Resolve an entity by type and ID
+   * @param entityType - The entity type (e.g., 'resource', 'booking', 'customer')
+   * @param id - The entity ID
+   * @returns The entity record or undefined if not found
+   */
+  resolve(entityType: string, id: string): Record<string, unknown> | undefined;
+}
diff --git a/src/core/IGridConfig.ts b/src/core/IGridConfig.ts
new file mode 100644
index 0000000..03c6a2f
--- /dev/null
+++ b/src/core/IGridConfig.ts
@@ -0,0 +1,7 @@
+export interface IGridConfig {
+  hourHeight: number;      // pixels per hour
+  dayStartHour: number;    // e.g. 6
+  dayEndHour: number;      // e.g. 18
+  snapInterval: number;    // minutes, e.g. 15
+  gridStartThresholdMinutes?: number;  // threshold for GRID grouping (default 10)
+}
diff --git a/src/core/IGroupingRenderer.ts b/src/core/IGroupingRenderer.ts
new file mode 100644
index 0000000..a1bc507
--- /dev/null
+++ b/src/core/IGroupingRenderer.ts
@@ -0,0 +1,15 @@
+import { GroupingConfig } from './ViewConfig';
+
+export interface IRenderContext {
+  headerContainer: HTMLElement;
+  columnContainer: HTMLElement;
+  filter: Record<string, string[]>;  // { team: ['alpha'], resource: ['alice', 'bob'], date: [...] }
+  groupings?: GroupingConfig[];      // Full grouping configs (for hideHeader etc.)
+  parentChildMap?: Record<string, string[]>;  // { team1: ['EMP001', 'EMP002'], team2: ['EMP003', 'EMP004'] }
+  childType?: string;  // The type of the child grouping (e.g., 'resource' when team has belongsTo)
+}
+
+export interface IRenderer {
+  readonly type: string;
+  render(context: IRenderContext): void | Promise<void>;
+}
diff --git a/src/core/IGroupingStore.ts b/src/core/IGroupingStore.ts
new file mode 100644
index 0000000..8abc837
--- /dev/null
+++ b/src/core/IGroupingStore.ts
@@ -0,0 +1,4 @@
+export interface IGroupingStore<T = unknown> {
+  readonly type: string;
+  getByIds(ids: string[]): T[];
+}
diff --git a/src/core/ITimeFormatConfig.ts b/src/core/ITimeFormatConfig.ts
new file mode 100644
index 0000000..1a401d5
--- /dev/null
+++ b/src/core/ITimeFormatConfig.ts
@@ -0,0 +1,7 @@
+export interface ITimeFormatConfig {
+  timezone: string;
+  use24HourFormat: boolean;
+  locale: string;
+  dateFormat: 'locale' | 'technical';
+  showSeconds: boolean;
+}
diff --git a/src/core/NavigationAnimator.ts b/src/core/NavigationAnimator.ts
new file mode 100644
index 0000000..cf173ad
--- /dev/null
+++ b/src/core/NavigationAnimator.ts
@@ -0,0 +1,64 @@
+export class NavigationAnimator {
+  constructor(
+    private headerTrack: HTMLElement,
+    private contentTrack: HTMLElement,
+    private headerDrawer: HTMLElement | null
+  ) {}
+
+  async slide(direction: 'left' | 'right', renderFn: () => Promise<void>): Promise<void> {
+    const out = direction === 'left' ? '-100%' : '100%';
+    const into = direction === 'left' ? '100%' : '-100%';
+
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+
+  private async animateOut(translate: string): Promise<void> {
+    const animations = [
+      this.headerTrack.animate(
+        [{ transform: 'translateX(0)' }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: 'ease-in' }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: 'translateX(0)' }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: 'ease-in' }
+      ).finished
+    ];
+
+    if (this.headerDrawer) {
+      animations.push(
+        this.headerDrawer.animate(
+          [{ transform: 'translateX(0)' }, { transform: `translateX(${translate})` }],
+          { duration: 200, easing: 'ease-in' }
+        ).finished
+      );
+    }
+
+    await Promise.all(animations);
+  }
+
+  private async animateIn(translate: string): Promise<void> {
+    const animations = [
+      this.headerTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: 'translateX(0)' }],
+        { duration: 200, easing: 'ease-out' }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: 'translateX(0)' }],
+        { duration: 200, easing: 'ease-out' }
+      ).finished
+    ];
+
+    if (this.headerDrawer) {
+      animations.push(
+        this.headerDrawer.animate(
+          [{ transform: `translateX(${translate})` }, { transform: 'translateX(0)' }],
+          { duration: 200, easing: 'ease-out' }
+        ).finished
+      );
+    }
+
+    await Promise.all(animations);
+  }
+}
diff --git a/src/core/RenderBuilder.ts b/src/core/RenderBuilder.ts
new file mode 100644
index 0000000..68f0ee3
--- /dev/null
+++ b/src/core/RenderBuilder.ts
@@ -0,0 +1,15 @@
+import { IRenderer, IRenderContext } from './IGroupingRenderer';
+
+export interface Pipeline {
+  run(context: IRenderContext): Promise<void>;
+}
+
+export function buildPipeline(renderers: IRenderer[]): Pipeline {
+  return {
+    async run(context: IRenderContext) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
diff --git a/src/core/ScrollManager.ts b/src/core/ScrollManager.ts
new file mode 100644
index 0000000..bb4f490
--- /dev/null
+++ b/src/core/ScrollManager.ts
@@ -0,0 +1,42 @@
+export class ScrollManager {
+  private scrollableContent!: HTMLElement;
+  private timeAxisContent!: HTMLElement;
+  private calendarHeader!: HTMLElement;
+  private headerDrawer!: HTMLElement;
+  private headerViewport!: HTMLElement;
+  private headerSpacer!: HTMLElement;
+  private resizeObserver!: ResizeObserver;
+
+  init(container: HTMLElement): void {
+    this.scrollableContent = container.querySelector('swp-scrollable-content')!;
+    this.timeAxisContent = container.querySelector('swp-time-axis-content')!;
+    this.calendarHeader = container.querySelector('swp-calendar-header')!;
+    this.headerDrawer = container.querySelector('swp-header-drawer')!;
+    this.headerViewport = container.querySelector('swp-header-viewport')!;
+    this.headerSpacer = container.querySelector('swp-header-spacer')!;
+
+    this.scrollableContent.addEventListener('scroll', () => this.onScroll());
+
+    // Synkroniser header-spacer højde med header-viewport
+    this.resizeObserver = new ResizeObserver(() => this.syncHeaderSpacerHeight());
+    this.resizeObserver.observe(this.headerViewport);
+    this.syncHeaderSpacerHeight();
+  }
+
+  private syncHeaderSpacerHeight(): void {
+    // Kopier den faktiske computed height direkte fra header-viewport
+    const computedHeight = getComputedStyle(this.headerViewport).height;
+    this.headerSpacer.style.height = computedHeight;
+  }
+
+  private onScroll(): void {
+    const { scrollTop, scrollLeft } = this.scrollableContent;
+
+    // Synkroniser time-axis vertikalt
+    this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
+
+    // Synkroniser header og drawer horisontalt
+    this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
+    this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`;
+  }
+}
diff --git a/src/core/ViewConfig.ts b/src/core/ViewConfig.ts
new file mode 100644
index 0000000..8ecd79b
--- /dev/null
+++ b/src/core/ViewConfig.ts
@@ -0,0 +1,21 @@
+import { ISync } from '../types/CalendarTypes';
+
+export interface ViewTemplate {
+  id: string;
+  name: string;
+  groupingTypes: string[];
+}
+
+export interface ViewConfig extends ISync {
+  id: string;  // templateId (e.g. 'day', 'simple', 'resource')
+  groupings: GroupingConfig[];
+}
+
+export interface GroupingConfig {
+  type: string;
+  values: string[];
+  idProperty?: string;      // Property-navn på event (f.eks. 'resourceId') - kun for event matching
+  derivedFrom?: string;     // Hvis feltet udledes fra anden property (f.eks. 'date' fra 'start')
+  belongsTo?: string;       // Parent-child relation (f.eks. 'team.resourceIds')
+  hideHeader?: boolean;     // Skjul header-rækken for denne grouping (f.eks. dato i day-view)
+}
diff --git a/src/datasources/DateColumnDataSource.ts b/src/datasources/DateColumnDataSource.ts
deleted file mode 100644
index a916e04..0000000
--- a/src/datasources/DateColumnDataSource.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { IColumnDataSource, IColumnInfo } from '../types/ColumnDataSource';
-import { DateService } from '../utils/DateService';
-import { Configuration } from '../configurations/CalendarConfig';
-import { CalendarView } from '../types/CalendarTypes';
-import { EventService } from '../storage/events/EventService';
-
-/**
- * DateColumnDataSource - Provides date-based columns
- *
- * Calculates which dates to display based on:
- * - Current date
- * - Current view (day/week/month)
- * - Workweek settings
- *
- * Also fetches and filters events per column using EventService.
- */
-export class DateColumnDataSource implements IColumnDataSource {
-  private dateService: DateService;
-  private config: Configuration;
-  private eventService: EventService;
-  private currentDate: Date;
-  private currentView: CalendarView;
-
-  constructor(
-    dateService: DateService,
-    config: Configuration,
-    eventService: EventService
-  ) {
-    this.dateService = dateService;
-    this.config = config;
-    this.eventService = eventService;
-    this.currentDate = new Date();
-    this.currentView = this.config.currentView;
-  }
-
-  /**
-   * Get columns (dates) to display with their events
-   * Each column fetches its own events directly from EventService
-   */
-  public async getColumns(): Promise<IColumnInfo[]> {
-    let dates: Date[];
-
-    switch (this.currentView) {
-      case 'week':
-        dates = this.getWeekDates();
-        break;
-      case 'month':
-        dates = this.getMonthDates();
-        break;
-      case 'day':
-        dates = [this.currentDate];
-        break;
-      default:
-        dates = this.getWeekDates();
-    }
-
-    // Fetch events for each column directly from EventService
-    const columnsWithEvents = await Promise.all(
-      dates.map(async date => ({
-        identifier: this.dateService.formatISODate(date),
-        data: date,
-        events: await this.eventService.getByDateRange(
-          this.dateService.startOfDay(date),
-          this.dateService.endOfDay(date)
-        ),
-        groupId: 'week'  // All columns in date mode share same group for spanning
-      }))
-    );
-
-    return columnsWithEvents;
-  }
-
-  /**
-   * Get type of datasource
-   */
-  public getType(): 'date' | 'resource' {
-    return 'date';
-  }
-
-  /**
-   * Check if this datasource is in resource mode
-   */
-  public isResource(): boolean {
-    return false;
-  }
-
-  /**
-   * Update current date
-   */
-  public setCurrentDate(date: Date): void {
-    this.currentDate = date;
-  }
-
-  /**
-   * Get current date
-   */
-  public getCurrentDate(): Date {
-    return this.currentDate;
-  }
-
-  /**
-   * Update current view
-   */
-  public setCurrentView(view: CalendarView): void {
-    this.currentView = view;
-  }
-
-  /**
-   * Get dates for week view based on workweek settings
-   */
-  private getWeekDates(): Date[] {
-    const weekStart = this.getISOWeekStart(this.currentDate);
-    const workWeekSettings = this.config.getWorkWeekSettings();
-    return this.dateService.getWorkWeekDates(weekStart, workWeekSettings.workDays);
-  }
-
-  /**
-   * Get all dates in current month
-   */
-  private getMonthDates(): Date[] {
-    const dates: Date[] = [];
-    const monthStart = this.getMonthStart(this.currentDate);
-    const monthEnd = this.getMonthEnd(this.currentDate);
-
-    const totalDays = Math.ceil((monthEnd.getTime() - monthStart.getTime()) / (1000 * 60 * 60 * 24)) + 1;
-
-    for (let i = 0; i < totalDays; i++) {
-      dates.push(this.dateService.addDays(monthStart, i));
-    }
-
-    return dates;
-  }
-
-  /**
-   * Get ISO week start (Monday)
-   */
-  private getISOWeekStart(date: Date): Date {
-    const weekBounds = this.dateService.getWeekBounds(date);
-    return this.dateService.startOfDay(weekBounds.start);
-  }
-
-  /**
-   * Get month start
-   */
-  private getMonthStart(date: Date): Date {
-    const year = date.getFullYear();
-    const month = date.getMonth();
-    return this.dateService.startOfDay(new Date(year, month, 1));
-  }
-
-  /**
-   * Get month end
-   */
-  private getMonthEnd(date: Date): Date {
-    const nextMonth = this.dateService.addMonths(date, 1);
-    const firstOfNextMonth = this.getMonthStart(nextMonth);
-    return this.dateService.endOfDay(this.dateService.addDays(firstOfNextMonth, -1));
-  }
-}
diff --git a/src/datasources/ResourceColumnDataSource.ts b/src/datasources/ResourceColumnDataSource.ts
deleted file mode 100644
index 6d1df45..0000000
--- a/src/datasources/ResourceColumnDataSource.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { IColumnDataSource, IColumnInfo } from '../types/ColumnDataSource';
-import { CalendarView } from '../types/CalendarTypes';
-import { ResourceService } from '../storage/resources/ResourceService';
-import { EventService } from '../storage/events/EventService';
-import { DateService } from '../utils/DateService';
-
-/**
- * ResourceColumnDataSource - Provides resource-based columns
- *
- * In resource mode, columns represent resources (people, rooms, etc.)
- * instead of dates. Events are filtered by current date AND resourceId.
- */
-export class ResourceColumnDataSource implements IColumnDataSource {
-  private resourceService: ResourceService;
-  private eventService: EventService;
-  private dateService: DateService;
-  private currentDate: Date;
-  private currentView: CalendarView;
-
-  constructor(
-    resourceService: ResourceService,
-    eventService: EventService,
-    dateService: DateService
-  ) {
-    this.resourceService = resourceService;
-    this.eventService = eventService;
-    this.dateService = dateService;
-    this.currentDate = new Date();
-    this.currentView = 'day';
-  }
-
-  /**
-   * Get columns (resources) to display with their events
-   */
-  public async getColumns(): Promise<IColumnInfo[]> {
-    const resources = await this.resourceService.getActive();
-    const startDate = this.dateService.startOfDay(this.currentDate);
-    const endDate = this.dateService.endOfDay(this.currentDate);
-
-    // Fetch events for each resource in parallel
-    const columnsWithEvents = await Promise.all(
-      resources.map(async resource => ({
-        identifier: resource.id,
-        data: resource,
-        events: await this.eventService.getByResourceAndDateRange(resource.id, startDate, endDate),
-        groupId: resource.id  // Each resource is its own group - no spanning across resources
-      }))
-    );
-
-    return columnsWithEvents;
-  }
-
-  /**
-   * Get type of datasource
-   */
-  public getType(): 'date' | 'resource' {
-    return 'resource';
-  }
-
-  /**
-   * Check if this datasource is in resource mode
-   */
-  public isResource(): boolean {
-    return true;
-  }
-
-  /**
-   * Update current date (for event filtering)
-   */
-  public setCurrentDate(date: Date): void {
-    this.currentDate = date;
-  }
-
-  /**
-   * Update current view
-   */
-  public setCurrentView(view: CalendarView): void {
-    this.currentView = view;
-  }
-
-  /**
-   * Get current date (for event filtering)
-   */
-  public getCurrentDate(): Date {
-    return this.currentDate;
-  }
-}
diff --git a/src/demo/DemoApp.ts b/src/demo/DemoApp.ts
new file mode 100644
index 0000000..e20faf9
--- /dev/null
+++ b/src/demo/DemoApp.ts
@@ -0,0 +1,140 @@
+import { IndexedDBContext } from '../storage/IndexedDBContext';
+import { DataSeeder } from '../workers/DataSeeder';
+import { AuditService } from '../storage/audit/AuditService';
+import { CalendarApp } from '../core/CalendarApp';
+import { DateService } from '../core/DateService';
+import { ResourceService } from '../storage/resources/ResourceService';
+import { IEventBus } from '../types/CalendarTypes';
+import { CalendarEvents } from '../core/CalendarEvents';
+
+export class DemoApp {
+  private container!: HTMLElement;
+  private currentView = 'simple';
+
+  constructor(
+    private indexedDBContext: IndexedDBContext,
+    private dataSeeder: DataSeeder,
+    private auditService: AuditService,
+    private calendarApp: CalendarApp,
+    private dateService: DateService,
+    private resourceService: ResourceService,
+    private eventBus: IEventBus
+  ) {}
+
+  async init(): Promise<void> {
+    // Set base date to match mock data (8. december 2025 = mandag)
+    this.dateService.setBaseDate(new Date('2025-12-08'));
+
+    // Initialize IndexedDB
+    await this.indexedDBContext.initialize();
+    console.log('[DemoApp] IndexedDB initialized');
+
+    // Seed data if empty
+    await this.dataSeeder.seedIfEmpty();
+    console.log('[DemoApp] Data seeding complete');
+
+    this.container = document.querySelector('swp-calendar-container') as HTMLElement;
+
+    // Initialize CalendarApp
+    await this.calendarApp.init(this.container);
+    console.log('[DemoApp] CalendarApp initialized');
+
+    // Setup demo UI handlers
+    this.setupNavigation();
+    this.setupDrawerToggle();
+    this.setupViewSwitching();
+    this.setupWorkweekSelector();
+    await this.setupResourceSelector();
+
+    // Listen for calendar status events
+    this.setupStatusListeners();
+
+    // Initial render
+    this.eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: this.currentView });
+  }
+
+  private setupNavigation(): void {
+    document.getElementById('btn-prev')!.onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_NAVIGATE_PREV);
+    };
+
+    document.getElementById('btn-next')!.onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_NAVIGATE_NEXT);
+    };
+  }
+
+  private setupViewSwitching(): void {
+    const chips = document.querySelectorAll('.view-chip');
+    chips.forEach(chip => {
+      chip.addEventListener('click', () => {
+        chips.forEach(c => c.classList.remove('active'));
+        chip.classList.add('active');
+
+        const view = (chip as HTMLElement).dataset.view;
+        if (view) {
+          this.currentView = view;
+          this.updateSelectorVisibility();
+          this.eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: view });
+        }
+      });
+    });
+  }
+
+  private updateSelectorVisibility(): void {
+    const selector = document.querySelector('swp-resource-selector');
+    const showSelector = this.currentView === 'picker' || this.currentView === 'day';
+    selector?.classList.toggle('hidden', !showSelector);
+  }
+
+  private setupDrawerToggle(): void {
+    document.getElementById('btn-drawer')!.onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_DRAWER_TOGGLE);
+    };
+  }
+
+  private setupWorkweekSelector(): void {
+    const workweekSelect = document.getElementById('workweek-select') as HTMLSelectElement;
+    workweekSelect?.addEventListener('change', () => {
+      const presetId = workweekSelect.value;
+      this.eventBus.emit(CalendarEvents.CMD_WORKWEEK_CHANGE, { presetId });
+    });
+  }
+
+  private async setupResourceSelector(): Promise<void> {
+    const resources = await this.resourceService.getAll();
+    const container = document.querySelector('.resource-checkboxes') as HTMLElement;
+    if (!container) return;
+
+    container.innerHTML = '';
+
+    resources.forEach(r => {
+      const label = document.createElement('label');
+      label.innerHTML = `
+        <input type="checkbox" value="${r.id}" checked>
+        ${r.displayName}
+      `;
+      container.appendChild(label);
+    });
+
+    container.addEventListener('change', () => {
+      const checked = container.querySelectorAll('input:checked') as NodeListOf<HTMLInputElement>;
+      const values = Array.from(checked).map(cb => cb.value);
+      this.eventBus.emit(CalendarEvents.CMD_VIEW_UPDATE, { type: 'resource', values });
+    });
+  }
+
+  private setupStatusListeners(): void {
+    this.container.addEventListener('calendar:status:ready', () => {
+      console.log('[DemoApp] Calendar ready');
+    });
+
+    this.container.addEventListener('calendar:status:rendered', ((e: CustomEvent) => {
+      console.log('[DemoApp] Calendar rendered:', e.detail.viewId);
+    }) as EventListener);
+
+    this.container.addEventListener('calendar:status:error', ((e: CustomEvent) => {
+      console.error('[DemoApp] Calendar error:', e.detail.message);
+    }) as EventListener);
+  }
+
+}
diff --git a/src/demo/MockStores.ts b/src/demo/MockStores.ts
new file mode 100644
index 0000000..84b7102
--- /dev/null
+++ b/src/demo/MockStores.ts
@@ -0,0 +1,40 @@
+import { IGroupingStore } from '../core/IGroupingStore';
+
+export interface Team {
+  id: string;
+  name: string;
+}
+
+export interface Resource {
+  id: string;
+  name: string;
+  teamId: string;
+}
+
+export class MockTeamStore implements IGroupingStore<Team> {
+  readonly type = 'team';
+
+  private teams: Team[] = [
+    { id: 'alpha', name: 'Team Alpha' },
+    { id: 'beta', name: 'Team Beta' }
+  ];
+
+  getByIds(ids: string[]): Team[] {
+    return this.teams.filter(t => ids.includes(t.id));
+  }
+}
+
+export class MockResourceStore implements IGroupingStore<Resource> {
+  readonly type = 'resource';
+
+  private resources: Resource[] = [
+    { id: 'alice', name: 'Alice', teamId: 'alpha' },
+    { id: 'bob', name: 'Bob', teamId: 'alpha' },
+    { id: 'carol', name: 'Carol', teamId: 'beta' },
+    { id: 'dave', name: 'Dave', teamId: 'beta' }
+  ];
+
+  getByIds(ids: string[]): Resource[] {
+    return this.resources.filter(r => ids.includes(r.id));
+  }
+}
diff --git a/src/demo/index.ts b/src/demo/index.ts
new file mode 100644
index 0000000..0a17f36
--- /dev/null
+++ b/src/demo/index.ts
@@ -0,0 +1,5 @@
+import { createContainer } from '../CompositionRoot';
+import { DemoApp } from './DemoApp';
+
+const container = createContainer();
+container.resolveType<DemoApp>().init().catch(console.error);
diff --git a/src/elements/SwpEventElement.ts b/src/elements/SwpEventElement.ts
deleted file mode 100644
index 3f28a70..0000000
--- a/src/elements/SwpEventElement.ts
+++ /dev/null
@@ -1,392 +0,0 @@
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { CalendarEventType } from '../types/BookingTypes';
-import { Configuration } from '../configurations/CalendarConfig';
-import { TimeFormatter } from '../utils/TimeFormatter';
-import { PositionUtils } from '../utils/PositionUtils';
-import { DateService } from '../utils/DateService';
-
-/**
- * Base class for event elements
- */
-export abstract class BaseSwpEventElement extends HTMLElement {
-  protected dateService: DateService;
-  protected config: Configuration;
-
-  constructor() {
-    super();
-    // Get singleton instance for web components (can't use DI)
-    this.config = Configuration.getInstance();
-    this.dateService = new DateService(this.config);
-  }
-
-  // ============================================
-  // Abstract Methods
-  // ============================================
-
-  /**
-   * Create a clone for drag operations
-   * Must be implemented by subclasses
-   */
-  public abstract createClone(): HTMLElement;
-
-  // ============================================
-  // Common Getters/Setters
-  // ============================================
-
-  get eventId(): string {
-    return this.dataset.eventId || '';
-  }
-  set eventId(value: string) {
-    this.dataset.eventId = value;
-  }
-
-  get start(): Date {
-    return new Date(this.dataset.start || '');
-  }
-  set start(value: Date) {
-    this.dataset.start = this.dateService.toUTC(value);
-  }
-
-  get end(): Date {
-    return new Date(this.dataset.end || '');
-  }
-  set end(value: Date) {
-    this.dataset.end = this.dateService.toUTC(value);
-  }
-
-  get title(): string {
-    return this.dataset.title || '';
-  }
-  set title(value: string) {
-    this.dataset.title = value;
-  }
-
-  get description(): string {
-    return this.dataset.description || '';
-  }
-  set description(value: string) {
-    this.dataset.description = value;
-  }
-
-  get type(): string {
-    return this.dataset.type || 'work';
-  }
-  set type(value: string) {
-    this.dataset.type = value;
-  }
-}
-
-/**
- * Web Component for timed calendar events (Light DOM)
- */
-export class SwpEventElement extends BaseSwpEventElement {
-
-  /**
-   * Observed attributes - changes trigger attributeChangedCallback
-   */
-  static get observedAttributes() {
-    return ['data-start', 'data-end', 'data-title', 'data-description', 'data-type'];
-  }
-
-  /**
-   * Called when element is added to DOM
-   */
-  connectedCallback() {
-    if (!this.hasChildNodes()) {
-      this.render();
-    }
-  }
-
-  /**
-   * Called when observed attribute changes
-   */
-  attributeChangedCallback(name: string, oldValue: string, newValue: string) {
-    if (oldValue !== newValue && this.isConnected) {
-      this.updateDisplay();
-    }
-  }
-
-  // ============================================
-  // Public Methods
-  // ============================================
-
-  /**
-   * Update event position during drag
-   * Uses the event's existing date, only updates the time based on Y position
-   * @param snappedY - The Y position in pixels
-   */
-  public updatePosition(snappedY: number): void {
-    // 1. Update visual position
-    this.style.top = `${snappedY + 1}px`;
-
-    // 2. Calculate new timestamps (keep existing date, only change time)
-    const existingDate = this.start;
-    const { startMinutes, endMinutes } = this.calculateTimesFromPosition(snappedY);
-
-    // 3. Update data attributes (triggers attributeChangedCallback)
-    const startDate = this.dateService.createDateAtTime(existingDate, startMinutes);
-    let endDate = this.dateService.createDateAtTime(existingDate, endMinutes);
-
-    // Handle cross-midnight events
-    if (endMinutes >= 1440) {
-      const extraDays = Math.floor(endMinutes / 1440);
-      endDate = this.dateService.addDays(endDate, extraDays);
-    }
-
-    this.start = startDate;
-    this.end = endDate;
-  }
-
-  /**
-   * Update event height during resize
-   * @param newHeight - The new height in pixels
-   */
-  public updateHeight(newHeight: number): void {
-    // 1. Update visual height
-    this.style.height = `${newHeight}px`;
-
-    // 2. Calculate new end time based on height
-    const gridSettings = this.config.gridSettings;
-    const { hourHeight, snapInterval } = gridSettings;
-
-    // Get current start time
-    const start = this.start;
-
-    // Calculate duration from height
-    const rawDurationMinutes = (newHeight / hourHeight) * 60;
-
-    // Snap duration to grid interval (like drag & drop)
-    const snappedDurationMinutes = Math.round(rawDurationMinutes / snapInterval) * snapInterval;
-
-    // Calculate new end time by adding snapped duration to start (using DateService for timezone safety)
-    const endDate = this.dateService.addMinutes(start, snappedDurationMinutes);
-
-    // 3. Update end attribute (triggers attributeChangedCallback → updateDisplay)
-    this.end = endDate;
-  }
-
-  /**
-   * Create a clone for drag operations
-   */
-  public createClone(): SwpEventElement {
-    const clone = this.cloneNode(true) as SwpEventElement;
-
-    // Apply "clone-" prefix to ID
-    clone.dataset.eventId = `clone-${this.eventId}`;
-
-    // Disable pointer events on clone so it doesn't interfere with hover detection
-    clone.style.pointerEvents = 'none';
-
-    // Cache original duration
-    const timeEl = this.querySelector('swp-event-time');
-    if (timeEl) {
-      const duration = timeEl.getAttribute('data-duration');
-      if (duration) {
-        clone.dataset.originalDuration = duration;
-      }
-    }
-
-    // Set height from original
-    clone.style.height = this.style.height || `${this.getBoundingClientRect().height}px`;
-
-    return clone;
-  }
-
-  // ============================================
-  // Private Methods
-  // ============================================
-
-  /**
-   * Render inner HTML structure
-   */
-  private render(): void {
-    const start = this.start;
-    const end = this.end;
-    const timeRange = TimeFormatter.formatTimeRange(start, end);
-    const durationMinutes = (end.getTime() - start.getTime()) / (1000 * 60);
-
-    this.innerHTML = `
-      <swp-event-time data-duration="${durationMinutes}">${timeRange}</swp-event-time>
-      <swp-event-title>${this.title}</swp-event-title>
-      ${this.description ? `<swp-event-description>${this.description}</swp-event-description>` : ''}
-    `;
-  }
-
-  /**
-   * Update time display when attributes change
-   */
-  private updateDisplay(): void {
-    const timeEl = this.querySelector('swp-event-time');
-    const titleEl = this.querySelector('swp-event-title');
-    const descEl = this.querySelector('swp-event-description');
-
-    if (timeEl && this.dataset.start && this.dataset.end) {
-      const start = new Date(this.dataset.start);
-      const end = new Date(this.dataset.end);
-      const timeRange = TimeFormatter.formatTimeRange(start, end);
-      timeEl.textContent = timeRange;
-
-      // Update duration attribute
-      const durationMinutes = (end.getTime() - start.getTime()) / (1000 * 60);
-      timeEl.setAttribute('data-duration', durationMinutes.toString());
-    }
-
-    if (titleEl && this.dataset.title) {
-      titleEl.textContent = this.dataset.title;
-    }
-
-    if (this.dataset.description) {
-      if (descEl) {
-        descEl.textContent = this.dataset.description;
-      } else if (this.description) {
-        // Add description element if it doesn't exist
-        const newDescEl = document.createElement('swp-event-description');
-        newDescEl.textContent = this.description;
-        this.appendChild(newDescEl);
-      }
-    } else if (descEl) {
-      // Remove description element if description is empty
-      descEl.remove();
-    }
-  }
-
-
-  /**
-   * Calculate start/end minutes from Y position
-   */
-  private calculateTimesFromPosition(snappedY: number): { startMinutes: number; endMinutes: number } {
-    const gridSettings = this.config.gridSettings;
-    const { hourHeight, dayStartHour, snapInterval } = gridSettings;
-
-    // Get original duration
-    const originalDuration = parseInt(
-      this.dataset.originalDuration ||
-      this.dataset.duration ||
-      '60'
-    );
-
-    // Calculate snapped start minutes
-    const minutesFromGridStart = (snappedY / hourHeight) * 60;
-    const actualStartMinutes = (dayStartHour * 60) + minutesFromGridStart;
-    const snappedStartMinutes = Math.round(actualStartMinutes / snapInterval) * snapInterval;
-
-    // Calculate end minutes
-    const endMinutes = snappedStartMinutes + originalDuration;
-
-    return { startMinutes: snappedStartMinutes, endMinutes };
-  }
-
-  // ============================================
-  // Static Factory Methods
-  // ============================================
-
-  /**
-   * Create SwpEventElement from ICalendarEvent
-   */
-  public static fromCalendarEvent(event: ICalendarEvent): SwpEventElement {
-    const element = document.createElement('swp-event') as SwpEventElement;
-    const config = Configuration.getInstance();
-    const dateService = new DateService(config);
-
-    element.dataset.eventId = event.id;
-    element.dataset.title = event.title;
-    element.dataset.description = event.description || '';
-    element.dataset.start = dateService.toUTC(event.start);
-    element.dataset.end = dateService.toUTC(event.end);
-    element.dataset.type = event.type;
-    element.dataset.duration = event.metadata?.duration?.toString() || '60';
-
-    // Apply color class from metadata
-    if (event.metadata?.color) {
-      element.classList.add(`is-${event.metadata.color}`);
-    }
-
-    return element;
-  }
-
-  /**
-   * Extract ICalendarEvent from DOM element
-   */
-  public static extractCalendarEventFromElement(element: HTMLElement): ICalendarEvent {
-    return {
-      id: element.dataset.eventId || '',
-      title: element.dataset.title || '',
-      description: element.dataset.description || undefined,
-      start: new Date(element.dataset.start || ''),
-      end: new Date(element.dataset.end || ''),
-      type: element.dataset.type as CalendarEventType,
-      allDay: false,
-      syncStatus: 'synced',
-      metadata: {
-        duration: element.dataset.duration
-      }
-    };
-  }
-
-}
-
-/**
- * Web Component for all-day calendar events
- */
-export class SwpAllDayEventElement extends BaseSwpEventElement {
-
-  connectedCallback() {
-    if (!this.textContent) {
-      this.textContent = this.dataset.title || 'Untitled';
-    }
-  }
-
-  /**
-   * Create a clone for drag operations
-   */
-  public createClone(): SwpAllDayEventElement {
-    const clone = this.cloneNode(true) as SwpAllDayEventElement;
-
-    // Apply "clone-" prefix to ID
-    clone.dataset.eventId = `clone-${this.eventId}`;
-
-    // Disable pointer events on clone so it doesn't interfere with hover detection
-    clone.style.pointerEvents = 'none';
-
-    // Preserve full opacity during drag
-    clone.style.opacity = '1';
-
-    return clone;
-  }
-
-  /**
-   * Apply CSS grid positioning
-   */
-  public applyGridPositioning(row: number, startColumn: number, endColumn: number): void {
-    const gridArea = `${row} / ${startColumn} / ${row + 1} / ${endColumn + 1}`;
-    this.style.gridArea = gridArea;
-  }
-
-  /**
-   * Create from ICalendarEvent
-   */
-  public static fromCalendarEvent(event: ICalendarEvent): SwpAllDayEventElement {
-    const element = document.createElement('swp-allday-event') as SwpAllDayEventElement;
-    const config = Configuration.getInstance();
-    const dateService = new DateService(config);
-
-    element.dataset.eventId = event.id;
-    element.dataset.title = event.title;
-    element.dataset.start = dateService.toUTC(event.start);
-    element.dataset.end = dateService.toUTC(event.end);
-    element.dataset.type = event.type;
-    element.dataset.allday = 'true';
-    element.textContent = event.title;
-
-    // Apply color class from metadata
-    if (event.metadata?.color) {
-      element.classList.add(`is-${event.metadata.color}`);
-    }
-
-    return element;
-  }
-}
-
-// Register custom elements
-customElements.define('swp-event', SwpEventElement);
-customElements.define('swp-allday-event', SwpAllDayEventElement);
\ No newline at end of file
diff --git a/src/entry.ts b/src/entry.ts
new file mode 100644
index 0000000..582279f
--- /dev/null
+++ b/src/entry.ts
@@ -0,0 +1,6 @@
+/**
+ * Calendar - Standalone Entry Point
+ */
+
+// Re-export everything from index
+export * from './index';
diff --git a/src/features/date/DateRenderer.ts b/src/features/date/DateRenderer.ts
new file mode 100644
index 0000000..4f1cfad
--- /dev/null
+++ b/src/features/date/DateRenderer.ts
@@ -0,0 +1,68 @@
+import { IRenderer, IRenderContext } from '../../core/IGroupingRenderer';
+import { DateService } from '../../core/DateService';
+
+export class DateRenderer implements IRenderer {
+  readonly type = 'date';
+
+  constructor(private dateService: DateService) {}
+
+  render(context: IRenderContext): void {
+    const dates = context.filter['date'] || [];
+    const resourceIds = context.filter['resource'] || [];
+
+    // Check if date headers should be hidden (e.g., in day view)
+    const dateGrouping = context.groupings?.find(g => g.type === 'date');
+    const hideHeader = dateGrouping?.hideHeader === true;
+
+    // Render dates for HVER resource (eller 1 gang hvis ingen resources)
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r]; // undefined hvis ingen resources
+
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+
+        // Build columnKey for uniform identification
+        const segments: Record<string, string> = { date: dateStr };
+        if (resourceId) segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+
+        // Header
+        const header = document.createElement('swp-day-header');
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = 'true';
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, 'short')}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+
+        // Column
+        const column = document.createElement('swp-day-column');
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = '<swp-events-layer></swp-events-layer>';
+        context.columnContainer.appendChild(column);
+
+        columnCount++;
+      }
+    }
+
+    // Set grid columns on container
+    const container = context.columnContainer.closest('swp-calendar-container');
+    if (container) {
+      (container as HTMLElement).style.setProperty('--grid-columns', String(columnCount));
+    }
+  }
+}
diff --git a/src/features/date/index.ts b/src/features/date/index.ts
new file mode 100644
index 0000000..7bf37b3
--- /dev/null
+++ b/src/features/date/index.ts
@@ -0,0 +1 @@
+export { DateRenderer } from './DateRenderer';
diff --git a/src/features/department/DepartmentRenderer.ts b/src/features/department/DepartmentRenderer.ts
new file mode 100644
index 0000000..90e8eca
--- /dev/null
+++ b/src/features/department/DepartmentRenderer.ts
@@ -0,0 +1,25 @@
+import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
+import { DepartmentService } from '../../storage/departments/DepartmentService';
+import { IDepartment } from '../../types/CalendarTypes';
+
+export class DepartmentRenderer extends BaseGroupingRenderer<IDepartment> {
+  readonly type = 'department';
+
+  protected readonly config: IGroupingRendererConfig = {
+    elementTag: 'swp-department-header',
+    idAttribute: 'departmentId',
+    colspanVar: '--department-cols'
+  };
+
+  constructor(private departmentService: DepartmentService) {
+    super();
+  }
+
+  protected getEntities(ids: string[]): Promise<IDepartment[]> {
+    return this.departmentService.getByIds(ids);
+  }
+
+  protected getDisplayName(entity: IDepartment): string {
+    return entity.name;
+  }
+}
diff --git a/src/features/event/EventLayoutEngine.ts b/src/features/event/EventLayoutEngine.ts
new file mode 100644
index 0000000..0b10905
--- /dev/null
+++ b/src/features/event/EventLayoutEngine.ts
@@ -0,0 +1,279 @@
+/**
+ * EventLayoutEngine - Simplified stacking/grouping algorithm
+ *
+ * Supports two layout modes:
+ * - GRID: Events starting at same time rendered side-by-side
+ * - STACKING: Overlapping events with margin-left offset (15px per level)
+ *
+ * No prev/next chains, single-pass greedy algorithm
+ */
+
+import { ICalendarEvent } from '../../types/CalendarTypes';
+import { IGridConfig } from '../../core/IGridConfig';
+import { calculateEventPosition } from '../../utils/PositionUtils';
+import { IColumnLayout, IGridGroupLayout, IStackedEventLayout } from './EventLayoutTypes';
+
+/**
+ * Check if two events overlap (strict - touching at boundary = NOT overlapping)
+ * This matches Scenario 8: end===start is NOT overlap
+ */
+export function eventsOverlap(a: ICalendarEvent, b: ICalendarEvent): boolean {
+  return a.start < b.end && a.end > b.start;
+}
+
+/**
+ * Check if two events are within threshold for grid grouping.
+ * This includes:
+ * 1. Start-to-start: Events start within threshold of each other
+ * 2. End-to-start: One event starts within threshold before another ends
+ */
+function eventsWithinThreshold(a: ICalendarEvent, b: ICalendarEvent, thresholdMinutes: number): boolean {
+  const thresholdMs = thresholdMinutes * 60 * 1000;
+
+  // Start-to-start: both events start within threshold
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs) return true;
+
+  // End-to-start: one event starts within threshold before the other ends
+  // B starts within threshold before A ends
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs) return true;
+
+  // A starts within threshold before B ends
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs) return true;
+
+  return false;
+}
+
+/**
+ * Check if all events in a group start within threshold of each other
+ */
+function allStartWithinThreshold(events: ICalendarEvent[], thresholdMinutes: number): boolean {
+  if (events.length <= 1) return true;
+
+  // Find earliest and latest start times
+  let earliest = events[0].start.getTime();
+  let latest = events[0].start.getTime();
+
+  for (const event of events) {
+    const time = event.start.getTime();
+    if (time < earliest) earliest = time;
+    if (time > latest) latest = time;
+  }
+
+  const diffMinutes = (latest - earliest) / (1000 * 60);
+  return diffMinutes <= thresholdMinutes;
+}
+
+/**
+ * Find groups of overlapping events (connected by overlap chain)
+ * Events are grouped if they overlap with any event in the group
+ */
+function findOverlapGroups(events: ICalendarEvent[]): ICalendarEvent[][] {
+  if (events.length === 0) return [];
+
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = new Set<string>();
+  const groups: ICalendarEvent[][] = [];
+
+  for (const event of sorted) {
+    if (used.has(event.id)) continue;
+
+    // Start a new group with this event
+    const group: ICalendarEvent[] = [event];
+    used.add(event.id);
+
+    // Expand group by finding all connected events (via overlap)
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id)) continue;
+
+        // Check if candidate overlaps with any event in group
+        const connects = group.some(member => eventsOverlap(member, candidate));
+
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+
+    groups.push(group);
+  }
+
+  return groups;
+}
+
+/**
+ * Find grid candidates within a group - events connected via threshold chain
+ * Uses V1 logic: events are connected if within threshold (no overlap requirement)
+ */
+function findGridCandidates(
+  events: ICalendarEvent[],
+  thresholdMinutes: number
+): ICalendarEvent[][] {
+  if (events.length === 0) return [];
+
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = new Set<string>();
+  const groups: ICalendarEvent[][] = [];
+
+  for (const event of sorted) {
+    if (used.has(event.id)) continue;
+
+    const group: ICalendarEvent[] = [event];
+    used.add(event.id);
+
+    // Expand by threshold chain (V1 logic: no overlap requirement, just threshold)
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id)) continue;
+
+        const connects = group.some(member =>
+          eventsWithinThreshold(member, candidate, thresholdMinutes)
+        );
+
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+
+    groups.push(group);
+  }
+
+  return groups;
+}
+
+/**
+ * Calculate stack levels for overlapping events using greedy algorithm
+ * For each event: level = max(overlapping already-processed events) + 1
+ */
+function calculateStackLevels(events: ICalendarEvent[]): Map<string, number> {
+  const levels = new Map<string, number>();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+
+    // Find max level among overlapping events already processed
+    for (const [id, level] of levels) {
+      const other = events.find(e => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+
+  return levels;
+}
+
+/**
+ * Allocate events to columns for GRID layout using greedy algorithm
+ * Non-overlapping events can share a column to minimize total columns
+ */
+function allocateColumns(events: ICalendarEvent[]): ICalendarEvent[][] {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns: ICalendarEvent[][] = [];
+
+  for (const event of sorted) {
+    // Find first column where event doesn't overlap with existing events
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some(e => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+
+    // No suitable column found, create new one
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+
+  return columns;
+}
+
+/**
+ * Main entry point: Calculate complete layout for a column's events
+ *
+ * Algorithm:
+ * 1. Find overlap groups (events connected by overlap chain)
+ * 2. For each overlap group, find grid candidates (events within threshold chain)
+ * 3. If all events in overlap group form a single grid candidate → GRID mode
+ * 4. Otherwise → STACKING mode with calculated levels
+ */
+export function calculateColumnLayout(
+  events: ICalendarEvent[],
+  config: IGridConfig
+): IColumnLayout {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+
+  const result: IColumnLayout = {
+    grids: [],
+    stacked: []
+  };
+
+  if (events.length === 0) return result;
+
+  // Find all overlapping event groups
+  const overlapGroups = findOverlapGroups(events);
+
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      // Single event - no grouping needed
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+
+    // Within this overlap group, find grid candidates (threshold-connected subgroups)
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+
+    // Check if the ENTIRE overlap group forms a single grid candidate
+    // This happens when all events are connected via threshold chain
+    const largestGridCandidate = gridSubgroups.reduce((max, g) =>
+      g.length > max.length ? g : max, gridSubgroups[0]);
+
+    if (largestGridCandidate.length === overlapGroup.length) {
+      // All events in overlap group are connected via threshold chain → GRID mode
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) =>
+        e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      // Not all events connected via threshold → STACKING mode
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+
+  return result;
+}
diff --git a/src/features/event/EventLayoutTypes.ts b/src/features/event/EventLayoutTypes.ts
new file mode 100644
index 0000000..c887eaf
--- /dev/null
+++ b/src/features/event/EventLayoutTypes.ts
@@ -0,0 +1,35 @@
+import { ICalendarEvent } from '../../types/CalendarTypes';
+
+/**
+ * Stack link metadata stored on event elements
+ * Simplified from V1: No prev/next chains - only stackLevel needed for rendering
+ */
+export interface IStackLink {
+  stackLevel: number;
+}
+
+/**
+ * Layout result for a stacked event (overlapping events with margin offset)
+ */
+export interface IStackedEventLayout {
+  event: ICalendarEvent;
+  stackLevel: number;
+}
+
+/**
+ * Layout result for a grid group (simultaneous events side-by-side)
+ */
+export interface IGridGroupLayout {
+  events: ICalendarEvent[];
+  columns: ICalendarEvent[][];  // Events grouped by column (non-overlapping within column)
+  stackLevel: number;           // Stack level for entire group (if nested in another event)
+  position: { top: number };    // Top position of earliest event in pixels
+}
+
+/**
+ * Complete layout result for a column's events
+ */
+export interface IColumnLayout {
+  grids: IGridGroupLayout[];
+  stacked: IStackedEventLayout[];
+}
diff --git a/src/features/event/EventRenderer.ts b/src/features/event/EventRenderer.ts
new file mode 100644
index 0000000..6cc1b96
--- /dev/null
+++ b/src/features/event/EventRenderer.ts
@@ -0,0 +1,434 @@
+import { ICalendarEvent, IEventBus, IEventUpdatedPayload } from '../../types/CalendarTypes';
+import { EventService } from '../../storage/events/EventService';
+import { DateService } from '../../core/DateService';
+import { IGridConfig } from '../../core/IGridConfig';
+import { calculateEventPosition, snapToGrid, pixelsToMinutes } from '../../utils/PositionUtils';
+import { CoreEvents } from '../../constants/CoreEvents';
+import { IDragColumnChangePayload, IDragMovePayload, IDragEndPayload, IDragLeaveHeaderPayload } from '../../types/DragTypes';
+import { calculateColumnLayout } from './EventLayoutEngine';
+import { IGridGroupLayout } from './EventLayoutTypes';
+import { FilterTemplate } from '../../core/FilterTemplate';
+
+/**
+ * EventRenderer - Renders calendar events to the DOM
+ *
+ * CLEAN approach:
+ * - Only data-id attribute on event element
+ * - innerHTML contains only visible content
+ * - Event data retrieved via EventService when needed
+ */
+export class EventRenderer {
+  private container: HTMLElement | null = null;
+
+  constructor(
+    private eventService: EventService,
+    private dateService: DateService,
+    private gridConfig: IGridConfig,
+    private eventBus: IEventBus
+  ) {
+    this.setupListeners();
+  }
+
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  private setupListeners(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = (e as CustomEvent<IDragColumnChangePayload>).detail;
+      this.handleColumnChange(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = (e as CustomEvent<IDragMovePayload>).detail;
+      this.updateDragTimestamp(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = (e as CustomEvent<IEventUpdatedPayload>).detail;
+      this.handleEventUpdated(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = (e as CustomEvent<IDragEndPayload>).detail;
+      this.handleDragEnd(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragLeaveHeaderPayload>).detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  private handleDragEnd(payload: IDragEndPayload): void {
+    if (payload.target === 'header') {
+      // Event was dropped in header drawer - remove from grid
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  private handleDragLeaveHeader(payload: IDragLeaveHeaderPayload): void {
+    // Only handle when source is header (header item dragged to grid)
+    if (payload.source !== 'header') return;
+    if (!payload.targetColumn || !payload.start || !payload.end) return;
+
+    // Turn header item into ghost (stays visible but faded)
+    if (payload.element) {
+      payload.element.classList.add('drag-ghost');
+      payload.element.style.opacity = '0.3';
+      payload.element.style.pointerEvents = 'none';
+    }
+
+    // Create event object from header item data
+    const event: ICalendarEvent = {
+      id: payload.eventId,
+      title: payload.title || '',
+      description: '',
+      start: payload.start,
+      end: payload.end,
+      type: 'customer',
+      allDay: false,
+      syncStatus: 'pending'
+    };
+
+    // Create swp-event element using existing method
+    const element = this.createEventElement(event);
+
+    // Add to target column
+    let eventsLayer = payload.targetColumn.querySelector('swp-events-layer');
+    if (!eventsLayer) {
+      eventsLayer = document.createElement('swp-events-layer');
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+
+    // Mark as dragging so DragDropManager can continue with it
+    element.classList.add('dragging');
+  }
+
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  private async handleEventUpdated(payload: IEventUpdatedPayload): Promise<void> {
+    // Re-render source column (if different from target)
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+
+    // Re-render target column
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  private async rerenderColumn(columnKey: string): Promise<void> {
+    const column = this.findColumn(columnKey);
+    if (!column) return;
+
+    // Read date and resourceId directly from column attributes (columnKey is opaque)
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+
+    if (!date) return;
+
+    // Get date range for this day
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+
+    // Fetch events from IndexedDB
+    const events = resourceId
+      ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate)
+      : await this.eventService.getByDateRange(startDate, endDate);
+
+    // Filter to timed events and match date exactly
+    const timedEvents = events.filter(event =>
+      !event.allDay && this.dateService.getDateKey(event.start) === date
+    );
+
+    // Get or create events layer
+    let eventsLayer = column.querySelector('swp-events-layer');
+    if (!eventsLayer) {
+      eventsLayer = document.createElement('swp-events-layer');
+      column.appendChild(eventsLayer);
+    }
+
+    // Clear existing events
+    eventsLayer.innerHTML = '';
+
+    // Calculate layout with stacking/grouping
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+
+    // Render GRID groups
+    layout.grids.forEach(grid => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer!.appendChild(groupEl);
+    });
+
+    // Render STACKED events
+    layout.stacked.forEach(item => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer!.appendChild(eventEl);
+    });
+  }
+
+  /**
+   * Find a column element by columnKey
+   */
+  private findColumn(columnKey: string): HTMLElement | null {
+    if (!this.container) return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`) as HTMLElement;
+  }
+
+  /**
+   * Handle event moving to a new column during drag
+   */
+  private handleColumnChange(payload: IDragColumnChangePayload): void {
+    const eventsLayer = payload.newColumn.querySelector('swp-events-layer');
+    if (!eventsLayer) return;
+
+    // Move element to new column
+    eventsLayer.appendChild(payload.element);
+
+    // Preserve Y position
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  private updateDragTimestamp(payload: IDragMovePayload): void {
+    const timeEl = payload.element.querySelector('swp-event-time');
+    if (!timeEl) return;
+
+    // Snap position to grid interval
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+
+    // Calculate new start time
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = (this.gridConfig.dayStartHour * 60) + minutesFromGridStart;
+
+    // Keep original duration (from element height)
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+
+    // Create Date objects for consistent formatting via DateService
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  private minutesToDate(minutes: number): Date {
+    const date = new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container: HTMLElement, filter: Record<string, string[]>, filterTemplate: FilterTemplate): Promise<void> {
+    // Store container reference for later re-renders
+    this.container = container;
+
+    const visibleDates = filter['date'] || [];
+
+    if (visibleDates.length === 0) return;
+
+    // Get date range for query
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+
+    // Fetch events from IndexedDB
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+
+    // Find day columns
+    const dayColumns = container.querySelector('swp-day-columns');
+    if (!dayColumns) return;
+
+    const columns = dayColumns.querySelectorAll('swp-day-column');
+
+    // Render events into each column based on FilterTemplate matching
+    columns.forEach(column => {
+      const columnEl = column as HTMLElement;
+
+      // Use FilterTemplate for matching - only fields in template are checked
+      const columnEvents = events.filter(event => filterTemplate.matches(event, columnEl));
+
+      // Get or create events layer
+      let eventsLayer = column.querySelector('swp-events-layer');
+      if (!eventsLayer) {
+        eventsLayer = document.createElement('swp-events-layer');
+        column.appendChild(eventsLayer);
+      }
+
+      // Clear existing events
+      eventsLayer.innerHTML = '';
+
+      // Filter to timed events only
+      const timedEvents = columnEvents.filter(event => !event.allDay);
+
+      // Calculate layout with stacking/grouping
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+
+      // Render GRID groups (simultaneous events side-by-side)
+      layout.grids.forEach(grid => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer!.appendChild(groupEl);
+      });
+
+      // Render STACKED events (overlapping with margin offset)
+      layout.stacked.forEach(item => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer!.appendChild(eventEl);
+      });
+    });
+  }
+
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  private createEventElement(event: ICalendarEvent): HTMLElement {
+    const element = document.createElement('swp-event');
+
+    // Data attributes for SwpEvent compatibility
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+
+    // Calculate position
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+
+    // Color class based on event type
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+
+    // Visible content only
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ''}
+    `;
+
+    return element;
+  }
+
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  private getColorClass(event: ICalendarEvent): string {
+    // Check metadata.color first
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+
+    // Fallback to type-based color
+    const typeColors: Record<string, string> = {
+      'customer': 'is-blue',
+      'vacation': 'is-green',
+      'break': 'is-amber',
+      'meeting': 'is-purple',
+      'blocked': 'is-red'
+    };
+    return typeColors[event.type] || 'is-blue';
+  }
+
+  /**
+   * Escape HTML to prevent XSS
+   */
+  private escapeHtml(text: string): string {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }
+
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  private renderGridGroup(layout: IGridGroupLayout): HTMLElement {
+    const group = document.createElement('swp-event-group');
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+
+    // Stack level styling for entire group (if nested in another event)
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+
+    // Calculate the height needed for the group (tallest event)
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom) maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+
+    // Create wrapper div for each column
+    layout.columns.forEach(columnEvents => {
+      const wrapper = document.createElement('div');
+      wrapper.style.position = 'relative';
+
+      columnEvents.forEach(event => {
+        const eventEl = this.createEventElement(event);
+        // Position relative to group top
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = 'absolute';
+        eventEl.style.left = '0';
+        eventEl.style.right = '0';
+        wrapper.appendChild(eventEl);
+      });
+
+      group.appendChild(wrapper);
+    });
+
+    return group;
+  }
+
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  private renderStackedEvent(event: ICalendarEvent, stackLevel: number): HTMLElement {
+    const element = this.createEventElement(event);
+
+    // Add stack metadata for drag-drop and other features
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+
+    // Visual styling based on stack level
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+
+    return element;
+  }
+}
diff --git a/src/features/event/index.ts b/src/features/event/index.ts
new file mode 100644
index 0000000..7b8f118
--- /dev/null
+++ b/src/features/event/index.ts
@@ -0,0 +1 @@
+export { EventRenderer } from './EventRenderer';
diff --git a/src/features/headerdrawer/HeaderDrawerLayoutEngine.ts b/src/features/headerdrawer/HeaderDrawerLayoutEngine.ts
new file mode 100644
index 0000000..b407a58
--- /dev/null
+++ b/src/features/headerdrawer/HeaderDrawerLayoutEngine.ts
@@ -0,0 +1,135 @@
+/**
+ * HeaderDrawerLayoutEngine - Calculates row placement for header items
+ *
+ * Prevents visual overlap by assigning items to different rows when
+ * they occupy the same columns. Uses a track-based algorithm similar
+ * to V1's AllDayLayoutEngine.
+ *
+ * Each row can hold multiple items as long as they don't overlap in columns.
+ * When an item spans columns that are already occupied, it's placed in the
+ * next available row.
+ */
+
+export interface IHeaderItemLayout {
+  itemId: string;
+  gridArea: string;        // "row / col-start / row+1 / col-end"
+  startColumn: number;
+  endColumn: number;
+  row: number;
+}
+
+export interface IHeaderItemInput {
+  id: string;
+  columnStart: number;     // 0-based column index
+  columnEnd: number;       // 0-based end column (inclusive)
+}
+
+export class HeaderDrawerLayoutEngine {
+  private tracks: boolean[][] = [];
+  private columnCount: number;
+
+  constructor(columnCount: number) {
+    this.columnCount = columnCount;
+    this.reset();
+  }
+
+  /**
+   * Reset tracks for new layout calculation
+   */
+  reset(): void {
+    this.tracks = [new Array(this.columnCount).fill(false)];
+  }
+
+  /**
+   * Calculate layout for all items
+   * Items should be sorted by start column for optimal packing
+   */
+  calculateLayout(items: IHeaderItemInput[]): IHeaderItemLayout[] {
+    this.reset();
+    const layouts: IHeaderItemLayout[] = [];
+
+    for (const item of items) {
+      const row = this.findAvailableRow(item.columnStart, item.columnEnd);
+
+      // Mark columns as occupied in this row
+      for (let col = item.columnStart; col <= item.columnEnd; col++) {
+        this.tracks[row][col] = true;
+      }
+
+      // gridArea format: "row / col-start / row+1 / col-end"
+      // CSS grid uses 1-based indices
+      layouts.push({
+        itemId: item.id,
+        gridArea: `${row + 1} / ${item.columnStart + 1} / ${row + 2} / ${item.columnEnd + 2}`,
+        startColumn: item.columnStart,
+        endColumn: item.columnEnd,
+        row: row + 1  // 1-based for CSS
+      });
+    }
+
+    return layouts;
+  }
+
+  /**
+   * Calculate layout for a single new item
+   * Useful for real-time drag operations
+   */
+  calculateSingleLayout(item: IHeaderItemInput): IHeaderItemLayout {
+    const row = this.findAvailableRow(item.columnStart, item.columnEnd);
+
+    // Mark columns as occupied
+    for (let col = item.columnStart; col <= item.columnEnd; col++) {
+      this.tracks[row][col] = true;
+    }
+
+    return {
+      itemId: item.id,
+      gridArea: `${row + 1} / ${item.columnStart + 1} / ${row + 2} / ${item.columnEnd + 2}`,
+      startColumn: item.columnStart,
+      endColumn: item.columnEnd,
+      row: row + 1
+    };
+  }
+
+  /**
+   * Find the first row where all columns in range are available
+   */
+  private findAvailableRow(startCol: number, endCol: number): number {
+    for (let row = 0; row < this.tracks.length; row++) {
+      if (this.isRowAvailable(row, startCol, endCol)) {
+        return row;
+      }
+    }
+
+    // Add new row if all existing rows are occupied
+    this.tracks.push(new Array(this.columnCount).fill(false));
+    return this.tracks.length - 1;
+  }
+
+  /**
+   * Check if columns in range are all available in given row
+   */
+  private isRowAvailable(row: number, startCol: number, endCol: number): boolean {
+    for (let col = startCol; col <= endCol; col++) {
+      if (this.tracks[row][col]) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  /**
+   * Get the number of rows currently in use
+   */
+  getRowCount(): number {
+    return this.tracks.length;
+  }
+
+  /**
+   * Update column count (e.g., when view changes)
+   */
+  setColumnCount(count: number): void {
+    this.columnCount = count;
+    this.reset();
+  }
+}
diff --git a/src/features/headerdrawer/HeaderDrawerRenderer.ts b/src/features/headerdrawer/HeaderDrawerRenderer.ts
new file mode 100644
index 0000000..1b528cd
--- /dev/null
+++ b/src/features/headerdrawer/HeaderDrawerRenderer.ts
@@ -0,0 +1,419 @@
+import { IEventBus, ICalendarEvent } from '../../types/CalendarTypes';
+import { IGridConfig } from '../../core/IGridConfig';
+import { CoreEvents } from '../../constants/CoreEvents';
+import { HeaderDrawerManager } from '../../core/HeaderDrawerManager';
+import { EventService } from '../../storage/events/EventService';
+import { DateService } from '../../core/DateService';
+import { FilterTemplate } from '../../core/FilterTemplate';
+import {
+  IDragEnterHeaderPayload,
+  IDragMoveHeaderPayload,
+  IDragLeaveHeaderPayload,
+  IDragEndPayload
+} from '../../types/DragTypes';
+
+/**
+ * Layout information for a header item
+ */
+interface IHeaderItemLayout {
+  event: ICalendarEvent;
+  columnKey: string;  // Opaque column identifier
+  row: number;        // 1-indexed
+  colStart: number;   // 1-indexed
+  colEnd: number;     // exclusive
+}
+
+/**
+ * HeaderDrawerRenderer - Handles rendering of items in the header drawer
+ *
+ * Listens to drag events from DragDropManager and creates/manages
+ * swp-header-item elements in the header drawer.
+ *
+ * Uses subgrid for column alignment with parent swp-calendar-header.
+ * Position items via gridArea for explicit row/column placement.
+ */
+export class HeaderDrawerRenderer {
+  private currentItem: HTMLElement | null = null;
+  private container: HTMLElement | null = null;
+  private sourceElement: HTMLElement | null = null;
+  private wasExpandedBeforeDrag = false;
+  private filterTemplate: FilterTemplate | null = null;
+
+  constructor(
+    private eventBus: IEventBus,
+    private gridConfig: IGridConfig,
+    private headerDrawerManager: HeaderDrawerManager,
+    private eventService: EventService,
+    private dateService: DateService
+  ) {
+    this.setupListeners();
+  }
+
+  /**
+   * Render allDay events into the header drawer with row stacking
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container: HTMLElement, filter: Record<string, string[]>, filterTemplate: FilterTemplate): Promise<void> {
+    // Store filterTemplate for buildColumnKeyFromEvent
+    this.filterTemplate = filterTemplate;
+
+    const drawer = container.querySelector('swp-header-drawer');
+    if (!drawer) return;
+
+    const visibleDates = filter['date'] || [];
+    if (visibleDates.length === 0) return;
+
+    // Get column keys from DOM for correct multi-resource positioning
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0) return;
+
+    // Fetch events for date range
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+
+    // Filter to allDay events only (allDay !== false)
+    const allDayEvents = events.filter(event => event.allDay !== false);
+
+    // Clear existing items
+    drawer.innerHTML = '';
+
+    if (allDayEvents.length === 0) return;
+
+    // Calculate layout with row stacking using columnKeys
+    const layouts = this.calculateLayout(allDayEvents, visibleColumnKeys);
+    const rowCount = Math.max(1, ...layouts.map(l => l.row));
+
+    // Render each item with layout
+    layouts.forEach(layout => {
+      const item = this.createHeaderItem(layout);
+      drawer.appendChild(item);
+    });
+
+    // Expand drawer to fit all rows
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+
+  /**
+   * Create a header item element from layout
+   */
+  private createHeaderItem(layout: IHeaderItemLayout): HTMLElement {
+    const { event, columnKey, row, colStart, colEnd } = layout;
+
+    const item = document.createElement('swp-header-item');
+    item.dataset.eventId = event.id;
+    item.dataset.itemType = 'event';
+    item.dataset.start = event.start.toISOString();
+    item.dataset.end = event.end.toISOString();
+    item.dataset.columnKey = columnKey;
+    item.textContent = event.title;
+
+    // Color class
+    const colorClass = this.getColorClass(event);
+    if (colorClass) item.classList.add(colorClass);
+
+    // Grid position from layout
+    item.style.gridArea = `${row} / ${colStart} / ${row + 1} / ${colEnd}`;
+
+    return item;
+  }
+
+  /**
+   * Calculate layout for all events with row stacking
+   * Uses track-based algorithm to find available rows for overlapping events
+   */
+  private calculateLayout(events: ICalendarEvent[], visibleColumnKeys: string[]): IHeaderItemLayout[] {
+    // tracks[row][col] = occupied
+    const tracks: boolean[][] = [new Array(visibleColumnKeys.length).fill(false)];
+    const layouts: IHeaderItemLayout[] = [];
+
+    for (const event of events) {
+      // Build columnKey from event fields (only place we need to construct it)
+      const columnKey = this.buildColumnKeyFromEvent(event);
+      const startCol = visibleColumnKeys.indexOf(columnKey);
+      const endColumnKey = this.buildColumnKeyFromEvent(event, event.end);
+      const endCol = visibleColumnKeys.indexOf(endColumnKey);
+      if (startCol === -1 && endCol === -1) continue;
+
+      // Clamp til synlige kolonner
+      const colStart = Math.max(0, startCol);
+      const colEnd = (endCol !== -1 ? endCol : visibleColumnKeys.length - 1) + 1;
+
+      // Find ledig række
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+
+      // Marker som optaget
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+
+      layouts.push({ event, columnKey, row: row + 1, colStart: colStart + 1, colEnd: colEnd + 1 });
+    }
+
+    return layouts;
+  }
+
+  /**
+   * Build columnKey from event using FilterTemplate
+   * Uses the same template that columns use for matching
+   */
+  private buildColumnKeyFromEvent(event: ICalendarEvent, date?: Date): string {
+    if (!this.filterTemplate) {
+      // Fallback if no template - shouldn't happen in normal flow
+      const dateStr = this.dateService.getDateKey(date || event.start);
+      return dateStr;
+    }
+
+    // For multi-day events, we need to override the date in the event
+    if (date && date.getTime() !== event.start.getTime()) {
+      // Create temporary event with overridden start for key generation
+      const tempEvent = { ...event, start: date };
+      return this.filterTemplate.buildKeyFromEvent(tempEvent);
+    }
+
+    return this.filterTemplate.buildKeyFromEvent(event);
+  }
+
+  /**
+   * Find available row for event spanning columns [colStart, colEnd)
+   */
+  private findAvailableRow(tracks: boolean[][], colStart: number, colEnd: number): number {
+    for (let row = 0; row < tracks.length; row++) {
+      let available = true;
+      for (let c = colStart; c < colEnd; c++) {
+        if (tracks[row][c]) { available = false; break; }
+      }
+      if (available) return row;
+    }
+    // Ny række
+    tracks.push(new Array(tracks[0].length).fill(false));
+    return tracks.length - 1;
+  }
+
+  /**
+   * Get color class based on event metadata or type
+   */
+  private getColorClass(event: ICalendarEvent): string {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors: Record<string, string> = {
+      'customer': 'is-blue',
+      'vacation': 'is-green',
+      'break': 'is-amber',
+      'meeting': 'is-purple',
+      'blocked': 'is-red'
+    };
+    return typeColors[event.type] || 'is-blue';
+  }
+
+  /**
+   * Setup event listeners for drag events
+   */
+  private setupListeners(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_ENTER_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragEnterHeaderPayload>).detail;
+      this.handleDragEnter(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragMoveHeaderPayload>).detail;
+      this.handleDragMove(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = (e as CustomEvent<IDragLeaveHeaderPayload>).detail;
+      this.handleDragLeave(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = (e as CustomEvent<IDragEndPayload>).detail;
+      this.handleDragEnd(payload);
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => {
+      this.cleanup();
+    });
+  }
+
+  /**
+   * Handle drag entering header zone - create preview item
+   */
+  private handleDragEnter(payload: IDragEnterHeaderPayload): void {
+    this.container = document.querySelector('swp-header-drawer');
+    if (!this.container) return;
+
+    // Remember if drawer was already expanded
+    this.wasExpandedBeforeDrag = this.headerDrawerManager.isExpanded();
+
+    // Expand to at least 1 row if collapsed, otherwise keep current height
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.expandToRows(1);
+    }
+
+    // Store reference to source element
+    this.sourceElement = payload.element;
+
+    // Create header item
+    const item = document.createElement('swp-header-item');
+    item.dataset.eventId = payload.eventId;
+    item.dataset.itemType = payload.itemType;
+    item.dataset.duration = String(payload.duration);
+    item.dataset.columnKey = payload.sourceColumnKey;
+    item.textContent = payload.title;
+
+    // Apply color class if present
+    if (payload.colorClass) {
+      item.classList.add(payload.colorClass);
+    }
+
+    // Add dragging state
+    item.classList.add('dragging');
+
+    // Initial placement (duration determines column span)
+    // gridArea format: "row / col-start / row+1 / col-end"
+    const col = payload.sourceColumnIndex + 1;
+    const endCol = col + payload.duration;
+    item.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+
+    this.container.appendChild(item);
+    this.currentItem = item;
+
+    // Hide original element while in header
+    payload.element.style.visibility = 'hidden';
+  }
+
+  /**
+   * Handle drag moving within header - update column position
+   */
+  private handleDragMove(payload: IDragMoveHeaderPayload): void {
+    if (!this.currentItem) return;
+
+    // Update column position
+    const col = payload.columnIndex + 1;
+    const duration = parseInt(this.currentItem.dataset.duration || '1', 10);
+    const endCol = col + duration;
+
+    this.currentItem.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+
+    // Update columnKey to new position
+    this.currentItem.dataset.columnKey = payload.columnKey;
+  }
+
+  /**
+   * Handle drag leaving header - cleanup for grid→header drag only
+   */
+  private handleDragLeave(payload: IDragLeaveHeaderPayload): void {
+    // Only cleanup for grid→header drag (when grid event leaves header back to grid)
+    // For header→grid drag, the header item stays as ghost until drop
+    if (payload.source === 'grid') {
+      this.cleanup();
+    }
+    // For header source, do nothing - ghost stays until EVENT_DRAG_END
+  }
+
+  /**
+   * Handle drag end - finalize based on drop target
+   */
+  private handleDragEnd(payload: IDragEndPayload): void {
+    if (payload.target === 'header') {
+      // Grid→Header: Finalize the header item (it stays in header)
+      if (this.currentItem) {
+        this.currentItem.classList.remove('dragging');
+        this.recalculateDrawerLayout();
+        this.currentItem = null;
+        this.sourceElement = null;
+      }
+    } else {
+      // Header→Grid: Remove ghost header item and recalculate
+      const ghost = document.querySelector(`swp-header-item.drag-ghost[data-event-id="${payload.swpEvent.eventId}"]`);
+      ghost?.remove();
+      this.recalculateDrawerLayout();
+    }
+  }
+
+  /**
+   * Recalculate layout for all items currently in the drawer
+   * Called after drop to reposition items and adjust height
+   */
+  private recalculateDrawerLayout(): void {
+    const drawer = document.querySelector('swp-header-drawer');
+    if (!drawer) return;
+
+    const items = Array.from(drawer.querySelectorAll('swp-header-item')) as HTMLElement[];
+    if (items.length === 0) return;
+
+    // Get visible column keys for correct multi-resource positioning
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0) return;
+
+    // Build layout data from DOM items - use columnKey directly (opaque matching)
+    const itemData = items.map(item => ({
+      element: item,
+      columnKey: item.dataset.columnKey || '',
+      duration: parseInt(item.dataset.duration || '1', 10)
+    }));
+
+    // Calculate new layout using track algorithm
+    const tracks: boolean[][] = [new Array(visibleColumnKeys.length).fill(false)];
+
+    for (const item of itemData) {
+      // Direct columnKey matching - no parsing or construction needed
+      const startCol = visibleColumnKeys.indexOf(item.columnKey);
+      if (startCol === -1) continue;
+
+      const colStart = startCol;
+      const colEnd = Math.min(startCol + item.duration, visibleColumnKeys.length);
+
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+
+      // Update element position
+      item.element.style.gridArea = `${row + 1} / ${colStart + 1} / ${row + 2} / ${colEnd + 1}`;
+    }
+
+    // Update drawer height
+    const rowCount = tracks.length;
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+
+  /**
+   * Get visible column keys from DOM (preserves order for multi-resource views)
+   * Uses filterTemplate.buildKeyFromColumn() for consistent key format with events
+   */
+  private getVisibleColumnKeysFromDOM(): string[] {
+    if (!this.filterTemplate) return [];
+    const columns = document.querySelectorAll('swp-day-column');
+    const columnKeys: string[] = [];
+    columns.forEach(col => {
+      const columnKey = this.filterTemplate!.buildKeyFromColumn(col as HTMLElement);
+      if (columnKey) columnKeys.push(columnKey);
+    });
+    return columnKeys;
+  }
+
+  /**
+   * Cleanup preview item and restore source visibility
+   */
+  private cleanup(): void {
+    // Remove preview item
+    this.currentItem?.remove();
+    this.currentItem = null;
+
+    // Restore source element visibility
+    if (this.sourceElement) {
+      this.sourceElement.style.visibility = '';
+      this.sourceElement = null;
+    }
+
+    // Collapse drawer if it wasn't expanded before drag
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.collapse();
+    }
+  }
+}
diff --git a/src/features/headerdrawer/index.ts b/src/features/headerdrawer/index.ts
new file mode 100644
index 0000000..7b19757
--- /dev/null
+++ b/src/features/headerdrawer/index.ts
@@ -0,0 +1,2 @@
+export { HeaderDrawerRenderer } from './HeaderDrawerRenderer';
+export { HeaderDrawerLayoutEngine, type IHeaderItemLayout, type IHeaderItemInput } from './HeaderDrawerLayoutEngine';
diff --git a/src/features/resource/ResourceRenderer.ts b/src/features/resource/ResourceRenderer.ts
new file mode 100644
index 0000000..2bf565f
--- /dev/null
+++ b/src/features/resource/ResourceRenderer.ts
@@ -0,0 +1,69 @@
+import { IRenderContext } from '../../core/IGroupingRenderer';
+import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
+import { ResourceService } from '../../storage/resources/ResourceService';
+import { IResource } from '../../types/CalendarTypes';
+
+export class ResourceRenderer extends BaseGroupingRenderer<IResource> {
+  readonly type = 'resource';
+
+  protected readonly config: IGroupingRendererConfig = {
+    elementTag: 'swp-resource-header',
+    idAttribute: 'resourceId',
+    colspanVar: '--resource-cols'
+  };
+
+  constructor(private resourceService: ResourceService) {
+    super();
+  }
+
+  protected getEntities(ids: string[]): Promise<IResource[]> {
+    return this.resourceService.getByIds(ids);
+  }
+
+  protected getDisplayName(entity: IResource): string {
+    return entity.displayName;
+  }
+
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context: IRenderContext): Promise<void> {
+    const resourceIds = context.filter['resource'] || [];
+    const dateCount = context.filter['date']?.length || 1;
+
+    // Determine render order based on parentChildMap
+    // If parentChildMap exists, render resources grouped by parent (e.g., team)
+    // Otherwise, render in filter order
+    let orderedResourceIds: string[];
+
+    if (context.parentChildMap) {
+      // Render resources in parent-child order
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+
+    const resources = await this.getEntities(orderedResourceIds);
+
+    // Create a map for quick lookup to preserve order
+    const resourceMap = new Map(resources.map(r => [r.id, r]));
+
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource) continue;
+
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+}
diff --git a/src/features/resource/index.ts b/src/features/resource/index.ts
new file mode 100644
index 0000000..3bbd0d9
--- /dev/null
+++ b/src/features/resource/index.ts
@@ -0,0 +1 @@
+export { ResourceRenderer } from './ResourceRenderer';
diff --git a/src/features/schedule/ScheduleRenderer.ts b/src/features/schedule/ScheduleRenderer.ts
new file mode 100644
index 0000000..012d657
--- /dev/null
+++ b/src/features/schedule/ScheduleRenderer.ts
@@ -0,0 +1,106 @@
+import { ResourceScheduleService } from '../../storage/schedules/ResourceScheduleService';
+import { DateService } from '../../core/DateService';
+import { IGridConfig } from '../../core/IGridConfig';
+import { ITimeSlot } from '../../types/ScheduleTypes';
+
+/**
+ * ScheduleRenderer - Renders unavailable time zones in day columns
+ *
+ * Creates visual indicators for times outside the resource's working hours:
+ * - Before work start (e.g., 06:00 - 09:00)
+ * - After work end (e.g., 17:00 - 18:00)
+ * - Full day if resource is off (schedule = null)
+ */
+export class ScheduleRenderer {
+  constructor(
+    private scheduleService: ResourceScheduleService,
+    private dateService: DateService,
+    private gridConfig: IGridConfig
+  ) {}
+
+  /**
+   * Render unavailable zones for visible columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and 'resource' arrays
+   */
+  async render(container: HTMLElement, filter: Record<string, string[]>): Promise<void> {
+    const dates = filter['date'] || [];
+    const resourceIds = filter['resource'] || [];
+
+    if (dates.length === 0) return;
+
+    // Find day columns
+    const dayColumns = container.querySelector('swp-day-columns');
+    if (!dayColumns) return;
+
+    const columns = dayColumns.querySelectorAll('swp-day-column');
+
+    for (const column of columns) {
+      const date = (column as HTMLElement).dataset.date;
+      const resourceId = (column as HTMLElement).dataset.resourceId;
+
+      if (!date || !resourceId) continue;
+
+      // Get or create unavailable layer
+      let unavailableLayer = column.querySelector('swp-unavailable-layer');
+      if (!unavailableLayer) {
+        unavailableLayer = document.createElement('swp-unavailable-layer');
+        column.insertBefore(unavailableLayer, column.firstChild);
+      }
+
+      // Clear existing
+      unavailableLayer.innerHTML = '';
+
+      // Get schedule for this resource/date
+      const schedule = await this.scheduleService.getScheduleForDate(resourceId, date);
+
+      // Render unavailable zones
+      this.renderUnavailableZones(unavailableLayer as HTMLElement, schedule);
+    }
+  }
+
+  /**
+   * Render unavailable time zones based on schedule
+   */
+  private renderUnavailableZones(layer: HTMLElement, schedule: ITimeSlot | null): void {
+    const dayStartMinutes = this.gridConfig.dayStartHour * 60;
+    const dayEndMinutes = this.gridConfig.dayEndHour * 60;
+    const minuteHeight = this.gridConfig.hourHeight / 60;
+
+    if (schedule === null) {
+      // Full day unavailable
+      const zone = this.createUnavailableZone(0, (dayEndMinutes - dayStartMinutes) * minuteHeight);
+      layer.appendChild(zone);
+      return;
+    }
+
+    const workStartMinutes = this.dateService.timeToMinutes(schedule.start);
+    const workEndMinutes = this.dateService.timeToMinutes(schedule.end);
+
+    // Before work start
+    if (workStartMinutes > dayStartMinutes) {
+      const top = 0;
+      const height = (workStartMinutes - dayStartMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+
+    // After work end
+    if (workEndMinutes < dayEndMinutes) {
+      const top = (workEndMinutes - dayStartMinutes) * minuteHeight;
+      const height = (dayEndMinutes - workEndMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+  }
+
+  /**
+   * Create an unavailable zone element
+   */
+  private createUnavailableZone(top: number, height: number): HTMLElement {
+    const zone = document.createElement('swp-unavailable-zone');
+    zone.style.top = `${top}px`;
+    zone.style.height = `${height}px`;
+    return zone;
+  }
+}
diff --git a/src/features/schedule/index.ts b/src/features/schedule/index.ts
new file mode 100644
index 0000000..c6ca514
--- /dev/null
+++ b/src/features/schedule/index.ts
@@ -0,0 +1 @@
+export { ScheduleRenderer } from './ScheduleRenderer';
diff --git a/src/features/team/TeamRenderer.ts b/src/features/team/TeamRenderer.ts
new file mode 100644
index 0000000..c042b45
--- /dev/null
+++ b/src/features/team/TeamRenderer.ts
@@ -0,0 +1,25 @@
+import { BaseGroupingRenderer, IGroupingRendererConfig } from '../../core/BaseGroupingRenderer';
+import { TeamService } from '../../storage/teams/TeamService';
+import { ITeam } from '../../types/CalendarTypes';
+
+export class TeamRenderer extends BaseGroupingRenderer<ITeam> {
+  readonly type = 'team';
+
+  protected readonly config: IGroupingRendererConfig = {
+    elementTag: 'swp-team-header',
+    idAttribute: 'teamId',
+    colspanVar: '--team-cols'
+  };
+
+  constructor(private teamService: TeamService) {
+    super();
+  }
+
+  protected getEntities(ids: string[]): Promise<ITeam[]> {
+    return this.teamService.getByIds(ids);
+  }
+
+  protected getDisplayName(entity: ITeam): string {
+    return entity.name;
+  }
+}
diff --git a/src/features/team/index.ts b/src/features/team/index.ts
new file mode 100644
index 0000000..a994520
--- /dev/null
+++ b/src/features/team/index.ts
@@ -0,0 +1 @@
+export { TeamRenderer } from './TeamRenderer';
diff --git a/src/features/timeaxis/TimeAxisRenderer.ts b/src/features/timeaxis/TimeAxisRenderer.ts
new file mode 100644
index 0000000..80279be
--- /dev/null
+++ b/src/features/timeaxis/TimeAxisRenderer.ts
@@ -0,0 +1,10 @@
+export class TimeAxisRenderer {
+  render(container: HTMLElement, startHour = 6, endHour = 20): void {
+    container.innerHTML = '';
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement('swp-hour-marker');
+      marker.textContent = `${hour.toString().padStart(2, '0')}:00`;
+      container.appendChild(marker);
+    }
+  }
+}
diff --git a/src/index.ts b/src/index.ts
index 5757592..6e390a0 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,283 +1,17 @@
-// Main entry point for Calendar Plantempus
-import { Container } from '@novadi/core';
-import { eventBus } from './core/EventBus';
-import { ConfigManager } from './configurations/ConfigManager';
-import { Configuration } from './configurations/CalendarConfig';
-import { URLManager } from './utils/URLManager';
-import { ICalendarEvent, IEventBus } from './types/CalendarTypes';
-
-// Import all managers
-import { EventManager } from './managers/EventManager';
-import { EventRenderingService } from './renderers/EventRendererManager';
-import { GridManager } from './managers/GridManager';
-import { ScrollManager } from './managers/ScrollManager';
-import { NavigationManager } from './managers/NavigationManager';
-import { NavigationButtons } from './components/NavigationButtons';
-import { ViewSelector } from './components/ViewSelector';
-import { CalendarManager } from './managers/CalendarManager';
-import { DragDropManager } from './managers/DragDropManager';
-import { AllDayManager } from './managers/AllDayManager';
-import { ResizeHandleManager } from './managers/ResizeHandleManager';
-import { EdgeScrollManager } from './managers/EdgeScrollManager';
-import { HeaderManager } from './managers/HeaderManager';
-import { WorkweekPresets } from './components/WorkweekPresets';
-
-// Import repositories and storage
-import { MockEventRepository } from './repositories/MockEventRepository';
-import { MockBookingRepository } from './repositories/MockBookingRepository';
-import { MockCustomerRepository } from './repositories/MockCustomerRepository';
-import { MockResourceRepository } from './repositories/MockResourceRepository';
-import { MockAuditRepository } from './repositories/MockAuditRepository';
-import { IApiRepository } from './repositories/IApiRepository';
-import { IAuditEntry } from './types/AuditTypes';
-import { ApiEventRepository } from './repositories/ApiEventRepository';
-import { ApiBookingRepository } from './repositories/ApiBookingRepository';
-import { ApiCustomerRepository } from './repositories/ApiCustomerRepository';
-import { ApiResourceRepository } from './repositories/ApiResourceRepository';
-import { IndexedDBContext } from './storage/IndexedDBContext';
-import { IStore } from './storage/IStore';
-import { AuditStore } from './storage/audit/AuditStore';
-import { AuditService } from './storage/audit/AuditService';
-import { BookingStore } from './storage/bookings/BookingStore';
-import { CustomerStore } from './storage/customers/CustomerStore';
-import { ResourceStore } from './storage/resources/ResourceStore';
-import { EventStore } from './storage/events/EventStore';
-import { IEntityService } from './storage/IEntityService';
-import { EventService } from './storage/events/EventService';
-import { BookingService } from './storage/bookings/BookingService';
-import { CustomerService } from './storage/customers/CustomerService';
-import { ResourceService } from './storage/resources/ResourceService';
-
-// Import workers
-import { SyncManager } from './workers/SyncManager';
-import { DataSeeder } from './workers/DataSeeder';
-
-// Import renderers
-import { DateHeaderRenderer, type IHeaderRenderer } from './renderers/DateHeaderRenderer';
-import { DateColumnRenderer, type IColumnRenderer } from './renderers/ColumnRenderer';
-import { DateEventRenderer, type IEventRenderer } from './renderers/EventRenderer';
-import { AllDayEventRenderer } from './renderers/AllDayEventRenderer';
-import { GridRenderer } from './renderers/GridRenderer';
-import { WeekInfoRenderer } from './renderers/WeekInfoRenderer';
-
-// Import utilities and services
-import { DateService } from './utils/DateService';
-import { TimeFormatter } from './utils/TimeFormatter';
-import { PositionUtils } from './utils/PositionUtils';
-import { AllDayLayoutEngine } from './utils/AllDayLayoutEngine';
-import { WorkHoursManager } from './managers/WorkHoursManager';
-import { EventStackManager } from './managers/EventStackManager';
-import { EventLayoutCoordinator } from './managers/EventLayoutCoordinator';
-import { IColumnDataSource } from './types/ColumnDataSource';
-import { DateColumnDataSource } from './datasources/DateColumnDataSource';
-import { ResourceColumnDataSource } from './datasources/ResourceColumnDataSource';
-import { ResourceHeaderRenderer } from './renderers/ResourceHeaderRenderer';
-import { ResourceColumnRenderer } from './renderers/ResourceColumnRenderer';
-import { IBooking } from './types/BookingTypes';
-import { ICustomer } from './types/CustomerTypes';
-import { IResource } from './types/ResourceTypes';
-
-/**
- * Handle deep linking functionality after managers are initialized
- */
-async function handleDeepLinking(eventManager: EventManager, urlManager: URLManager): Promise<void> {
-  try {
-    const eventId = urlManager.parseEventIdFromURL();
-
-    if (eventId) {
-      console.log(`Deep linking to event ID: ${eventId}`);
-
-      // Wait a bit for managers to be fully ready
-      setTimeout(async () => {
-        const success = await eventManager.navigateToEvent(eventId);
-        if (!success) {
-          console.warn(`Deep linking failed: Event with ID ${eventId} not found`);
-        }
-      }, 500);
-    }
-  } catch (error) {
-    console.warn('Deep linking failed:', error);
-  }
-}
-
-/**
- * Initialize the calendar application using NovaDI
- */
-async function initializeCalendar(): Promise<void> {
-  try {
-    // Load configuration from JSON
-    const config = await ConfigManager.load();
-
-    // Create NovaDI container
-    const container = new Container();
-    const builder = container.builder();
-
-    // Enable debug mode for development
-    eventBus.setDebug(true);
-
-    // Bind core services as instances
-    builder.registerInstance(eventBus).as<IEventBus>();
-
-    // Register configuration instance
-    builder.registerInstance(config).as<Configuration>();
-
-    // Register storage stores (IStore implementations)
-    // Open/Closed Principle: Adding new entity only requires adding one line here
-    builder.registerType(BookingStore).as<IStore>();
-    builder.registerType(CustomerStore).as<IStore>();
-    builder.registerType(ResourceStore).as<IStore>();
-    builder.registerType(EventStore).as<IStore>();
-    builder.registerType(AuditStore).as<IStore>();
-
-    // Register storage and repository services
-    builder.registerType(IndexedDBContext).as<IndexedDBContext>();
-
-    // Register Mock repositories (development/testing - load from JSON files)
-    // Each entity type has its own Mock repository implementing IApiRepository<T>
-    builder.registerType(MockEventRepository).as<IApiRepository<ICalendarEvent>>();
-    builder.registerType(MockBookingRepository).as<IApiRepository<IBooking>>();
-    builder.registerType(MockCustomerRepository).as<IApiRepository<ICustomer>>();
-    builder.registerType(MockResourceRepository).as<IApiRepository<IResource>>();
-    builder.registerType(MockAuditRepository).as<IApiRepository<IAuditEntry>>();
-
-    
-    let calendarMode = 'resource' ;
-    // Register DataSource and HeaderRenderer based on mode
-    if (calendarMode === 'resource') {
-      builder.registerType(ResourceColumnDataSource).as<IColumnDataSource>();
-      builder.registerType(ResourceHeaderRenderer).as<IHeaderRenderer>();
-    } else {
-      builder.registerType(DateColumnDataSource).as<IColumnDataSource>();
-      builder.registerType(DateHeaderRenderer).as<IHeaderRenderer>();
-    }
-
-    // Register entity services (sync status management)
-    // Open/Closed Principle: Adding new entity only requires adding one line here
-    builder.registerType(EventService).as<IEntityService<ICalendarEvent>>();
-    builder.registerType(EventService).as<EventService>();
-    builder.registerType(BookingService).as<IEntityService<IBooking>>();
-    builder.registerType(CustomerService).as<IEntityService<ICustomer>>();
-    builder.registerType(ResourceService).as<IEntityService<IResource>>();
-    builder.registerType(ResourceService).as<ResourceService>();
-    builder.registerType(AuditService).as<AuditService>();
-
-    // Register workers
-    builder.registerType(SyncManager).as<SyncManager>();
-    builder.registerType(DataSeeder).as<DataSeeder>();
-
-    // Register renderers
-    // Note: IHeaderRenderer and IColumnRenderer are registered above based on calendarMode
-    if (calendarMode === 'resource') {
-      builder.registerType(ResourceColumnRenderer).as<IColumnRenderer>();
-    } else {
-      builder.registerType(DateColumnRenderer).as<IColumnRenderer>();
-    }
-    builder.registerType(DateEventRenderer).as<IEventRenderer>();
-
-    // Register core services and utilities
-    builder.registerType(DateService).as<DateService>();
-    builder.registerType(EventStackManager).as<EventStackManager>();
-    builder.registerType(EventLayoutCoordinator).as<EventLayoutCoordinator>();
-    builder.registerType(WorkHoursManager).as<WorkHoursManager>();
-    builder.registerType(URLManager).as<URLManager>();
-    builder.registerType(TimeFormatter).as<TimeFormatter>();
-    builder.registerType(PositionUtils).as<PositionUtils>();
-    // Note: AllDayLayoutEngine is instantiated per-operation with specific dates, not a singleton
-    builder.registerType(WeekInfoRenderer).as<WeekInfoRenderer>();
-    builder.registerType(AllDayEventRenderer).as<AllDayEventRenderer>();
-
-    builder.registerType(EventRenderingService).as<EventRenderingService>();
-    builder.registerType(GridRenderer).as<GridRenderer>();
-    builder.registerType(GridManager).as<GridManager>();
-    builder.registerType(ScrollManager).as<ScrollManager>();
-    builder.registerType(NavigationManager).as<NavigationManager>();
-    builder.registerType(NavigationButtons).as<NavigationButtons>();
-    builder.registerType(ViewSelector).as<ViewSelector>();
-    builder.registerType(DragDropManager).as<DragDropManager>();
-    builder.registerType(AllDayManager).as<AllDayManager>();
-    builder.registerType(ResizeHandleManager).as<ResizeHandleManager>();
-    builder.registerType(EdgeScrollManager).as<EdgeScrollManager>();
-    builder.registerType(HeaderManager).as<HeaderManager>();
-    builder.registerType(CalendarManager).as<CalendarManager>();
-    builder.registerType(WorkweekPresets).as<WorkweekPresets>();
-
-    builder.registerType(ConfigManager).as<ConfigManager>();
-    builder.registerType(EventManager).as<EventManager>();
-
-    // Build the container
-    const app = builder.build();
-
-    // Initialize database and seed data BEFORE initializing managers
-    const indexedDBContext = app.resolveType<IndexedDBContext>();
-    await indexedDBContext.initialize();
-
-    const dataSeeder = app.resolveType<DataSeeder>();
-    await dataSeeder.seedIfEmpty();
-
-    // Get managers from container
-    const eb = app.resolveType<IEventBus>();
-    const calendarManager = app.resolveType<CalendarManager>();
-    const eventManager = app.resolveType<EventManager>();
-    const resizeHandleManager = app.resolveType<ResizeHandleManager>();
-    const headerManager = app.resolveType<HeaderManager>();
-    const dragDropManager = app.resolveType<DragDropManager>();
-    const viewSelectorManager = app.resolveType<ViewSelector>();
-    const navigationManager = app.resolveType<NavigationManager>();
-    const navigationButtonsManager = app.resolveType<NavigationButtons>();
-    const edgeScrollManager = app.resolveType<EdgeScrollManager>();
-    const allDayManager = app.resolveType<AllDayManager>();
-    const urlManager = app.resolveType<URLManager>();
-    const workweekPresetsManager = app.resolveType<WorkweekPresets>();
-    const configManager = app.resolveType<ConfigManager>();
-
-    // Initialize managers
-    await calendarManager.initialize?.();
-    await resizeHandleManager.initialize?.();
-
-    // Resolve AuditService (starts listening for entity events)
-    const auditService = app.resolveType<AuditService>();
-
-    // Resolve SyncManager (starts background sync automatically)
-    const syncManager = app.resolveType<SyncManager>();
-
-    // Handle deep linking after managers are initialized
-    await handleDeepLinking(eventManager, urlManager);
-
-    // Expose to window for debugging (with proper typing)
-    (window as Window & {
-      calendarDebug?: {
-        eventBus: typeof eventBus;
-        app: typeof app;
-        calendarManager: typeof calendarManager;
-        eventManager: typeof eventManager;
-        workweekPresetsManager: typeof workweekPresetsManager;
-        auditService: typeof auditService;
-        syncManager: typeof syncManager;
-      };
-    }).calendarDebug = {
-      eventBus,
-      app,
-      calendarManager,
-      eventManager,
-      workweekPresetsManager,
-      auditService,
-      syncManager,
-    };
-
-  } catch (error) {
-    throw error;
-  }
-}
-
-// Initialize when DOM is ready - now handles async properly
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', () => {
-    initializeCalendar().catch(error => {
-      console.error('Calendar initialization failed:', error);
-    });
-  });
-} else {
-  initializeCalendar().catch(error => {
-    console.error('Calendar initialization failed:', error);
-  });
-}
\ No newline at end of file
+// Core exports
+export { ViewTemplate, ViewConfig, GroupingConfig } from './core/ViewConfig';
+export { IRenderer as Renderer, IRenderContext as RenderContext } from './core/IGroupingRenderer';
+export { IGroupingStore } from './core/IGroupingStore';
+export { CalendarOrchestrator } from './core/CalendarOrchestrator';
+export { NavigationAnimator } from './core/NavigationAnimator';
+export { buildPipeline, Pipeline } from './core/RenderBuilder';
+
+// Feature exports
+export { DateRenderer } from './features/date';
+export { DateService } from './core/DateService';
+export { ITimeFormatConfig } from './core/ITimeFormatConfig';
+export { EventRenderer } from './features/event';
+export { ResourceRenderer } from './features/resource';
+export { TeamRenderer } from './features/team';
+export { TimeAxisRenderer } from './features/timeaxis/TimeAxisRenderer';
+
diff --git a/src/managers/AllDayManager.ts b/src/managers/AllDayManager.ts
deleted file mode 100644
index 7f7c9ed..0000000
--- a/src/managers/AllDayManager.ts
+++ /dev/null
@@ -1,743 +0,0 @@
-// All-day row height management and animations
-
-import { eventBus } from '../core/EventBus';
-import { ALL_DAY_CONSTANTS } from '../configurations/CalendarConfig';
-import { AllDayEventRenderer } from '../renderers/AllDayEventRenderer';
-import { AllDayLayoutEngine, IEventLayout } from '../utils/AllDayLayoutEngine';
-import { IColumnBounds, ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
-import { IColumnDataSource } from '../types/ColumnDataSource';
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { CalendarEventType } from '../types/BookingTypes';
-import { SwpAllDayEventElement } from '../elements/SwpEventElement';
-import {
-  IDragMouseEnterHeaderEventPayload,
-  IDragMouseEnterColumnEventPayload,
-  IDragStartEventPayload,
-  IDragMoveEventPayload,
-  IDragEndEventPayload,
-  IDragColumnChangeEventPayload,
-  IHeaderReadyEventPayload
-} from '../types/EventTypes';
-import { IDragOffset, IMousePosition } from '../types/DragDropTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { EventManager } from './EventManager';
-import { DateService } from '../utils/DateService';
-
-/**
- * AllDayManager - Handles all-day row height animations and management
- * Uses AllDayLayoutEngine for all overlap detection and layout calculation
- */
-export class AllDayManager {
-  private allDayEventRenderer: AllDayEventRenderer;
-  private eventManager: EventManager;
-  private dateService: DateService;
-  private dataSource: IColumnDataSource;
-
-  private layoutEngine: AllDayLayoutEngine | null = null;
-
-  // State tracking for layout calculation
-  private currentAllDayEvents: ICalendarEvent[] = [];
-  private currentColumns: IColumnBounds[] = [];
-
-  // Expand/collapse state
-  private isExpanded: boolean = false;
-  private actualRowCount: number = 0;
-
-
-  constructor(
-    eventManager: EventManager,
-    allDayEventRenderer: AllDayEventRenderer,
-    dateService: DateService,
-    dataSource: IColumnDataSource
-  ) {
-    this.eventManager = eventManager;
-    this.allDayEventRenderer = allDayEventRenderer;
-    this.dateService = dateService;
-    this.dataSource = dataSource;
-
-    // Sync CSS variable with TypeScript constant to ensure consistency
-    document.documentElement.style.setProperty('--single-row-height', `${ALL_DAY_CONSTANTS.EVENT_HEIGHT}px`);
-    this.setupEventListeners();
-  }
-
-  /**
-   * Setup event listeners for drag conversions
-   */
-  private setupEventListeners(): void {
-    eventBus.on('drag:mouseenter-header', (event) => {
-      const payload = (event as CustomEvent<IDragMouseEnterHeaderEventPayload>).detail;
-
-      if (payload.draggedClone.hasAttribute('data-allday'))
-        return;
-
-      console.log('🔄 AllDayManager: Received drag:mouseenter-header', {
-        targetDate: payload.targetColumn,
-        originalElementId: payload.originalElement?.dataset?.eventId,
-        originalElementTag: payload.originalElement?.tagName
-      });
-
-      this.handleConvertToAllDay(payload);
-    });
-
-    eventBus.on('drag:mouseleave-header', (event) => {
-      const { originalElement, cloneElement } = (event as CustomEvent).detail;
-
-      console.log('🚪 AllDayManager: Received drag:mouseleave-header', {
-        originalElementId: originalElement?.dataset?.eventId
-      });
-
-    });
-
-    // Listen for drag operations on all-day events
-    eventBus.on('drag:start', (event) => {
-      let payload: IDragStartEventPayload = (event as CustomEvent<IDragStartEventPayload>).detail;
-
-      if (!payload.draggedClone?.hasAttribute('data-allday')) {
-        return;
-      }
-
-      this.allDayEventRenderer.handleDragStart(payload);
-    });
-
-    eventBus.on('drag:column-change', (event) => {
-      let payload: IDragColumnChangeEventPayload = (event as CustomEvent<IDragColumnChangeEventPayload>).detail;
-
-      if (!payload.draggedClone?.hasAttribute('data-allday')) {
-        return;
-      }
-
-      this.handleColumnChange(payload);
-    });
-
-    eventBus.on('drag:end', (event) => {
-      let dragEndPayload: IDragEndEventPayload = (event as CustomEvent<IDragEndEventPayload>).detail;
-
-      console.log('🎯 AllDayManager: drag:end received', {
-        target: dragEndPayload.target,
-        originalElementTag: dragEndPayload.originalElement?.tagName,
-        hasAllDayAttribute: dragEndPayload.originalElement?.hasAttribute('data-allday'),
-        eventId: dragEndPayload.originalElement?.dataset.eventId
-      });
-
-      // Handle all-day → all-day drops (within header)
-      if (dragEndPayload.target === 'swp-day-header' && dragEndPayload.originalElement?.hasAttribute('data-allday')) {
-        console.log('✅ AllDayManager: Handling all-day → all-day drop');
-        this.handleDragEnd(dragEndPayload);
-        return;
-      }
-
-      // Handle timed → all-day conversion (dropped in header)
-      if (dragEndPayload.target === 'swp-day-header' && !dragEndPayload.originalElement?.hasAttribute('data-allday')) {
-        console.log('🔄 AllDayManager: Timed → all-day conversion on drop');
-        this.handleTimedToAllDayDrop(dragEndPayload);
-        return;
-      }
-
-      // Handle all-day → timed conversion (dropped in column)
-      if (dragEndPayload.target === 'swp-day-column' && dragEndPayload.originalElement?.hasAttribute('data-allday')) {
-        const eventId = dragEndPayload.originalElement.dataset.eventId;
-        
-        console.log('🔄 AllDayManager: All-day → timed conversion', { eventId });
-
-        // Mark for removal (sets data-removing attribute)
-        this.fadeOutAndRemove(dragEndPayload.originalElement);
-        
-        // Recalculate layout WITHOUT the removed event to compress gaps
-        const remainingEvents = this.currentAllDayEvents.filter(e => e.id !== eventId);
-        const newLayouts = this.calculateAllDayEventsLayout(remainingEvents, this.currentColumns);
-        
-        // Re-render all-day events with compressed layout
-        this.allDayEventRenderer.renderAllDayEventsForPeriod(newLayouts);
-        
-        // NOW animate height with compressed layout
-        this.checkAndAnimateAllDayHeight();
-      }
-    });
-
-    // Listen for drag cancellation to recalculate height
-    eventBus.on('drag:cancelled', (event) => {
-      const { draggedElement, reason } = (event as CustomEvent).detail;
-
-      console.log('🚫 AllDayManager: Drag cancelled', {
-        eventId: draggedElement?.dataset?.eventId,
-        reason
-      });
-
-    });
-
-    // Listen for header ready - when dates are populated with period data
-    eventBus.on('header:ready', async (event: Event) => {
-      let headerReadyEventPayload = (event as CustomEvent<IHeaderReadyEventPayload>).detail;
-
-      let startDate = this.dateService.parseISO(headerReadyEventPayload.headerElements.at(0)!.identifier);
-      let endDate = this.dateService.parseISO(headerReadyEventPayload.headerElements.at(-1)!.identifier);
-
-      let events: ICalendarEvent[] = await this.eventManager.getEventsForPeriod(startDate, endDate);
-      // Filter for all-day events
-      const allDayEvents = events.filter(event => event.allDay);
-
-      const layouts = this.calculateAllDayEventsLayout(allDayEvents, headerReadyEventPayload.headerElements);
-
-      this.allDayEventRenderer.renderAllDayEventsForPeriod(layouts);
-      this.checkAndAnimateAllDayHeight();
-    });
-
-    eventBus.on(CoreEvents.VIEW_CHANGED, (event: Event) => {
-      this.allDayEventRenderer.handleViewChanged(event as CustomEvent);
-    });
-  }
-
-  private getAllDayContainer(): HTMLElement | null {
-    return document.querySelector('swp-calendar-header swp-allday-container');
-  }
-
-  private getCalendarHeader(): HTMLElement | null {
-    return document.querySelector('swp-calendar-header');
-  }
-
-  private getHeaderSpacer(): HTMLElement | null {
-    return document.querySelector('swp-header-spacer');
-  }
-
-  /**
-   * Read current max row from DOM elements
-   * Excludes events marked as removing (data-removing attribute)
-   */
-  private getMaxRowFromDOM(): number {
-    const container = this.getAllDayContainer();
-    if (!container) return 0;
-
-    let maxRow = 0;
-    const allDayEvents = container.querySelectorAll('swp-allday-event:not(.max-event-indicator):not([data-removing])');
-    
-    allDayEvents.forEach((element: Element) => {
-      const htmlElement = element as HTMLElement;
-      const row = parseInt(htmlElement.style.gridRow) || 1;
-      maxRow = Math.max(maxRow, row);
-    });
-
-    return maxRow;
-  }
-
-  /**
-   * Get current gridArea for an event from DOM
-   */
-  private getGridAreaFromDOM(eventId: string): string | null {
-    const container = this.getAllDayContainer();
-    if (!container) return null;
-
-    const element = container.querySelector(`[data-event-id="${eventId}"]`) as HTMLElement;
-    return element?.style.gridArea || null;
-  }
-
-  /**
-   * Count events in a specific column by reading DOM
-   */
-  private countEventsInColumnFromDOM(columnIndex: number): number {
-    const container = this.getAllDayContainer();
-    if (!container) return 0;
-
-    let count = 0;
-    const allDayEvents = container.querySelectorAll('swp-allday-event:not(.max-event-indicator)');
-    
-    allDayEvents.forEach((element: Element) => {
-      const htmlElement = element as HTMLElement;
-      const gridColumn = htmlElement.style.gridColumn;
-      
-      // Parse "1 / 3" format
-      const match = gridColumn.match(/(\d+)\s*\/\s*(\d+)/);
-      if (match) {
-        const startCol = parseInt(match[1]);
-        const endCol = parseInt(match[2]) - 1; // End is exclusive in CSS
-        
-        if (startCol <= columnIndex && endCol >= columnIndex) {
-          count++;
-        }
-      }
-    });
-
-    return count;
-  }
-
-  /**
-   * Calculate all-day height based on number of rows
-   */
-  private calculateAllDayHeight(targetRows: number): {
-    targetHeight: number;
-    currentHeight: number;
-    heightDifference: number;
-  } {
-    const root = document.documentElement;
-    const targetHeight = targetRows * ALL_DAY_CONSTANTS.SINGLE_ROW_HEIGHT;
-    // Read CSS variable directly from style property or default to 0
-    const currentHeightStr = root.style.getPropertyValue('--all-day-row-height') || '0px';
-    const currentHeight = parseInt(currentHeightStr) || 0;
-    const heightDifference = targetHeight - currentHeight;
-
-    return { targetHeight, currentHeight, heightDifference };
-  }
-
-  /**
-   * Check current all-day events and animate to correct height
-   * Reads max row directly from DOM elements
-   */
-  public checkAndAnimateAllDayHeight(): void {
-    // Read max row directly from DOM
-    const maxRows = this.getMaxRowFromDOM();
-
-    console.log('📊 AllDayManager: Height calculation', {
-      maxRows,
-      isExpanded: this.isExpanded
-    });
-
-    // Store actual row count
-    this.actualRowCount = maxRows;
-
-    // Determine what to display
-    let displayRows = maxRows;
-
-    if (maxRows > ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS) {
-      // Show chevron button
-      this.updateChevronButton(true);
-
-      // Show 4 rows when collapsed (3 events + indicators)
-      if (!this.isExpanded) {
-
-        displayRows = ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS;
-        this.updateOverflowIndicators();
-
-      } else {
-
-        this.clearOverflowIndicators();
-
-      }
-    } else {
-
-      // Hide chevron - not needed
-      this.updateChevronButton(false);
-      this.clearOverflowIndicators();
-    }
-
-    console.log('🎬 AllDayManager: Will animate to', {
-      displayRows,
-      maxRows,
-      willAnimate: displayRows !== this.actualRowCount
-    });
-
-    console.log(`🎯 AllDayManager: Animating to ${displayRows} rows`);
-
-    // Animate to required rows (0 = collapse, >0 = expand)
-    this.animateToRows(displayRows);
-  }
-
-  /**
-   * Animate all-day container to specific number of rows
-   */
-  public animateToRows(targetRows: number): void {
-    const { targetHeight, currentHeight, heightDifference } = this.calculateAllDayHeight(targetRows);
-
-    if (targetHeight === currentHeight) return; // No animation needed
-
-    console.log(`🎬 All-day height animation: ${currentHeight}px → ${targetHeight}px (${Math.ceil(currentHeight / ALL_DAY_CONSTANTS.SINGLE_ROW_HEIGHT)} → ${targetRows} rows)`);
-
-    // Get cached elements
-    const calendarHeader = this.getCalendarHeader();
-    const headerSpacer = this.getHeaderSpacer();
-    const allDayContainer = this.getAllDayContainer();
-
-    if (!calendarHeader || !allDayContainer) return;
-
-    // Get current parent height for animation
-    const currentParentHeight = parseFloat(getComputedStyle(calendarHeader).height);
-    const targetParentHeight = currentParentHeight + heightDifference;
-
-    const animations = [
-      calendarHeader.animate([
-        { height: `${currentParentHeight}px` },
-        { height: `${targetParentHeight}px` }
-      ], {
-        duration: 150,
-        easing: 'ease-out',
-        fill: 'forwards'
-      })
-    ];
-
-    // Add spacer animation if spacer exists, but don't use fill: 'forwards'
-    if (headerSpacer) {
-      const root = document.documentElement;
-      const headerHeightStr = root.style.getPropertyValue('--header-height');
-      const headerHeight = parseInt(headerHeightStr);
-      const currentSpacerHeight = headerHeight + currentHeight;
-      const targetSpacerHeight = headerHeight + targetHeight;
-
-      animations.push(
-        headerSpacer.animate([
-          { height: `${currentSpacerHeight}px` },
-          { height: `${targetSpacerHeight}px` }
-        ], {
-          duration: 150,
-          easing: 'ease-out'
-          // No fill: 'forwards' - let CSS calc() take over after animation
-        })
-      );
-    }
-
-    // Update CSS variable after animation
-    Promise.all(animations.map(anim => anim.finished)).then(() => {
-      const root = document.documentElement;
-      root.style.setProperty('--all-day-row-height', `${targetHeight}px`);
-      eventBus.emit('header:height-changed');
-    });
-  }
-
-
-  /**
-   * Calculate layout for ALL all-day events using AllDayLayoutEngine
-   * This is the correct method that processes all events together for proper overlap detection
-   */
-  private calculateAllDayEventsLayout(events: ICalendarEvent[], dayHeaders: IColumnBounds[]): IEventLayout[] {
-
-    // Store current state
-    this.currentAllDayEvents = events;
-    this.currentColumns = dayHeaders;
-
-    // Map IColumnBounds to IColumnInfo structure (identifier + groupId)
-    const columns = dayHeaders.map(column => ({
-      identifier: column.identifier,
-      groupId: column.element.dataset.groupId || column.identifier,
-      data: new Date(),  // Not used by AllDayLayoutEngine
-      events: []         // Not used by AllDayLayoutEngine
-    }));
-
-    // Initialize layout engine with column info including groupId
-    let layoutEngine = new AllDayLayoutEngine(columns);
-
-    // Calculate layout for all events together - AllDayLayoutEngine handles CalendarEvents directly
-    return layoutEngine.calculateLayout(events);
-
-  }
-
-  private handleConvertToAllDay(payload: IDragMouseEnterHeaderEventPayload): void {
-
-    let allDayContainer = this.getAllDayContainer();
-    if (!allDayContainer) return;
-
-    // Create SwpAllDayEventElement from ICalendarEvent
-    const allDayElement = SwpAllDayEventElement.fromCalendarEvent(payload.calendarEvent);
-
-    // Apply grid positioning
-    allDayElement.style.gridRow = '1';
-    allDayElement.style.gridColumn = payload.targetColumn.index.toString();
-
-    // Remove old swp-event clone
-    payload.draggedClone.remove();
-
-    // Call delegate to update DragDropManager's draggedClone reference
-    payload.replaceClone(allDayElement);
-
-    // Append to container
-    allDayContainer.appendChild(allDayElement);
-
-    ColumnDetectionUtils.updateColumnBoundsCache();
-
-    // Recalculate height after adding all-day event
-    this.checkAndAnimateAllDayHeight();
-
-  }
-
-
-  /**
-   * Handle drag move for all-day events - SPECIALIZED FOR ALL-DAY CONTAINER
-   */
-  private handleColumnChange(dragColumnChangeEventPayload: IDragColumnChangeEventPayload): void {
-
-    let allDayContainer = this.getAllDayContainer();
-    if (!allDayContainer) return;
-
-    let targetColumn = ColumnDetectionUtils.getColumnBounds(dragColumnChangeEventPayload.mousePosition);
-
-    if (targetColumn == null)
-      return;
-
-    if (!dragColumnChangeEventPayload.draggedClone)
-      return;
-
-    // Calculate event span from original grid positioning
-    const computedStyle = window.getComputedStyle(dragColumnChangeEventPayload.draggedClone);
-    const gridColumnStart = parseInt(computedStyle.gridColumnStart) || targetColumn.index;
-    const gridColumnEnd = parseInt(computedStyle.gridColumnEnd) || targetColumn.index + 1;
-    const span = gridColumnEnd - gridColumnStart;
-
-    // Update clone position maintaining the span
-    const newStartColumn = targetColumn.index;
-    const newEndColumn = newStartColumn + span;
-    dragColumnChangeEventPayload.draggedClone.style.gridColumn = `${newStartColumn} / ${newEndColumn}`;
-
-  }
-  private fadeOutAndRemove(element: HTMLElement): void {
-    console.log('🗑️ AllDayManager: About to remove all-day event', {
-      eventId: element.dataset.eventId,
-      element: element.tagName
-    });
-    
-    // Mark element as removing so it's excluded from height calculations
-    element.setAttribute('data-removing', 'true');
-    
-    element.style.transition = 'opacity 0.3s ease-out';
-    element.style.opacity = '0';
-
-    setTimeout(() => {
-      element.remove();
-      console.log('✅ AllDayManager: All-day event removed from DOM');
-    }, 300);
-  }
-
-
-  /**
-   * Handle timed → all-day conversion on drop
-   */
-  private async handleTimedToAllDayDrop(dragEndEvent: IDragEndEventPayload): Promise<void> {
-    if (!dragEndEvent.draggedClone || !dragEndEvent.finalPosition.column) return;
-
-    const clone = dragEndEvent.draggedClone as SwpAllDayEventElement;
-    const eventId = clone.eventId.replace('clone-', '');
-    const columnIdentifier = dragEndEvent.finalPosition.column.identifier;
-
-    // Determine target date based on mode
-    let targetDate: Date;
-    let resourceId: string | undefined;
-
-    if (this.dataSource.isResource()) {
-      // Resource mode: keep event's existing date, set resourceId
-      targetDate = clone.start;
-      resourceId = columnIdentifier;
-    } else {
-      // Date mode: parse date from column identifier
-      targetDate = this.dateService.parseISO(columnIdentifier);
-    }
-
-    console.log('🔄 AllDayManager: Converting timed event to all-day', { eventId, targetDate, resourceId });
-
-    // Create new dates preserving time
-    const newStart = new Date(targetDate);
-    newStart.setHours(clone.start.getHours(), clone.start.getMinutes(), 0, 0);
-
-    const newEnd = new Date(targetDate);
-    newEnd.setHours(clone.end.getHours(), clone.end.getMinutes(), 0, 0);
-
-    // Build update payload
-    const updatePayload: { start: Date; end: Date; allDay: boolean; resourceId?: string } = {
-      start: newStart,
-      end: newEnd,
-      allDay: true
-    };
-
-    if (resourceId) {
-      updatePayload.resourceId = resourceId;
-    }
-
-    // Update event in repository
-    await this.eventManager.updateEvent(eventId, updatePayload);
-    
-    // Remove original timed event
-    this.fadeOutAndRemove(dragEndEvent.originalElement);
-    
-    // Add to current all-day events and recalculate layout
-    const newEvent: ICalendarEvent = {
-      id: eventId,
-      title: clone.title,
-      start: newStart,
-      end: newEnd,
-      type: clone.type as CalendarEventType,
-      allDay: true,
-      syncStatus: 'synced'
-    };
-    
-    const updatedEvents = [...this.currentAllDayEvents, newEvent];
-    const newLayouts = this.calculateAllDayEventsLayout(updatedEvents, this.currentColumns);
-    this.allDayEventRenderer.renderAllDayEventsForPeriod(newLayouts);
-    
-    // Animate height
-    this.checkAndAnimateAllDayHeight();
-  }
-
-  /**
-   * Handle all-day → all-day drop (moving within header)
-   */
-  private async handleDragEnd(dragEndEvent: IDragEndEventPayload): Promise<void> {
-    if (!dragEndEvent.draggedClone || !dragEndEvent.finalPosition.column) return;
-
-    const clone = dragEndEvent.draggedClone as SwpAllDayEventElement;
-    const eventId = clone.eventId.replace('clone-', '');
-    const columnIdentifier = dragEndEvent.finalPosition.column.identifier;
-
-    // Determine target date based on mode
-    let targetDate: Date;
-    let resourceId: string | undefined;
-
-    if (this.dataSource.isResource()) {
-      // Resource mode: keep event's existing date, set resourceId
-      targetDate = clone.start;
-      resourceId = columnIdentifier;
-    } else {
-      // Date mode: parse date from column identifier
-      targetDate = this.dateService.parseISO(columnIdentifier);
-    }
-
-    // Calculate duration in days
-    const durationDays = this.dateService.differenceInCalendarDays(clone.end, clone.start);
-
-    // Create new dates preserving time
-    const newStart = new Date(targetDate);
-    newStart.setHours(clone.start.getHours(), clone.start.getMinutes(), 0, 0);
-
-    const newEnd = new Date(targetDate);
-    newEnd.setDate(newEnd.getDate() + durationDays);
-    newEnd.setHours(clone.end.getHours(), clone.end.getMinutes(), 0, 0);
-
-    // Build update payload
-    const updatePayload: { start: Date; end: Date; allDay: boolean; resourceId?: string } = {
-      start: newStart,
-      end: newEnd,
-      allDay: true
-    };
-
-    if (resourceId) {
-      updatePayload.resourceId = resourceId;
-    }
-
-    // Update event in repository
-    await this.eventManager.updateEvent(eventId, updatePayload);
-    
-    // Remove original and fade out
-    this.fadeOutAndRemove(dragEndEvent.originalElement);
-    
-    // Recalculate and re-render ALL events
-    const updatedEvents = this.currentAllDayEvents.map(e =>
-      e.id === eventId ? { ...e, start: newStart, end: newEnd } : e
-    );
-    const newLayouts = this.calculateAllDayEventsLayout(updatedEvents, this.currentColumns);
-    this.allDayEventRenderer.renderAllDayEventsForPeriod(newLayouts);
-    
-    // Animate height - this also handles overflow classes!
-    this.checkAndAnimateAllDayHeight();
-  }
-
-  /**
-   * Update chevron button visibility and state
-   */
-  private updateChevronButton(show: boolean): void {
-    const headerSpacer = this.getHeaderSpacer();
-    if (!headerSpacer) return;
-
-    let chevron = headerSpacer.querySelector('.allday-chevron') as HTMLElement;
-
-    if (show && !chevron) {
-
-      chevron = document.createElement('button');
-      chevron.className = 'allday-chevron collapsed';
-      chevron.innerHTML = `
-        <svg width="12" height="8" viewBox="0 0 12 8">
-          <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" fill="none"/>
-        </svg>
-      `;
-      chevron.onclick = () => this.toggleExpanded();
-      headerSpacer.appendChild(chevron);
-
-    } else if (!show && chevron) {
-
-      chevron.remove();
-
-    } else if (chevron) {
-
-      chevron.classList.toggle('collapsed', !this.isExpanded);
-      chevron.classList.toggle('expanded', this.isExpanded);
-
-    }
-  }
-
-  /**
-   * Toggle between expanded and collapsed state
-   */
-  private toggleExpanded(): void {
-    this.isExpanded = !this.isExpanded;
-    this.checkAndAnimateAllDayHeight();
-
-    const elements = document.querySelectorAll('swp-allday-container swp-allday-event.max-event-overflow-hide, swp-allday-container swp-allday-event.max-event-overflow-show');
-
-    elements.forEach((element) => {
-      if (this.isExpanded) {
-        // ALTID vis når expanded=true
-        element.classList.remove('max-event-overflow-hide');
-        element.classList.add('max-event-overflow-show');
-      } else {
-        // ALTID skjul når expanded=false
-        element.classList.remove('max-event-overflow-show');
-        element.classList.add('max-event-overflow-hide');
-      }
-    });
-  }
-  /**
-   * Count number of events in a specific column using IColumnBounds
-   * Reads directly from DOM elements
-   */
-  private countEventsInColumn(columnBounds: IColumnBounds): number {
-    return this.countEventsInColumnFromDOM(columnBounds.index);
-  }
-
-  /**
-   * Update overflow indicators for collapsed state
-   */
-  private updateOverflowIndicators(): void {
-    const container = this.getAllDayContainer();
-    if (!container) return;
-
-    // Create overflow indicators for each column that needs them
-    let columns = ColumnDetectionUtils.getColumns();
-
-    columns.forEach((columnBounds) => {
-      let totalEventsInColumn = this.countEventsInColumn(columnBounds);
-      let overflowCount = totalEventsInColumn - ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS
-
-      if (overflowCount > 0) {
-        // Check if indicator already exists in this column
-        let existingIndicator = container.querySelector(`.max-event-indicator[data-column="${columnBounds.index}"]`) as HTMLElement;
-
-        if (existingIndicator) {
-          // Update existing indicator
-          existingIndicator.innerHTML = `<span>+${overflowCount + 1} more</span>`;
-        } else {
-          // Create new overflow indicator element
-          let overflowElement = document.createElement('swp-allday-event');
-          overflowElement.className = 'max-event-indicator';
-          overflowElement.setAttribute('data-column', columnBounds.index.toString());
-          overflowElement.style.gridRow = ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS.toString();
-          overflowElement.style.gridColumn = columnBounds.index.toString();
-          overflowElement.innerHTML = `<span>+${overflowCount + 1} more</span>`;
-          overflowElement.onclick = (e) => {
-            e.stopPropagation();
-            this.toggleExpanded();
-          };
-
-          container.appendChild(overflowElement);
-        }
-      }
-    });
-  }
-
-  /**
-   * Clear overflow indicators and restore normal state
-   */
-  private clearOverflowIndicators(): void {
-    const container = this.getAllDayContainer();
-    if (!container) return;
-
-    // Remove all overflow indicator elements
-    container.querySelectorAll('.max-event-indicator').forEach((element) => {
-      element.remove();
-    });
-
-
-  }
-
-}
\ No newline at end of file
diff --git a/src/managers/DragDropManager.ts b/src/managers/DragDropManager.ts
index 11c6952..4bf50b9 100644
--- a/src/managers/DragDropManager.ts
+++ b/src/managers/DragDropManager.ts
@@ -1,756 +1,581 @@
-/**
- * DragDropManager - Advanced drag-and-drop system with smooth animations and event type conversion
- *
- * ARCHITECTURE OVERVIEW:
- * =====================
- * DragDropManager provides a sophisticated drag-and-drop system for calendar events that supports:
- * - Smooth animated dragging with requestAnimationFrame
- * - Automatic event type conversion (timed events ↔ all-day events)
- * - Scroll compensation during edge scrolling
- * - Grid snapping for precise event placement
- * - Column detection and change tracking
- *
- * KEY FEATURES:
- * =============
- * 1. DRAG DETECTION
- *    - Movement threshold (5px) to distinguish clicks from drags
- *    - Immediate visual feedback with cloned element
- *    - Mouse offset tracking for natural drag feel
- *
- * 2. SMOOTH ANIMATION
- *    - Uses requestAnimationFrame for 60fps animations
- *    - Interpolated movement (30% per frame) for smooth transitions
- *    - Continuous drag:move events for real-time updates
- *
- * 3. EVENT TYPE CONVERSION
- *    - Timed → All-day: When dragging into calendar header
- *    - All-day → Timed: When dragging into day columns
- *    - Automatic clone replacement with appropriate element type
- *
- * 4. SCROLL COMPENSATION
- *    - Tracks scroll delta during edge-scrolling
- *    - Compensates dragged element position during scroll
- *    - Prevents visual "jumping" when scrolling while dragging
- *
- * 5. GRID SNAPPING
- *    - Snaps to time grid on mouse up
- *    - Uses PositionUtils for consistent positioning
- *    - Accounts for mouse offset within event
- *
- * STATE MANAGEMENT:
- * =================
- * Mouse Tracking:
- *   - mouseDownPosition: Initial click position
- *   - currentMousePosition: Latest mouse position
- *   - mouseOffset: Click offset within event (for natural dragging)
- *
- * Drag State:
- *   - originalElement: Source event being dragged
- *   - draggedClone: Animated clone following mouse
- *   - currentColumn: Column mouse is currently over
- *   - previousColumn: Last column (for detecting changes)
- *   - isDragStarted: Whether drag threshold exceeded
- *
- * Scroll State:
- *   - scrollDeltaY: Accumulated scroll offset during drag
- *   - lastScrollTop: Previous scroll position
- *   - isScrollCompensating: Whether edge-scroll is active
- *
- * Animation State:
- *   - dragAnimationId: requestAnimationFrame ID
- *   - targetY: Desired position for smooth interpolation
- *   - currentY: Current interpolated position
- *
- * EVENT FLOW:
- * ===========
- * 1. Mouse Down (handleMouseDown)
- *    ├─ Store originalElement and mouse offset
- *    └─ Wait for movement
- *
- * 2. Mouse Move (handleMouseMove)
- *    ├─ Check movement threshold
- *    ├─ Initialize drag if threshold exceeded (initializeDrag)
- *    │  ├─ Create clone
- *    │  ├─ Emit drag:start
- *    │  └─ Start animation loop
- *    ├─ Continue drag (continueDrag)
- *    │  ├─ Calculate target position with scroll compensation
- *    │  └─ Update animation target
- *    └─ Detect column changes (detectColumnChange)
- *       └─ Emit drag:column-change
- *
- * 3. Animation Loop (animateDrag)
- *    ├─ Interpolate currentY toward targetY
- *    ├─ Emit drag:move on each frame
- *    └─ Schedule next frame until target reached
- *
- * 4. Event Type Conversion
- *    ├─ Entering header (handleHeaderMouseEnter)
- *    │  ├─ Emit drag:mouseenter-header
- *    │  └─ AllDayManager creates all-day clone
- *    └─ Entering column (handleColumnMouseEnter)
- *       ├─ Emit drag:mouseenter-column
- *       └─ EventRenderingService creates timed clone
- *
- * 5. Mouse Up (handleMouseUp)
- *    ├─ Stop animation
- *    ├─ Snap to grid
- *    ├─ Detect drop target (header or column)
- *    ├─ Emit drag:end with final position
- *    └─ Cleanup drag state
- *
- * SCROLL COMPENSATION SYSTEM:
- * ===========================
- * Problem: When EdgeScrollManager scrolls the grid during drag, the dragged element
- *          can appear to "jump" because the mouse position stays the same but the
- *          coordinate system (scrollable content) has moved.
- *
- * Solution: Track cumulative scroll delta and add it to mouse position calculations
- *
- * Flow:
- * 1. EdgeScrollManager starts scrolling → emit edgescroll:started
- * 2. DragDropManager sets isScrollCompensating = true
- * 3. On each scroll event:
- *    ├─ Calculate scrollDelta = currentScrollTop - lastScrollTop
- *    ├─ Accumulate into scrollDeltaY
- *    └─ Call continueDrag with adjusted position
- * 4. continueDrag adds scrollDeltaY to mouse Y coordinate
- * 5. On event conversion, reset scrollDeltaY (new clone, new coordinate system)
- *
- * PERFORMANCE OPTIMIZATIONS:
- * ==========================
- * - Uses ColumnDetectionUtils cache for fast column lookups
- * - Single requestAnimationFrame loop (not per-mousemove)
- * - Interpolated animation reduces update frequency
- * - Passive scroll listeners
- * - Event delegation for header/column detection
- *
- * USAGE:
- * ======
- * const dragDropManager = new DragDropManager(eventBus, positionUtils);
- * // Automatically attaches event listeners and manages drag lifecycle
- * // Other managers listen to drag:start, drag:move, drag:end, etc.
- */
-
-import { IEventBus } from '../types/CalendarTypes';
-import { PositionUtils } from '../utils/PositionUtils';
-import { IColumnBounds, ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
-import { SwpEventElement, BaseSwpEventElement } from '../elements/SwpEventElement';
-import {
-  IDragStartEventPayload,
-  IDragMoveEventPayload,
-  IDragEndEventPayload,
-  IDragMouseEnterHeaderEventPayload,
-  IDragMouseLeaveHeaderEventPayload,
-  IDragMouseEnterColumnEventPayload,
-  IDragColumnChangeEventPayload
-} from '../types/EventTypes';
-import { IMousePosition } from '../types/DragDropTypes';
-import { CoreEvents } from '../constants/CoreEvents'; 
-
-export class DragDropManager {
-  private eventBus: IEventBus;
-
-  // Mouse tracking with optimized state
-  private mouseDownPosition: IMousePosition = { x: 0, y: 0 };
-  private currentMousePosition: IMousePosition = { x: 0, y: 0 };
-  private mouseOffset: IMousePosition = { x: 0, y: 0 };
-
-  // Drag state
-  private originalElement!: HTMLElement | null;
-  private draggedClone!: HTMLElement | null;
-  private currentColumn: IColumnBounds | null = null;
-  private previousColumn: IColumnBounds | null = null;
-  private originalSourceColumn: IColumnBounds | null = null;  // Track original start column
-  private isDragStarted = false;
-
-  // Movement threshold to distinguish click from drag
-  private readonly dragThreshold = 5; // pixels
-
-  // Scroll compensation
-  private scrollableContent: HTMLElement | null = null;
-  private scrollDeltaY = 0; // Current scroll delta to apply in continueDrag
-  private lastScrollTop = 0; // Last scroll position for delta calculation
-  private isScrollCompensating = false; // Track if scroll compensation is active
-
-  // Smooth drag animation
-  private dragAnimationId: number | null = null;
-  private targetY = 0;
-  private currentY = 0;
-  private targetColumn: IColumnBounds | null = null;
-  private positionUtils: PositionUtils;
-
-  constructor(eventBus: IEventBus, positionUtils: PositionUtils) {
-    this.eventBus = eventBus;
-    this.positionUtils = positionUtils;
-
-    this.init();
-  }
-
-  /**
-   * Initialize with optimized event listener setup
-   */
-  private init(): void {
-    // Add event listeners
-    document.body.addEventListener('mousemove', this.handleMouseMove.bind(this));
-    document.body.addEventListener('mousedown', this.handleMouseDown.bind(this));
-    document.body.addEventListener('mouseup', this.handleMouseUp.bind(this));
-
-    const calendarContainer = document.querySelector('swp-calendar-container');
-
-    if (calendarContainer) {
-      calendarContainer.addEventListener('mouseleave', () => {
-        if (this.originalElement && this.isDragStarted) {
-          this.cancelDrag();
-        }
-      });
-
-      // Event delegation for header enter/leave
-      calendarContainer.addEventListener('mouseenter', (e) => {
-        const target = e.target as HTMLElement;
-        if (target.closest('swp-calendar-header')) {
-          this.handleHeaderMouseEnter(e as MouseEvent);
-        } else if (target.closest('swp-day-column')) {
-          this.handleColumnMouseEnter(e as MouseEvent);
-        }
-      }, true); // Use capture phase
-
-      calendarContainer.addEventListener('mouseleave', (e) => {
-        const target = e.target as HTMLElement;
-        if (target.closest('swp-calendar-header')) {
-          this.handleHeaderMouseLeave(e as MouseEvent);
-        }
-        // Don't handle swp-event mouseleave here - let mousemove handle it
-      }, true); // Use capture phase
-    }
-
-    // Initialize column bounds cache
-    ColumnDetectionUtils.updateColumnBoundsCache();
-
-
-
-
-    // Listen to resize events to update cache
-    window.addEventListener('resize', () => {
-      ColumnDetectionUtils.updateColumnBoundsCache();
-    });
-
-    // Listen to navigation events to update cache
-    this.eventBus.on('navigation:completed', () => {
-      ColumnDetectionUtils.updateColumnBoundsCache();
-    });
-
-    this.eventBus.on(CoreEvents.GRID_RENDERED, (event: Event) => {
-      this.handleGridRendered(event as CustomEvent);
-    });
-
-    // Listen to edge-scroll events to control scroll compensation
-    this.eventBus.on('edgescroll:started', () => {
-      this.isScrollCompensating = true;
-
-      // Gem nuværende scroll position for delta beregning
-      if (this.scrollableContent) {
-        this.lastScrollTop = this.scrollableContent.scrollTop;
-      }
-    });
-
-    this.eventBus.on('edgescroll:stopped', () => {
-      this.isScrollCompensating = false;
-    });
-
-    // Reset scrollDeltaY when event converts (new clone created)
-    this.eventBus.on('drag:mouseenter-header', () => {
-      this.scrollDeltaY = 0;
-      this.lastScrollTop = 0;
-    });
-
-    this.eventBus.on('drag:mouseenter-column', () => {
-      this.scrollDeltaY = 0;
-      this.lastScrollTop = 0;
-    });
-
-  }
-  private handleGridRendered(event: CustomEvent) {
-    this.scrollableContent = document.querySelector('swp-scrollable-content');
-    this.scrollableContent!.addEventListener('scroll', this.handleScroll.bind(this), { passive: true });
-  }
-
-  private handleMouseDown(event: MouseEvent): void {
-
-    // Clean up drag state first
-    this.cleanupDragState();
-    ColumnDetectionUtils.updateColumnBoundsCache();
-    //this.lastMousePosition = { x: event.clientX, y: event.clientY };
-    //this.initialMousePosition = { x: event.clientX, y: event.clientY };
-
-    // Check if mousedown is on an event
-    const target = event.target as HTMLElement;
-    if (target.closest('swp-resize-handle')) return;
-
-    let eventElement = target;
-
-    while (eventElement && eventElement.tagName !== 'SWP-GRID-CONTAINER') {
-      if (eventElement.tagName === 'SWP-EVENT' || eventElement.tagName === 'SWP-ALLDAY-EVENT') {
-        break;
-      }
-      eventElement = eventElement.parentElement as HTMLElement;
-      if (!eventElement) return;
-    }
-
-    if (eventElement) {
-
-      // Normal drag - prepare for potential dragging
-      this.originalElement = eventElement;
-      // Calculate mouse offset within event
-      const eventRect = eventElement.getBoundingClientRect();
-      this.mouseOffset = {
-        x: event.clientX - eventRect.left,
-        y: event.clientY - eventRect.top
-      };
-      this.mouseDownPosition = { x: event.clientX, y: event.clientY };
-
-    }
-  }
-
-  private handleMouseMove(event: MouseEvent): void {
-
-    if (event.buttons === 1) {
-      // Always update mouse position from event
-      this.currentMousePosition = { x: event.clientX, y: event.clientY };
-
-      // Try to initialize drag if not started
-      if (!this.isDragStarted && this.originalElement) {
-        if (!this.initializeDrag(this.currentMousePosition)) {
-          return; // Not enough movement yet
-        }
-      }
-
-      // Continue drag if started (også under scroll - accumulatedScrollDelta kompenserer)
-      if (this.isDragStarted && this.originalElement && this.draggedClone) {
-        this.continueDrag(this.currentMousePosition);
-        this.detectColumnChange(this.currentMousePosition);
-      }
-    }
-  }
-
-  /**
-   * Try to initialize drag based on movement threshold
-   * Returns true if drag was initialized, false if not enough movement
-   */
-  private initializeDrag(currentPosition: IMousePosition): boolean {
-    const deltaX = Math.abs(currentPosition.x - this.mouseDownPosition.x);
-    const deltaY = Math.abs(currentPosition.y - this.mouseDownPosition.y);
-    const totalMovement = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
-
-    if (totalMovement < this.dragThreshold) {
-      return false; // Not enough movement
-    }
-
-    // Start drag
-    this.isDragStarted = true;
-
-
-
-    // Set high z-index on event-group if exists, otherwise on event itself
-    const eventGroup = this.originalElement!.closest<HTMLElement>('swp-event-group');
-    if (eventGroup) {
-      eventGroup.style.zIndex = '9999';
-    } else {
-      this.originalElement!.style.zIndex = '9999';
-    }
-
-    const originalElement = this.originalElement as BaseSwpEventElement;
-    this.currentColumn = ColumnDetectionUtils.getColumnBounds(currentPosition);
-    this.originalSourceColumn = this.currentColumn;  // Store original source column at drag start
-    this.draggedClone = originalElement.createClone();
-
-    const dragStartPayload: IDragStartEventPayload = {
-      originalElement: this.originalElement!,
-      draggedClone: this.draggedClone,
-      mousePosition: this.mouseDownPosition,
-      mouseOffset: this.mouseOffset,
-      columnBounds: this.currentColumn
-    };
-    this.eventBus.emit('drag:start', dragStartPayload);
-
-    return true;
-  }
-
-
-  private continueDrag(currentPosition: IMousePosition): void {
-
-    if (!this.draggedClone!.hasAttribute("data-allday")) {
-      // Calculate raw position from mouse (no snapping)
-      const column = ColumnDetectionUtils.getColumnBounds(currentPosition);
-
-      if (column) {
-        // Calculate raw Y position relative to column (accounting for mouse offset)
-        const columnRect = column.boundingClientRect;
-
-        // Beregn position fra mus + scroll delta kompensation
-        const adjustedMouseY = currentPosition.y + this.scrollDeltaY;
-        const eventTopY = adjustedMouseY - columnRect.top - this.mouseOffset.y;
-
-        this.targetY = Math.max(0, eventTopY);
-        this.targetColumn = column;
-
-        // Start animation loop if not already running
-        if (this.dragAnimationId === null) {
-          this.currentY = parseFloat(this.draggedClone!.style.top) || 0;
-          this.animateDrag();
-        }
-      }
-
-    }
-  }
-
-  /**
-   * Detect column change and emit event
-   */
-  private detectColumnChange(currentPosition: IMousePosition): void {
-    const newColumn = ColumnDetectionUtils.getColumnBounds(currentPosition);
-    if (newColumn == null) return;
-
-    if (newColumn.index !== this.currentColumn?.index) {
-      this.previousColumn = this.currentColumn;
-      this.currentColumn = newColumn;
-
-      const dragColumnChangePayload: IDragColumnChangeEventPayload = {
-        originalElement: this.originalElement!,
-        draggedClone: this.draggedClone!,
-        previousColumn: this.previousColumn,
-        newColumn,
-        mousePosition: currentPosition
-      };
-      this.eventBus.emit('drag:column-change', dragColumnChangePayload);
-    }
-  }
-
-  /**
-   * Optimized mouse up handler with consolidated cleanup
-   */
-  private handleMouseUp(event: MouseEvent): void {
-    this.stopDragAnimation();
-
-    if (this.originalElement) {
-
-      // Only emit drag:end if drag was actually started
-      if (this.isDragStarted) {
-        const mousePosition: IMousePosition = { x: event.clientX, y: event.clientY };
-
-        // Snap to grid on mouse up (like ResizeHandleManager)
-        const column = ColumnDetectionUtils.getColumnBounds(mousePosition);
-
-        if (!column) return;
-
-        // Get current position and snap it to grid
-        const snappedY = this.calculateSnapPosition(mousePosition.y, column);
-
-        // Update clone to snapped position immediately
-        if (this.draggedClone) {
-          this.draggedClone.style.top = `${snappedY}px`;
-        }
-
-        // Detect drop target (swp-day-column or swp-day-header)
-        const dropTarget = this.detectDropTarget(mousePosition);
-
-        if (!dropTarget)
-          throw "dropTarget is null";
-
-        // Read date and resourceId directly from DOM
-        const dateString = column.element.dataset.date;
-        if (!dateString) {
-          throw "column.element.dataset.date is not set";
-        }
-        const date = new Date(dateString);
-        const resourceId = column.element.dataset.resourceId; // undefined in date mode
-
-        const dragEndPayload: IDragEndEventPayload = {
-          originalElement: this.originalElement,
-          draggedClone: this.draggedClone,
-          mousePosition,
-          originalSourceColumn: this.originalSourceColumn!!,
-          finalPosition: { column, date, resourceId, snappedY },
-          target: dropTarget
-        };
-
-        this.eventBus.emit('drag:end', dragEndPayload);
-
-        this.cleanupDragState();
-
-      } else {
-        // This was just a click - emit click event instead
-        this.eventBus.emit('event:click', {
-          clickedElement: this.originalElement,
-          mousePosition: { x: event.clientX, y: event.clientY }
-        });
-      }
-    }
-  }
-  // Add a cleanup method that finds and removes ALL clones
-  private cleanupAllClones(): void {
-    // Remove clones from all possible locations
-    const allClones = document.querySelectorAll('[data-event-id^="clone"]');
-
-    if (allClones.length > 0) {
-      allClones.forEach(clone => clone.remove());
-    }
-  }
-
-  /**
-   * Cancel drag operation when mouse leaves grid container
-   * Animates clone back to original position before cleanup
-   */
-  private cancelDrag(): void {
-    if (!this.originalElement || !this.draggedClone) return;
-
-    // Get current clone position
-    const cloneRect = this.draggedClone.getBoundingClientRect();
-
-    // Get original element position
-    const originalRect = this.originalElement.getBoundingClientRect();
-
-    // Calculate distance to animate
-    const deltaX = originalRect.left - cloneRect.left;
-    const deltaY = originalRect.top - cloneRect.top;
-
-    // Add transition for smooth animation
-    this.draggedClone.style.transition = 'transform 300ms ease-out';
-    this.draggedClone.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
-
-    // Wait for animation to complete, then cleanup
-    setTimeout(() => {
-      this.cleanupAllClones();
-
-      if (this.originalElement) {
-        this.originalElement.style.opacity = '';
-        this.originalElement.style.cursor = '';
-      }
-
-      this.eventBus.emit('drag:cancelled', {
-        originalElement: this.originalElement,
-        reason: 'mouse-left-grid'
-      });
-
-      this.cleanupDragState();
-      this.stopDragAnimation();
-    }, 300);
-  }
-
-  /**
-   * Optimized snap position calculation using PositionUtils
-   */
-  private calculateSnapPosition(mouseY: number, column: IColumnBounds): number {
-    // Calculate where the event top would be (accounting for mouse offset)
-    const eventTopY = mouseY - this.mouseOffset.y;
-
-    // Snap the event top position, not the mouse position
-    const snappedY = this.positionUtils.getPositionFromCoordinate(eventTopY, column);
-
-    return Math.max(0, snappedY);
-  }
-
-  /**
-   * Smooth drag animation using requestAnimationFrame
-   * Emits drag:move events with current draggedClone reference on each frame
-   */
-  private animateDrag(): void { //TODO: this can be optimized... WAIT !!!
-
-    if (!this.isDragStarted || !this.draggedClone || !this.targetColumn) {
-      this.dragAnimationId = null;
-      return;
-    }
-
-    // Smooth interpolation towards target
-    const diff = this.targetY - this.currentY;
-    const step = diff * 0.3; // 30% of distance per frame
-
-    // Update if difference is significant
-    if (Math.abs(diff) > 0.5) {
-      this.currentY += step;
-
-      // Emit drag:move event with current draggedClone reference
-      const dragMovePayload: IDragMoveEventPayload = {
-        originalElement: this.originalElement!,
-        draggedClone: this.draggedClone, // Always uses current reference
-        mousePosition: this.currentMousePosition, // Use current mouse position!
-        snappedY: this.currentY,
-        columnBounds: this.targetColumn,
-        mouseOffset: this.mouseOffset
-      };
-      this.eventBus.emit('drag:move', dragMovePayload);
-
-      this.dragAnimationId = requestAnimationFrame(() => this.animateDrag());
-    } else {
-      // Close enough - snap to target
-      this.currentY = this.targetY;
-
-      // Emit final position
-      const dragMovePayload: IDragMoveEventPayload = {
-        originalElement: this.originalElement!,
-        draggedClone: this.draggedClone,
-        mousePosition: this.currentMousePosition, // Use current mouse position!
-        snappedY: this.currentY,
-        columnBounds: this.targetColumn,
-        mouseOffset: this.mouseOffset
-      };
-      this.eventBus.emit('drag:move', dragMovePayload);
-
-      this.dragAnimationId = null;
-    }
-  }
-
-  /**
-   * Handle scroll during drag - update scrollDeltaY and call continueDrag
-   */
-  private handleScroll(): void {
-    if (!this.isDragStarted || !this.draggedClone || !this.scrollableContent || !this.isScrollCompensating) return;
-
-    const currentScrollTop = this.scrollableContent.scrollTop;
-    const scrollDelta = currentScrollTop - this.lastScrollTop;
-
-    // Gem scroll delta for continueDrag
-    this.scrollDeltaY += scrollDelta;
-    this.lastScrollTop = currentScrollTop;
-
-    // Kald continueDrag med nuværende mus position
-    this.continueDrag(this.currentMousePosition);
-  }
-
-  /**
-   * Stop drag animation
-   */
-  private stopDragAnimation(): void {
-    if (this.dragAnimationId !== null) {
-      cancelAnimationFrame(this.dragAnimationId);
-      this.dragAnimationId = null;
-    }
-  }
-
-  /**
-   * Clean up drag state
-   */
-  private cleanupDragState(): void {
-    this.previousColumn = null;
-    this.originalElement = null;
-    this.draggedClone = null;
-    this.currentColumn = null;
-    this.originalSourceColumn = null;
-    this.isDragStarted = false;
-    this.scrollDeltaY = 0;
-    this.lastScrollTop = 0;
-  }
-
-  /**
-   * Detect drop target - whether dropped in swp-day-column or swp-day-header
-   */
-  private detectDropTarget(position: IMousePosition): 'swp-day-column' | 'swp-day-header' | null {
-
-    // Traverse up the DOM tree to find the target container
-    let currentElement = this.draggedClone;
-    while (currentElement && currentElement !== document.body) {
-      if (currentElement.tagName === 'SWP-ALLDAY-CONTAINER') {
-        return 'swp-day-header';
-      }
-      if (currentElement.tagName === 'SWP-DAY-COLUMN') {
-        return 'swp-day-column';
-      }
-      currentElement = currentElement.parentElement as HTMLElement;
-    }
-
-    return null;
-  }
-
-  /**
-   * Handle mouse enter on calendar header - simplified using native events
-   */
-  private handleHeaderMouseEnter(event: MouseEvent): void {
-    // Only handle if we're dragging a timed event (not all-day)
-    if (!this.isDragStarted || !this.draggedClone) {
-      return;
-    }
-
-    const position: IMousePosition = { x: event.clientX, y: event.clientY };
-    const targetColumn = ColumnDetectionUtils.getColumnBounds(position);
-
-    if (targetColumn) {
-      const calendarEvent = SwpEventElement.extractCalendarEventFromElement(this.draggedClone);
-
-      const dragMouseEnterPayload: IDragMouseEnterHeaderEventPayload = {
-        targetColumn: targetColumn,
-        mousePosition: position,
-        originalElement: this.originalElement,
-        draggedClone: this.draggedClone,
-        calendarEvent: calendarEvent,
-        replaceClone: (newClone: HTMLElement) => {
-          this.draggedClone = newClone;
-          this.dragAnimationId === null;
-        }
-      };
-      this.eventBus.emit('drag:mouseenter-header', dragMouseEnterPayload);
-    }
-  }
-
-  /**
-   * Handle mouse enter on day column - for converting all-day to timed events
-   */
-  private handleColumnMouseEnter(event: MouseEvent): void {
-    // Only handle if we're dragging an all-day event
-    if (!this.isDragStarted || !this.draggedClone || !this.draggedClone.hasAttribute('data-allday')) {
-      return;
-    }
-
-    const position: IMousePosition = { x: event.clientX, y: event.clientY };
-    const targetColumn = ColumnDetectionUtils.getColumnBounds(position);
-
-    if (!targetColumn) {
-      return;
-    }
-
-    // Calculate snapped Y position
-    const snappedY = this.calculateSnapPosition(position.y, targetColumn);
-
-    // Extract ICalendarEvent from the dragged clone
-    const calendarEvent = SwpEventElement.extractCalendarEventFromElement(this.draggedClone);
-
-    const dragMouseEnterPayload: IDragMouseEnterColumnEventPayload = {
-      targetColumn: targetColumn,
-      mousePosition: position,
-      snappedY: snappedY,
-      originalElement: this.originalElement,
-      draggedClone: this.draggedClone,
-      calendarEvent: calendarEvent,
-      replaceClone: (newClone: HTMLElement) => {
-        this.draggedClone = newClone;
-        this.dragAnimationId === null;
-        this.stopDragAnimation();
-      }
-    };
-    this.eventBus.emit('drag:mouseenter-column', dragMouseEnterPayload);
-  }
-
-  /**
-   * Handle mouse leave from calendar header - simplified using native events
-   */
-  private handleHeaderMouseLeave(event: MouseEvent): void {
-    // Only handle if we're dragging an all-day event
-    if (!this.isDragStarted || !this.draggedClone || !this.draggedClone.hasAttribute("data-allday")) {
-      return;
-    }
-
-    const position: IMousePosition = { x: event.clientX, y: event.clientY };
-    const targetColumn = ColumnDetectionUtils.getColumnBounds(position);
-
-    if (!targetColumn) {
-      return;
-    }
-
-    const dragMouseLeavePayload: IDragMouseLeaveHeaderEventPayload = {
-      targetColumn: targetColumn,
-      mousePosition: position,
-      originalElement: this.originalElement,
-      draggedClone: this.draggedClone
-    };
-    this.eventBus.emit('drag:mouseleave-header', dragMouseLeavePayload);
-  }
-}
+import { IEventBus } from '../types/CalendarTypes';
+import { IGridConfig } from '../core/IGridConfig';
+import { CoreEvents } from '../constants/CoreEvents';
+import { snapToGrid } from '../utils/PositionUtils';
+import {
+  IMousePosition,
+  IDragStartPayload,
+  IDragMovePayload,
+  IDragEndPayload,
+  IDragCancelPayload,
+  IDragColumnChangePayload,
+  IDragEnterHeaderPayload,
+  IDragMoveHeaderPayload,
+  IDragLeaveHeaderPayload
+} from '../types/DragTypes';
+import { SwpEvent } from '../types/SwpEvent';
+
+interface DragState {
+  eventId: string;
+  element: HTMLElement;
+  ghostElement: HTMLElement | null;  // Null for header items
+  startY: number;
+  mouseOffset: IMousePosition;
+  columnElement: HTMLElement | null; // Null when starting from header
+  currentColumn: HTMLElement | null; // Null when in header
+  targetY: number;
+  currentY: number;
+  animationId: number;
+  sourceColumnKey: string;      // Source column key (where drag started)
+  dragSource: 'grid' | 'header'; // Where drag originated
+}
+
+/**
+ * DragDropManager - Handles drag-drop for calendar events
+ *
+ * Strategy: Drag original element, leave ghost-clone in place
+ * - mousedown: Store initial state, wait for movement
+ * - mousemove (>5px): Create ghost, start dragging original
+ * - mouseup: Snap to grid, remove ghost, emit drag:end
+ * - cancel: Animate back to startY, remove ghost
+ */
+export class DragDropManager {
+  private dragState: DragState | null = null;
+  private mouseDownPosition: IMousePosition | null = null;
+  private pendingElement: HTMLElement | null = null;
+  private pendingMouseOffset: IMousePosition | null = null;
+  private container: HTMLElement | null = null;
+  private inHeader = false;
+
+  private readonly DRAG_THRESHOLD = 5;
+  private readonly INTERPOLATION_FACTOR = 0.3;
+
+  constructor(
+    private eventBus: IEventBus,
+    private gridConfig: IGridConfig
+  ) {
+    this.setupScrollListener();
+  }
+
+  private setupScrollListener(): void {
+    this.eventBus.on(CoreEvents.EDGE_SCROLL_TICK, (e) => {
+      if (!this.dragState) return;
+      const { scrollDelta } = (e as CustomEvent<{ scrollDelta: number }>).detail;
+
+      // Element skal flytte med scroll for at forblive under musen
+      // (elementets top er relativ til kolonnen, som scroller med viewport)
+      this.dragState.targetY += scrollDelta;
+      this.dragState.currentY += scrollDelta;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+    });
+  }
+
+  /**
+   * Initialize drag-drop on a container element
+   */
+  init(container: HTMLElement): void {
+    this.container = container;
+    container.addEventListener('pointerdown', this.handlePointerDown);
+    document.addEventListener('pointermove', this.handlePointerMove);
+    document.addEventListener('pointerup', this.handlePointerUp);
+  }
+
+  private handlePointerDown = (e: PointerEvent): void => {
+    const target = e.target as HTMLElement;
+
+    // Ignore if clicking on resize handle
+    if (target.closest('swp-resize-handle')) return;
+
+    // Match both swp-event and swp-header-item
+    const eventElement = target.closest('swp-event') as HTMLElement;
+    const headerItem = target.closest('swp-header-item') as HTMLElement;
+    const draggable = eventElement || headerItem;
+
+    if (!draggable) return;
+
+    // Store for potential drag
+    this.mouseDownPosition = { x: e.clientX, y: e.clientY };
+    this.pendingElement = draggable;
+
+    // Calculate mouse offset within element
+    const rect = draggable.getBoundingClientRect();
+    this.pendingMouseOffset = {
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    };
+
+    // Capture pointer for reliable tracking
+    draggable.setPointerCapture(e.pointerId);
+  };
+
+  private handlePointerMove = (e: PointerEvent): void => {
+    // Not in potential drag state
+    if (!this.mouseDownPosition || !this.pendingElement) {
+      // Already dragging - update target
+      if (this.dragState) {
+        this.updateDragTarget(e);
+      }
+      return;
+    }
+
+    // Check threshold
+    const deltaX = Math.abs(e.clientX - this.mouseDownPosition.x);
+    const deltaY = Math.abs(e.clientY - this.mouseDownPosition.y);
+    const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+
+    if (distance < this.DRAG_THRESHOLD) return;
+
+    // Start drag
+    this.initializeDrag(this.pendingElement, this.pendingMouseOffset!, e);
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+  };
+
+  private handlePointerUp = (_e: PointerEvent): void => {
+    // Clear pending state
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+
+    if (!this.dragState) return;
+
+    // Stop animation
+    cancelAnimationFrame(this.dragState.animationId);
+
+    // Handle based on drag source and target
+    if (this.dragState.dragSource === 'header') {
+      // Header item drag end
+      this.handleHeaderItemDragEnd();
+    } else {
+      // Grid event drag end
+      this.handleGridEventDragEnd();
+    }
+
+    // Cleanup
+    this.dragState.element.classList.remove('dragging');
+    this.dragState = null;
+    this.inHeader = false;
+  };
+
+  /**
+   * Handle drag end for header items
+   */
+  private handleHeaderItemDragEnd(): void {
+    if (!this.dragState) return;
+
+    // If dropped in grid (not in header), the swp-event was already created
+    // by EventRenderer listening to EVENT_DRAG_LEAVE_HEADER
+    // Just emit drag:end for persistence
+
+    if (!this.inHeader && this.dragState.currentColumn) {
+      // Dropped in grid - emit drag:end with the new swp-event element
+      const gridEvent = this.dragState.currentColumn.querySelector(
+        `swp-event[data-event-id="${this.dragState.eventId}"]`
+      ) as HTMLElement;
+
+      if (gridEvent) {
+        const columnKey = this.dragState.currentColumn.dataset.columnKey || '';
+        const date = this.dragState.currentColumn.dataset.date || '';
+        const swpEvent = SwpEvent.fromElement(gridEvent, columnKey, date, this.gridConfig);
+
+        const payload: IDragEndPayload = {
+          swpEvent,
+          sourceColumnKey: this.dragState.sourceColumnKey,
+          target: 'grid'
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+      }
+    }
+    // If still in header, no persistence needed (stayed in header)
+  }
+
+  /**
+   * Handle drag end for grid events
+   */
+  private handleGridEventDragEnd(): void {
+    if (!this.dragState || !this.dragState.columnElement) return;
+
+    // Snap to grid
+    const snappedY = snapToGrid(this.dragState.currentY, this.gridConfig);
+    this.dragState.element.style.top = `${snappedY}px`;
+
+    // Remove ghost
+    this.dragState.ghostElement?.remove();
+
+    // Get columnKey and date from target column
+    const columnKey = this.dragState.columnElement.dataset.columnKey || '';
+    const date = this.dragState.columnElement.dataset.date || '';
+
+    // Create SwpEvent from element (reads top/height/eventId from element)
+    const swpEvent = SwpEvent.fromElement(
+      this.dragState.element,
+      columnKey,
+      date,
+      this.gridConfig
+    );
+
+    // Emit drag:end
+    const payload: IDragEndPayload = {
+      swpEvent,
+      sourceColumnKey: this.dragState.sourceColumnKey,
+      target: this.inHeader ? 'header' : 'grid'
+    };
+
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+  }
+
+  private initializeDrag(element: HTMLElement, mouseOffset: IMousePosition, e: PointerEvent): void {
+    const eventId = element.dataset.eventId || '';
+    const isHeaderItem = element.tagName.toLowerCase() === 'swp-header-item';
+    const columnElement = element.closest('swp-day-column') as HTMLElement;
+
+    // For grid events, we need a column
+    if (!isHeaderItem && !columnElement) return;
+
+    if (isHeaderItem) {
+      // Header item drag initialization
+      this.initializeHeaderItemDrag(element, mouseOffset, eventId);
+    } else {
+      // Grid event drag initialization
+      this.initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId);
+    }
+  }
+
+  /**
+   * Initialize drag for a header item (allDay event)
+   */
+  private initializeHeaderItemDrag(element: HTMLElement, mouseOffset: IMousePosition, eventId: string): void {
+    // Mark as dragging
+    element.classList.add('dragging');
+
+    // Initialize drag state for header item
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement: null,  // No ghost for header items
+      startY: 0,
+      mouseOffset,
+      columnElement: null,
+      currentColumn: null,
+      targetY: 0,
+      currentY: 0,
+      animationId: 0,
+      sourceColumnKey: '',  // Will be set from header item data
+      dragSource: 'header'
+    };
+
+    // Start in header mode
+    this.inHeader = true;
+  }
+
+  /**
+   * Initialize drag for a grid event
+   */
+  private initializeGridEventDrag(element: HTMLElement, mouseOffset: IMousePosition, e: PointerEvent, columnElement: HTMLElement, eventId: string): void {
+    // Calculate absolute Y position using getBoundingClientRect
+    const elementRect = element.getBoundingClientRect();
+    const columnRect = columnElement.getBoundingClientRect();
+    const startY = elementRect.top - columnRect.top;
+
+    // If event is inside a group, move it to events-layer for correct positioning during drag
+    const group = element.closest('swp-event-group');
+    if (group) {
+      const eventsLayer = columnElement.querySelector('swp-events-layer');
+      if (eventsLayer) {
+        eventsLayer.appendChild(element);
+      }
+    }
+
+    // Set consistent positioning for drag (works for both grouped and stacked events)
+    element.style.position = 'absolute';
+    element.style.top = `${startY}px`;
+    element.style.left = '2px';
+    element.style.right = '2px';
+    element.style.marginLeft = '0';  // Reset stacking margin
+
+    // Create ghost clone
+    const ghostElement = element.cloneNode(true) as HTMLElement;
+    ghostElement.classList.add('drag-ghost');
+    ghostElement.style.opacity = '0.3';
+    ghostElement.style.pointerEvents = 'none';
+
+    // Insert ghost before original
+    element.parentNode?.insertBefore(ghostElement, element);
+
+    // Setup element for dragging
+    element.classList.add('dragging');
+
+    // Calculate initial target from mouse position
+    const targetY = e.clientY - columnRect.top - mouseOffset.y;
+
+    // Initialize drag state
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement,
+      currentColumn: columnElement,
+      targetY: Math.max(0, targetY),
+      currentY: startY,
+      animationId: 0,
+      sourceColumnKey: columnElement.dataset.columnKey || '',
+      dragSource: 'grid'
+    };
+
+    // Emit drag:start
+    const payload: IDragStartPayload = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement
+    };
+
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_START, payload);
+
+    // Start animation loop
+    this.animateDrag();
+  }
+
+  private updateDragTarget(e: PointerEvent): void {
+    if (!this.dragState) return;
+
+    // Check header zone first
+    this.checkHeaderZone(e);
+
+    // Skip normal grid handling if in header
+    if (this.inHeader) return;
+
+    // Check for column change
+    const columnAtPoint = this.getColumnAtPoint(e.clientX);
+
+    // For header items entering grid, set initial column
+    if (this.dragState.dragSource === 'header' && columnAtPoint && !this.dragState.currentColumn) {
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+
+    if (columnAtPoint && columnAtPoint !== this.dragState.currentColumn && this.dragState.currentColumn) {
+      const payload: IDragColumnChangePayload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        previousColumn: this.dragState.currentColumn,
+        newColumn: columnAtPoint,
+        currentY: this.dragState.currentY
+      };
+
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, payload);
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+
+    // Skip grid position updates if no column yet
+    if (!this.dragState.columnElement) return;
+
+    const columnRect = this.dragState.columnElement.getBoundingClientRect();
+    const targetY = e.clientY - columnRect.top - this.dragState.mouseOffset.y;
+
+    this.dragState.targetY = Math.max(0, targetY);
+
+    // Start animation if not running
+    if (!this.dragState.animationId) {
+      this.animateDrag();
+    }
+  }
+
+  /**
+   * Check if pointer is in header zone and emit appropriate events
+   */
+  private checkHeaderZone(e: PointerEvent): void {
+    if (!this.dragState) return;
+
+    const headerViewport = document.querySelector('swp-header-viewport');
+    if (!headerViewport) return;
+
+    const rect = headerViewport.getBoundingClientRect();
+    const isInHeader = e.clientY < rect.bottom;
+
+    if (isInHeader && !this.inHeader) {
+      // Entered header (from grid)
+      this.inHeader = true;
+
+      if (this.dragState.dragSource === 'grid' && this.dragState.columnElement) {
+        const payload: IDragEnterHeaderPayload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          sourceColumnIndex: this.getColumnIndex(this.dragState.columnElement),
+          sourceColumnKey: this.dragState.columnElement.dataset.columnKey || '',
+          title: this.dragState.element.querySelector('swp-event-title')?.textContent || '',
+          colorClass: [...this.dragState.element.classList].find(c => c.startsWith('is-')),
+          itemType: 'event',
+          duration: 1
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_ENTER_HEADER, payload);
+      }
+      // For header source re-entering header, just update inHeader flag
+    } else if (!isInHeader && this.inHeader) {
+      // Left header (entering grid)
+      this.inHeader = false;
+
+      const targetColumn = this.getColumnAtPoint(e.clientX);
+
+      if (this.dragState.dragSource === 'header') {
+        // Header item leaving header → create swp-event in grid
+        const payload: IDragLeaveHeaderPayload = {
+          eventId: this.dragState.eventId,
+          source: 'header',
+          element: this.dragState.element,
+          targetColumn: targetColumn || undefined,
+          start: this.dragState.element.dataset.start ? new Date(this.dragState.element.dataset.start) : undefined,
+          end: this.dragState.element.dataset.end ? new Date(this.dragState.element.dataset.end) : undefined,
+          title: this.dragState.element.textContent || '',
+          colorClass: [...this.dragState.element.classList].find(c => c.startsWith('is-'))
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+
+        // Re-attach to the new swp-event created by EventRenderer
+        if (targetColumn) {
+          const newElement = targetColumn.querySelector(
+            `swp-event[data-event-id="${this.dragState.eventId}"]`
+          ) as HTMLElement;
+
+          if (newElement) {
+            this.dragState.element = newElement;
+            this.dragState.columnElement = targetColumn;
+            this.dragState.currentColumn = targetColumn;
+
+            // Start animation for the new element
+            this.animateDrag();
+          }
+        }
+      } else {
+        // Grid event leaving header → restore to grid
+        const payload: IDragLeaveHeaderPayload = {
+          eventId: this.dragState.eventId,
+          source: 'grid'
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+      }
+    } else if (isInHeader) {
+      // Moving within header
+      const column = this.getColumnAtX(e.clientX);
+      if (column) {
+        const payload: IDragMoveHeaderPayload = {
+          eventId: this.dragState.eventId,
+          columnIndex: this.getColumnIndex(column),
+          columnKey: column.dataset.columnKey || ''
+        };
+
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE_HEADER, payload);
+      }
+    }
+  }
+
+  /**
+   * Get column index (0-based) for a column element
+   */
+  private getColumnIndex(column: HTMLElement | null): number {
+    if (!this.container || !column) return 0;
+    const columns = Array.from(this.container.querySelectorAll('swp-day-column'));
+    return columns.indexOf(column);
+  }
+
+  /**
+   * Get column at X coordinate (alias for getColumnAtPoint)
+   */
+  private getColumnAtX(clientX: number): HTMLElement | null {
+    return this.getColumnAtPoint(clientX);
+  }
+
+  /**
+   * Find column element at given X coordinate
+   */
+  private getColumnAtPoint(clientX: number): HTMLElement | null {
+    if (!this.container) return null;
+
+    const columns = this.container.querySelectorAll('swp-day-column');
+    for (const col of columns) {
+      const rect = col.getBoundingClientRect();
+      if (clientX >= rect.left && clientX <= rect.right) {
+        return col as HTMLElement;
+      }
+    }
+    return null;
+  }
+
+  private animateDrag = (): void => {
+    if (!this.dragState) return;
+
+    const diff = this.dragState.targetY - this.dragState.currentY;
+
+    // Stop animation when close enough to target
+    if (Math.abs(diff) <= 0.5) {
+      this.dragState.animationId = 0;
+      return;
+    }
+
+    // Interpolate towards target
+    this.dragState.currentY += diff * this.INTERPOLATION_FACTOR;
+
+    // Update element position
+    this.dragState.element.style.top = `${this.dragState.currentY}px`;
+
+    // Emit drag:move (only if we have a column)
+    if (this.dragState.columnElement) {
+      const payload: IDragMovePayload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        currentY: this.dragState.currentY,
+        columnElement: this.dragState.columnElement
+      };
+
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE, payload);
+    }
+
+    // Continue animation
+    this.dragState.animationId = requestAnimationFrame(this.animateDrag);
+  };
+
+  /**
+   * Cancel drag and animate back to start position
+   */
+  cancelDrag(): void {
+    if (!this.dragState) return;
+
+    // Stop animation
+    cancelAnimationFrame(this.dragState.animationId);
+
+    const { element, ghostElement, startY, eventId } = this.dragState;
+
+    // Animate back to start
+    element.style.transition = 'top 200ms ease-out';
+    element.style.top = `${startY}px`;
+
+    // Remove ghost after animation (if exists)
+    setTimeout(() => {
+      ghostElement?.remove();
+      element.style.transition = '';
+      element.classList.remove('dragging');
+    }, 200);
+
+    // Emit drag:cancel
+    const payload: IDragCancelPayload = {
+      eventId,
+      element,
+      startY
+    };
+
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_CANCEL, payload);
+
+    this.dragState = null;
+    this.inHeader = false;
+  }
+}
diff --git a/src/managers/EdgeScrollManager.ts b/src/managers/EdgeScrollManager.ts
index 9170ed5..d1b5584 100644
--- a/src/managers/EdgeScrollManager.ts
+++ b/src/managers/EdgeScrollManager.ts
@@ -1,220 +1,140 @@
-/**
- * EdgeScrollManager - Auto-scroll when dragging near edges
- * Uses time-based scrolling with 2-zone system for variable speed
- */
-
-import { IEventBus } from '../types/CalendarTypes';
-import { IDragMoveEventPayload, IDragStartEventPayload } from '../types/EventTypes';
-
-export class EdgeScrollManager {
-  private scrollableContent: HTMLElement | null = null;
-  private timeGrid: HTMLElement | null = null;
-  private draggedClone: HTMLElement | null = null;
-  private scrollRAF: number | null = null;
-  private mouseY = 0;
-  private isDragging = false;
-  private isScrolling = false; // Track if edge-scroll is active
-  private lastTs = 0;
-  private rect: DOMRect | null = null;
-  private initialScrollTop = 0;
-  private scrollListener: ((e: Event) => void) | null = null;
-
-  // Constants - fixed values as per requirements
-  private readonly OUTER_ZONE = 100;        // px from edge (slow zone)
-  private readonly INNER_ZONE = 50;         // px from edge (fast zone)
-  private readonly SLOW_SPEED_PXS = 140;    // px/sec in outer zone
-  private readonly FAST_SPEED_PXS = 640;   // px/sec in inner zone
-
-  constructor(private eventBus: IEventBus) {
-    this.init();
-  }
-
-  private init(): void {
-    // Wait for DOM to be ready
-    setTimeout(() => {
-      this.scrollableContent = document.querySelector('swp-scrollable-content');
-      this.timeGrid = document.querySelector('swp-time-grid');
-      
-      if (this.scrollableContent) {
-        // Disable smooth scroll for instant auto-scroll
-        this.scrollableContent.style.scrollBehavior = 'auto';
-        
-        // Add scroll listener to detect actual scrolling
-        this.scrollListener = this.handleScroll.bind(this);
-        this.scrollableContent.addEventListener('scroll', this.scrollListener, { passive: true });
-      }
-    }, 100);
-
-    // Listen to mousemove directly from document to always get mouse coords
-    document.body.addEventListener('mousemove', (e: MouseEvent) => {
-      if (this.isDragging) {
-        this.mouseY = e.clientY;
-      }
-    });
-
-    this.subscribeToEvents();
-  }
-
-  private subscribeToEvents(): void {
-
-    // Listen to drag events from DragDropManager
-    this.eventBus.on('drag:start', (event: Event) => {
-      const payload = (event as CustomEvent).detail;
-      this.draggedClone = payload.draggedClone;
-      this.startDrag();
-    });
-
-    this.eventBus.on('drag:end', () => this.stopDrag());
-    this.eventBus.on('drag:cancelled', () => this.stopDrag());
-    
-    // Stop scrolling when event converts to/from all-day
-    this.eventBus.on('drag:mouseenter-header', () => {
-      console.log('🔄 EdgeScrollManager: Event converting to all-day - stopping scroll');
-      this.stopDrag();
-    });
-    
-    this.eventBus.on('drag:mouseenter-column', () => {
-      this.startDrag();
-    });
-  }
-
-  private startDrag(): void {
-    console.log('🎬 EdgeScrollManager: Starting drag');
-    this.isDragging = true;
-    this.isScrolling = false; // Reset scroll state
-    this.lastTs = performance.now();
-
-    // Save initial scroll position
-    if (this.scrollableContent) {
-      this.initialScrollTop = this.scrollableContent.scrollTop;
-    }
-
-    if (this.scrollRAF === null) {
-      this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
-    }
-  }
-
-  private stopDrag(): void {
-    this.isDragging = false;
-    
-    // Emit stopped event if we were scrolling
-    if (this.isScrolling) {
-      this.isScrolling = false;
-      console.log('🛑 EdgeScrollManager: Edge-scroll stopped (drag ended)');
-      this.eventBus.emit('edgescroll:stopped', {});
-    }
-    
-    if (this.scrollRAF !== null) {
-      cancelAnimationFrame(this.scrollRAF);
-      this.scrollRAF = null;
-    }
-    this.rect = null;
-    this.lastTs = 0;
-    this.initialScrollTop = 0;
-  }
-
-  private handleScroll(): void {
-    if (!this.isDragging || !this.scrollableContent) return;
-
-    const currentScrollTop = this.scrollableContent.scrollTop;
-    const scrollDelta = Math.abs(currentScrollTop - this.initialScrollTop);
-
-    // Only emit started event if we've actually scrolled more than 1px
-    if (scrollDelta > 1 && !this.isScrolling) {
-      this.isScrolling = true;
-      console.log('💾 EdgeScrollManager: Edge-scroll started (actual scroll detected)', {
-        initialScrollTop: this.initialScrollTop,
-        currentScrollTop,
-        scrollDelta
-      });
-      this.eventBus.emit('edgescroll:started', {});
-    }
-  }
-
-  private scrollTick(ts: number): void {
-    const dt = this.lastTs ? (ts - this.lastTs) / 1000 : 0;
-    this.lastTs = ts;
-
-    if (!this.scrollableContent) {
-      this.stopDrag();
-      return;
-    }
-
-    // Cache rect for performance (only measure once per frame)
-    if (!this.rect) {
-      this.rect = this.scrollableContent.getBoundingClientRect();
-    }
-
-    let vy = 0;
-    if (this.isDragging) {
-      const distTop = this.mouseY - this.rect.top;
-      const distBot = this.rect.bottom - this.mouseY;
-
-      // Check top edge
-      if (distTop < this.INNER_ZONE) {
-        vy = -this.FAST_SPEED_PXS;
-      } else if (distTop < this.OUTER_ZONE) {
-        vy = -this.SLOW_SPEED_PXS;
-      }
-      // Check bottom edge
-      else if (distBot < this.INNER_ZONE) {
-        vy = this.FAST_SPEED_PXS;
-      } else if (distBot < this.OUTER_ZONE) {
-        vy = this.SLOW_SPEED_PXS;
-      }
-    }
-
-    if (vy !== 0 && this.isDragging && this.timeGrid && this.draggedClone) {
-      // Check if we can scroll in the requested direction
-      const currentScrollTop = this.scrollableContent.scrollTop;
-      const scrollableHeight = this.scrollableContent.clientHeight;
-      const timeGridHeight = this.timeGrid.clientHeight;
-      
-      // Get dragged element position and height
-      const cloneRect = this.draggedClone.getBoundingClientRect();
-      const cloneBottom = cloneRect.bottom;
-      const timeGridRect = this.timeGrid.getBoundingClientRect();
-      const timeGridBottom = timeGridRect.bottom;
-      
-      // Check boundaries
-      const atTop = currentScrollTop <= 0 && vy < 0;
-      const atBottom = (cloneBottom >= timeGridBottom) && vy > 0;
-      
-      
-      if (atTop || atBottom) {
-        // At boundary - stop scrolling
-        if (this.isScrolling) {
-          this.isScrolling = false;
-          this.initialScrollTop = this.scrollableContent.scrollTop;
-          console.log('🛑 EdgeScrollManager: Edge-scroll stopped (reached boundary)');
-          this.eventBus.emit('edgescroll:stopped', {});
-        }
-        
-        // Continue RAF loop to detect when mouse moves away from boundary
-        if (this.isDragging) {
-          this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
-        }
-      } else {
-        // Not at boundary - apply scroll
-        this.scrollableContent.scrollTop += vy * dt;
-        this.rect = null; // Invalidate cache for next frame
-        this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
-      }
-    } else {
-      // Mouse moved away from edge - stop scrolling
-      if (this.isScrolling) {
-        this.isScrolling = false;
-        this.initialScrollTop = this.scrollableContent.scrollTop; // Reset for next scroll
-        console.log('🛑 EdgeScrollManager: Edge-scroll stopped (mouse left edge)');
-        this.eventBus.emit('edgescroll:stopped', {});
-      }
-      
-      // Continue RAF loop even if not scrolling, to detect edge entry
-      if (this.isDragging) {
-        this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
-      } else {
-        this.stopDrag();
-      }
-    }
-  }
-}
\ No newline at end of file
+/**
+ * EdgeScrollManager - Auto-scroll when dragging near viewport edges
+ *
+ * 2-zone system:
+ * - Inner zone (0-50px): Fast scroll (640 px/sec)
+ * - Outer zone (50-100px): Slow scroll (140 px/sec)
+ */
+
+import { IEventBus } from '../types/CalendarTypes';
+import { CoreEvents } from '../constants/CoreEvents';
+
+export class EdgeScrollManager {
+  private scrollableContent: HTMLElement | null = null;
+  private timeGrid: HTMLElement | null = null;
+  private draggedElement: HTMLElement | null = null;
+  private scrollRAF: number | null = null;
+  private mouseY = 0;
+  private isDragging = false;
+  private isScrolling = false;
+  private lastTs = 0;
+  private rect: DOMRect | null = null;
+  private initialScrollTop = 0;
+
+  private readonly OUTER_ZONE = 100;
+  private readonly INNER_ZONE = 50;
+  private readonly SLOW_SPEED = 140;
+  private readonly FAST_SPEED = 640;
+
+  constructor(private eventBus: IEventBus) {
+    this.subscribeToEvents();
+    document.addEventListener('pointermove', this.trackMouse);
+  }
+
+  init(scrollableContent: HTMLElement): void {
+    this.scrollableContent = scrollableContent;
+    this.timeGrid = scrollableContent.querySelector('swp-time-grid');
+    this.scrollableContent.style.scrollBehavior = 'auto';
+  }
+
+  private trackMouse = (e: PointerEvent): void => {
+    if (this.isDragging) {
+      this.mouseY = e.clientY;
+    }
+  };
+
+  private subscribeToEvents(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_START, (event: Event) => {
+      const payload = (event as CustomEvent).detail;
+      this.draggedElement = payload.element;
+      this.startDrag();
+    });
+
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, () => this.stopDrag());
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => this.stopDrag());
+  }
+
+  private startDrag(): void {
+    this.isDragging = true;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+
+    if (this.scrollRAF === null) {
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    }
+  }
+
+  private stopDrag(): void {
+    this.isDragging = false;
+    this.setScrollingState(false);
+
+    if (this.scrollRAF !== null) {
+      cancelAnimationFrame(this.scrollRAF);
+      this.scrollRAF = null;
+    }
+
+    this.rect = null;
+    this.lastTs = 0;
+    this.initialScrollTop = 0;
+  }
+
+  private calculateVelocity(): number {
+    if (!this.rect) return 0;
+
+    const distTop = this.mouseY - this.rect.top;
+    const distBot = this.rect.bottom - this.mouseY;
+
+    if (distTop < this.INNER_ZONE) return -this.FAST_SPEED;
+    if (distTop < this.OUTER_ZONE) return -this.SLOW_SPEED;
+    if (distBot < this.INNER_ZONE) return this.FAST_SPEED;
+    if (distBot < this.OUTER_ZONE) return this.SLOW_SPEED;
+
+    return 0;
+  }
+
+  private isAtBoundary(velocity: number): boolean {
+    if (!this.scrollableContent || !this.timeGrid || !this.draggedElement) return false;
+
+    const atTop = this.scrollableContent.scrollTop <= 0 && velocity < 0;
+    const atBottom = velocity > 0 &&
+      this.draggedElement.getBoundingClientRect().bottom >=
+      this.timeGrid.getBoundingClientRect().bottom;
+
+    return atTop || atBottom;
+  }
+
+  private setScrollingState(scrolling: boolean): void {
+    if (this.isScrolling === scrolling) return;
+
+    this.isScrolling = scrolling;
+    if (scrolling) {
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STARTED, {});
+    } else {
+      this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STOPPED, {});
+    }
+  }
+
+  private scrollTick = (ts: number): void => {
+    if (!this.isDragging || !this.scrollableContent) return;
+
+    const dt = this.lastTs ? (ts - this.lastTs) / 1000 : 0;
+    this.lastTs = ts;
+    this.rect ??= this.scrollableContent.getBoundingClientRect();
+
+    const velocity = this.calculateVelocity();
+
+    if (velocity !== 0 && !this.isAtBoundary(velocity)) {
+      const scrollDelta = velocity * dt;
+      this.scrollableContent.scrollTop += scrollDelta;
+      this.rect = null;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_TICK, { scrollDelta });
+      this.setScrollingState(true);
+    } else {
+      this.setScrollingState(false);
+    }
+
+    this.scrollRAF = requestAnimationFrame(this.scrollTick);
+  };
+}
diff --git a/src/managers/EventFilterManager.ts b/src/managers/EventFilterManager.ts
deleted file mode 100644
index 1f6777a..0000000
--- a/src/managers/EventFilterManager.ts
+++ /dev/null
@@ -1,229 +0,0 @@
-/**
- * EventFilterManager - Handles fuzzy search filtering of calendar events
- * Uses Fuse.js for fuzzy matching (Apache 2.0 License)
- */
-
-import { eventBus } from '../core/EventBus';
-import { CoreEvents } from '../constants/CoreEvents';
-import { ICalendarEvent } from '../types/CalendarTypes';
-
-// Import Fuse.js from npm
-import Fuse from 'fuse.js';
-
-interface FuseResult {
-  item: ICalendarEvent;
-  refIndex: number;
-  score?: number;
-}
-
-export class EventFilterManager {
-  private searchInput: HTMLInputElement | null = null;
-  private allEvents: ICalendarEvent[] = [];
-  private matchingEventIds: Set<string> = new Set();
-  private isFilterActive: boolean = false;
-  private frameRequest: number | null = null;
-  private fuse: Fuse<ICalendarEvent> | null = null;
-  
-  constructor() {
-    // Wait for DOM to be ready before initializing
-    if (document.readyState === 'loading') {
-      document.addEventListener('DOMContentLoaded', () => {
-        this.init();
-      });
-    } else {
-      this.init();
-    }
-  }
-  
-  private init(): void {
-    // Find search input
-    this.searchInput = document.querySelector('swp-search-container input[type="search"]');
-    
-    if (!this.searchInput) {
-      return;
-    }
-    
-    // Set up event listeners
-    this.setupSearchListeners();
-    this.subscribeToEvents();
-    
-    // Initialization complete
-  }
-  
-  private setupSearchListeners(): void {
-    if (!this.searchInput) return;
-    
-    // Listen for input changes
-    this.searchInput.addEventListener('input', (e) => {
-      const query = (e.target as HTMLInputElement).value;
-      this.handleSearchInput(query);
-    });
-    
-    // Listen for escape key
-    this.searchInput.addEventListener('keydown', (e) => {
-      if (e.key === 'Escape') {
-        this.clearFilter();
-      }
-    });
-  }
-  
-  private subscribeToEvents(): void {
-    // Listen for events data updates
-    eventBus.on(CoreEvents.EVENTS_RENDERED, (e: Event) => {
-      const detail = (e as CustomEvent).detail;
-      if (detail?.events) {
-        this.updateEventsList(detail.events);
-      }
-    });
-  }
-  
-  private updateEventsList(events: ICalendarEvent[]): void {
-    this.allEvents = events;
-    
-    // Initialize Fuse with the new events list
-    this.fuse = new Fuse(this.allEvents, {
-      keys: ['title', 'description'],
-      threshold: 0.3,
-      includeScore: true,
-      minMatchCharLength: 2,  // Minimum 2 characters for a match
-      shouldSort: true,
-      ignoreLocation: true     // Search anywhere in the string
-    });
-    
-    
-    // Re-apply filter if active
-    if (this.isFilterActive && this.searchInput) {
-      this.applyFilter(this.searchInput.value);
-    }
-  }
-  
-  private handleSearchInput(query: string): void {
-    // Cancel any pending filter
-    if (this.frameRequest) {
-      cancelAnimationFrame(this.frameRequest);
-    }
-    
-    // Debounce with requestAnimationFrame
-    this.frameRequest = requestAnimationFrame(() => {
-      if (query.length === 0) {
-        // Only clear when input is completely empty
-        this.clearFilter();
-      } else {
-        // Let Fuse.js handle minimum character length via minMatchCharLength
-        this.applyFilter(query);
-      }
-    });
-  }
-  
-  private applyFilter(query: string): void {
-    if (!this.fuse) {
-      return;
-    }
-    
-    // Perform fuzzy search
-    const results = this.fuse.search(query);
-    
-    // Extract matching event IDs
-    this.matchingEventIds.clear();
-    results.forEach((result: FuseResult) => {
-      if (result.item && result.item.id) {
-        this.matchingEventIds.add(result.item.id);
-      }
-    });
-    
-    // Update filter state
-    this.isFilterActive = true;
-    
-    // Update visual state
-    this.updateVisualState();
-    
-    // Emit filter changed event
-    eventBus.emit(CoreEvents.FILTER_CHANGED, {
-      active: true,
-      query: query,
-      matchingIds: Array.from(this.matchingEventIds)
-    });
-    
-  }
-  
-  private clearFilter(): void {
-    this.isFilterActive = false;
-    this.matchingEventIds.clear();
-    
-    // Clear search input
-    if (this.searchInput) {
-      this.searchInput.value = '';
-    }
-    
-    // Update visual state
-    this.updateVisualState();
-    
-    // Emit filter cleared event
-    eventBus.emit(CoreEvents.FILTER_CHANGED, {
-      active: false,
-      query: '',
-      matchingIds: []
-    });
-    
-  }
-  
-  private updateVisualState(): void {
-    // Update search container styling
-    const searchContainer = document.querySelector('swp-search-container');
-    if (searchContainer) {
-      if (this.isFilterActive) {
-        searchContainer.classList.add('filter-active');
-      } else {
-        searchContainer.classList.remove('filter-active');
-      }
-    }
-    
-    // Update all events layers
-    const eventsLayers = document.querySelectorAll('swp-events-layer');
-    eventsLayers.forEach(layer => {
-      if (this.isFilterActive) {
-        layer.setAttribute('data-filter-active', 'true');
-        
-        // Mark matching events
-        const events = layer.querySelectorAll('swp-event');
-        events.forEach(event => {
-          const eventId = event.getAttribute('data-event-id');
-          if (eventId && this.matchingEventIds.has(eventId)) {
-            event.setAttribute('data-matches', 'true');
-          } else {
-            event.removeAttribute('data-matches');
-          }
-        });
-      } else {
-        layer.removeAttribute('data-filter-active');
-        
-        // Remove all match attributes
-        const events = layer.querySelectorAll('swp-event');
-        events.forEach(event => {
-          event.removeAttribute('data-matches');
-        });
-      }
-    });
-  }
-  
-  /**
-   * Check if an event matches the current filter
-   */
-  public eventMatchesFilter(eventId: string): boolean {
-    if (!this.isFilterActive) {
-      return true; // No filter active, all events match
-    }
-    return this.matchingEventIds.has(eventId);
-  }
-  
-  /**
-   * Get current filter state
-   */
-  public getFilterState(): { active: boolean; matchingIds: string[] } {
-    return {
-      active: this.isFilterActive,
-      matchingIds: Array.from(this.matchingEventIds)
-    };
-  }
-  
-}
\ No newline at end of file
diff --git a/src/managers/EventLayoutCoordinator.ts b/src/managers/EventLayoutCoordinator.ts
deleted file mode 100644
index ad777c3..0000000
--- a/src/managers/EventLayoutCoordinator.ts
+++ /dev/null
@@ -1,280 +0,0 @@
-/**
- * EventLayoutCoordinator - Coordinates event layout calculations
- *
- * Separates layout logic from rendering concerns.
- * Calculates stack levels, groups events, and determines rendering strategy.
- */
-
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { EventStackManager, IEventGroup, IStackLink } from './EventStackManager';
-import { PositionUtils } from '../utils/PositionUtils';
-import { Configuration } from '../configurations/CalendarConfig';
-
-export interface IGridGroupLayout {
-  events: ICalendarEvent[];
-  stackLevel: number;
-  position: { top: number };
-  columns: ICalendarEvent[][]; // Events grouped by column (events in same array share a column)
-}
-
-export interface IStackedEventLayout {
-  event: ICalendarEvent;
-  stackLink: IStackLink;
-  position: { top: number; height: number };
-}
-
-export interface IColumnLayout {
-  gridGroups: IGridGroupLayout[];
-  stackedEvents: IStackedEventLayout[];
-}
-
-export class EventLayoutCoordinator {
-  private stackManager: EventStackManager;
-  private config: Configuration;
-  private positionUtils: PositionUtils;
-
-  constructor(stackManager: EventStackManager, config: Configuration, positionUtils: PositionUtils) {
-    this.stackManager = stackManager;
-    this.config = config;
-    this.positionUtils = positionUtils;
-  }
-
-  /**
-   * Calculate complete layout for a column of events (recursive approach)
-   */
-  public calculateColumnLayout(columnEvents: ICalendarEvent[]): IColumnLayout {
-    if (columnEvents.length === 0) {
-      return { gridGroups: [], stackedEvents: [] };
-    }
-
-    const gridGroupLayouts: IGridGroupLayout[] = [];
-    const stackedEventLayouts: IStackedEventLayout[] = [];
-    const renderedEventsWithLevels: Array<{ event: ICalendarEvent; level: number }> = [];
-    let remaining = [...columnEvents].sort((a, b) => a.start.getTime() - b.start.getTime());
-
-    // Process events recursively
-    while (remaining.length > 0) {
-      // Take first event
-      const firstEvent = remaining[0];
-
-      // Find events that could be in GRID with first event
-      // Use expanding search to find chains (A→B→C where each conflicts with next)
-      const gridSettings = this.config.gridSettings;
-      const thresholdMinutes = gridSettings.gridStartThresholdMinutes;
-
-      // Use refactored method for expanding grid candidates
-      const gridCandidates = this.expandGridCandidates(firstEvent, remaining, thresholdMinutes);
-
-      // Decide: should this group be GRID or STACK?
-      const group: IEventGroup = {
-        events: gridCandidates,
-        containerType: 'NONE',
-        startTime: firstEvent.start
-      };
-      const containerType = this.stackManager.decideContainerType(group);
-
-      if (containerType === 'GRID' && gridCandidates.length > 1) {
-        // Render as GRID
-        const gridStackLevel = this.calculateGridGroupStackLevelFromRendered(
-          gridCandidates,
-          renderedEventsWithLevels
-        );
-
-        // Ensure we get the earliest event (explicit sort for robustness)
-        const earliestEvent = [...gridCandidates].sort((a, b) => a.start.getTime() - b.start.getTime())[0];
-        const position = this.positionUtils.calculateEventPosition(earliestEvent.start, earliestEvent.end);
-        const columns = this.allocateColumns(gridCandidates);
-
-        gridGroupLayouts.push({
-          events: gridCandidates,
-          stackLevel: gridStackLevel,
-          position: { top: position.top + 1 },
-          columns
-        });
-
-        // Mark all events in grid with their stack level
-        gridCandidates.forEach(e => renderedEventsWithLevels.push({ event: e, level: gridStackLevel }));
-
-        // Remove all events in this grid from remaining
-        remaining = remaining.filter(e => !gridCandidates.includes(e));
-      } else {
-        // Render first event as STACKED
-        const stackLevel = this.calculateStackLevelFromRendered(
-          firstEvent,
-          renderedEventsWithLevels
-        );
-
-        const position = this.positionUtils.calculateEventPosition(firstEvent.start, firstEvent.end);
-        stackedEventLayouts.push({
-          event: firstEvent,
-          stackLink: { stackLevel },
-          position: { top: position.top + 1, height: position.height - 3 }
-        });
-
-        // Mark this event with its stack level
-        renderedEventsWithLevels.push({ event: firstEvent, level: stackLevel });
-
-        // Remove only first event from remaining
-        remaining = remaining.slice(1);
-      }
-    }
-
-    return {
-      gridGroups: gridGroupLayouts,
-      stackedEvents: stackedEventLayouts
-    };
-  }
-
-  /**
-   * Calculate stack level for a grid group based on already rendered events
-   */
-  private calculateGridGroupStackLevelFromRendered(
-    gridEvents: ICalendarEvent[],
-    renderedEventsWithLevels: Array<{ event: ICalendarEvent; level: number }>
-  ): number {
-    // Find highest stack level of any rendered event that overlaps with this grid
-    let maxOverlappingLevel = -1;
-
-    for (const gridEvent of gridEvents) {
-      for (const rendered of renderedEventsWithLevels) {
-        if (this.stackManager.doEventsOverlap(gridEvent, rendered.event)) {
-          maxOverlappingLevel = Math.max(maxOverlappingLevel, rendered.level);
-        }
-      }
-    }
-
-    return maxOverlappingLevel + 1;
-  }
-
-  /**
-   * Calculate stack level for a single stacked event based on already rendered events
-   */
-  private calculateStackLevelFromRendered(
-    event: ICalendarEvent,
-    renderedEventsWithLevels: Array<{ event: ICalendarEvent; level: number }>
-  ): number {
-    // Find highest stack level of any rendered event that overlaps with this event
-    let maxOverlappingLevel = -1;
-
-    for (const rendered of renderedEventsWithLevels) {
-      if (this.stackManager.doEventsOverlap(event, rendered.event)) {
-        maxOverlappingLevel = Math.max(maxOverlappingLevel, rendered.level);
-      }
-    }
-
-    return maxOverlappingLevel + 1;
-  }
-
-  /**
-   * Detect if two events have a conflict based on threshold
-   *
-   * @param event1 - First event
-   * @param event2 - Second event
-   * @param thresholdMinutes - Threshold in minutes
-   * @returns true if events conflict
-   */
-  private detectConflict(event1: ICalendarEvent, event2: ICalendarEvent, thresholdMinutes: number): boolean {
-    // Check 1: Start-to-start conflict (starts within threshold)
-    const startToStartDiff = Math.abs(event1.start.getTime() - event2.start.getTime()) / (1000 * 60);
-    if (startToStartDiff <= thresholdMinutes && this.stackManager.doEventsOverlap(event1, event2)) {
-      return true;
-    }
-
-    // Check 2: End-to-start conflict (event1 starts within threshold before event2 ends)
-    const endToStartMinutes = (event2.end.getTime() - event1.start.getTime()) / (1000 * 60);
-    if (endToStartMinutes > 0 && endToStartMinutes <= thresholdMinutes) {
-      return true;
-    }
-
-    // Check 3: Reverse end-to-start (event2 starts within threshold before event1 ends)
-    const reverseEndToStart = (event1.end.getTime() - event2.start.getTime()) / (1000 * 60);
-    if (reverseEndToStart > 0 && reverseEndToStart <= thresholdMinutes) {
-      return true;
-    }
-
-    return false;
-  }
-
-  /**
-   * Expand grid candidates to find all events connected by conflict chains
-   *
-   * Uses expanding search to find chains (A→B→C where each conflicts with next)
-   *
-   * @param firstEvent - The first event to start with
-   * @param remaining - Remaining events to check
-   * @param thresholdMinutes - Threshold in minutes
-   * @returns Array of all events in the conflict chain
-   */
-  private expandGridCandidates(
-    firstEvent: ICalendarEvent,
-    remaining: ICalendarEvent[],
-    thresholdMinutes: number
-  ): ICalendarEvent[] {
-    const gridCandidates = [firstEvent];
-    let candidatesChanged = true;
-
-    // Keep expanding until no new candidates can be added
-    while (candidatesChanged) {
-      candidatesChanged = false;
-
-      for (let i = 1; i < remaining.length; i++) {
-        const candidate = remaining[i];
-
-        // Skip if already in candidates
-        if (gridCandidates.includes(candidate)) continue;
-
-        // Check if candidate conflicts with ANY event in gridCandidates
-        for (const existingCandidate of gridCandidates) {
-          if (this.detectConflict(candidate, existingCandidate, thresholdMinutes)) {
-            gridCandidates.push(candidate);
-            candidatesChanged = true;
-            break; // Found conflict, move to next candidate
-          }
-        }
-      }
-    }
-
-    return gridCandidates;
-  }
-
-  /**
-   * Allocate events to columns within a grid group
-   *
-   * Events that don't overlap can share the same column.
-   * Uses a greedy algorithm to minimize the number of columns.
-   *
-   * @param events - Events in the grid group (should already be sorted by start time)
-   * @returns Array of columns, where each column is an array of events
-   */
-  private allocateColumns(events: ICalendarEvent[]): ICalendarEvent[][] {
-    if (events.length === 0) return [];
-    if (events.length === 1) return [[events[0]]];
-
-    const columns: ICalendarEvent[][] = [];
-
-    // For each event, try to place it in an existing column where it doesn't overlap
-    for (const event of events) {
-      let placed = false;
-
-      // Try to find a column where this event doesn't overlap with any existing event
-      for (const column of columns) {
-        const hasOverlap = column.some(colEvent =>
-          this.stackManager.doEventsOverlap(event, colEvent)
-        );
-
-        if (!hasOverlap) {
-          column.push(event);
-          placed = true;
-          break;
-        }
-      }
-
-      // If no suitable column found, create a new one
-      if (!placed) {
-        columns.push([event]);
-      }
-    }
-
-    return columns;
-  }
-}
diff --git a/src/managers/EventPersistenceManager.ts b/src/managers/EventPersistenceManager.ts
new file mode 100644
index 0000000..ae59df9
--- /dev/null
+++ b/src/managers/EventPersistenceManager.ts
@@ -0,0 +1,102 @@
+/**
+ * EventPersistenceManager - Persists event changes to IndexedDB
+ *
+ * Listens to drag/resize events and updates IndexedDB via EventService.
+ * This bridges the gap between UI interactions and data persistence.
+ */
+
+import { ICalendarEvent, IEventBus, IEventUpdatedPayload } from '../types/CalendarTypes';
+import { EventService } from '../storage/events/EventService';
+import { DateService } from '../core/DateService';
+import { CoreEvents } from '../constants/CoreEvents';
+import { IDragEndPayload } from '../types/DragTypes';
+import { IResizeEndPayload } from '../types/ResizeTypes';
+
+export class EventPersistenceManager {
+  constructor(
+    private eventService: EventService,
+    private eventBus: IEventBus,
+    private dateService: DateService
+  ) {
+    this.setupListeners();
+  }
+
+  private setupListeners(): void {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, this.handleDragEnd);
+    this.eventBus.on(CoreEvents.EVENT_RESIZE_END, this.handleResizeEnd);
+  }
+
+  /**
+   * Handle drag end - update event position in IndexedDB
+   */
+  private handleDragEnd = async (e: Event): Promise<void> => {
+    const payload = (e as CustomEvent<IDragEndPayload>).detail;
+    const { swpEvent } = payload;
+
+    // Get existing event to merge with
+    const event = await this.eventService.get(swpEvent.eventId);
+    if (!event) {
+      console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+      return;
+    }
+
+    // Parse resourceId from columnKey if present
+    const { resource } = this.dateService.parseColumnKey(swpEvent.columnKey);
+
+    // Update and save - start/end already calculated in SwpEvent
+    // Set allDay based on drop target:
+    // - header: allDay = true
+    // - grid: allDay = false (converts allDay event to timed)
+    const updatedEvent: ICalendarEvent = {
+      ...event,
+      start: swpEvent.start,
+      end: swpEvent.end,
+      resourceId: resource ?? event.resourceId,
+      allDay: payload.target === 'header',
+      syncStatus: 'pending'
+    };
+
+    await this.eventService.save(updatedEvent);
+
+    // Emit EVENT_UPDATED for EventRenderer to re-render affected columns
+    const updatePayload: IEventUpdatedPayload = {
+      eventId: updatedEvent.id,
+      sourceColumnKey: payload.sourceColumnKey,
+      targetColumnKey: swpEvent.columnKey
+    };
+    this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+  };
+
+  /**
+   * Handle resize end - update event duration in IndexedDB
+   */
+  private handleResizeEnd = async (e: Event): Promise<void> => {
+    const payload = (e as CustomEvent<IResizeEndPayload>).detail;
+    const { swpEvent } = payload;
+
+    // Get existing event to merge with
+    const event = await this.eventService.get(swpEvent.eventId);
+    if (!event) {
+      console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+      return;
+    }
+
+    // Update and save - end already calculated in SwpEvent
+    const updatedEvent: ICalendarEvent = {
+      ...event,
+      end: swpEvent.end,
+      syncStatus: 'pending'
+    };
+
+    await this.eventService.save(updatedEvent);
+
+    // Emit EVENT_UPDATED for EventRenderer to re-render the column
+    // Resize stays in same column, so source and target are the same
+    const updatePayload: IEventUpdatedPayload = {
+      eventId: updatedEvent.id,
+      sourceColumnKey: swpEvent.columnKey,
+      targetColumnKey: swpEvent.columnKey
+    };
+    this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+  };
+}
diff --git a/src/managers/EventStackManager.ts b/src/managers/EventStackManager.ts
deleted file mode 100644
index a3fca1d..0000000
--- a/src/managers/EventStackManager.ts
+++ /dev/null
@@ -1,274 +0,0 @@
-/**
- * EventStackManager - Manages visual stacking of overlapping calendar events
- *
- * This class handles the creation and maintenance of "stack chains" - doubly-linked
- * lists of overlapping events stored directly in DOM elements via data attributes.
- *
- * Implements 3-phase algorithm for grid + nested stacking:
- * Phase 1: Group events by start time proximity (configurable threshold)
- * Phase 2: Decide container type (GRID vs STACKING)
- * Phase 3: Handle late arrivals (nested stacking - NOT IMPLEMENTED)
- *
- * @see STACKING_CONCEPT.md for detailed documentation
- * @see stacking-visualization.html for visual examples
- */
-
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { Configuration } from '../configurations/CalendarConfig';
-
-export interface IStackLink {
-  prev?: string;      // Event ID of previous event in stack
-  next?: string;      // Event ID of next event in stack
-  stackLevel: number; // Position in stack (0 = base, 1 = first offset, etc.)
-}
-
-export interface IEventGroup {
-  events: ICalendarEvent[];
-  containerType: 'NONE' | 'GRID' | 'STACKING';
-  startTime: Date;
-}
-
-export class EventStackManager {
-  private static readonly STACK_OFFSET_PX = 15;
-  private config: Configuration;
-
-  constructor(config: Configuration) {
-    this.config = config;
-  }
-
-  // ============================================
-  // PHASE 1: Start Time Grouping
-  // ============================================
-
-  /**
-   * Group events by time conflicts (both start-to-start and end-to-start within threshold)
-   *
-   * Events are grouped if:
-   * 1. They start within ±threshold minutes of each other (start-to-start)
-   * 2. One event starts within threshold minutes before another ends (end-to-start conflict)
-   */
-  public groupEventsByStartTime(events: ICalendarEvent[]): IEventGroup[] {
-    if (events.length === 0) return [];
-
-    // Get threshold from config
-    const gridSettings = this.config.gridSettings;
-    const thresholdMinutes = gridSettings.gridStartThresholdMinutes;
-
-    // Sort events by start time
-    const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
-
-    const groups: IEventGroup[] = [];
-
-    for (const event of sorted) {
-      // Find existing group that this event conflicts with
-      const existingGroup = groups.find(group => {
-        // Check if event conflicts with ANY event in the group
-        return group.events.some(groupEvent => {
-          // Start-to-start conflict: events start within threshold
-          const startToStartMinutes = Math.abs(event.start.getTime() - groupEvent.start.getTime()) / (1000 * 60);
-          if (startToStartMinutes <= thresholdMinutes) {
-            return true;
-          }
-
-          // End-to-start conflict: event starts within threshold before groupEvent ends
-          const endToStartMinutes = (groupEvent.end.getTime() - event.start.getTime()) / (1000 * 60);
-          if (endToStartMinutes > 0 && endToStartMinutes <= thresholdMinutes) {
-            return true;
-          }
-
-          // Also check reverse: groupEvent starts within threshold before event ends
-          const reverseEndToStart = (event.end.getTime() - groupEvent.start.getTime()) / (1000 * 60);
-          if (reverseEndToStart > 0 && reverseEndToStart <= thresholdMinutes) {
-            return true;
-          }
-
-          return false;
-        });
-      });
-
-      if (existingGroup) {
-        existingGroup.events.push(event);
-      } else {
-        groups.push({
-          events: [event],
-          containerType: 'NONE',
-          startTime: event.start
-        });
-      }
-    }
-
-    return groups;
-  }
-
-
-  // ============================================
-  // PHASE 2: Container Type Decision
-  // ============================================
-
-  /**
-   * Decide container type for a group of events
-   *
-   * Rule: Events starting simultaneously (within threshold) should ALWAYS use GRID,
-   * even if they overlap each other. This provides better visual indication that
-   * events start at the same time.
-   */
-  public decideContainerType(group: IEventGroup): 'NONE' | 'GRID' | 'STACKING' {
-    if (group.events.length === 1) {
-      return 'NONE';
-    }
-
-    // If events are grouped together (start within threshold), they should share columns (GRID)
-    // This is true EVEN if they overlap, because the visual priority is to show
-    // that they start simultaneously.
-    return 'GRID';
-  }
-
-
-  /**
-   * Check if two events overlap in time
-   */
-  public doEventsOverlap(event1: ICalendarEvent, event2: ICalendarEvent): boolean {
-    return event1.start < event2.end && event1.end > event2.start;
-  }
-
-
-  // ============================================
-  // Stack Level Calculation
-  // ============================================
-
-  /**
-   * Create optimized stack links (events share levels when possible)
-   */
-  public createOptimizedStackLinks(events: ICalendarEvent[]): Map<string, IStackLink> {
-    const stackLinks = new Map<string, IStackLink>();
-
-    if (events.length === 0) return stackLinks;
-
-    // Sort by start time
-    const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
-
-    // Step 1: Assign stack levels
-    for (const event of sorted) {
-      // Find all events this event overlaps with
-      const overlapping = sorted.filter(other =>
-        other !== event && this.doEventsOverlap(event, other)
-      );
-
-      // Find the MINIMUM required level (must be above all overlapping events)
-      let minRequiredLevel = 0;
-      for (const other of overlapping) {
-        const otherLink = stackLinks.get(other.id);
-        if (otherLink) {
-          // Must be at least one level above the overlapping event
-          minRequiredLevel = Math.max(minRequiredLevel, otherLink.stackLevel + 1);
-        }
-      }
-
-      stackLinks.set(event.id, { stackLevel: minRequiredLevel });
-    }
-
-    // Step 2: Build prev/next chains for overlapping events at adjacent stack levels
-    for (const event of sorted) {
-      const currentLink = stackLinks.get(event.id)!;
-
-      // Find overlapping events that are directly below (stackLevel - 1)
-      const overlapping = sorted.filter(other =>
-        other !== event && this.doEventsOverlap(event, other)
-      );
-
-      const directlyBelow = overlapping.filter(other => {
-        const otherLink = stackLinks.get(other.id);
-        return otherLink && otherLink.stackLevel === currentLink.stackLevel - 1;
-      });
-
-      if (directlyBelow.length > 0) {
-        // Use the first one in sorted order as prev
-        currentLink.prev = directlyBelow[0].id;
-      }
-
-      // Find overlapping events that are directly above (stackLevel + 1)
-      const directlyAbove = overlapping.filter(other => {
-        const otherLink = stackLinks.get(other.id);
-        return otherLink && otherLink.stackLevel === currentLink.stackLevel + 1;
-      });
-
-      if (directlyAbove.length > 0) {
-        // Use the first one in sorted order as next
-        currentLink.next = directlyAbove[0].id;
-      }
-    }
-
-    return stackLinks;
-  }
-
-  /**
-   * Calculate marginLeft based on stack level
-   */
-  public calculateMarginLeft(stackLevel: number): number {
-    return stackLevel * EventStackManager.STACK_OFFSET_PX;
-  }
-
-  /**
-   * Calculate zIndex based on stack level
-   */
-  public calculateZIndex(stackLevel: number): number {
-    return 100 + stackLevel;
-  }
-
-  /**
-   * Serialize stack link to JSON string
-   */
-  public serializeStackLink(stackLink: IStackLink): string {
-    return JSON.stringify(stackLink);
-  }
-
-  /**
-   * Deserialize JSON string to stack link
-   */
-  public deserializeStackLink(json: string): IStackLink | null {
-    try {
-      return JSON.parse(json);
-    } catch (e) {
-      return null;
-    }
-  }
-
-  /**
-   * Apply stack link to DOM element
-   */
-  public applyStackLinkToElement(element: HTMLElement, stackLink: IStackLink): void {
-    element.dataset.stackLink = this.serializeStackLink(stackLink);
-  }
-
-  /**
-   * Get stack link from DOM element
-   */
-  public getStackLinkFromElement(element: HTMLElement): IStackLink | null {
-    const data = element.dataset.stackLink;
-    if (!data) return null;
-    return this.deserializeStackLink(data);
-  }
-
-  /**
-   * Apply visual styling to element based on stack level
-   */
-  public applyVisualStyling(element: HTMLElement, stackLevel: number): void {
-    element.style.marginLeft = `${this.calculateMarginLeft(stackLevel)}px`;
-    element.style.zIndex = `${this.calculateZIndex(stackLevel)}`;
-  }
-
-  /**
-   * Clear stack link from element
-   */
-  public clearStackLinkFromElement(element: HTMLElement): void {
-    delete element.dataset.stackLink;
-  }
-
-  /**
-   * Clear visual styling from element
-   */
-  public clearVisualStyling(element: HTMLElement): void {
-    element.style.marginLeft = '';
-    element.style.zIndex = '';
-  }
-}
diff --git a/src/managers/GridManager.ts b/src/managers/GridManager.ts
deleted file mode 100644
index ad02681..0000000
--- a/src/managers/GridManager.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-/**
- * GridManager - Simplified grid manager using centralized GridRenderer
- * Delegates DOM rendering to GridRenderer, focuses on coordination
- *
- * Note: Events are now provided by IColumnDataSource (each column has its own events)
- */
-
-import { eventBus } from '../core/EventBus';
-import { CoreEvents } from '../constants/CoreEvents';
-import { CalendarView } from '../types/CalendarTypes';
-import { GridRenderer } from '../renderers/GridRenderer';
-import { DateService } from '../utils/DateService';
-import { IColumnDataSource } from '../types/ColumnDataSource';
-import { Configuration } from '../configurations/CalendarConfig';
-
-/**
- * Simplified GridManager focused on coordination, delegates rendering to GridRenderer
- */
-export class GridManager {
-  private container: HTMLElement | null = null;
-  private currentDate: Date = new Date();
-  private currentView: CalendarView = 'week';
-  private gridRenderer: GridRenderer;
-  private dateService: DateService;
-  private config: Configuration;
-  private dataSource: IColumnDataSource;
-
-  constructor(
-    gridRenderer: GridRenderer,
-    dateService: DateService,
-    config: Configuration,
-    dataSource: IColumnDataSource
-  ) {
-    this.gridRenderer = gridRenderer;
-    this.dateService = dateService;
-    this.config = config;
-    this.dataSource = dataSource;
-    this.init();
-  }
-
-  private init(): void {
-    this.findElements();
-    this.subscribeToEvents();
-  }
-
-  private findElements(): void {
-    this.container = document.querySelector('swp-calendar-container');
-  }
-
-  private subscribeToEvents(): void {
-    // Listen for view changes
-    eventBus.on(CoreEvents.VIEW_CHANGED, (e: Event) => {
-      const detail = (e as CustomEvent).detail;
-      this.currentView = detail.currentView;
-      this.dataSource.setCurrentView(this.currentView);
-      this.render();
-    });
-
-    // Listen for navigation events from NavigationManager
-    // NavigationManager has already created new grid with animation
-    // GridManager only needs to update state, NOT re-render
-    eventBus.on(CoreEvents.NAVIGATION_COMPLETED, (e: Event) => {
-      const detail = (e as CustomEvent).detail;
-      this.currentDate = detail.newDate;
-      this.dataSource.setCurrentDate(this.currentDate);
-      // Do NOT call render() - NavigationManager already created new grid
-    });
-
-    // Listen for config changes that affect rendering
-    eventBus.on(CoreEvents.REFRESH_REQUESTED, (e: Event) => {
-      this.render();
-    });
-
-    eventBus.on(CoreEvents.WORKWEEK_CHANGED, () => {
-      this.render();
-    });
-  }
-
-
-  /**
-   * Main render method - delegates to GridRenderer
-   * Note: CSS variables are automatically updated by ConfigManager when config changes
-   * Note: Events are included in columns from IColumnDataSource
-   */
-  public async render(): Promise<void> {
-    if (!this.container) {
-      return;
-    }
-
-    // Get columns from datasource - single source of truth (includes events per column)
-    const columns = await this.dataSource.getColumns();
-
-    // Set grid columns CSS variable based on actual column count
-    document.documentElement.style.setProperty('--grid-columns', columns.length.toString());
-
-    // Delegate to GridRenderer with columns (events are inside each column)
-    this.gridRenderer.renderGrid(
-      this.container,
-      this.currentDate,
-      this.currentView,
-      columns
-    );
-
-    // Emit grid rendered event
-    eventBus.emit(CoreEvents.GRID_RENDERED, {
-      container: this.container,
-      currentDate: this.currentDate,
-      columns: columns
-    });
-  }
-}
\ No newline at end of file
diff --git a/src/managers/HeaderManager.ts b/src/managers/HeaderManager.ts
deleted file mode 100644
index 41b0358..0000000
--- a/src/managers/HeaderManager.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { eventBus } from '../core/EventBus';
-import { Configuration } from '../configurations/CalendarConfig';
-import { CoreEvents } from '../constants/CoreEvents';
-import { IHeaderRenderer, IHeaderRenderContext } from '../renderers/DateHeaderRenderer';
-import { IDragMouseEnterHeaderEventPayload, IDragMouseLeaveHeaderEventPayload, IHeaderReadyEventPayload } from '../types/EventTypes';
-import { ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
-import { IColumnDataSource } from '../types/ColumnDataSource';
-
-/**
- * HeaderManager - Handles all header-related event logic
- * Separates event handling from rendering concerns
- * Uses dependency injection for renderer strategy
- */
-export class HeaderManager {
-  private headerRenderer: IHeaderRenderer;
-  private config: Configuration;
-  private dataSource: IColumnDataSource;
-
-  constructor(headerRenderer: IHeaderRenderer, config: Configuration, dataSource: IColumnDataSource) {
-    this.headerRenderer = headerRenderer;
-    this.config = config;
-    this.dataSource = dataSource;
-
-    // Bind handler methods for event listeners
-    this.handleDragMouseEnterHeader = this.handleDragMouseEnterHeader.bind(this);
-    this.handleDragMouseLeaveHeader = this.handleDragMouseLeaveHeader.bind(this);
-
-    // Listen for navigation events to update header
-    this.setupNavigationListener();
-  }
-
-  /**
-   * Setup header drag event listeners - Listen to DragDropManager events
-   */
-  public setupHeaderDragListeners(): void {
-    console.log('🎯 HeaderManager: Setting up drag event listeners');
-
-    // Subscribe to drag events from DragDropManager
-    eventBus.on('drag:mouseenter-header', this.handleDragMouseEnterHeader);
-    eventBus.on('drag:mouseleave-header', this.handleDragMouseLeaveHeader);
-
-    console.log('✅ HeaderManager: Drag event listeners attached');
-  }
-
-  /**
-   * Handle drag mouse enter header event
-   */
-  private handleDragMouseEnterHeader(event: Event): void {
-    const { targetColumn, mousePosition, originalElement, draggedClone: cloneElement } =
-      (event as CustomEvent<IDragMouseEnterHeaderEventPayload>).detail;
-
-    console.log('🎯 HeaderManager: Received drag:mouseenter-header', {
-      targetColumn: targetColumn.identifier,
-      originalElement: !!originalElement,
-      cloneElement: !!cloneElement
-    });
-  }
-
-  /**
-   * Handle drag mouse leave header event
-   */
-  private handleDragMouseLeaveHeader(event: Event): void {
-    const { targetColumn, mousePosition, originalElement, draggedClone: cloneElement } =
-      (event as CustomEvent<IDragMouseLeaveHeaderEventPayload>).detail;
-
-    console.log('🚪 HeaderManager: Received drag:mouseleave-header', {
-      targetColumn: targetColumn?.identifier,
-      originalElement: !!originalElement,
-      cloneElement: !!cloneElement
-    });
-  }
-
-  /**
-   * Setup navigation event listener
-   */
-  private setupNavigationListener(): void {
-    eventBus.on(CoreEvents.NAVIGATION_COMPLETED, (event) => {
-      const { currentDate } = (event as CustomEvent).detail;
-      this.updateHeader(currentDate);
-    });
-
-    // Also listen for date changes (including initial setup)
-    eventBus.on(CoreEvents.DATE_CHANGED, (event) => {
-      const { currentDate } = (event as CustomEvent).detail;
-      this.updateHeader(currentDate);
-    });
-
-    // Listen for workweek header updates after grid rebuild
-          //currentDate: this.currentDate,
-            //currentView: this.currentView,
-            //workweek: this.config.currentWorkWeek
-    eventBus.on('workweek:header-update', (event) => {
-      const { currentDate } = (event as CustomEvent).detail;
-      this.updateHeader(currentDate);
-    });
-
-  }
-
-  /**
-   * Update header content for navigation
-   */
-  private async updateHeader(currentDate: Date): Promise<void> {
-    console.log('🎯 HeaderManager.updateHeader called', {
-      currentDate,
-      rendererType: this.headerRenderer.constructor.name
-    });
-
-    const calendarHeader = document.querySelector('swp-calendar-header') as HTMLElement;
-    if (!calendarHeader) {
-      console.warn('❌ HeaderManager: No calendar header found!');
-      return;
-    }
-
-    // Clear existing content
-    calendarHeader.innerHTML = '';
-
-    // Update DataSource with current date and get columns
-    this.dataSource.setCurrentDate(currentDate);
-    const columns = await this.dataSource.getColumns();
-
-    // Render new header content using injected renderer
-    const context: IHeaderRenderContext = {
-      columns: columns,
-      config: this.config
-    };
-
-    this.headerRenderer.render(calendarHeader, context);
-
-    // Setup event listeners on the new content
-    this.setupHeaderDragListeners();
-
-    // Notify other managers that header is ready with period data
-    const payload: IHeaderReadyEventPayload = {
-      headerElements: ColumnDetectionUtils.getHeaderColumns(),
-    };
-    eventBus.emit('header:ready', payload);
-  }
-}
diff --git a/src/managers/NavigationManager.ts b/src/managers/NavigationManager.ts
deleted file mode 100644
index ead6dd0..0000000
--- a/src/managers/NavigationManager.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-import { IEventBus, CalendarView } from '../types/CalendarTypes';
-import { EventRenderingService } from '../renderers/EventRendererManager';
-import { DateService } from '../utils/DateService';
-import { CoreEvents } from '../constants/CoreEvents';
-import { WeekInfoRenderer } from '../renderers/WeekInfoRenderer';
-import { GridRenderer } from '../renderers/GridRenderer';
-import { INavButtonClickedEventPayload } from '../types/EventTypes';
-import { IColumnDataSource } from '../types/ColumnDataSource';
-import { Configuration } from '../configurations/CalendarConfig';
-
-export class NavigationManager {
-  private eventBus: IEventBus;
-  private weekInfoRenderer: WeekInfoRenderer;
-  private gridRenderer: GridRenderer;
-  private dateService: DateService;
-  private config: Configuration;
-  private dataSource: IColumnDataSource;
-  private currentWeek: Date;
-  private targetWeek: Date;
-  private animationQueue: number = 0;
-
-  constructor(
-    eventBus: IEventBus,
-    eventRenderer: EventRenderingService,
-    gridRenderer: GridRenderer,
-    dateService: DateService,
-    weekInfoRenderer: WeekInfoRenderer,
-    config: Configuration,
-    dataSource: IColumnDataSource
-  ) {
-    this.eventBus = eventBus;
-    this.dateService = dateService;
-    this.weekInfoRenderer = weekInfoRenderer;
-    this.gridRenderer = gridRenderer;
-    this.config = config;
-    this.currentWeek = this.getISOWeekStart(new Date());
-    this.targetWeek = new Date(this.currentWeek);
-    this.dataSource = dataSource;
-    this.init();
-  }
-
-  private init(): void {
-    this.setupEventListeners();
-  }
-
-  /**
-   * Get the start of the ISO week (Monday) for a given date
-   * @param date - Any date in the week
-   * @returns The Monday of the ISO week
-   */
-  private getISOWeekStart(date: Date): Date {
-    const weekBounds = this.dateService.getWeekBounds(date);
-    return this.dateService.startOfDay(weekBounds.start);
-  }
-
-
-  private setupEventListeners(): void {
-
-    // Listen for filter changes and apply to pre-rendered grids
-    this.eventBus.on(CoreEvents.FILTER_CHANGED, (e: Event) => {
-      const detail = (e as CustomEvent).detail;
-      this.weekInfoRenderer.applyFilterToPreRenderedGrids(detail);
-    });
-
-    // Listen for navigation button clicks from NavigationButtons
-    this.eventBus.on(CoreEvents.NAV_BUTTON_CLICKED, (event: Event) => {
-      const { direction, newDate } = (event as CustomEvent<INavButtonClickedEventPayload>).detail;
-
-      // Navigate to the new date with animation
-      this.navigateToDate(newDate, direction);
-    });
-
-    // Listen for external navigation requests
-    this.eventBus.on(CoreEvents.DATE_CHANGED, (event: Event) => {
-      const customEvent = event as CustomEvent;
-      const dateFromEvent = customEvent.detail.currentDate;
-
-      // Validate date before processing
-      if (!dateFromEvent) {
-        console.warn('NavigationManager: No date provided in DATE_CHANGED event');
-        return;
-      }
-
-      const targetDate = new Date(dateFromEvent);
-
-      // Use DateService validation
-      const validation = this.dateService.validateDate(targetDate);
-      if (!validation.valid) {
-        console.warn('NavigationManager: Invalid date received:', validation.error);
-        return;
-      }
-
-      this.navigateToDate(targetDate);
-    });
-
-    // Listen for event navigation requests
-    this.eventBus.on(CoreEvents.NAVIGATE_TO_EVENT, (event: Event) => {
-      const customEvent = event as CustomEvent;
-      const { eventDate, eventStartTime } = customEvent.detail;
-
-      if (!eventDate || !eventStartTime) {
-        console.warn('NavigationManager: Invalid event navigation data');
-        return;
-      }
-
-      this.navigateToEventDate(eventDate, eventStartTime);
-    });
-  }
-
-  /**
-   * Navigate to specific event date and emit scroll event after navigation
-   */
-  private navigateToEventDate(eventDate: Date, eventStartTime: string): void {
-    const weekStart = this.getISOWeekStart(eventDate);
-    this.targetWeek = new Date(weekStart);
-
-    const currentTime = this.currentWeek.getTime();
-    const targetTime = weekStart.getTime();
-
-    // Store event start time for scrolling after navigation
-    const scrollAfterNavigation = () => {
-      // Emit scroll request after navigation is complete
-      this.eventBus.emit('scroll:to-event-time', {
-        eventStartTime
-      });
-    };
-
-    if (currentTime < targetTime) {
-      this.animationQueue++;
-      this.animateTransition('next', weekStart);
-      // Listen for navigation completion to trigger scroll
-      this.eventBus.once(CoreEvents.NAVIGATION_COMPLETED, scrollAfterNavigation);
-    } else if (currentTime > targetTime) {
-      this.animationQueue++;
-      this.animateTransition('prev', weekStart);
-      // Listen for navigation completion to trigger scroll
-      this.eventBus.once(CoreEvents.NAVIGATION_COMPLETED, scrollAfterNavigation);
-    } else {
-      // Already on correct week, just scroll
-      scrollAfterNavigation();
-    }
-  }
-
-
-  private navigateToDate(date: Date, direction?: 'next' | 'previous' | 'today'): void {
-    const weekStart = this.getISOWeekStart(date);
-    this.targetWeek = new Date(weekStart);
-
-    const currentTime = this.currentWeek.getTime();
-    const targetTime = weekStart.getTime();
-
-    // Use provided direction or calculate based on time comparison
-    let animationDirection: 'next' | 'prev';
-
-    if (direction === 'next') {
-      animationDirection = 'next';
-    } else if (direction === 'previous') {
-      animationDirection = 'prev';
-    } else if (direction === 'today') {
-      // For "today", determine direction based on current position
-      animationDirection = currentTime < targetTime ? 'next' : 'prev';
-    } else {
-      // Fallback: calculate direction
-      animationDirection = currentTime < targetTime ? 'next' : 'prev';
-    }
-
-    if (currentTime !== targetTime) {
-      this.animationQueue++;
-      this.animateTransition(animationDirection, weekStart);
-    }
-  }
-
-  /**
-   * Animation transition using pre-rendered containers when available
-   */
-  private async animateTransition(direction: 'prev' | 'next', targetWeek: Date): Promise<void> {
-
-    const container = document.querySelector('swp-calendar-container') as HTMLElement;
-    const currentGrid = document.querySelector('swp-calendar-container swp-grid-container:not([data-prerendered])') as HTMLElement;
-
-    if (!container || !currentGrid) {
-      return;
-    }
-
-    // Reset all-day height BEFORE creating new grid to ensure base height
-    const root = document.documentElement;
-    root.style.setProperty('--all-day-row-height', '0px');
-
-    let newGrid: HTMLElement;
-
-    console.group('🔧 NavigationManager.refactored');
-    console.log('Calling GridRenderer instead of NavigationRenderer');
-    console.log('Target week:', targetWeek);
-
-    // Update DataSource with target week and get columns
-    this.dataSource.setCurrentDate(targetWeek);
-    const columns = await this.dataSource.getColumns();
-
-    // Always create a fresh container for consistent behavior
-    newGrid = this.gridRenderer.createNavigationGrid(container, columns, targetWeek);
-
-    console.groupEnd();
-
-
-    // Clear any existing transforms before animation
-    newGrid.style.transform = '';
-    currentGrid.style.transform = '';
-
-    // Animate transition using Web Animations API
-    const slideOutAnimation = currentGrid.animate([
-      { transform: 'translateX(0)', opacity: '1' },
-      { transform: direction === 'next' ? 'translateX(-100%)' : 'translateX(100%)', opacity: '0.5' }
-    ], {
-      duration: 400,
-      easing: 'ease-in-out',
-      fill: 'forwards'
-    });
-
-    const slideInAnimation = newGrid.animate([
-      { transform: direction === 'next' ? 'translateX(100%)' : 'translateX(-100%)' },
-      { transform: 'translateX(0)' }
-    ], {
-      duration: 400,
-      easing: 'ease-in-out',
-      fill: 'forwards'
-    });
-
-    // Handle animation completion
-    slideInAnimation.addEventListener('finish', () => {
-
-      // Cleanup: Remove all old grids except the new one
-      const allGrids = container.querySelectorAll('swp-grid-container');
-      for (let i = 0; i < allGrids.length - 1; i++) {
-        allGrids[i].remove();
-      }
-
-      // Reset positioning
-      newGrid.style.position = 'relative';
-      newGrid.removeAttribute('data-prerendered');
-
-      // Update state
-      this.currentWeek = new Date(targetWeek);
-      this.animationQueue--;
-
-      // If this was the last queued animation, ensure we're in sync
-      if (this.animationQueue === 0) {
-        this.currentWeek = new Date(this.targetWeek);
-      }
-
-      // Emit navigation completed event
-      this.eventBus.emit(CoreEvents.NAVIGATION_COMPLETED, {
-        direction,
-        newDate: this.currentWeek
-      });
-
-    });
-  }
-}
\ No newline at end of file
diff --git a/src/managers/ResizeHandleManager.ts b/src/managers/ResizeHandleManager.ts
deleted file mode 100644
index 3ea77ae..0000000
--- a/src/managers/ResizeHandleManager.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-import { eventBus } from '../core/EventBus';
-import { Configuration } from '../configurations/CalendarConfig';
-import { IResizeEndEventPayload } from '../types/EventTypes';
-import { PositionUtils } from '../utils/PositionUtils';
-
-type SwpEventEl = HTMLElement & { updateHeight?: (h: number) => void };
-
-export class ResizeHandleManager {
-  private isResizing = false;
-  private targetEl: SwpEventEl | null = null;
-  
-  private startY = 0;
-  private startDurationMin = 0;
-  
-  private snapMin: number;
-  private minDurationMin: number;
-  private animationId: number | null = null;
-  private currentHeight = 0;
-  private targetHeight = 0;
-  
-  private pointerCaptured = false;
-  private prevZ?: string;
-  
-  // Constants for better maintainability
-  private readonly ANIMATION_SPEED = 0.35;
-  private readonly Z_INDEX_RESIZING = '1000';
-  private readonly EVENT_REFRESH_THRESHOLD = 0.5;
-
-  constructor(
-    private config: Configuration, 
-    private positionUtils: PositionUtils
-  ) {
-    const grid = this.config.gridSettings;
-    this.snapMin = grid.snapInterval;
-    this.minDurationMin = this.snapMin;
-  }
-
-  public initialize(): void {
-    this.attachGlobalListeners();
-  }
-
-  public destroy(): void {
-    this.removeEventListeners();
-  }
-
-  private removeEventListeners(): void {
-    const calendarContainer = document.querySelector('swp-calendar-container');
-    if (calendarContainer) {
-      calendarContainer.removeEventListener('mouseover', this.onMouseOver, true);
-    }
-    
-    document.removeEventListener('pointerdown', this.onPointerDown, true);
-    document.removeEventListener('pointermove', this.onPointerMove, true);
-    document.removeEventListener('pointerup', this.onPointerUp, true);
-  }
-
-  private createResizeHandle(): HTMLElement {
-    const handle = document.createElement('swp-resize-handle');
-    handle.setAttribute('aria-label', 'Resize event');
-    handle.setAttribute('role', 'separator');
-    return handle;
-  }
-
-  private attachGlobalListeners(): void {
-    const calendarContainer = document.querySelector('swp-calendar-container');
-    
-    if (calendarContainer) {
-      calendarContainer.addEventListener('mouseover', this.onMouseOver, true);
-    }
-
-    document.addEventListener('pointerdown', this.onPointerDown, true);
-    document.addEventListener('pointermove', this.onPointerMove, true);
-    document.addEventListener('pointerup', this.onPointerUp, true);
-  }
-
-  private onMouseOver = (e: Event): void => {
-    const target = e.target as HTMLElement;
-    const eventElement = target.closest<SwpEventEl>('swp-event');
-    
-    if (eventElement && !this.isResizing) {
-      // Check if handle already exists
-      if (!eventElement.querySelector(':scope > swp-resize-handle')) {
-        const handle = this.createResizeHandle();
-        eventElement.appendChild(handle);
-      }
-    }
-  };
-
-  private onPointerDown = (e: PointerEvent): void => {
-    const handle = (e.target as HTMLElement).closest('swp-resize-handle');
-    if (!handle) return;
-
-    const element = handle.parentElement as SwpEventEl;
-    this.startResizing(element, e);
-  };
-
-  private startResizing(element: SwpEventEl, event: PointerEvent): void {
-    this.targetEl = element;
-    this.isResizing = true;
-    this.startY = event.clientY;
-
-    const startHeight = element.offsetHeight;
-    this.startDurationMin = Math.max(
-      this.minDurationMin,
-      Math.round(this.positionUtils.pixelsToMinutes(startHeight))
-    );
-
-    this.setZIndexForResizing(element);
-    this.capturePointer(event);
-    document.documentElement.classList.add('swp--resizing');
-    event.preventDefault();
-  }
-
-  private setZIndexForResizing(element: SwpEventEl): void {
-    const container = element.closest<HTMLElement>('swp-event-group') ?? element;
-    this.prevZ = container.style.zIndex;
-    container.style.zIndex = this.Z_INDEX_RESIZING;
-  }
-
-  private capturePointer(event: PointerEvent): void {
-    try {
-      (event.target as Element).setPointerCapture?.(event.pointerId);
-      this.pointerCaptured = true;
-    } catch (error) {
-      console.warn('Pointer capture failed:', error);
-    }
-  }
-
-  private onPointerMove = (e: PointerEvent): void => {
-    if (!this.isResizing || !this.targetEl) return;
-
-    this.updateResizeHeight(e.clientY);
-  };
-
-  private updateResizeHeight(currentY: number): void {
-    const deltaY = currentY - this.startY;
-
-    const startHeight = this.positionUtils.minutesToPixels(this.startDurationMin);
-    const rawHeight = startHeight + deltaY;
-    const minHeight = this.positionUtils.minutesToPixels(this.minDurationMin);
-
-    this.targetHeight = Math.max(minHeight, rawHeight);
-
-    if (this.animationId == null) {
-      this.currentHeight = this.targetEl?.offsetHeight!!;
-      this.animate();
-    }
-  }
-
-  private animate = (): void => {
-    if (!this.isResizing || !this.targetEl) {
-      this.animationId = null;
-      return;
-    }
-
-    const diff = this.targetHeight - this.currentHeight;
-    
-    if (Math.abs(diff) > this.EVENT_REFRESH_THRESHOLD) {
-      this.currentHeight += diff * this.ANIMATION_SPEED;
-      this.targetEl.updateHeight?.(this.currentHeight);
-      this.animationId = requestAnimationFrame(this.animate);
-    } else {
-      this.finalizeAnimation();
-    }
-  };
-
-  private finalizeAnimation(): void {
-    if (!this.targetEl) return;
-
-    this.currentHeight = this.targetHeight;
-    this.targetEl.updateHeight?.(this.currentHeight);
-    this.animationId = null;
-  }
-
-  private onPointerUp = (e: PointerEvent): void => {
-    if (!this.isResizing || !this.targetEl) return;
-
-    this.cleanupAnimation();
-    this.snapToGrid();
-    this.emitResizeEndEvent();
-    this.cleanupResizing(e);
-  };
-
-  private cleanupAnimation(): void {
-    if (this.animationId != null) {
-      cancelAnimationFrame(this.animationId);
-      this.animationId = null;
-    }
-  }
-
-  private snapToGrid(): void {
-    if (!this.targetEl) return;
-
-    const currentHeight = this.targetEl.offsetHeight;
-    const snapDistancePx = this.positionUtils.minutesToPixels(this.snapMin);
-    const snappedHeight = Math.round(currentHeight / snapDistancePx) * snapDistancePx;
-    const minHeight = this.positionUtils.minutesToPixels(this.minDurationMin);
-    const finalHeight = Math.max(minHeight, snappedHeight) - 3; // Small gap to grid lines
-
-    this.targetEl.updateHeight?.(finalHeight);
-  }
-
-  private emitResizeEndEvent(): void {
-    if (!this.targetEl) return;
-
-    const eventId = this.targetEl.dataset.eventId || '';
-    const resizeEndPayload: IResizeEndEventPayload = {
-      eventId,
-      element: this.targetEl,
-      finalHeight: this.targetEl.offsetHeight
-    };
-    
-    eventBus.emit('resize:end', resizeEndPayload);
-  }
-
-  private cleanupResizing(event: PointerEvent): void {
-    this.restoreZIndex();
-    this.releasePointer(event);
-    
-    this.isResizing = false;
-    this.targetEl = null;
-    
-    document.documentElement.classList.remove('swp--resizing');
-  }
-
-  private restoreZIndex(): void {
-    if (!this.targetEl || this.prevZ === undefined) return;
-
-    const container = this.targetEl.closest<HTMLElement>('swp-event-group') ?? this.targetEl;
-    container.style.zIndex = this.prevZ;
-    this.prevZ = undefined;
-  }
-
-  private releasePointer(event: PointerEvent): void {
-    if (!this.pointerCaptured) return;
-
-    try {
-      (event.target as Element).releasePointerCapture?.(event.pointerId);
-      this.pointerCaptured = false;
-    } catch (error) {
-      console.warn('Pointer release failed:', error);
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/managers/ResizeManager.ts b/src/managers/ResizeManager.ts
new file mode 100644
index 0000000..5448def
--- /dev/null
+++ b/src/managers/ResizeManager.ts
@@ -0,0 +1,290 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { IGridConfig } from '../core/IGridConfig';
+import { pixelsToMinutes, minutesToPixels, snapToGrid } from '../utils/PositionUtils';
+import { DateService } from '../core/DateService';
+import { CoreEvents } from '../constants/CoreEvents';
+import { IResizeStartPayload, IResizeEndPayload } from '../types/ResizeTypes';
+import { SwpEvent } from '../types/SwpEvent';
+
+/**
+ * ResizeManager - Handles resize of calendar events
+ *
+ * Step 1: Handle creation on mouseover (CSS handles visibility)
+ * Step 2: Pointer events + resize start
+ * Step 3: RAF animation for smooth height update
+ * Step 4: Grid snapping + timestamp update
+ */
+
+interface ResizeState {
+  eventId: string;
+  element: HTMLElement;
+  handleElement: HTMLElement;
+  startY: number;
+  startHeight: number;
+  startDurationMinutes: number;
+  pointerId: number;
+  prevZIndex: string;
+  // Animation state
+  currentHeight: number;
+  targetHeight: number;
+  animationId: number | null;
+}
+
+export class ResizeManager {
+  private container: HTMLElement | null = null;
+  private resizeState: ResizeState | null = null;
+
+  private readonly Z_INDEX_RESIZING = '1000';
+  private readonly ANIMATION_SPEED = 0.35;
+  private readonly MIN_HEIGHT_MINUTES = 15;
+
+  constructor(
+    private eventBus: IEventBus,
+    private gridConfig: IGridConfig,
+    private dateService: DateService
+  ) {}
+
+  /**
+   * Initialize resize functionality on container
+   */
+  init(container: HTMLElement): void {
+    this.container = container;
+
+    // Mouseover listener for handle creation (capture phase like V1)
+    container.addEventListener('mouseover', this.handleMouseOver, true);
+
+    // Pointer listeners for resize (capture phase like V1)
+    document.addEventListener('pointerdown', this.handlePointerDown, true);
+    document.addEventListener('pointermove', this.handlePointerMove, true);
+    document.addEventListener('pointerup', this.handlePointerUp, true);
+  }
+
+  /**
+   * Create resize handle element
+   */
+  private createResizeHandle(): HTMLElement {
+    const handle = document.createElement('swp-resize-handle');
+    handle.setAttribute('aria-label', 'Resize event');
+    handle.setAttribute('role', 'separator');
+    return handle;
+  }
+
+  /**
+   * Handle mouseover - create resize handle if not exists
+   */
+  private handleMouseOver = (e: Event): void => {
+    const target = e.target as HTMLElement;
+    const eventElement = target.closest('swp-event') as HTMLElement;
+
+    if (!eventElement || this.resizeState) return;
+
+    // Check if handle already exists
+    if (!eventElement.querySelector(':scope > swp-resize-handle')) {
+      const handle = this.createResizeHandle();
+      eventElement.appendChild(handle);
+    }
+  };
+
+  /**
+   * Handle pointerdown - start resize if on handle
+   */
+  private handlePointerDown = (e: PointerEvent): void => {
+    const handle = (e.target as HTMLElement).closest('swp-resize-handle') as HTMLElement;
+    if (!handle) return;
+
+    const element = handle.parentElement as HTMLElement;
+    if (!element) return;
+
+    const eventId = element.dataset.eventId || '';
+    const startHeight = element.offsetHeight;
+    const startDurationMinutes = pixelsToMinutes(startHeight, this.gridConfig);
+
+    // Store previous z-index
+    const container = element.closest('swp-event-group') as HTMLElement ?? element;
+    const prevZIndex = container.style.zIndex;
+
+    // Set resize state
+    this.resizeState = {
+      eventId,
+      element,
+      handleElement: handle,
+      startY: e.clientY,
+      startHeight,
+      startDurationMinutes,
+      pointerId: e.pointerId,
+      prevZIndex,
+      // Animation state
+      currentHeight: startHeight,
+      targetHeight: startHeight,
+      animationId: null
+    };
+
+    // Elevate z-index
+    container.style.zIndex = this.Z_INDEX_RESIZING;
+
+    // Capture pointer for smooth tracking
+    try {
+      handle.setPointerCapture(e.pointerId);
+    } catch (err) {
+      console.warn('Pointer capture failed:', err);
+    }
+
+    // Add global resizing class
+    document.documentElement.classList.add('swp--resizing');
+
+    // Emit resize start event
+    this.eventBus.emit(CoreEvents.EVENT_RESIZE_START, {
+      eventId,
+      element,
+      startHeight
+    } as IResizeStartPayload);
+
+    e.preventDefault();
+  };
+
+  /**
+   * Handle pointermove - update target height during resize
+   */
+  private handlePointerMove = (e: PointerEvent): void => {
+    if (!this.resizeState) return;
+
+    const deltaY = e.clientY - this.resizeState.startY;
+    const minHeight = (this.MIN_HEIGHT_MINUTES / 60) * this.gridConfig.hourHeight;
+    const newHeight = Math.max(minHeight, this.resizeState.startHeight + deltaY);
+
+    // Set target height for animation
+    this.resizeState.targetHeight = newHeight;
+
+    // Start animation if not running
+    if (this.resizeState.animationId === null) {
+      this.animateHeight();
+    }
+  };
+
+  /**
+   * RAF animation loop for smooth height interpolation
+   */
+  private animateHeight = (): void => {
+    if (!this.resizeState) return;
+
+    const diff = this.resizeState.targetHeight - this.resizeState.currentHeight;
+
+    // Stop animation when close enough
+    if (Math.abs(diff) < 0.5) {
+      this.resizeState.animationId = null;
+      return;
+    }
+
+    // Interpolate towards target (35% per frame like V1)
+    this.resizeState.currentHeight += diff * this.ANIMATION_SPEED;
+    this.resizeState.element.style.height = `${this.resizeState.currentHeight}px`;
+
+    // Update timestamp display (snapped)
+    this.updateTimestampDisplay();
+
+    // Continue animation
+    this.resizeState.animationId = requestAnimationFrame(this.animateHeight);
+  };
+
+  /**
+   * Update timestamp display with snapped end time
+   */
+  private updateTimestampDisplay(): void {
+    if (!this.resizeState) return;
+
+    const timeEl = this.resizeState.element.querySelector('swp-event-time');
+    if (!timeEl) return;
+
+    // Get start time from element position
+    const top = parseFloat(this.resizeState.element.style.top) || 0;
+    const startMinutesFromGrid = pixelsToMinutes(top, this.gridConfig);
+    const startMinutes = (this.gridConfig.dayStartHour * 60) + startMinutesFromGrid;
+
+    // Calculate snapped end time from current height
+    const snappedHeight = snapToGrid(this.resizeState.currentHeight, this.gridConfig);
+    const durationMinutes = pixelsToMinutes(snappedHeight, this.gridConfig);
+    const endMinutes = startMinutes + durationMinutes;
+
+    // Format and update
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(endMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+
+  /**
+   * Convert minutes since midnight to Date
+   */
+  private minutesToDate(minutes: number): Date {
+    const date = new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  };
+
+  /**
+   * Handle pointerup - finish resize
+   */
+  private handlePointerUp = (e: PointerEvent): void => {
+    if (!this.resizeState) return;
+
+    // Cancel any pending animation
+    if (this.resizeState.animationId !== null) {
+      cancelAnimationFrame(this.resizeState.animationId);
+    }
+
+    // Release pointer capture
+    try {
+      this.resizeState.handleElement.releasePointerCapture(e.pointerId);
+    } catch (err) {
+      console.warn('Pointer release failed:', err);
+    }
+
+    // Snap final height to grid
+    this.snapToGridFinal();
+
+    // Update timestamp one final time
+    this.updateTimestampDisplay();
+
+    // Restore z-index
+    const container = this.resizeState.element.closest('swp-event-group') as HTMLElement ?? this.resizeState.element;
+    container.style.zIndex = this.resizeState.prevZIndex;
+
+    // Remove global resizing class
+    document.documentElement.classList.remove('swp--resizing');
+
+    // Get columnKey and date from parent column
+    const column = this.resizeState.element.closest('swp-day-column') as HTMLElement;
+    const columnKey = column?.dataset.columnKey || '';
+    const date = column?.dataset.date || '';
+
+    // Create SwpEvent from element (reads top/height/eventId from element)
+    const swpEvent = SwpEvent.fromElement(
+      this.resizeState.element,
+      columnKey,
+      date,
+      this.gridConfig
+    );
+
+    // Emit resize end event
+    this.eventBus.emit(CoreEvents.EVENT_RESIZE_END, {
+      swpEvent
+    } as IResizeEndPayload);
+
+    // Reset state
+    this.resizeState = null;
+  };
+
+  /**
+   * Snap final height to grid interval
+   */
+  private snapToGridFinal(): void {
+    if (!this.resizeState) return;
+
+    const currentHeight = this.resizeState.element.offsetHeight;
+    const snappedHeight = snapToGrid(currentHeight, this.gridConfig);
+    const minHeight = minutesToPixels(this.MIN_HEIGHT_MINUTES, this.gridConfig);
+    const finalHeight = Math.max(minHeight, snappedHeight);
+
+    this.resizeState.element.style.height = `${finalHeight}px`;
+    this.resizeState.currentHeight = finalHeight;
+  }
+}
diff --git a/src/managers/ScrollManager.ts b/src/managers/ScrollManager.ts
deleted file mode 100644
index 518da9f..0000000
--- a/src/managers/ScrollManager.ts
+++ /dev/null
@@ -1,260 +0,0 @@
-// Custom scroll management for calendar week container
-
-import { eventBus } from '../core/EventBus';
-import { CoreEvents } from '../constants/CoreEvents';
-import { PositionUtils } from '../utils/PositionUtils';
-
-/**
- * Manages scrolling functionality for the calendar using native scrollbars
- */
-export class ScrollManager {
-  private scrollableContent: HTMLElement | null = null;
-  private calendarContainer: HTMLElement | null = null;
-  private timeAxis: HTMLElement | null = null;
-  private calendarHeader: HTMLElement | null = null;
-  private resizeObserver: ResizeObserver | null = null;
-  private positionUtils: PositionUtils;
-
-  constructor(positionUtils: PositionUtils) {
-    this.positionUtils = positionUtils;
-    this.init();
-  }
-
-  private init(): void {
-    this.subscribeToEvents();
-  }
-
-  /**
-   * Public method to initialize scroll after grid is rendered
-   */
-  public initialize(): void {
-    this.setupScrolling();
-  }
-
-  private subscribeToEvents(): void {
-    // Handle navigation animation completion - sync time axis position
-    eventBus.on(CoreEvents.NAVIGATION_COMPLETED, () => {
-      this.syncTimeAxisPosition();
-      this.setupScrolling();
-    });
-
-    // Handle all-day row height changes
-    eventBus.on('header:height-changed', () => {
-      this.updateScrollableHeight();
-    });
-    
-    // Handle header ready - refresh header reference and re-sync
-    eventBus.on('header:ready', () => {
-      this.calendarHeader = document.querySelector('swp-calendar-header');
-      if (this.scrollableContent && this.calendarHeader) {
-        this.setupHorizontalScrollSynchronization();
-        this.syncCalendarHeaderPosition(); // Immediately sync position
-      }
-      this.updateScrollableHeight(); // Update height calculations
-    });
-    
-    // Handle window resize
-    window.addEventListener('resize', () => {
-      this.updateScrollableHeight();
-    });
-
-    // Listen for scroll to event time requests
-    eventBus.on('scroll:to-event-time', (event: Event) => {
-      const customEvent = event as CustomEvent;
-      const { eventStartTime } = customEvent.detail;
-      
-      if (eventStartTime) {
-        this.scrollToEventTime(eventStartTime);
-      }
-    });
-  }
-
-  /**
-   * Setup scrolling functionality after grid is rendered
-   */
-  private setupScrolling(): void {
-    this.findElements();
-    
-    if (this.scrollableContent && this.calendarContainer) {
-      this.setupResizeObserver();
-      this.updateScrollableHeight();
-      this.setupScrollSynchronization();
-    }
-
-    // Setup horizontal scrolling synchronization
-    if (this.scrollableContent && this.calendarHeader) {
-      this.setupHorizontalScrollSynchronization();
-    }
-  }
-
-  /**
-   * Find DOM elements needed for scrolling
-   */
-  private findElements(): void {
-    this.scrollableContent = document.querySelector('swp-scrollable-content');
-    this.calendarContainer = document.querySelector('swp-calendar-container');
-    this.timeAxis = document.querySelector('swp-time-axis');
-    this.calendarHeader = document.querySelector('swp-calendar-header');
-   
-  }
-
-  /**
-   * Scroll to specific position
-   */
-  scrollTo(scrollTop: number): void {
-    if (!this.scrollableContent) return;
-    
-    this.scrollableContent.scrollTop = scrollTop;
-  }
-
-  /**
-   * Scroll to specific hour using PositionUtils
-   */
-  scrollToHour(hour: number): void {
-    // Create time string for the hour
-    const timeString = `${hour.toString().padStart(2, '0')}:00`;
-    const scrollTop = this.positionUtils.timeToPixels(timeString);
-    
-    this.scrollTo(scrollTop);
-  }
-
-  /**
-   * Scroll to specific event time
-   * @param eventStartTime ISO string of event start time
-   */
-  scrollToEventTime(eventStartTime: string): void {
-    try {
-      const eventDate = new Date(eventStartTime);
-      const eventHour = eventDate.getHours();
-      const eventMinutes = eventDate.getMinutes();
-      
-      // Convert to decimal hour (e.g., 14:30 becomes 14.5)
-      const decimalHour = eventHour + (eventMinutes / 60);
-      
-      this.scrollToHour(decimalHour);
-    } catch (error) {
-      console.warn('ScrollManager: Failed to scroll to event time:', error);
-    }
-  }
-
-  /**
-   * Setup ResizeObserver to monitor container size changes
-   */
-  private setupResizeObserver(): void {
-    if (!this.calendarContainer) return;
-
-    // Clean up existing observer
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-    }
-
-    this.resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.updateScrollableHeight();
-      }
-    });
-
-    this.resizeObserver.observe(this.calendarContainer);
-  }
-
-  /**
-   * Calculate and update scrollable content height dynamically
-   */
-  private updateScrollableHeight(): void {
-    if (!this.scrollableContent || !this.calendarContainer) return;
-
-    // Get calendar container height
-    const containerRect = this.calendarContainer.getBoundingClientRect();
-    
-    // Find navigation height
-    const navigation = document.querySelector('swp-calendar-nav');
-    const navHeight = navigation ? navigation.getBoundingClientRect().height : 0;
-    
-    // Find calendar header height
-    const calendarHeaderElement = document.querySelector('swp-calendar-header');
-    const headerHeight = calendarHeaderElement ? calendarHeaderElement.getBoundingClientRect().height : 80;
-    
-    // Calculate available height for scrollable content
-    const availableHeight = containerRect.height - headerHeight;
-    
-    // Calculate available width (container width minus time-axis)
-    const availableWidth = containerRect.width - 60; // 60px time-axis
-    
-    // Set the height and width on scrollable content
-    if (availableHeight > 0) {
-      this.scrollableContent.style.height = `${availableHeight}px`;
-    }
-    if (availableWidth > 0) {
-      this.scrollableContent.style.width = `${availableWidth}px`;
-    }
-  }
-
-  /**
-   * Setup scroll synchronization between scrollable content and time axis
-   */
-  private setupScrollSynchronization(): void {
-    if (!this.scrollableContent || !this.timeAxis) return;
-
-    // Throttle scroll events for better performance
-    let scrollTimeout: number | null = null;
-
-    this.scrollableContent.addEventListener('scroll', () => {
-      if (scrollTimeout) {
-        cancelAnimationFrame(scrollTimeout);
-      }
-
-      scrollTimeout = requestAnimationFrame(() => {
-        this.syncTimeAxisPosition();
-      });
-    });
-  }
-
-  /**
-   * Synchronize time axis position with scrollable content
-   */
-  private syncTimeAxisPosition(): void {
-    if (!this.scrollableContent || !this.timeAxis) return;
-
-    const scrollTop = this.scrollableContent.scrollTop;
-    const timeAxisContent = this.timeAxis.querySelector('swp-time-axis-content');
-    
-    if (timeAxisContent) {
-      // Use transform for smooth performance
-      (timeAxisContent as HTMLElement).style.transform = `translateY(-${scrollTop}px)`;
-      
-      // Debug logging (can be removed later)
-      if (scrollTop % 100 === 0) { // Only log every 100px to avoid spam
-      }
-    }
-  }
-
-  /**
-   * Setup horizontal scroll synchronization between scrollable content and calendar header
-   */
-  private setupHorizontalScrollSynchronization(): void {
-    if (!this.scrollableContent || !this.calendarHeader) return;
-
-
-    // Listen to horizontal scroll events
-    this.scrollableContent.addEventListener('scroll', () => {
-      this.syncCalendarHeaderPosition();
-    });
-  }
-
-  /**
-   * Synchronize calendar header position with scrollable content horizontal scroll
-   */
-  private syncCalendarHeaderPosition(): void {
-    if (!this.scrollableContent || !this.calendarHeader) return;
-
-    const scrollLeft = this.scrollableContent.scrollLeft;
-    
-    // Use transform for smooth performance
-    this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
-    
-    // Debug logging (can be removed later)
-    if (scrollLeft % 100 === 0) { // Only log every 100px to avoid spam
-    }
-  }
-
-}
\ No newline at end of file
diff --git a/src/managers/WorkHoursManager.ts b/src/managers/WorkHoursManager.ts
deleted file mode 100644
index 886af11..0000000
--- a/src/managers/WorkHoursManager.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-// Work hours management for per-column scheduling
-
-import { DateService } from '../utils/DateService';
-import { Configuration } from '../configurations/CalendarConfig';
-import { PositionUtils } from '../utils/PositionUtils';
-
-/**
- * Work hours for a specific day
- */
-export interface IDayWorkHours {
-  start: number; // Hour (0-23)
-  end: number;   // Hour (0-23)
-}
-
-/**
- * Work schedule configuration
- */
-export interface IWorkScheduleConfig {
-  weeklyDefault: {
-    monday: IDayWorkHours | 'off';
-    tuesday: IDayWorkHours | 'off';
-    wednesday: IDayWorkHours | 'off';
-    thursday: IDayWorkHours | 'off';
-    friday: IDayWorkHours | 'off';
-    saturday: IDayWorkHours | 'off';
-    sunday: IDayWorkHours | 'off';
-  };
-  dateOverrides: {
-    [dateString: string]: IDayWorkHours | 'off'; // YYYY-MM-DD format
-  };
-}
-
-/**
- * Manages work hours scheduling with weekly defaults and date-specific overrides
- */
-export class WorkHoursManager {
-  private dateService: DateService;
-  private config: Configuration;
-  private positionUtils: PositionUtils;
-  private workSchedule: IWorkScheduleConfig;
-
-  constructor(dateService: DateService, config: Configuration, positionUtils: PositionUtils) {
-    this.dateService = dateService;
-    this.config = config;
-    this.positionUtils = positionUtils;
-    
-    // Default work schedule - will be loaded from JSON later
-    this.workSchedule = {
-      weeklyDefault: {
-        monday: { start: 9, end: 17 },
-        tuesday: { start: 9, end: 17 },
-        wednesday: { start: 9, end: 17 },
-        thursday: { start: 9, end: 17 },
-        friday: { start: 9, end: 15 },
-        saturday: 'off',
-        sunday: 'off'
-      },
-      dateOverrides: {
-        '2025-01-20': { start: 10, end: 16 },
-        '2025-01-21': { start: 8, end: 14 },
-        '2025-01-22': 'off'
-      }
-    };
-  }
-
-  /**
-   * Get work hours for a specific date
-   */
-  getWorkHoursForDate(date: Date): IDayWorkHours | 'off' {
-    const dateString = this.dateService.formatISODate(date);
-    
-    // Check for date-specific override first
-    if (this.workSchedule.dateOverrides[dateString]) {
-      return this.workSchedule.dateOverrides[dateString];
-    }
-    
-    // Fall back to weekly default
-    const dayName = this.getDayName(date);
-    return this.workSchedule.weeklyDefault[dayName];
-  }
-
-  /**
-   * Get work hours for multiple dates (used by GridManager)
-   */
-  getWorkHoursForDateRange(dates: Date[]): Map<string, IDayWorkHours | 'off'> {
-    const workHoursMap = new Map<string, IDayWorkHours | 'off'>();
-    
-    dates.forEach(date => {
-      const dateString = this.dateService.formatISODate(date);
-      const workHours = this.getWorkHoursForDate(date);
-      workHoursMap.set(dateString, workHours);
-    });
-    
-    return workHoursMap;
-  }
-
-  /**
-   * Calculate CSS custom properties for non-work hour overlays using PositionUtils
-   */
-  calculateNonWorkHoursStyle(workHours: IDayWorkHours | 'off'): { beforeWorkHeight: number; afterWorkTop: number } | null {
-    if (workHours === 'off') {
-      return null; // Full day will be colored via CSS background
-    }
-
-    const gridSettings = this.config.gridSettings;
-    const dayStartHour = gridSettings.dayStartHour;
-    const hourHeight = gridSettings.hourHeight;
-    
-    // Before work: from day start to work start
-    const beforeWorkHeight = (workHours.start - dayStartHour) * hourHeight;
-    
-    // After work: from work end to day end
-    const afterWorkTop = (workHours.end - dayStartHour) * hourHeight;
-    
-    return {
-      beforeWorkHeight: Math.max(0, beforeWorkHeight),
-      afterWorkTop: Math.max(0, afterWorkTop)
-    };
-  }
-
-  /**
-   * Calculate CSS custom properties for work hours overlay using PositionUtils
-   */
-  calculateWorkHoursStyle(workHours: IDayWorkHours | 'off'): { top: number; height: number } | null {
-    if (workHours === 'off') {
-      return null;
-    }
-    
-    // Create dummy time strings for start and end of work hours
-    const startTime = `${workHours.start.toString().padStart(2, '0')}:00`;
-    const endTime = `${workHours.end.toString().padStart(2, '0')}:00`;
-    
-    // Use PositionUtils for consistent position calculation
-    const position = this.positionUtils.calculateEventPosition(startTime, endTime);
-    
-    return { top: position.top, height: position.height };
-  }
-
-  /**
-   * Load work schedule from JSON (future implementation)
-   */
-  async loadWorkSchedule(jsonData: IWorkScheduleConfig): Promise<void> {
-    this.workSchedule = jsonData;
-  }
-
-  /**
-   * Get current work schedule configuration
-   */
-  getWorkSchedule(): IWorkScheduleConfig {
-    return this.workSchedule;
-  }
-
-  /**
-   * Convert Date to day name key
-   */
-  private getDayName(date: Date): keyof IWorkScheduleConfig['weeklyDefault'] {
-    const dayNames: (keyof IWorkScheduleConfig['weeklyDefault'])[] = [
-      'sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'
-    ];
-    return dayNames[date.getDay()];
-  }
-}
diff --git a/src/renderers/AllDayEventRenderer.ts b/src/renderers/AllDayEventRenderer.ts
deleted file mode 100644
index e46acb5..0000000
--- a/src/renderers/AllDayEventRenderer.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { SwpAllDayEventElement } from '../elements/SwpEventElement';
-import { IEventLayout } from '../utils/AllDayLayoutEngine';
-import { IColumnBounds } from '../utils/ColumnDetectionUtils';
-import { EventManager } from '../managers/EventManager';
-import { IDragStartEventPayload } from '../types/EventTypes';
-import { IEventRenderer } from './EventRenderer';
-
-export class AllDayEventRenderer {
-
-  private container: HTMLElement | null = null;
-  private originalEvent: HTMLElement | null = null;
-  private draggedClone: HTMLElement | null = null;
-
-  constructor() {
-    this.getContainer();
-  }
-
-
-  private getContainer(): HTMLElement | null {
-
-    const header = document.querySelector('swp-calendar-header');
-    if (header) {
-      this.container = header.querySelector('swp-allday-container');
-
-      if (!this.container) {
-        this.container = document.createElement('swp-allday-container');
-        header.appendChild(this.container);
-      }
-    }
-    return this.container;
-  }
-
-
-  private getAllDayContainer(): HTMLElement | null {
-    return document.querySelector('swp-calendar-header swp-allday-container');
-  }
-  /**
-   * Handle drag start for all-day events
-   */
-  public handleDragStart(payload: IDragStartEventPayload): void {
-
-    this.originalEvent = payload.originalElement;;
-    this.draggedClone = payload.draggedClone;
-
-    if (this.draggedClone) {
-
-      const container = this.getAllDayContainer();
-      if (!container) return;
-
-      this.draggedClone.style.gridColumn = this.originalEvent.style.gridColumn;
-      this.draggedClone.style.gridRow = this.originalEvent.style.gridRow;
-      console.log('handleDragStart:this.draggedClone', this.draggedClone);
-      container.appendChild(this.draggedClone);
-
-      // Add dragging style
-      this.draggedClone.classList.add('dragging');
-      this.draggedClone.style.zIndex = '1000';
-      this.draggedClone.style.cursor = 'grabbing';
-
-      // Make original semi-transparent
-      this.originalEvent.style.opacity = '0.3';
-      this.originalEvent.style.userSelect = 'none';
-    }
-  }
-
-
-
-  /**
-   * Render an all-day event with pre-calculated layout
-   */
-  private renderAllDayEventWithLayout(
-    event: ICalendarEvent,
-    layout: IEventLayout
-  ) {
-    const container = this.getContainer();
-    if (!container) return null;
-
-    const dayEvent = SwpAllDayEventElement.fromCalendarEvent(event);
-    dayEvent.applyGridPositioning(layout.row, layout.startColumn, layout.endColumn);
-
-    // Apply highlight class to show events with highlight color
-    dayEvent.classList.add('highlight');
-
-    container.appendChild(dayEvent);
-  }
-
-
-  /**
-   * Remove an all-day event by ID
-   */
-  public removeAllDayEvent(eventId: string): void {
-    const container = this.getContainer();
-    if (!container) return;
-
-    const eventElement = container.querySelector(`swp-allday-event[data-event-id="${eventId}"]`);
-    if (eventElement) {
-      eventElement.remove();
-    }
-  }
-
-  /**
-   * Clear cache when DOM changes
-   */
-  public clearCache(): void {
-    this.container = null;
-  }
-
-  /**
-    * Render all-day events for specific period using AllDayEventRenderer
-    */
-  public renderAllDayEventsForPeriod(eventLayouts: IEventLayout[]): void {
-    this.clearAllDayEvents();
-
-    eventLayouts.forEach(layout => {
-      this.renderAllDayEventWithLayout(layout.calenderEvent, layout);
-    });
-
-  }
-
-  private clearAllDayEvents(): void {
-    const allDayContainer = document.querySelector('swp-allday-container');
-    if (allDayContainer) {
-      allDayContainer.querySelectorAll('swp-allday-event:not(.max-event-indicator)').forEach(event => event.remove());
-    }
-  }
-
-  public handleViewChanged(event: CustomEvent): void {
-    this.clearAllDayEvents();
-  }
-}
\ No newline at end of file
diff --git a/src/renderers/ColumnRenderer.ts b/src/renderers/ColumnRenderer.ts
deleted file mode 100644
index a74c07a..0000000
--- a/src/renderers/ColumnRenderer.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-// Column rendering strategy interface and implementations
-
-import { Configuration } from '../configurations/CalendarConfig';
-import { DateService } from '../utils/DateService';
-import { WorkHoursManager } from '../managers/WorkHoursManager';
-import { IColumnInfo } from '../types/ColumnDataSource';
-
-/**
- * Interface for column rendering strategies
- */
-export interface IColumnRenderer {
-  render(columnContainer: HTMLElement, context: IColumnRenderContext): void;
-}
-
-/**
- * Context for column rendering
- */
-export interface IColumnRenderContext {
-  columns: IColumnInfo[];
-  config: Configuration;
-  currentDate?: Date;  // Optional: Only used by ResourceColumnRenderer in resource mode
-}
-
-/**
- * Date-based column renderer (original functionality)
- */
-export class DateColumnRenderer implements IColumnRenderer {
-  private dateService: DateService;
-  private workHoursManager: WorkHoursManager;
-
-  constructor(
-    dateService: DateService,
-    workHoursManager: WorkHoursManager
-  ) {
-    this.dateService = dateService;
-    this.workHoursManager = workHoursManager;
-  }
-
-  render(columnContainer: HTMLElement, context: IColumnRenderContext): void {
-    const { columns } = context;
-
-    columns.forEach((columnInfo) => {
-      const date = columnInfo.data as Date;
-      const column = document.createElement('swp-day-column');
-
-      column.dataset.columnId = columnInfo.identifier;
-      column.dataset.date = this.dateService.formatISODate(date);
-
-      // Apply work hours styling
-      this.applyWorkHoursToColumn(column, date);
-
-      const eventsLayer = document.createElement('swp-events-layer');
-      column.appendChild(eventsLayer);
-
-      columnContainer.appendChild(column);
-    });
-  }
-
-  private applyWorkHoursToColumn(column: HTMLElement, date: Date): void {
-    const workHours = this.workHoursManager.getWorkHoursForDate(date);
-    
-    if (workHours === 'off') {
-      // No work hours - mark as off day (full day will be colored)
-      (column as any).dataset.workHours = 'off';
-    } else {
-      // Calculate and apply non-work hours overlays (before and after work)
-      const nonWorkStyle = this.workHoursManager.calculateNonWorkHoursStyle(workHours);
-      if (nonWorkStyle) {
-        // Before work overlay (::before pseudo-element)
-        column.style.setProperty('--before-work-height', `${nonWorkStyle.beforeWorkHeight}px`);
-        
-        // After work overlay (::after pseudo-element)
-        column.style.setProperty('--after-work-top', `${nonWorkStyle.afterWorkTop}px`);
-        
-      }
-    }
-  }
-
-}
diff --git a/src/renderers/DateHeaderRenderer.ts b/src/renderers/DateHeaderRenderer.ts
deleted file mode 100644
index d6584fa..0000000
--- a/src/renderers/DateHeaderRenderer.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-// Header rendering strategy interface and implementations
-
-import { Configuration } from '../configurations/CalendarConfig';
-import { DateService } from '../utils/DateService';
-import { IColumnInfo } from '../types/ColumnDataSource';
-
-/**
- * Interface for header rendering strategies
- */
-export interface IHeaderRenderer {
-  render(calendarHeader: HTMLElement, context: IHeaderRenderContext): void;
-}
-
-
-/**
- * Context for header rendering
- */
-export interface IHeaderRenderContext {
-  columns: IColumnInfo[];
-  config: Configuration;
-}
-
-/**
- * Date-based header renderer (original functionality)
- */
-export class DateHeaderRenderer implements IHeaderRenderer {
-  private dateService!: DateService;
-
-  render(calendarHeader: HTMLElement, context: IHeaderRenderContext): void {
-    const { columns, config } = context;
-
-    // FIRST: Always create all-day container as part of standard header structure
-    const allDayContainer = document.createElement('swp-allday-container');
-    calendarHeader.appendChild(allDayContainer);
-
-    // Initialize date service with timezone and locale from config
-    const locale = config.timeFormatConfig.locale;
-    this.dateService = new DateService(config);
-
-    columns.forEach((columnInfo) => {
-      const date = columnInfo.data as Date;
-      const header = document.createElement('swp-day-header');
-
-      if (this.dateService.isSameDay(date, new Date())) {
-        header.dataset.today = 'true';
-      }
-
-      const dayName = this.dateService.getDayName(date, 'long', locale).toUpperCase();
-
-      header.innerHTML = `
-        <swp-day-name>${dayName}</swp-day-name>
-        <swp-day-date>${date.getDate()}</swp-day-date>
-      `;
-
-      header.dataset.columnId = columnInfo.identifier;
-      header.dataset.groupId = columnInfo.groupId;
-
-      calendarHeader.appendChild(header);
-    });
-  }
-}
\ No newline at end of file
diff --git a/src/renderers/EventRenderer.ts b/src/renderers/EventRenderer.ts
deleted file mode 100644
index 853a982..0000000
--- a/src/renderers/EventRenderer.ts
+++ /dev/null
@@ -1,393 +0,0 @@
-// Event rendering strategy interface and implementations
-
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { IColumnInfo } from '../types/ColumnDataSource';
-import { Configuration } from '../configurations/CalendarConfig';
-import { SwpEventElement } from '../elements/SwpEventElement';
-import { PositionUtils } from '../utils/PositionUtils';
-import { IColumnBounds } from '../utils/ColumnDetectionUtils';
-import { IDragColumnChangeEventPayload, IDragMoveEventPayload, IDragStartEventPayload, IDragMouseEnterColumnEventPayload } from '../types/EventTypes';
-import { DateService } from '../utils/DateService';
-import { EventStackManager } from '../managers/EventStackManager';
-import { EventLayoutCoordinator, IGridGroupLayout, IStackedEventLayout } from '../managers/EventLayoutCoordinator';
-
-/**
- * Interface for event rendering strategies
- *
- * Note: renderEvents now receives columns with pre-filtered events,
- * not a flat array of events. Each column contains its own events.
- */
-export interface IEventRenderer {
-  renderEvents(columns: IColumnInfo[], container: HTMLElement): void;
-  clearEvents(container?: HTMLElement): void;
-  renderSingleColumnEvents?(column: IColumnBounds, events: ICalendarEvent[]): void;
-  handleDragStart?(payload: IDragStartEventPayload): void;
-  handleDragMove?(payload: IDragMoveEventPayload): void;
-  handleDragAutoScroll?(eventId: string, snappedY: number): void;
-  handleDragEnd?(originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: IColumnBounds, finalY: number): void;
-  handleEventClick?(eventId: string, originalElement: HTMLElement): void;
-  handleColumnChange?(payload: IDragColumnChangeEventPayload): void;
-  handleNavigationCompleted?(): void;
-  handleConvertAllDayToTimed?(payload: IDragMouseEnterColumnEventPayload): void;
-}
-
-/**
- * Date-based event renderer
- */
-export class DateEventRenderer implements IEventRenderer {
-
-  private dateService: DateService;
-  private stackManager: EventStackManager;
-  private layoutCoordinator: EventLayoutCoordinator;
-  private config: Configuration;
-  private positionUtils: PositionUtils;
-  private draggedClone: HTMLElement | null = null;
-  private originalEvent: HTMLElement | null = null;
-
-  constructor(
-    dateService: DateService,
-    stackManager: EventStackManager,
-    layoutCoordinator: EventLayoutCoordinator,
-    config: Configuration,
-    positionUtils: PositionUtils
-  ) {
-    this.dateService = dateService;
-    this.stackManager = stackManager;
-    this.layoutCoordinator = layoutCoordinator;
-    this.config = config;
-    this.positionUtils = positionUtils;
-  }
-
-  private applyDragStyling(element: HTMLElement): void {
-    element.classList.add('dragging');
-    element.style.removeProperty("margin-left");
-  }
-
-
-
-  /**
-   * Handle drag start event
-   */
-  public handleDragStart(payload: IDragStartEventPayload): void {
-
-    this.originalEvent = payload.originalElement;;
-
-    // Use the clone from the payload instead of creating a new one
-    this.draggedClone = payload.draggedClone;
-
-    if (this.draggedClone && payload.columnBounds) {
-      // Apply drag styling
-      this.applyDragStyling(this.draggedClone);
-
-      // Add to current column's events layer (not directly to column)
-      const eventsLayer = payload.columnBounds.element.querySelector('swp-events-layer');
-      if (eventsLayer) {
-        eventsLayer.appendChild(this.draggedClone);
-
-        // Set initial position to prevent "jump to top" effect
-        // Calculate absolute Y position from original element
-        const originalRect = this.originalEvent.getBoundingClientRect();
-        const columnRect = payload.columnBounds.boundingClientRect;
-        const initialTop = originalRect.top - columnRect.top;
-
-        this.draggedClone.style.top = `${initialTop}px`;
-      }
-    }
-
-    // Make original semi-transparent
-    this.originalEvent.style.opacity = '0.3';
-    this.originalEvent.style.userSelect = 'none';
-
-  }
-
-  /**
-   * Handle drag move event
-   * Only updates visual position and time - date stays the same
-   */
-  public handleDragMove(payload: IDragMoveEventPayload): void {
-    const swpEvent = payload.draggedClone as SwpEventElement;
-    swpEvent.updatePosition(payload.snappedY);
-  }
-
-  /**
-   * Handle column change during drag
-   * Only moves the element visually - no data updates here
-   * Data updates happen on drag:end in EventRenderingService
-   */
-  public handleColumnChange(payload: IDragColumnChangeEventPayload): void {
-    const eventsLayer = payload.newColumn.element.querySelector('swp-events-layer');
-    if (eventsLayer && payload.draggedClone.parentElement !== eventsLayer) {
-      eventsLayer.appendChild(payload.draggedClone);
-    }
-  }
-
-  /**
-   * Handle conversion of all-day event to timed event
-   */
-  public handleConvertAllDayToTimed(payload: IDragMouseEnterColumnEventPayload): void {
-
-    console.log('🎯 DateEventRenderer: Converting all-day to timed event', {
-      eventId: payload.calendarEvent.id,
-      targetColumn: payload.targetColumn.identifier,
-      snappedY: payload.snappedY
-    });
-
-    let timedClone = SwpEventElement.fromCalendarEvent(payload.calendarEvent);
-    let position = this.calculateEventPosition(payload.calendarEvent);
-
-    // Set position at snapped Y
-    //timedClone.style.top = `${snappedY}px`;
-
-    // Set complete styling for dragged clone (matching normal event rendering)
-    timedClone.style.height = `${position.height - 3}px`;
-    timedClone.style.left = '2px';
-    timedClone.style.right = '2px';
-    timedClone.style.width = 'auto';
-    timedClone.style.pointerEvents = 'none';
-
-    // Apply drag styling
-    this.applyDragStyling(timedClone);
-
-    // Find the events layer in the target column
-    let eventsLayer = payload.targetColumn.element.querySelector('swp-events-layer');
-
-    // Add "clone-" prefix to match clone ID pattern
-    //timedClone.dataset.eventId = `clone-${payload.calendarEvent.id}`;
-
-    // Remove old all-day clone and replace with new timed clone
-    payload.draggedClone.remove();
-    payload.replaceClone(timedClone);
-    eventsLayer!!.appendChild(timedClone);
-
-  }
-
-  /**
-   * Handle drag end event
-   */
-  public handleDragEnd(originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: IColumnBounds, finalY: number): void {
-    if (!draggedClone || !originalElement) {
-      console.warn('Missing draggedClone or originalElement');
-      return;
-    }
-
-    // Only fade out and remove if it's a swp-event (not swp-allday-event)
-    // AllDayManager handles removal of swp-allday-event elements
-    if (originalElement.tagName === 'SWP-EVENT') {
-      this.fadeOutAndRemove(originalElement);
-    }
-
-    // Remove clone prefix and normalize clone to be a regular event
-    const cloneId = draggedClone.dataset.eventId;
-    if (cloneId && cloneId.startsWith('clone-')) {
-      draggedClone.dataset.eventId = cloneId.replace('clone-', '');
-    }
-
-    // Fully normalize the clone to be a regular event
-    draggedClone.classList.remove('dragging');
-    draggedClone.style.pointerEvents = ''; // Re-enable pointer events
-
-    // Clean up instance state
-    this.draggedClone = null;
-    this.originalEvent = null;
-
-
-    // Clean up any remaining day event clones
-    const dayEventClone = document.querySelector(`swp-event[data-event-id="clone-${cloneId}"]`);
-    if (dayEventClone) {
-      dayEventClone.remove();
-    }
-  }
-
-  /**
-   * Handle navigation completed event
-   */
-  public handleNavigationCompleted(): void {
-    // Default implementation - can be overridden by subclasses
-  }
-
-  /**
-   * Fade out and remove element  
-   */
-  private fadeOutAndRemove(element: HTMLElement): void {
-    element.style.transition = 'opacity 0.3s ease-out';
-    element.style.opacity = '0';
-
-    setTimeout(() => {
-      element.remove();
-    }, 300);
-  }
-
-
-  renderEvents(columns: IColumnInfo[], container: HTMLElement): void {
-    // Find column DOM elements in the container
-    const columnElements = this.getColumns(container);
-
-    // Render events for each column using pre-filtered events from IColumnInfo
-    columns.forEach((columnInfo, index) => {
-      const columnElement = columnElements[index];
-      if (!columnElement) return;
-
-      // Filter out all-day events - they should be handled by AllDayEventRenderer
-      const timedEvents = columnInfo.events.filter(event => !event.allDay);
-
-      const eventsLayer = columnElement.querySelector('swp-events-layer') as HTMLElement;
-      if (eventsLayer && timedEvents.length > 0) {
-        this.renderColumnEvents(timedEvents, eventsLayer);
-      }
-    });
-  }
-
-  /**
-   * Render events for a single column
-   * Note: events are already filtered for this column
-   */
-  public renderSingleColumnEvents(column: IColumnBounds, events: ICalendarEvent[]): void {
-    // Filter out all-day events
-    const timedEvents = events.filter(event => !event.allDay);
-    const eventsLayer = column.element.querySelector('swp-events-layer') as HTMLElement;
-
-    if (eventsLayer && timedEvents.length > 0) {
-      this.renderColumnEvents(timedEvents, eventsLayer);
-    }
-  }
-
-  /**
-   * Render events in a column using combined stacking + grid algorithm
-   */
-  private renderColumnEvents(columnEvents: ICalendarEvent[], eventsLayer: HTMLElement): void {
-    if (columnEvents.length === 0) return;
-
-    // Get layout from coordinator
-    const layout = this.layoutCoordinator.calculateColumnLayout(columnEvents);
-
-    // Render grid groups
-    layout.gridGroups.forEach(gridGroup => {
-      this.renderGridGroup(gridGroup, eventsLayer);
-    });
-
-    // Render stacked events
-    layout.stackedEvents.forEach(stackedEvent => {
-      const element = this.renderEvent(stackedEvent.event);
-      this.stackManager.applyStackLinkToElement(element, stackedEvent.stackLink);
-      this.stackManager.applyVisualStyling(element, stackedEvent.stackLink.stackLevel);
-      eventsLayer.appendChild(element);
-    });
-  }
-  /**
-   * Render events in a grid container (side-by-side with column sharing)
-   */
-  private renderGridGroup(gridGroup: IGridGroupLayout, eventsLayer: HTMLElement): void {
-    const groupElement = document.createElement('swp-event-group');
-
-    // Add grid column class based on number of columns (not events)
-    const colCount = gridGroup.columns.length;
-    groupElement.classList.add(`cols-${colCount}`);
-
-    // Add stack level class for margin-left offset
-    groupElement.classList.add(`stack-level-${gridGroup.stackLevel}`);
-
-    // Position from layout
-    groupElement.style.top = `${gridGroup.position.top}px`;
-
-    // Add stack-link attribute for drag-drop (group acts as a stacked item)
-    const stackLink = {
-      stackLevel: gridGroup.stackLevel
-    };
-    this.stackManager.applyStackLinkToElement(groupElement, stackLink);
-
-    // Apply visual styling (margin-left and z-index) using StackManager
-    this.stackManager.applyVisualStyling(groupElement, gridGroup.stackLevel);
-
-    // Render each column
-    const earliestEvent = gridGroup.events[0];
-    gridGroup.columns.forEach((columnEvents: ICalendarEvent[]) => {
-      const columnContainer = this.renderGridColumn(columnEvents, earliestEvent.start);
-      groupElement.appendChild(columnContainer);
-    });
-
-    eventsLayer.appendChild(groupElement);
-  }
-
-  /**
-   * Render a single column within a grid group
-   * Column may contain multiple events that don't overlap
-   */
-  private renderGridColumn(columnEvents: ICalendarEvent[], containerStart: Date): HTMLElement {
-    const columnContainer = document.createElement('div');
-    columnContainer.style.position = 'relative';
-
-    columnEvents.forEach(event => {
-      const element = this.renderEventInGrid(event, containerStart);
-      columnContainer.appendChild(element);
-    });
-
-    return columnContainer;
-  }
-
-  /**
-   * Render event within a grid container (absolute positioning within column)
-   */
-  private renderEventInGrid(event: ICalendarEvent, containerStart: Date): HTMLElement {
-    const element = SwpEventElement.fromCalendarEvent(event);
-
-    // Calculate event height
-    const position = this.calculateEventPosition(event);
-
-    // Calculate relative top offset if event starts after container start
-    // (e.g., if container starts at 07:00 and event starts at 08:15, offset = 75 min)
-    const timeDiffMs = event.start.getTime() - containerStart.getTime();
-    const timeDiffMinutes = timeDiffMs / (1000 * 60);
-    const gridSettings = this.config.gridSettings;
-    const relativeTop = timeDiffMinutes > 0 ? (timeDiffMinutes / 60) * gridSettings.hourHeight : 0;
-
-    // Events in grid columns are positioned absolutely within their column container
-    element.style.position = 'absolute';
-    element.style.top = `${relativeTop}px`;
-    element.style.height = `${position.height - 3}px`;
-    element.style.left = '0';
-    element.style.right = '0';
-
-    return element;
-  }
-
-
-  private renderEvent(event: ICalendarEvent): HTMLElement {
-    const element = SwpEventElement.fromCalendarEvent(event);
-
-    // Apply positioning (moved from SwpEventElement.applyPositioning)
-    const position = this.calculateEventPosition(event);
-    element.style.position = 'absolute';
-    element.style.top = `${position.top + 1}px`;
-    element.style.height = `${position.height - 3}px`;
-    element.style.left = '2px';
-    element.style.right = '2px';
-
-    return element;
-  }
-
-  protected calculateEventPosition(event: ICalendarEvent): { top: number; height: number } {
-    // Delegate to PositionUtils for centralized position calculation
-    return this.positionUtils.calculateEventPosition(event.start, event.end);
-  }
-
-  clearEvents(container?: HTMLElement): void {
-    const eventSelector = 'swp-event';
-    const groupSelector = 'swp-event-group';
-
-    const existingEvents = container
-      ? container.querySelectorAll(eventSelector)
-      : document.querySelectorAll(eventSelector);
-
-    const existingGroups = container
-      ? container.querySelectorAll(groupSelector)
-      : document.querySelectorAll(groupSelector);
-
-    existingEvents.forEach(event => event.remove());
-    existingGroups.forEach(group => group.remove());
-  }
-
-  protected getColumns(container: HTMLElement): HTMLElement[] {
-    const columns = container.querySelectorAll('swp-day-column');
-    return Array.from(columns) as HTMLElement[];
-  }
-}
diff --git a/src/renderers/EventRendererManager.ts b/src/renderers/EventRendererManager.ts
deleted file mode 100644
index 17862c0..0000000
--- a/src/renderers/EventRendererManager.ts
+++ /dev/null
@@ -1,269 +0,0 @@
-import { IEventBus } from '../types/CalendarTypes';
-import { IColumnInfo, IColumnDataSource } from '../types/ColumnDataSource';
-import { CoreEvents } from '../constants/CoreEvents';
-import { EventManager } from '../managers/EventManager';
-import { IEventRenderer } from './EventRenderer';
-import { SwpEventElement } from '../elements/SwpEventElement';
-import { IDragStartEventPayload, IDragMoveEventPayload, IDragEndEventPayload, IDragMouseEnterHeaderEventPayload, IDragMouseLeaveHeaderEventPayload, IDragMouseEnterColumnEventPayload, IDragColumnChangeEventPayload, IResizeEndEventPayload } from '../types/EventTypes';
-import { DateService } from '../utils/DateService';
-
-/**
- * EventRenderingService - Render events i DOM med positionering using Strategy Pattern
- * Håndterer event positioning og overlap detection
- */
-export class EventRenderingService {
-    private eventBus: IEventBus;
-    private eventManager: EventManager;
-    private strategy: IEventRenderer;
-    private dataSource: IColumnDataSource;
-    private dateService: DateService;
-
-    private dragMouseLeaveHeaderListener: ((event: Event) => void) | null = null;
-
-    constructor(
-        eventBus: IEventBus,
-        eventManager: EventManager,
-        strategy: IEventRenderer,
-        dataSource: IColumnDataSource,
-        dateService: DateService
-    ) {
-        this.eventBus = eventBus;
-        this.eventManager = eventManager;
-        this.strategy = strategy;
-        this.dataSource = dataSource;
-        this.dateService = dateService;
-
-        this.setupEventListeners();
-    }
-
-    private setupEventListeners(): void {
-
-        this.eventBus.on(CoreEvents.GRID_RENDERED, (event: Event) => {
-            this.handleGridRendered(event as CustomEvent);
-        });
-
-        this.eventBus.on(CoreEvents.VIEW_CHANGED, (event: Event) => {
-            this.handleViewChanged(event as CustomEvent);
-        });
-
-
-        // Handle all drag events and delegate to appropriate renderer
-        this.setupDragEventListeners();
-
-    }
-
-
-    /**
-     * Handle GRID_RENDERED event - render events in the current grid
-     * Events are now pre-filtered per column by IColumnDataSource
-     */
-    private handleGridRendered(event: CustomEvent): void {
-        const { container, columns } = event.detail;
-
-        if (!container || !columns || columns.length === 0) {
-            return;
-        }
-
-        // Render events directly from columns (pre-filtered by IColumnDataSource)
-        this.renderEventsFromColumns(container, columns);
-    }
-
-    /**
-     * Render events from pre-filtered columns
-     * Each column already contains its events (filtered by IColumnDataSource)
-     */
-    private renderEventsFromColumns(container: HTMLElement, columns: IColumnInfo[]): void {
-        this.strategy.clearEvents(container);
-        this.strategy.renderEvents(columns, container);
-
-        // Emit EVENTS_RENDERED for filtering system
-        const allEvents = columns.flatMap(col => col.events);
-        this.eventBus.emit(CoreEvents.EVENTS_RENDERED, {
-            events: allEvents,
-            container: container
-        });
-    }
-
-
-    /**
-     * Handle VIEW_CHANGED event - clear and re-render for new view
-     */
-    private handleViewChanged(event: CustomEvent): void {
-        // Clear all existing events since view structure may have changed
-        this.clearEvents();
-
-        // New rendering will be triggered by subsequent GRID_RENDERED event
-    }
-
-
-    /**
-     * Setup all drag event listeners - moved from EventRenderer for better separation of concerns
-     */
-    private setupDragEventListeners(): void {
-        this.setupDragStartListener();
-        this.setupDragMoveListener();
-        this.setupDragEndListener();
-        this.setupDragColumnChangeListener();
-        this.setupDragMouseLeaveHeaderListener();
-        this.setupDragMouseEnterColumnListener();
-        this.setupResizeEndListener();
-        this.setupNavigationCompletedListener();
-    }
-
-    private setupDragStartListener(): void {
-        this.eventBus.on('drag:start', (event: Event) => {
-            const dragStartPayload = (event as CustomEvent<IDragStartEventPayload>).detail;
-
-            if (dragStartPayload.originalElement.hasAttribute('data-allday')) {
-                return;
-            }
-
-            if (dragStartPayload.originalElement && this.strategy.handleDragStart && dragStartPayload.columnBounds) {
-                this.strategy.handleDragStart(dragStartPayload);
-            }
-        });
-    }
-
-    private setupDragMoveListener(): void {
-        this.eventBus.on('drag:move', (event: Event) => {
-            let dragEvent = (event as CustomEvent<IDragMoveEventPayload>).detail;
-
-            if (dragEvent.draggedClone.hasAttribute('data-allday')) {
-                return;
-            }
-            if (this.strategy.handleDragMove) {
-                this.strategy.handleDragMove(dragEvent);
-            }
-        });
-    }
-
-    private setupDragEndListener(): void {
-        this.eventBus.on('drag:end', async (event: Event) => {
-            const { originalElement, draggedClone, finalPosition, target } = (event as CustomEvent<IDragEndEventPayload>).detail;
-            const finalColumn = finalPosition.column;
-            const finalY = finalPosition.snappedY;
-
-            // Only handle day column drops
-            if (target === 'swp-day-column' && finalColumn) {
-                const element = draggedClone as SwpEventElement;
-
-                if (originalElement && draggedClone && this.strategy.handleDragEnd) {
-                    this.strategy.handleDragEnd(originalElement, draggedClone, finalColumn, finalY);
-                }
-
-                // Build update payload based on mode
-                const updatePayload: { start: Date; end: Date; allDay: boolean; resourceId?: string } = {
-                    start: element.start,
-                    end: element.end,
-                    allDay: false
-                };
-
-                if (this.dataSource.isResource()) {
-                    // Resource mode: update resourceId, keep existing date
-                    updatePayload.resourceId = finalColumn.identifier;
-                } else {
-                    // Date mode: update date from column, keep existing time
-                    const newDate = this.dateService.parseISO(finalColumn.identifier);
-                    const startTimeMinutes = this.dateService.getMinutesSinceMidnight(element.start);
-                    const endTimeMinutes = this.dateService.getMinutesSinceMidnight(element.end);
-                    updatePayload.start = this.dateService.createDateAtTime(newDate, startTimeMinutes);
-                    updatePayload.end = this.dateService.createDateAtTime(newDate, endTimeMinutes);
-                }
-
-                await this.eventManager.updateEvent(element.eventId, updatePayload);
-
-                // Trigger full refresh to re-render with updated data
-                this.eventBus.emit(CoreEvents.REFRESH_REQUESTED, {});
-            }
-        });
-    }
-
-    private setupDragColumnChangeListener(): void {
-        this.eventBus.on('drag:column-change', (event: Event) => {
-            let columnChangeEvent = (event as CustomEvent<IDragColumnChangeEventPayload>).detail;
-
-            // Filter: Only handle events where clone is NOT an all-day event (normal timed events)
-            if (columnChangeEvent.draggedClone && columnChangeEvent.draggedClone.hasAttribute('data-allday')) {
-                return;
-            }
-
-            if (this.strategy.handleColumnChange) {
-                this.strategy.handleColumnChange(columnChangeEvent);
-            }
-        });
-    }
-
-    private setupDragMouseLeaveHeaderListener(): void {
-
-        this.dragMouseLeaveHeaderListener = (event: Event) => {
-            const { targetColumn, mousePosition, originalElement, draggedClone: cloneElement } = (event as CustomEvent<IDragMouseLeaveHeaderEventPayload>).detail;
-
-            if (cloneElement)
-                cloneElement.style.display = '';
-
-            console.log('🚪 EventRendererManager: Received drag:mouseleave-header', {
-                targetColumn: targetColumn?.identifier,
-                originalElement: originalElement,
-                cloneElement: cloneElement
-            });
-
-        };
-
-        this.eventBus.on('drag:mouseleave-header', this.dragMouseLeaveHeaderListener);
-    }
-
-    private setupDragMouseEnterColumnListener(): void {
-        this.eventBus.on('drag:mouseenter-column', (event: Event) => {
-            const payload = (event as CustomEvent<IDragMouseEnterColumnEventPayload>).detail;
-
-            // Only handle if clone is an all-day event
-            if (!payload.draggedClone.hasAttribute('data-allday')) {
-                return;
-            }
-
-            console.log('🎯 EventRendererManager: Received drag:mouseenter-column', {
-                targetColumn: payload.targetColumn,
-                snappedY: payload.snappedY,
-                calendarEvent: payload.calendarEvent
-            });
-
-            // Delegate to strategy for conversion
-            if (this.strategy.handleConvertAllDayToTimed) {
-                this.strategy.handleConvertAllDayToTimed(payload);
-            }
-        });
-    }
-
-    private setupResizeEndListener(): void {
-        this.eventBus.on('resize:end', async (event: Event) => {
-            const { eventId, element } = (event as CustomEvent<IResizeEndEventPayload>).detail;
-
-            const swpEvent = element as SwpEventElement;
-            await this.eventManager.updateEvent(eventId, {
-                start: swpEvent.start,
-                end: swpEvent.end
-            });
-
-            // Trigger full refresh to re-render with updated data
-            this.eventBus.emit(CoreEvents.REFRESH_REQUESTED, {});
-        });
-    }
-
-    private setupNavigationCompletedListener(): void {
-        this.eventBus.on(CoreEvents.NAVIGATION_COMPLETED, () => {
-            // Delegate to strategy if it handles navigation
-            if (this.strategy.handleNavigationCompleted) {
-                this.strategy.handleNavigationCompleted();
-            }
-        });
-    }
-
-
-    private clearEvents(container?: HTMLElement): void {
-        this.strategy.clearEvents(container);
-    }
-
-    public refresh(container?: HTMLElement): void {
-        this.clearEvents(container);
-    }
-}
\ No newline at end of file
diff --git a/src/renderers/GridRenderer.ts b/src/renderers/GridRenderer.ts
deleted file mode 100644
index 19f267b..0000000
--- a/src/renderers/GridRenderer.ts
+++ /dev/null
@@ -1,324 +0,0 @@
-import { Configuration } from '../configurations/CalendarConfig';
-import { CalendarView } from '../types/CalendarTypes';
-import { IColumnRenderer, IColumnRenderContext } from './ColumnRenderer';
-import { eventBus } from '../core/EventBus';
-import { DateService } from '../utils/DateService';
-import { CoreEvents } from '../constants/CoreEvents';
-import { TimeFormatter } from '../utils/TimeFormatter';
-import { IColumnInfo } from '../types/ColumnDataSource';
-
-/**
- * GridRenderer - Centralized DOM rendering for calendar grid structure
- *
- * ARCHITECTURE OVERVIEW:
- * =====================
- * GridRenderer is responsible for creating and managing the complete DOM structure
- * of the calendar grid. It follows the Strategy Pattern by delegating specific
- * rendering tasks to specialized renderers (DateHeaderRenderer, ColumnRenderer).
- *
- * RESPONSIBILITY HIERARCHY:
- * ========================
- * GridRenderer (this file)
- * ├─ Creates overall grid skeleton
- * ├─ Manages time axis (hour markers)
- * └─ Delegates to specialized renderers:
- *    ├─ DateHeaderRenderer → Renders date headers
- *    └─ ColumnRenderer → Renders day columns
- *
- * DOM STRUCTURE CREATED:
- * =====================
- * <swp-calendar-container>
- *   <swp-header-spacer />                    ← GridRenderer
- *   <swp-time-axis>                          ← GridRenderer
- *     <swp-hour-marker>00:00</...>           ← GridRenderer (iterates hours)
- *   </swp-time-axis>
- *   <swp-grid-container>                     ← GridRenderer
- *     <swp-calendar-header>                  ← GridRenderer creates container
- *       <swp-day-header />                   ← DateHeaderRenderer (iterates dates)
- *     </swp-calendar-header>
- *     <swp-scrollable-content>               ← GridRenderer
- *       <swp-time-grid>                      ← GridRenderer
- *         <swp-grid-lines />                 ← GridRenderer
- *         <swp-day-columns>                  ← GridRenderer creates container
- *           <swp-day-column />               ← ColumnRenderer (iterates dates)
- *         </swp-day-columns>
- *       </swp-time-grid>
- *     </swp-scrollable-content>
- *   </swp-grid-container>
- * </swp-calendar-container>
- *
- * RENDERING FLOW:
- * ==============
- * 1. renderGrid() - Entry point called by GridManager
- *    ├─ First render: createCompleteGridStructure()
- *    └─ Updates: updateGridContent()
- *
- * 2. createCompleteGridStructure()
- *    ├─ Creates header spacer
- *    ├─ Creates time axis (calls createOptimizedTimeAxis)
- *    └─ Creates grid container (calls createOptimizedGridContainer)
- *
- * 3. createOptimizedGridContainer()
- *    ├─ Creates calendar header container
- *    ├─ Creates scrollable content structure
- *    └─ Creates column container (calls renderColumnContainer)
- *
- * 4. renderColumnContainer()
- *    └─ Delegates to ColumnRenderer.render()
- *       └─ ColumnRenderer iterates dates and creates columns
- *
- * OPTIMIZATION STRATEGY:
- * =====================
- * - Caches DOM references (cachedGridContainer, cachedTimeAxis)
- * - Uses DocumentFragment for batch DOM insertions
- * - Only updates changed content on re-renders
- * - Delegates specialized tasks to strategy renderers
- *
- * USAGE EXAMPLE:
- * =============
- * const gridRenderer = new GridRenderer(columnRenderer, dateService, config);
- * gridRenderer.renderGrid(containerElement, new Date(), 'week');
- */
-export class GridRenderer {
-  private cachedGridContainer: HTMLElement | null = null;
-  private cachedTimeAxis: HTMLElement | null = null;
-  private dateService: DateService;
-  private columnRenderer: IColumnRenderer;
-  private config: Configuration;
-
-  constructor(
-    columnRenderer: IColumnRenderer,
-    dateService: DateService,
-    config: Configuration
-  ) {
-    this.dateService = dateService;
-    this.columnRenderer = columnRenderer;
-    this.config = config;
-  }
-
-  /**
-   * Main entry point for rendering the complete calendar grid
-   *
-   * This method decides between full render (first time) or optimized update.
-   * It caches the grid reference for performance.
-   *
-   * @param grid - Container element where grid will be rendered
-   * @param currentDate - Base date for the current view (e.g., any date in the week)
-   * @param view - Calendar view type (day/week/month)
-   * @param columns - Array of columns to render (each column contains its events)
-   */
-  public renderGrid(
-    grid: HTMLElement,
-    currentDate: Date,
-    view: CalendarView = 'week',
-    columns: IColumnInfo[] = []
-  ): void {
-
-    if (!grid || !currentDate) {
-      return;
-    }
-
-    // Cache grid reference for performance
-    this.cachedGridContainer = grid;
-
-    // Only clear and rebuild if grid is empty (first render)
-    if (grid.children.length === 0) {
-      this.createCompleteGridStructure(grid, currentDate, view, columns);
-    } else {
-      // Optimized update - only refresh dynamic content
-      this.updateGridContent(grid, currentDate, view, columns);
-    }
-  }
-
-  /**
-   * Creates the complete grid structure from scratch
-   *
-   * Uses DocumentFragment for optimal performance by minimizing reflows.
-   * Creates all child elements in memory first, then appends everything at once.
-   *
-   * Structure created:
-   * 1. Header spacer (placeholder for alignment)
-   * 2. Time axis (hour markers 00:00-23:00)
-   * 3. Grid container (header + scrollable content)
-   *
-   * @param grid - Parent container
-   * @param currentDate - Current view date
-   * @param view - View type
-   * @param columns - Array of columns to render (each column contains its events)
-   */
-  private createCompleteGridStructure(
-    grid: HTMLElement,
-    currentDate: Date,
-    view: CalendarView,
-    columns: IColumnInfo[]
-  ): void {
-    // Create all elements in memory first for better performance
-    const fragment = document.createDocumentFragment();
-
-    // Create header spacer
-    const headerSpacer = document.createElement('swp-header-spacer');
-    fragment.appendChild(headerSpacer);
-
-    // Create time axis with caching
-    const timeAxis = this.createOptimizedTimeAxis();
-    this.cachedTimeAxis = timeAxis;
-    fragment.appendChild(timeAxis);
-
-    // Create grid container with caching
-    const gridContainer = this.createOptimizedGridContainer(columns, currentDate);
-    this.cachedGridContainer = gridContainer;
-    fragment.appendChild(gridContainer);
-
-    // Append all at once to minimize reflows
-    grid.appendChild(fragment);
-  }
-
-  /**
-   * Creates the time axis with hour markers
-   *
-   * Iterates from dayStartHour to dayEndHour (configured in GridSettings).
-   * Each marker shows the hour in the configured time format.
-   *
-   * @returns Time axis element with all hour markers
-   */
-  private createOptimizedTimeAxis(): HTMLElement {
-    const timeAxis = document.createElement('swp-time-axis');
-    const timeAxisContent = document.createElement('swp-time-axis-content');
-    const gridSettings = this.config.gridSettings;
-    const startHour = gridSettings.dayStartHour;
-    const endHour = gridSettings.dayEndHour;
-
-    const fragment = document.createDocumentFragment();
-    for (let hour = startHour; hour < endHour; hour++) {
-      const marker = document.createElement('swp-hour-marker');
-      const date = new Date(2024, 0, 1, hour, 0);
-      marker.textContent = TimeFormatter.formatTime(date);
-      fragment.appendChild(marker);
-    }
-
-    timeAxisContent.appendChild(fragment);
-    timeAxisContent.style.top = '-1px'; 
-    timeAxis.appendChild(timeAxisContent);
-    return timeAxis;
-  }
-
-  /**
-   * Creates the main grid container with header and columns
-   *
-   * This is the scrollable area containing:
-   * - Calendar header (dates/resources) - created here, populated by DateHeaderRenderer
-   * - Time grid (grid lines + day columns) - structure created here
-   * - Column container - created here, populated by ColumnRenderer
-   *
-   * @param columns - Array of columns to render (each column contains its events)
-   * @param currentDate - Current view date
-   * @returns Complete grid container element
-   */
-  private createOptimizedGridContainer(
-    columns: IColumnInfo[],
-    currentDate: Date
-  ): HTMLElement {
-    const gridContainer = document.createElement('swp-grid-container');
-
-    // Create calendar header as first child - always exists now!
-    const calendarHeader = document.createElement('swp-calendar-header');
-    gridContainer.appendChild(calendarHeader);
-
-    // Create scrollable content structure
-    const scrollableContent = document.createElement('swp-scrollable-content');
-    const timeGrid = document.createElement('swp-time-grid');
-
-    // Add grid lines
-    const gridLines = document.createElement('swp-grid-lines');
-    timeGrid.appendChild(gridLines);
-
-    // Create column container
-    const columnContainer = document.createElement('swp-day-columns');
-    this.renderColumnContainer(columnContainer, columns, currentDate);
-    timeGrid.appendChild(columnContainer);
-
-    scrollableContent.appendChild(timeGrid);
-    gridContainer.appendChild(scrollableContent);
-
-    return gridContainer;
-  }
-
-
-  /**
-   * Renders columns by delegating to ColumnRenderer
-   *
-   * GridRenderer delegates column creation to ColumnRenderer.
-   * Event rendering is handled by EventRenderingService listening to GRID_RENDERED.
-   *
-   * @param columnContainer - Empty container to populate
-   * @param columns - Array of columns to render (each column contains its events)
-   * @param currentDate - Current view date
-   */
-  private renderColumnContainer(
-    columnContainer: HTMLElement,
-    columns: IColumnInfo[],
-    currentDate: Date
-  ): void {
-    // Delegate to ColumnRenderer
-    this.columnRenderer.render(columnContainer, {
-      columns: columns,
-      config: this.config,
-      currentDate: currentDate
-    });
-  }
-
-  /**
-   * Optimized update of grid content without full rebuild
-   *
-   * Only updates the column container content, leaving the structure intact.
-   * This is much faster than recreating the entire grid.
-   *
-   * @param grid - Existing grid element
-   * @param currentDate - New view date
-   * @param view - View type
-   * @param columns - Array of columns to render (each column contains its events)
-   */
-  private updateGridContent(
-    grid: HTMLElement,
-    currentDate: Date,
-    view: CalendarView,
-    columns: IColumnInfo[]
-  ): void {
-    // Update column container if needed
-    const columnContainer = grid.querySelector('swp-day-columns');
-    if (columnContainer) {
-      columnContainer.innerHTML = '';
-      this.renderColumnContainer(columnContainer as HTMLElement, columns, currentDate);
-    }
-  }
-  /**
-   * Creates a new grid for slide animations during navigation
-   *
-   * Used by NavigationManager for smooth week-to-week transitions.
-   * Creates a complete grid positioned absolutely for animation.
-   *
-   * Note: Positioning is handled by Animation API, not here.
-   * Events will be rendered by EventRenderingService when GRID_RENDERED emits.
-   *
-   * @param parentContainer - Container for the new grid
-   * @param columns - Array of columns to render
-   * @param currentDate - Current view date
-   * @returns New grid element ready for animation
-   */
-  public createNavigationGrid(parentContainer: HTMLElement, columns: IColumnInfo[], currentDate: Date): HTMLElement {
-    // Create grid structure (events are in columns, rendered by EventRenderingService)
-    const newGrid = this.createOptimizedGridContainer(columns, currentDate);
-
-    // Position new grid for animation - NO transform here, let Animation API handle it
-    newGrid.style.position = 'absolute';
-    newGrid.style.top = '0';
-    newGrid.style.left = '0';
-    newGrid.style.width = '100%';
-    newGrid.style.height = '100%';
-
-    // Add to parent container
-    parentContainer.appendChild(newGrid);
-
-    return newGrid;
-  }
-}
\ No newline at end of file
diff --git a/src/renderers/ResourceColumnRenderer.ts b/src/renderers/ResourceColumnRenderer.ts
deleted file mode 100644
index 627546d..0000000
--- a/src/renderers/ResourceColumnRenderer.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { WorkHoursManager } from '../managers/WorkHoursManager';
-import { IColumnRenderer, IColumnRenderContext } from './ColumnRenderer';
-import { DateService } from '../utils/DateService';
-
-/**
- * Resource-based column renderer
- *
- * In resource mode, columns represent resources (people, rooms, etc.)
- * Work hours are hardcoded (09:00-18:00) for all columns.
- * TODO: Each resource should have its own work hours.
- */
-export class ResourceColumnRenderer implements IColumnRenderer {
-  private workHoursManager: WorkHoursManager;
-  private dateService: DateService;
-
-  constructor(workHoursManager: WorkHoursManager, dateService: DateService) {
-    this.workHoursManager = workHoursManager;
-    this.dateService = dateService;
-  }
-
-  render(columnContainer: HTMLElement, context: IColumnRenderContext): void {
-    const { columns, currentDate } = context;
-
-    if (!currentDate) {
-      throw new Error('ResourceColumnRenderer requires currentDate in context');
-    }
-
-    // Hardcoded work hours for all resources: 09:00 - 18:00
-    const workHours = { start: 9, end: 18 };
-
-    columns.forEach((columnInfo) => {
-      const column = document.createElement('swp-day-column');
-
-      column.dataset.columnId = columnInfo.identifier;
-      column.dataset.date = this.dateService.formatISODate(currentDate);
-
-      // Apply hardcoded work hours to all resource columns
-      this.applyWorkHoursToColumn(column, workHours);
-
-      const eventsLayer = document.createElement('swp-events-layer');
-      column.appendChild(eventsLayer);
-
-      columnContainer.appendChild(column);
-    });
-  }
-
-  private applyWorkHoursToColumn(column: HTMLElement, workHours: { start: number; end: number }): void {
-    const nonWorkStyle = this.workHoursManager.calculateNonWorkHoursStyle(workHours);
-    if (nonWorkStyle) {
-      column.style.setProperty('--before-work-height', `${nonWorkStyle.beforeWorkHeight}px`);
-      column.style.setProperty('--after-work-top', `${nonWorkStyle.afterWorkTop}px`);
-    }
-  }
-}
diff --git a/src/renderers/ResourceHeaderRenderer.ts b/src/renderers/ResourceHeaderRenderer.ts
deleted file mode 100644
index dd8bd29..0000000
--- a/src/renderers/ResourceHeaderRenderer.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { IHeaderRenderer, IHeaderRenderContext } from './DateHeaderRenderer';
-import { IResource } from '../types/ResourceTypes';
-
-/**
- * ResourceHeaderRenderer - Renders resource-based headers
- *
- * Displays resource information (avatar, name) instead of dates.
- * Used in resource mode where columns represent people/rooms/equipment.
- */
-export class ResourceHeaderRenderer implements IHeaderRenderer {
-  render(calendarHeader: HTMLElement, context: IHeaderRenderContext): void {
-    const { columns } = context;
-
-    // Create all-day container (same structure as date mode)
-    const allDayContainer = document.createElement('swp-allday-container');
-    calendarHeader.appendChild(allDayContainer);
-
-    columns.forEach((columnInfo) => {
-      const resource = columnInfo.data as IResource;
-      const header = document.createElement('swp-day-header');
-
-      // Build header content
-      let avatarHtml = '';
-      if (resource.avatarUrl) {
-        avatarHtml = `<img class="swp-resource-avatar" src="${resource.avatarUrl}" alt="${resource.displayName}" />`;
-      } else {
-        // Fallback: initials
-        const initials = this.getInitials(resource.displayName);
-        const bgColor = resource.color || '#6366f1';
-        avatarHtml = `<span class="swp-resource-initials" style="background-color: ${bgColor}">${initials}</span>`;
-      }
-
-      header.innerHTML = `
-        <div class="swp-resource-header">
-          ${avatarHtml}
-          <span class="swp-resource-name">${resource.displayName}</span>
-        </div>
-      `;
-
-      header.dataset.columnId = columnInfo.identifier;
-      header.dataset.resourceId = resource.id;
-      header.dataset.groupId = columnInfo.groupId;
-
-      calendarHeader.appendChild(header);
-    });
-  }
-
-  /**
-   * Get initials from display name
-   */
-  private getInitials(name: string): string {
-    return name
-      .split(' ')
-      .map(part => part.charAt(0))
-      .join('')
-      .toUpperCase()
-      .substring(0, 2);
-  }
-}
diff --git a/src/renderers/WeekInfoRenderer.ts b/src/renderers/WeekInfoRenderer.ts
deleted file mode 100644
index bcf516a..0000000
--- a/src/renderers/WeekInfoRenderer.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { IEventBus } from '../types/CalendarTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { EventRenderingService } from './EventRendererManager';
-import { DateService } from '../utils/DateService';
-
-/**
- * WeekInfoRenderer - Handles DOM rendering for week info display
- * Updates swp-week-number and swp-date-range elements
- *
- * Renamed from NavigationRenderer to better reflect its actual responsibility
- */
-
-export class WeekInfoRenderer {
-  private eventBus: IEventBus;
-  private dateService: DateService;
-
-  constructor(
-    eventBus: IEventBus,
-    eventRenderer: EventRenderingService,
-    dateService: DateService
-  ) {
-    this.eventBus = eventBus;
-    this.dateService = dateService;
-    this.setupEventListeners();
-  }
-
-
-
-  /**
-   * Setup event listeners for DOM updates
-   */
-  private setupEventListeners(): void {
-    this.eventBus.on(CoreEvents.NAVIGATION_COMPLETED, (event: Event) => {
-      const customEvent = event as CustomEvent;
-      const { newDate } = customEvent.detail;
-
-      // Calculate week number and date range from the new date
-      const weekNumber = this.dateService.getWeekNumber(newDate);
-      const weekEnd = this.dateService.addDays(newDate, 6);
-      const dateRange = this.dateService.formatDateRange(newDate, weekEnd);
-
-      this.updateWeekInfoInDOM(weekNumber, dateRange);
-    });
-  }
-
-
-  private updateWeekInfoInDOM(weekNumber: number, dateRange: string): void {
-
-    const weekNumberElement = document.querySelector('swp-week-number');
-    const dateRangeElement = document.querySelector('swp-date-range');
-
-    if (weekNumberElement) {
-      weekNumberElement.textContent = `Week ${weekNumber}`;
-    }
-
-    if (dateRangeElement) {
-      dateRangeElement.textContent = dateRange;
-    }
-  }
-
-  /**
-   * Apply filter state to pre-rendered grids
-   */
-  public applyFilterToPreRenderedGrids(filterState: { active: boolean; matchingIds: string[] }): void {
-    // Find all grid containers (including pre-rendered ones)
-    const allGridContainers = document.querySelectorAll('swp-grid-container');
-
-    allGridContainers.forEach(container => {
-      const eventsLayers = container.querySelectorAll('swp-events-layer');
-
-      eventsLayers.forEach(layer => {
-        if (filterState.active) {
-          // Apply filter active state
-          layer.setAttribute('data-filter-active', 'true');
-
-          // Mark matching events in this layer
-          const events = layer.querySelectorAll('swp-event');
-          events.forEach(event => {
-            const eventId = event.getAttribute('data-event-id');
-            if (eventId && filterState.matchingIds.includes(eventId)) {
-              event.setAttribute('data-matches', 'true');
-            } else {
-              event.removeAttribute('data-matches');
-            }
-          });
-        } else {
-          // Remove filter state
-          layer.removeAttribute('data-filter-active');
-
-          // Remove all match attributes
-          const events = layer.querySelectorAll('swp-event');
-          events.forEach(event => {
-            event.removeAttribute('data-matches');
-          });
-        }
-      });
-    });
-  }
-
-}
diff --git a/src/repositories/ApiBookingRepository.ts b/src/repositories/ApiBookingRepository.ts
deleted file mode 100644
index 4e63ac7..0000000
--- a/src/repositories/ApiBookingRepository.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { IBooking } from '../types/BookingTypes';
-import { EntityType } from '../types/CalendarTypes';
-import { Configuration } from '../configurations/CalendarConfig';
-import { IApiRepository } from './IApiRepository';
-
-/**
- * ApiBookingRepository
- * Handles communication with backend API for bookings
- *
- * Implements IApiRepository<IBooking> for generic sync infrastructure.
- * Used by SyncManager to send queued booking operations to the server.
- */
-export class ApiBookingRepository implements IApiRepository<IBooking> {
-  readonly entityType: EntityType = 'Booking';
-  private apiEndpoint: string;
-
-  constructor(config: Configuration) {
-    this.apiEndpoint = config.apiEndpoint;
-  }
-
-  /**
-   * Send create operation to API
-   */
-  async sendCreate(booking: IBooking): Promise<IBooking> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/bookings`, {
-    //   method: 'POST',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(booking)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API create failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiBookingRepository.sendCreate not implemented yet');
-  }
-
-  /**
-   * Send update operation to API
-   */
-  async sendUpdate(id: string, updates: Partial<IBooking>): Promise<IBooking> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/bookings/${id}`, {
-    //   method: 'PATCH',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(updates)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API update failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiBookingRepository.sendUpdate not implemented yet');
-  }
-
-  /**
-   * Send delete operation to API
-   */
-  async sendDelete(id: string): Promise<void> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/bookings/${id}`, {
-    //   method: 'DELETE'
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API delete failed: ${response.statusText}`);
-    // }
-
-    throw new Error('ApiBookingRepository.sendDelete not implemented yet');
-  }
-
-  /**
-   * Fetch all bookings from API
-   */
-  async fetchAll(): Promise<IBooking[]> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/bookings`);
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API fetch failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiBookingRepository.fetchAll not implemented yet');
-  }
-}
diff --git a/src/repositories/ApiCustomerRepository.ts b/src/repositories/ApiCustomerRepository.ts
deleted file mode 100644
index ab067f4..0000000
--- a/src/repositories/ApiCustomerRepository.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ICustomer } from '../types/CustomerTypes';
-import { EntityType } from '../types/CalendarTypes';
-import { Configuration } from '../configurations/CalendarConfig';
-import { IApiRepository } from './IApiRepository';
-
-/**
- * ApiCustomerRepository
- * Handles communication with backend API for customers
- *
- * Implements IApiRepository<ICustomer> for generic sync infrastructure.
- * Used by SyncManager to send queued customer operations to the server.
- */
-export class ApiCustomerRepository implements IApiRepository<ICustomer> {
-  readonly entityType: EntityType = 'Customer';
-  private apiEndpoint: string;
-
-  constructor(config: Configuration) {
-    this.apiEndpoint = config.apiEndpoint;
-  }
-
-  /**
-   * Send create operation to API
-   */
-  async sendCreate(customer: ICustomer): Promise<ICustomer> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/customers`, {
-    //   method: 'POST',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(customer)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API create failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiCustomerRepository.sendCreate not implemented yet');
-  }
-
-  /**
-   * Send update operation to API
-   */
-  async sendUpdate(id: string, updates: Partial<ICustomer>): Promise<ICustomer> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/customers/${id}`, {
-    //   method: 'PATCH',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(updates)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API update failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiCustomerRepository.sendUpdate not implemented yet');
-  }
-
-  /**
-   * Send delete operation to API
-   */
-  async sendDelete(id: string): Promise<void> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/customers/${id}`, {
-    //   method: 'DELETE'
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API delete failed: ${response.statusText}`);
-    // }
-
-    throw new Error('ApiCustomerRepository.sendDelete not implemented yet');
-  }
-
-  /**
-   * Fetch all customers from API
-   */
-  async fetchAll(): Promise<ICustomer[]> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/customers`);
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API fetch failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiCustomerRepository.fetchAll not implemented yet');
-  }
-}
diff --git a/src/repositories/ApiEventRepository.ts b/src/repositories/ApiEventRepository.ts
deleted file mode 100644
index 8a04d94..0000000
--- a/src/repositories/ApiEventRepository.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { ICalendarEvent, EntityType } from '../types/CalendarTypes';
-import { Configuration } from '../configurations/CalendarConfig';
-import { IApiRepository } from './IApiRepository';
-
-/**
- * ApiEventRepository
- * Handles communication with backend API for calendar events
- *
- * Implements IApiRepository<ICalendarEvent> for generic sync infrastructure.
- * Used by SyncManager to send queued operations to the server.
- * NOT used directly by EventManager (which uses IndexedDBEventRepository).
- *
- * Future enhancements:
- * - SignalR real-time updates
- * - Conflict resolution
- * - Batch operations
- */
-export class ApiEventRepository implements IApiRepository<ICalendarEvent> {
-  readonly entityType: EntityType = 'Event';
-  private apiEndpoint: string;
-
-  constructor(config: Configuration) {
-    this.apiEndpoint = config.apiEndpoint;
-  }
-
-  /**
-   * Send create operation to API
-   */
-  async sendCreate(event: ICalendarEvent): Promise<ICalendarEvent> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/events`, {
-    //   method: 'POST',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(event)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API create failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiEventRepository.sendCreate not implemented yet');
-  }
-
-  /**
-   * Send update operation to API
-   */
-  async sendUpdate(id: string, updates: Partial<ICalendarEvent>): Promise<ICalendarEvent> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/events/${id}`, {
-    //   method: 'PATCH',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(updates)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API update failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiEventRepository.sendUpdate not implemented yet');
-  }
-
-  /**
-   * Send delete operation to API
-   */
-  async sendDelete(id: string): Promise<void> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/events/${id}`, {
-    //   method: 'DELETE'
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API delete failed: ${response.statusText}`);
-    // }
-
-    throw new Error('ApiEventRepository.sendDelete not implemented yet');
-  }
-
-  /**
-   * Fetch all events from API
-   */
-  async fetchAll(): Promise<ICalendarEvent[]> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/events`);
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API fetch failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiEventRepository.fetchAll not implemented yet');
-  }
-
-  // ========================================
-  // Future: SignalR Integration
-  // ========================================
-
-  /**
-   * Initialize SignalR connection
-   * Placeholder for future implementation
-   */
-  async initializeSignalR(): Promise<void> {
-    // TODO: Setup SignalR connection
-    // - Connect to hub
-    // - Register event handlers
-    // - Handle reconnection
-    //
-    // Example:
-    // const connection = new signalR.HubConnectionBuilder()
-    //   .withUrl(`${this.apiEndpoint}/hubs/calendar`)
-    //   .build();
-    //
-    // connection.on('EventCreated', (event: ICalendarEvent) => {
-    //   // Handle remote create
-    // });
-    //
-    // connection.on('EventUpdated', (event: ICalendarEvent) => {
-    //   // Handle remote update
-    // });
-    //
-    // connection.on('EventDeleted', (eventId: string) => {
-    //   // Handle remote delete
-    // });
-    //
-    // await connection.start();
-
-    throw new Error('SignalR not implemented yet');
-  }
-}
diff --git a/src/repositories/ApiResourceRepository.ts b/src/repositories/ApiResourceRepository.ts
deleted file mode 100644
index 6f419b3..0000000
--- a/src/repositories/ApiResourceRepository.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { IResource } from '../types/ResourceTypes';
-import { EntityType } from '../types/CalendarTypes';
-import { Configuration } from '../configurations/CalendarConfig';
-import { IApiRepository } from './IApiRepository';
-
-/**
- * ApiResourceRepository
- * Handles communication with backend API for resources
- *
- * Implements IApiRepository<IResource> for generic sync infrastructure.
- * Used by SyncManager to send queued resource operations to the server.
- */
-export class ApiResourceRepository implements IApiRepository<IResource> {
-  readonly entityType: EntityType = 'Resource';
-  private apiEndpoint: string;
-
-  constructor(config: Configuration) {
-    this.apiEndpoint = config.apiEndpoint;
-  }
-
-  /**
-   * Send create operation to API
-   */
-  async sendCreate(resource: IResource): Promise<IResource> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/resources`, {
-    //   method: 'POST',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(resource)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API create failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiResourceRepository.sendCreate not implemented yet');
-  }
-
-  /**
-   * Send update operation to API
-   */
-  async sendUpdate(id: string, updates: Partial<IResource>): Promise<IResource> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/resources/${id}`, {
-    //   method: 'PATCH',
-    //   headers: { 'Content-Type': 'application/json' },
-    //   body: JSON.stringify(updates)
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API update failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiResourceRepository.sendUpdate not implemented yet');
-  }
-
-  /**
-   * Send delete operation to API
-   */
-  async sendDelete(id: string): Promise<void> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/resources/${id}`, {
-    //   method: 'DELETE'
-    // });
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API delete failed: ${response.statusText}`);
-    // }
-
-    throw new Error('ApiResourceRepository.sendDelete not implemented yet');
-  }
-
-  /**
-   * Fetch all resources from API
-   */
-  async fetchAll(): Promise<IResource[]> {
-    // TODO: Implement API call
-    // const response = await fetch(`${this.apiEndpoint}/resources`);
-    //
-    // if (!response.ok) {
-    //   throw new Error(`API fetch failed: ${response.statusText}`);
-    // }
-    //
-    // return await response.json();
-
-    throw new Error('ApiResourceRepository.fetchAll not implemented yet');
-  }
-}
diff --git a/src/repositories/IApiRepository.ts b/src/repositories/IApiRepository.ts
index 7c442d3..a50791f 100644
--- a/src/repositories/IApiRepository.ts
+++ b/src/repositories/IApiRepository.ts
@@ -1,60 +1,33 @@
-import { EntityType } from '../types/CalendarTypes';
-
-/**
- * IApiRepository<T> - Generic interface for backend API communication
- *
- * All entity-specific API repositories (Event, Booking, Customer, Resource)
- * must implement this interface to ensure consistent sync behavior.
- *
- * Used by SyncManager to route operations to the correct API endpoints
- * based on entity type (dataEntity.typename).
- *
- * Pattern:
- * - Each entity has its own concrete implementation (ApiEventRepository, ApiBookingRepository, etc.)
- * - SyncManager maintains a map of entityType → IApiRepository<T>
- * - Operations are routed at runtime based on IQueueOperation.dataEntity.typename
- */
-export interface IApiRepository<T> {
-  /**
-   * Entity type discriminator - used for runtime routing
-   * Must match EntityType values ('Event', 'Booking', 'Customer', 'Resource')
-   */
-  readonly entityType: EntityType;
-
-  /**
-   * Send create operation to backend API
-   *
-   * @param data - Entity data to create
-   * @returns Promise<T> - Created entity from server (with server-generated fields)
-   * @throws Error if API call fails
-   */
-  sendCreate(data: T): Promise<T>;
-
-  /**
-   * Send update operation to backend API
-   *
-   * @param id - Entity ID
-   * @param updates - Partial entity data to update
-   * @returns Promise<T> - Updated entity from server
-   * @throws Error if API call fails
-   */
-  sendUpdate(id: string, updates: Partial<T>): Promise<T>;
-
-  /**
-   * Send delete operation to backend API
-   *
-   * @param id - Entity ID to delete
-   * @returns Promise<void>
-   * @throws Error if API call fails
-   */
-  sendDelete(id: string): Promise<void>;
-
-  /**
-   * Fetch all entities from backend API
-   * Used for initial sync and full refresh
-   *
-   * @returns Promise<T[]> - Array of all entities
-   * @throws Error if API call fails
-   */
-  fetchAll(): Promise<T[]>;
-}
+import { EntityType } from '../types/CalendarTypes';
+
+/**
+ * IApiRepository<T> - Generic interface for backend API communication
+ *
+ * Used by DataSeeder to fetch initial data and by SyncManager for sync operations.
+ */
+export interface IApiRepository<T> {
+  /**
+   * Entity type discriminator - used for runtime routing
+   */
+  readonly entityType: EntityType;
+
+  /**
+   * Send create operation to backend API
+   */
+  sendCreate(data: T): Promise<T>;
+
+  /**
+   * Send update operation to backend API
+   */
+  sendUpdate(id: string, updates: Partial<T>): Promise<T>;
+
+  /**
+   * Send delete operation to backend API
+   */
+  sendDelete(id: string): Promise<void>;
+
+  /**
+   * Fetch all entities from backend API
+   */
+  fetchAll(): Promise<T[]>;
+}
diff --git a/src/repositories/MockAuditRepository.ts b/src/repositories/MockAuditRepository.ts
index 753f4b4..211fc4f 100644
--- a/src/repositories/MockAuditRepository.ts
+++ b/src/repositories/MockAuditRepository.ts
@@ -26,7 +26,7 @@ export class MockAuditRepository implements IApiRepository<IAuditEntry> {
     return entity;
   }
 
-  async sendUpdate(_id: string, entity: IAuditEntry): Promise<IAuditEntry> {
+  async sendUpdate(_id: string, _entity: IAuditEntry): Promise<IAuditEntry> {
     // Audit entries are immutable - updates should not happen
     throw new Error('Audit entries cannot be updated');
   }
diff --git a/src/repositories/MockBookingRepository.ts b/src/repositories/MockBookingRepository.ts
index 7637076..449d5a3 100644
--- a/src/repositories/MockBookingRepository.ts
+++ b/src/repositories/MockBookingRepository.ts
@@ -1,90 +1,73 @@
-import { IBooking, IBookingService, BookingStatus } from '../types/BookingTypes';
-import { EntityType } from '../types/CalendarTypes';
-import { IApiRepository } from './IApiRepository';
-
-interface RawBookingData {
-  id: string;
-  customerId: string;
-  status: string;
-  createdAt: string | Date;
-  services: RawBookingService[];
-  totalPrice?: number;
-  tags?: string[];
-  notes?: string;
-  [key: string]: unknown;
-}
-
-interface RawBookingService {
-  serviceId: string;
-  serviceName: string;
-  baseDuration: number;
-  basePrice: number;
-  customPrice?: number;
-  resourceId: string;
-}
-
-/**
- * MockBookingRepository - Loads booking data from local JSON file
- *
- * This repository implementation fetches mock booking data from a static JSON file.
- * Used for development and testing instead of API calls.
- *
- * Data Source: data/mock-bookings.json
- *
- * NOTE: Create/Update/Delete operations are not supported - throws errors.
- * Only fetchAll() is implemented for loading initial mock data.
- */
-export class MockBookingRepository implements IApiRepository<IBooking> {
-  public readonly entityType: EntityType = 'Booking';
-  private readonly dataUrl = 'data/mock-bookings.json';
-
-  /**
-   * Fetch all bookings from mock JSON file
-   */
-  public async fetchAll(): Promise<IBooking[]> {
-    try {
-      const response = await fetch(this.dataUrl);
-
-      if (!response.ok) {
-        throw new Error(`Failed to load mock bookings: ${response.status} ${response.statusText}`);
-      }
-
-      const rawData: RawBookingData[] = await response.json();
-
-      return this.processBookingData(rawData);
-    } catch (error) {
-      console.error('Failed to load booking data:', error);
-      throw error;
-    }
-  }
-
-  /**
-   * NOT SUPPORTED - MockBookingRepository is read-only
-   */
-  public async sendCreate(booking: IBooking): Promise<IBooking> {
-    throw new Error('MockBookingRepository does not support sendCreate. Mock data is read-only.');
-  }
-
-  /**
-   * NOT SUPPORTED - MockBookingRepository is read-only
-   */
-  public async sendUpdate(id: string, updates: Partial<IBooking>): Promise<IBooking> {
-    throw new Error('MockBookingRepository does not support sendUpdate. Mock data is read-only.');
-  }
-
-  /**
-   * NOT SUPPORTED - MockBookingRepository is read-only
-   */
-  public async sendDelete(id: string): Promise<void> {
-    throw new Error('MockBookingRepository does not support sendDelete. Mock data is read-only.');
-  }
-
-  private processBookingData(data: RawBookingData[]): IBooking[] {
-    return data.map((booking): IBooking => ({
-      ...booking,
-      createdAt: new Date(booking.createdAt),
-      status: booking.status as BookingStatus,
-      syncStatus: 'synced' as const
-    }));
-  }
-}
+import { IBooking, IBookingService, BookingStatus, EntityType } from '../types/CalendarTypes';
+import { IApiRepository } from './IApiRepository';
+
+interface RawBookingData {
+  id: string;
+  customerId: string;
+  status: string;
+  createdAt: string | Date;
+  services: RawBookingService[];
+  totalPrice?: number;
+  tags?: string[];
+  notes?: string;
+  [key: string]: unknown;
+}
+
+interface RawBookingService {
+  serviceId: string;
+  serviceName: string;
+  baseDuration: number;
+  basePrice: number;
+  customPrice?: number;
+  resourceId: string;
+}
+
+/**
+ * MockBookingRepository - Loads booking data from local JSON file
+ */
+export class MockBookingRepository implements IApiRepository<IBooking> {
+  public readonly entityType: EntityType = 'Booking';
+  private readonly dataUrl = 'data/mock-bookings.json';
+
+  public async fetchAll(): Promise<IBooking[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load mock bookings: ${response.status} ${response.statusText}`);
+      }
+
+      const rawData: RawBookingData[] = await response.json();
+      return this.processBookingData(rawData);
+    } catch (error) {
+      console.error('Failed to load booking data:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_booking: IBooking): Promise<IBooking> {
+    throw new Error('MockBookingRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<IBooking>): Promise<IBooking> {
+    throw new Error('MockBookingRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockBookingRepository does not support sendDelete. Mock data is read-only.');
+  }
+
+  private processBookingData(data: RawBookingData[]): IBooking[] {
+    return data.map((booking): IBooking => ({
+      id: booking.id,
+      customerId: booking.customerId,
+      status: booking.status as BookingStatus,
+      createdAt: new Date(booking.createdAt),
+      services: booking.services as IBookingService[],
+      totalPrice: booking.totalPrice,
+      tags: booking.tags,
+      notes: booking.notes,
+      syncStatus: 'synced' as const
+    }));
+  }
+}
diff --git a/src/repositories/MockCustomerRepository.ts b/src/repositories/MockCustomerRepository.ts
index 8b5f71c..4bf079c 100644
--- a/src/repositories/MockCustomerRepository.ts
+++ b/src/repositories/MockCustomerRepository.ts
@@ -1,76 +1,58 @@
-import { ICustomer } from '../types/CustomerTypes';
-import { EntityType } from '../types/CalendarTypes';
-import { IApiRepository } from './IApiRepository';
-
-interface RawCustomerData {
-  id: string;
-  name: string;
-  phone: string;
-  email?: string;
-  metadata?: Record<string, any>;
-  [key: string]: unknown;
-}
-
-/**
- * MockCustomerRepository - Loads customer data from local JSON file
- *
- * This repository implementation fetches mock customer data from a static JSON file.
- * Used for development and testing instead of API calls.
- *
- * Data Source: data/mock-customers.json
- *
- * NOTE: Create/Update/Delete operations are not supported - throws errors.
- * Only fetchAll() is implemented for loading initial mock data.
- */
-export class MockCustomerRepository implements IApiRepository<ICustomer> {
-  public readonly entityType: EntityType = 'Customer';
-  private readonly dataUrl = 'data/mock-customers.json';
-
-  /**
-   * Fetch all customers from mock JSON file
-   */
-  public async fetchAll(): Promise<ICustomer[]> {
-    try {
-      const response = await fetch(this.dataUrl);
-
-      if (!response.ok) {
-        throw new Error(`Failed to load mock customers: ${response.status} ${response.statusText}`);
-      }
-
-      const rawData: RawCustomerData[] = await response.json();
-
-      return this.processCustomerData(rawData);
-    } catch (error) {
-      console.error('Failed to load customer data:', error);
-      throw error;
-    }
-  }
-
-  /**
-   * NOT SUPPORTED - MockCustomerRepository is read-only
-   */
-  public async sendCreate(customer: ICustomer): Promise<ICustomer> {
-    throw new Error('MockCustomerRepository does not support sendCreate. Mock data is read-only.');
-  }
-
-  /**
-   * NOT SUPPORTED - MockCustomerRepository is read-only
-   */
-  public async sendUpdate(id: string, updates: Partial<ICustomer>): Promise<ICustomer> {
-    throw new Error('MockCustomerRepository does not support sendUpdate. Mock data is read-only.');
-  }
-
-  /**
-   * NOT SUPPORTED - MockCustomerRepository is read-only
-   */
-  public async sendDelete(id: string): Promise<void> {
-    throw new Error('MockCustomerRepository does not support sendDelete. Mock data is read-only.');
-  }
-
-  private processCustomerData(data: RawCustomerData[]): ICustomer[] {
-    return data.map((customer): ICustomer => ({
-      ...customer,
-      syncStatus: 'synced' as const
-    }));
-  }
-}
+import { ICustomer, EntityType } from '../types/CalendarTypes';
+import { IApiRepository } from './IApiRepository';
+
+interface RawCustomerData {
+  id: string;
+  name: string;
+  phone: string;
+  email?: string;
+  metadata?: Record<string, unknown>;
+  [key: string]: unknown;
+}
+
+/**
+ * MockCustomerRepository - Loads customer data from local JSON file
+ */
+export class MockCustomerRepository implements IApiRepository<ICustomer> {
+  public readonly entityType: EntityType = 'Customer';
+  private readonly dataUrl = 'data/mock-customers.json';
+
+  public async fetchAll(): Promise<ICustomer[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load mock customers: ${response.status} ${response.statusText}`);
+      }
+
+      const rawData: RawCustomerData[] = await response.json();
+      return this.processCustomerData(rawData);
+    } catch (error) {
+      console.error('Failed to load customer data:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_customer: ICustomer): Promise<ICustomer> {
+    throw new Error('MockCustomerRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<ICustomer>): Promise<ICustomer> {
+    throw new Error('MockCustomerRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockCustomerRepository does not support sendDelete. Mock data is read-only.');
+  }
+
+  private processCustomerData(data: RawCustomerData[]): ICustomer[] {
+    return data.map((customer): ICustomer => ({
+      id: customer.id,
+      name: customer.name,
+      phone: customer.phone,
+      email: customer.email,
+      metadata: customer.metadata,
+      syncStatus: 'synced' as const
+    }));
+  }
+}
diff --git a/src/repositories/MockDepartmentRepository.ts b/src/repositories/MockDepartmentRepository.ts
new file mode 100644
index 0000000..ba59245
--- /dev/null
+++ b/src/repositories/MockDepartmentRepository.ts
@@ -0,0 +1,55 @@
+import { IDepartment, EntityType } from '../types/CalendarTypes';
+import { IApiRepository } from './IApiRepository';
+
+interface RawDepartmentData {
+  id: string;
+  name: string;
+  resourceIds: string[];
+  syncStatus?: string;
+  [key: string]: unknown;
+}
+
+/**
+ * MockDepartmentRepository - Loads department data from local JSON file
+ */
+export class MockDepartmentRepository implements IApiRepository<IDepartment> {
+  public readonly entityType: EntityType = 'Department';
+  private readonly dataUrl = 'data/mock-departments.json';
+
+  public async fetchAll(): Promise<IDepartment[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load mock departments: ${response.status} ${response.statusText}`);
+      }
+
+      const rawData: RawDepartmentData[] = await response.json();
+      return this.processDepartmentData(rawData);
+    } catch (error) {
+      console.error('Failed to load department data:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_department: IDepartment): Promise<IDepartment> {
+    throw new Error('MockDepartmentRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<IDepartment>): Promise<IDepartment> {
+    throw new Error('MockDepartmentRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockDepartmentRepository does not support sendDelete. Mock data is read-only.');
+  }
+
+  private processDepartmentData(data: RawDepartmentData[]): IDepartment[] {
+    return data.map((dept): IDepartment => ({
+      id: dept.id,
+      name: dept.name,
+      resourceIds: dept.resourceIds,
+      syncStatus: 'synced' as const
+    }));
+  }
+}
diff --git a/src/repositories/MockEventRepository.ts b/src/repositories/MockEventRepository.ts
index 9740eb1..939569b 100644
--- a/src/repositories/MockEventRepository.ts
+++ b/src/repositories/MockEventRepository.ts
@@ -1,41 +1,26 @@
-import { ICalendarEvent, EntityType } from '../types/CalendarTypes';
-import { CalendarEventType } from '../types/BookingTypes';
+import { ICalendarEvent, EntityType, CalendarEventType } from '../types/CalendarTypes';
 import { IApiRepository } from './IApiRepository';
 
 interface RawEventData {
-  // Core fields (required)
   id: string;
   title: string;
   start: string | Date;
   end: string | Date;
   type: string;
   allDay?: boolean;
-
-  // Denormalized references (CRITICAL for booking architecture)
-  bookingId?: string;        // Reference to booking (customer events only)
-  resourceId?: string;       // Which resource owns this slot
-  customerId?: string;       // Customer reference (denormalized from booking)
-
-  // Optional fields
-  description?: string;      // Detailed event notes
-  recurringId?: string;      // For recurring events
-  metadata?: Record<string, any>;  // Flexible metadata
-
-  // Legacy (deprecated, keep for backward compatibility)
-  color?: string;            // UI-specific field
+  bookingId?: string;
+  resourceId?: string;
+  customerId?: string;
+  description?: string;
+  recurringId?: string;
+  metadata?: Record<string, unknown>;
   [key: string]: unknown;
 }
 
 /**
  * MockEventRepository - Loads event data from local JSON file
  *
- * This repository implementation fetches mock event data from a static JSON file.
- * Used for development and testing instead of API calls.
- *
- * Data Source: data/mock-events.json
- *
- * NOTE: Create/Update/Delete operations are not supported - throws errors.
- * Only fetchAll() is implemented for loading initial mock data.
+ * Used for development and testing. Only fetchAll() is implemented.
  */
 export class MockEventRepository implements IApiRepository<ICalendarEvent> {
   public readonly entityType: EntityType = 'Event';
@@ -53,7 +38,6 @@ export class MockEventRepository implements IApiRepository<ICalendarEvent> {
       }
 
       const rawData: RawEventData[] = await response.json();
-
       return this.processCalendarData(rawData);
     } catch (error) {
       console.error('Failed to load event data:', error);
@@ -61,40 +45,25 @@ export class MockEventRepository implements IApiRepository<ICalendarEvent> {
     }
   }
 
-  /**
-   * NOT SUPPORTED - MockEventRepository is read-only
-   */
-  public async sendCreate(event: ICalendarEvent): Promise<ICalendarEvent> {
+  public async sendCreate(_event: ICalendarEvent): Promise<ICalendarEvent> {
     throw new Error('MockEventRepository does not support sendCreate. Mock data is read-only.');
   }
 
-  /**
-   * NOT SUPPORTED - MockEventRepository is read-only
-   */
-  public async sendUpdate(id: string, updates: Partial<ICalendarEvent>): Promise<ICalendarEvent> {
+  public async sendUpdate(_id: string, _updates: Partial<ICalendarEvent>): Promise<ICalendarEvent> {
     throw new Error('MockEventRepository does not support sendUpdate. Mock data is read-only.');
   }
 
-  /**
-   * NOT SUPPORTED - MockEventRepository is read-only
-   */
-  public async sendDelete(id: string): Promise<void> {
+  public async sendDelete(_id: string): Promise<void> {
     throw new Error('MockEventRepository does not support sendDelete. Mock data is read-only.');
   }
 
   private processCalendarData(data: RawEventData[]): ICalendarEvent[] {
     return data.map((event): ICalendarEvent => {
-      // Validate event type constraints
+      // Validate customer event constraints
       if (event.type === 'customer') {
-        if (!event.bookingId) {
-          console.warn(`Customer event ${event.id} missing bookingId`);
-        }
-        if (!event.resourceId) {
-          console.warn(`Customer event ${event.id} missing resourceId`);
-        }
-        if (!event.customerId) {
-          console.warn(`Customer event ${event.id} missing customerId`);
-        }
+        if (!event.bookingId) console.warn(`Customer event ${event.id} missing bookingId`);
+        if (!event.resourceId) console.warn(`Customer event ${event.id} missing resourceId`);
+        if (!event.customerId) console.warn(`Customer event ${event.id} missing customerId`);
       }
 
       return {
@@ -105,16 +74,11 @@ export class MockEventRepository implements IApiRepository<ICalendarEvent> {
         end: new Date(event.end),
         type: event.type as CalendarEventType,
         allDay: event.allDay || false,
-
-        // Denormalized references (CRITICAL for booking architecture)
         bookingId: event.bookingId,
         resourceId: event.resourceId,
         customerId: event.customerId,
-
-        // Optional fields
         recurringId: event.recurringId,
         metadata: event.metadata,
-
         syncStatus: 'synced' as const
       };
     });
diff --git a/src/repositories/MockResourceRepository.ts b/src/repositories/MockResourceRepository.ts
index 28bc838..0f2217f 100644
--- a/src/repositories/MockResourceRepository.ts
+++ b/src/repositories/MockResourceRepository.ts
@@ -1,80 +1,66 @@
-import { IResource, ResourceType } from '../types/ResourceTypes';
-import { EntityType } from '../types/CalendarTypes';
-import { IApiRepository } from './IApiRepository';
-
-interface RawResourceData {
-  id: string;
-  name: string;
-  displayName: string;
-  type: string;
-  avatarUrl?: string;
-  color?: string;
-  isActive?: boolean;
-  metadata?: Record<string, any>;
-  [key: string]: unknown;
-}
-
-/**
- * MockResourceRepository - Loads resource data from local JSON file
- *
- * This repository implementation fetches mock resource data from a static JSON file.
- * Used for development and testing instead of API calls.
- *
- * Data Source: data/mock-resources.json
- *
- * NOTE: Create/Update/Delete operations are not supported - throws errors.
- * Only fetchAll() is implemented for loading initial mock data.
- */
-export class MockResourceRepository implements IApiRepository<IResource> {
-  public readonly entityType: EntityType = 'Resource';
-  private readonly dataUrl = 'data/mock-resources.json';
-
-  /**
-   * Fetch all resources from mock JSON file
-   */
-  public async fetchAll(): Promise<IResource[]> {
-    try {
-      const response = await fetch(this.dataUrl);
-
-      if (!response.ok) {
-        throw new Error(`Failed to load mock resources: ${response.status} ${response.statusText}`);
-      }
-
-      const rawData: RawResourceData[] = await response.json();
-
-      return this.processResourceData(rawData);
-    } catch (error) {
-      console.error('Failed to load resource data:', error);
-      throw error;
-    }
-  }
-
-  /**
-   * NOT SUPPORTED - MockResourceRepository is read-only
-   */
-  public async sendCreate(resource: IResource): Promise<IResource> {
-    throw new Error('MockResourceRepository does not support sendCreate. Mock data is read-only.');
-  }
-
-  /**
-   * NOT SUPPORTED - MockResourceRepository is read-only
-   */
-  public async sendUpdate(id: string, updates: Partial<IResource>): Promise<IResource> {
-    throw new Error('MockResourceRepository does not support sendUpdate. Mock data is read-only.');
-  }
-
-  /**
-   * NOT SUPPORTED - MockResourceRepository is read-only
-   */
-  public async sendDelete(id: string): Promise<void> {
-    throw new Error('MockResourceRepository does not support sendDelete. Mock data is read-only.');
-  }
-
-  private processResourceData(data: RawResourceData[]): IResource[] {
-    return data.map((resource): IResource => ({
-      ...resource,
-      type: resource.type as ResourceType,
-      syncStatus: 'synced' as const
-    }));
-  }
-}
+import { IResource, ResourceType, EntityType } from '../types/CalendarTypes';
+import { IApiRepository } from './IApiRepository';
+import { IWeekSchedule } from '../types/ScheduleTypes';
+
+interface RawResourceData {
+  id: string;
+  name: string;
+  displayName: string;
+  type: string;
+  avatarUrl?: string;
+  color?: string;
+  isActive?: boolean;
+  defaultSchedule?: IWeekSchedule;
+  metadata?: Record<string, unknown>;
+}
+
+/**
+ * MockResourceRepository - Loads resource data from local JSON file
+ */
+export class MockResourceRepository implements IApiRepository<IResource> {
+  public readonly entityType: EntityType = 'Resource';
+  private readonly dataUrl = 'data/mock-resources.json';
+
+  public async fetchAll(): Promise<IResource[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load mock resources: ${response.status} ${response.statusText}`);
+      }
+
+      const rawData: RawResourceData[] = await response.json();
+      return this.processResourceData(rawData);
+    } catch (error) {
+      console.error('Failed to load resource data:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_resource: IResource): Promise<IResource> {
+    throw new Error('MockResourceRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<IResource>): Promise<IResource> {
+    throw new Error('MockResourceRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockResourceRepository does not support sendDelete. Mock data is read-only.');
+  }
+
+  private processResourceData(data: RawResourceData[]): IResource[] {
+    return data.map((resource): IResource => ({
+      id: resource.id,
+      name: resource.name,
+      displayName: resource.displayName,
+      type: resource.type as ResourceType,
+      avatarUrl: resource.avatarUrl,
+      color: resource.color,
+      isActive: resource.isActive,
+      defaultSchedule: resource.defaultSchedule,
+      metadata: resource.metadata,
+      syncStatus: 'synced' as const
+    }));
+  }
+}
diff --git a/src/repositories/MockSettingsRepository.ts b/src/repositories/MockSettingsRepository.ts
new file mode 100644
index 0000000..0490d89
--- /dev/null
+++ b/src/repositories/MockSettingsRepository.ts
@@ -0,0 +1,46 @@
+import { EntityType } from '../types/CalendarTypes';
+import { TenantSetting } from '../types/SettingsTypes';
+import { IApiRepository } from './IApiRepository';
+
+/**
+ * MockSettingsRepository - Loads tenant settings from local JSON file
+ *
+ * Settings are stored as separate records per section (workweek, grid, etc.).
+ * The JSON file is already an array of TenantSetting records.
+ */
+export class MockSettingsRepository implements IApiRepository<TenantSetting> {
+  public readonly entityType: EntityType = 'Settings';
+  private readonly dataUrl = 'data/tenant-settings.json';
+
+  public async fetchAll(): Promise<TenantSetting[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load tenant settings: ${response.status} ${response.statusText}`);
+      }
+
+      const settings: TenantSetting[] = await response.json();
+      // Ensure syncStatus is set on each record
+      return settings.map(s => ({
+        ...s,
+        syncStatus: s.syncStatus || 'synced'
+      }));
+    } catch (error) {
+      console.error('Failed to load tenant settings:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_settings: TenantSetting): Promise<TenantSetting> {
+    throw new Error('MockSettingsRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<TenantSetting>): Promise<TenantSetting> {
+    throw new Error('MockSettingsRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockSettingsRepository does not support sendDelete. Mock data is read-only.');
+  }
+}
diff --git a/src/repositories/MockTeamRepository.ts b/src/repositories/MockTeamRepository.ts
new file mode 100644
index 0000000..052cf40
--- /dev/null
+++ b/src/repositories/MockTeamRepository.ts
@@ -0,0 +1,55 @@
+import { ITeam, EntityType } from '../types/CalendarTypes';
+import { IApiRepository } from './IApiRepository';
+
+interface RawTeamData {
+  id: string;
+  name: string;
+  resourceIds: string[];
+  syncStatus?: string;
+  [key: string]: unknown;
+}
+
+/**
+ * MockTeamRepository - Loads team data from local JSON file
+ */
+export class MockTeamRepository implements IApiRepository<ITeam> {
+  public readonly entityType: EntityType = 'Team';
+  private readonly dataUrl = 'data/mock-teams.json';
+
+  public async fetchAll(): Promise<ITeam[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load mock teams: ${response.status} ${response.statusText}`);
+      }
+
+      const rawData: RawTeamData[] = await response.json();
+      return this.processTeamData(rawData);
+    } catch (error) {
+      console.error('Failed to load team data:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_team: ITeam): Promise<ITeam> {
+    throw new Error('MockTeamRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<ITeam>): Promise<ITeam> {
+    throw new Error('MockTeamRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockTeamRepository does not support sendDelete. Mock data is read-only.');
+  }
+
+  private processTeamData(data: RawTeamData[]): ITeam[] {
+    return data.map((team): ITeam => ({
+      id: team.id,
+      name: team.name,
+      resourceIds: team.resourceIds,
+      syncStatus: 'synced' as const
+    }));
+  }
+}
diff --git a/src/repositories/MockViewConfigRepository.ts b/src/repositories/MockViewConfigRepository.ts
new file mode 100644
index 0000000..866a6a7
--- /dev/null
+++ b/src/repositories/MockViewConfigRepository.ts
@@ -0,0 +1,41 @@
+import { EntityType } from '../types/CalendarTypes';
+import { ViewConfig } from '../core/ViewConfig';
+import { IApiRepository } from './IApiRepository';
+
+export class MockViewConfigRepository implements IApiRepository<ViewConfig> {
+  public readonly entityType: EntityType = 'ViewConfig';
+  private readonly dataUrl = 'data/viewconfigs.json';
+
+  public async fetchAll(): Promise<ViewConfig[]> {
+    try {
+      const response = await fetch(this.dataUrl);
+
+      if (!response.ok) {
+        throw new Error(`Failed to load viewconfigs: ${response.status} ${response.statusText}`);
+      }
+
+      const rawData = await response.json();
+      // Ensure syncStatus is set on each config
+      const configs: ViewConfig[] = rawData.map((config: ViewConfig) => ({
+        ...config,
+        syncStatus: config.syncStatus || 'synced'
+      }));
+      return configs;
+    } catch (error) {
+      console.error('Failed to load viewconfigs:', error);
+      throw error;
+    }
+  }
+
+  public async sendCreate(_config: ViewConfig): Promise<ViewConfig> {
+    throw new Error('MockViewConfigRepository does not support sendCreate. Mock data is read-only.');
+  }
+
+  public async sendUpdate(_id: string, _updates: Partial<ViewConfig>): Promise<ViewConfig> {
+    throw new Error('MockViewConfigRepository does not support sendUpdate. Mock data is read-only.');
+  }
+
+  public async sendDelete(_id: string): Promise<void> {
+    throw new Error('MockViewConfigRepository does not support sendDelete. Mock data is read-only.');
+  }
+}
diff --git a/src/storage/BaseEntityService.ts b/src/storage/BaseEntityService.ts
index c889885..ed8d3a1 100644
--- a/src/storage/BaseEntityService.ts
+++ b/src/storage/BaseEntityService.ts
@@ -1,266 +1,181 @@
-import { ISync, EntityType, SyncStatus, IEventBus } from '../types/CalendarTypes';
-import { IEntityService } from './IEntityService';
-import { SyncPlugin } from './SyncPlugin';
-import { IndexedDBContext } from './IndexedDBContext';
-import { CoreEvents } from '../constants/CoreEvents';
-import { diff } from 'json-diff-ts';
-import { IEntitySavedPayload, IEntityDeletedPayload } from '../types/EventTypes';
-
-/**
- * BaseEntityService<T extends ISync> - Abstract base class for all entity services
- *
- * HYBRID PATTERN: Inheritance + Composition
- * - Services EXTEND this base class (inheritance for structure)
- * - Sync logic is COMPOSED via SyncPlugin (pluggable)
- *
- * PROVIDES:
- * - Generic CRUD operations (get, getAll, save, delete)
- * - Sync status management (delegates to SyncPlugin)
- * - Serialization hooks (override in subclass if needed)
- * - Lazy database access via IndexedDBContext
- *
- * SUBCLASSES MUST IMPLEMENT:
- * - storeName: string (IndexedDB object store name)
- * - entityType: EntityType (for runtime routing)
- *
- * SUBCLASSES MAY OVERRIDE:
- * - serialize(entity: T): any (default: no serialization)
- * - deserialize(data: any): T (default: no deserialization)
- *
- * BENEFITS:
- * - DRY: Single source of truth for CRUD logic
- * - Type safety: Generic T ensures compile-time checking
- * - Pluggable: SyncPlugin can be swapped for testing/different implementations
- * - Open/Closed: New entities just extend this class
- * - Lazy database access: db requested when needed, not at construction time
- */
-export abstract class BaseEntityService<T extends ISync> implements IEntityService<T> {
-  // Abstract properties - must be implemented by subclasses
-  abstract readonly storeName: string;
-  abstract readonly entityType: EntityType;
-
-  // Internal composition - sync functionality
-  private syncPlugin: SyncPlugin<T>;
-
-  // IndexedDB context - provides database connection
-  private context: IndexedDBContext;
-
-  // EventBus for emitting entity events
-  protected eventBus: IEventBus;
-
-  /**
-   * @param context - IndexedDBContext instance (injected dependency)
-   * @param eventBus - EventBus for emitting entity events
-   */
-  constructor(context: IndexedDBContext, eventBus: IEventBus) {
-    this.context = context;
-    this.eventBus = eventBus;
-    this.syncPlugin = new SyncPlugin<T>(this);
-  }
-
-  /**
-   * Get IDBDatabase instance (lazy access)
-   * Protected getter accessible to subclasses and methods in this class
-   */
-  protected get db(): IDBDatabase {
-    return this.context.getDatabase();
-  }
-
-  /**
-   * Serialize entity before storing in IndexedDB
-   * Override in subclass if entity has Date fields or needs transformation
-   *
-   * @param entity - Entity to serialize
-   * @returns Serialized data (default: entity itself)
-   */
-  protected serialize(entity: T): any {
-    return entity; // Default: no serialization
-  }
-
-  /**
-   * Deserialize data from IndexedDB back to entity
-   * Override in subclass if entity has Date fields or needs transformation
-   *
-   * @param data - Raw data from IndexedDB
-   * @returns Deserialized entity (default: data itself)
-   */
-  protected deserialize(data: any): T {
-    return data as T; // Default: no deserialization
-  }
-
-  /**
-   * Get a single entity by ID
-   *
-   * @param id - Entity ID
-   * @returns Entity or null if not found
-   */
-  async get(id: string): Promise<T | null> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const request = store.get(id);
-
-      request.onsuccess = () => {
-        const data = request.result;
-        if (data) {
-          resolve(this.deserialize(data));
-        } else {
-          resolve(null);
-        }
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get ${this.entityType} ${id}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Get all entities
-   *
-   * @returns Array of all entities
-   */
-  async getAll(): Promise<T[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const request = store.getAll();
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const entities = data.map(item => this.deserialize(item));
-        resolve(entities);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get all ${this.entityType}s: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Save an entity (create or update)
-   * Emits ENTITY_SAVED event with operation type and changes
-   *
-   * @param entity - Entity to save
-   */
-  async save(entity: T): Promise<void> {
-    const entityId = (entity as any).id;
-
-    // Check if entity exists to determine create vs update
-    const existingEntity = await this.get(entityId);
-    const isCreate = existingEntity === null;
-
-    // Calculate changes: full entity for create, diff for update
-    let changes: any;
-    if (isCreate) {
-      changes = entity;
-    } else {
-      // Calculate diff between existing and new entity
-      const existingSerialized = this.serialize(existingEntity);
-      const newSerialized = this.serialize(entity);
-      changes = diff(existingSerialized, newSerialized);
-    }
-
-    const serialized = this.serialize(entity);
-
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readwrite');
-      const store = transaction.objectStore(this.storeName);
-      const request = store.put(serialized);
-
-      request.onsuccess = () => {
-        // Emit ENTITY_SAVED event
-        const payload: IEntitySavedPayload = {
-          entityType: this.entityType,
-          entityId,
-          operation: isCreate ? 'create' : 'update',
-          changes,
-          timestamp: Date.now()
-        };
-        this.eventBus.emit(CoreEvents.ENTITY_SAVED, payload);
-        resolve();
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to save ${this.entityType} ${entityId}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Delete an entity
-   * Emits ENTITY_DELETED event
-   *
-   * @param id - Entity ID to delete
-   */
-  async delete(id: string): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readwrite');
-      const store = transaction.objectStore(this.storeName);
-      const request = store.delete(id);
-
-      request.onsuccess = () => {
-        // Emit ENTITY_DELETED event
-        const payload: IEntityDeletedPayload = {
-          entityType: this.entityType,
-          entityId: id,
-          operation: 'delete',
-          timestamp: Date.now()
-        };
-        this.eventBus.emit(CoreEvents.ENTITY_DELETED, payload);
-        resolve();
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to delete ${this.entityType} ${id}: ${request.error}`));
-      };
-    });
-  }
-
-  // ============================================================================
-  // SYNC METHODS (IEntityService implementation) - Delegates to SyncPlugin
-  // ============================================================================
-
-  /**
-   * Mark entity as successfully synced (IEntityService implementation)
-   * Delegates to SyncPlugin
-   *
-   * @param id - Entity ID
-   */
-  async markAsSynced(id: string): Promise<void> {
-    return this.syncPlugin.markAsSynced(id);
-  }
-
-  /**
-   * Mark entity as sync error (IEntityService implementation)
-   * Delegates to SyncPlugin
-   *
-   * @param id - Entity ID
-   */
-  async markAsError(id: string): Promise<void> {
-    return this.syncPlugin.markAsError(id);
-  }
-
-  /**
-   * Get sync status for an entity (IEntityService implementation)
-   * Delegates to SyncPlugin
-   *
-   * @param id - Entity ID
-   * @returns SyncStatus or null if entity not found
-   */
-  async getSyncStatus(id: string): Promise<SyncStatus | null> {
-    return this.syncPlugin.getSyncStatus(id);
-  }
-
-  /**
-   * Get entities by sync status
-   * Delegates to SyncPlugin - uses IndexedDB syncStatus index
-   *
-   * @param syncStatus - Sync status ('synced', 'pending', 'error')
-   * @returns Array of entities with this sync status
-   */
-  async getBySyncStatus(syncStatus: string): Promise<T[]> {
-    return this.syncPlugin.getBySyncStatus(syncStatus);
-  }
-}
+import { ISync, EntityType, SyncStatus, IEventBus, IEntitySavedPayload, IEntityDeletedPayload } from '../types/CalendarTypes';
+import { IEntityService } from './IEntityService';
+import { SyncPlugin } from './SyncPlugin';
+import { IndexedDBContext } from './IndexedDBContext';
+import { CoreEvents } from '../constants/CoreEvents';
+import { diff } from 'json-diff-ts';
+
+/**
+ * BaseEntityService<T extends ISync> - Abstract base class for all entity services
+ *
+ * PROVIDES:
+ * - Generic CRUD operations (get, getAll, save, delete)
+ * - Sync status management (delegates to SyncPlugin)
+ * - Serialization hooks (override in subclass if needed)
+ */
+export abstract class BaseEntityService<T extends ISync> implements IEntityService<T> {
+  abstract readonly storeName: string;
+  abstract readonly entityType: EntityType;
+
+  private syncPlugin: SyncPlugin<T>;
+  private context: IndexedDBContext;
+  protected eventBus: IEventBus;
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    this.context = context;
+    this.eventBus = eventBus;
+    this.syncPlugin = new SyncPlugin<T>(this);
+  }
+
+  protected get db(): IDBDatabase {
+    return this.context.getDatabase();
+  }
+
+  /**
+   * Serialize entity before storing in IndexedDB
+   */
+  protected serialize(entity: T): unknown {
+    return entity;
+  }
+
+  /**
+   * Deserialize data from IndexedDB back to entity
+   */
+  protected deserialize(data: unknown): T {
+    return data as T;
+  }
+
+  /**
+   * Get a single entity by ID
+   */
+  async get(id: string): Promise<T | null> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.get(id);
+
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? this.deserialize(data) : null);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get all entities
+   */
+  async getAll(): Promise<T[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.getAll();
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const entities = data.map(item => this.deserialize(item));
+        resolve(entities);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get all ${this.entityType}s: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Save an entity (create or update)
+   * Emits ENTITY_SAVED event with operation type and changes (diff for updates)
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  async save(entity: T, silent = false): Promise<void> {
+    const entityId = (entity as unknown as { id: string }).id;
+    const existingEntity = await this.get(entityId);
+    const isCreate = existingEntity === null;
+
+    // Calculate changes: full entity for create, diff for update
+    let changes: unknown;
+    if (isCreate) {
+      changes = entity;
+    } else {
+      const existingSerialized = this.serialize(existingEntity);
+      const newSerialized = this.serialize(entity);
+      changes = diff(existingSerialized, newSerialized);
+    }
+
+    const serialized = this.serialize(entity);
+
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readwrite');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+
+      request.onsuccess = () => {
+        // Only emit event if not silent (silent used for seeding)
+        if (!silent) {
+          const payload: IEntitySavedPayload = {
+            entityType: this.entityType,
+            entityId,
+            operation: isCreate ? 'create' : 'update',
+            changes,
+            timestamp: Date.now()
+          };
+          this.eventBus.emit(CoreEvents.ENTITY_SAVED, payload);
+        }
+        resolve();
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to save ${this.entityType} ${entityId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Delete an entity
+   * Emits ENTITY_DELETED event
+   */
+  async delete(id: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readwrite');
+      const store = transaction.objectStore(this.storeName);
+      const request = store.delete(id);
+
+      request.onsuccess = () => {
+        const payload: IEntityDeletedPayload = {
+          entityType: this.entityType,
+          entityId: id,
+          operation: 'delete',
+          timestamp: Date.now()
+        };
+        this.eventBus.emit(CoreEvents.ENTITY_DELETED, payload);
+        resolve();
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to delete ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+
+  // Sync methods - delegate to SyncPlugin
+  async markAsSynced(id: string): Promise<void> {
+    return this.syncPlugin.markAsSynced(id);
+  }
+
+  async markAsError(id: string): Promise<void> {
+    return this.syncPlugin.markAsError(id);
+  }
+
+  async getSyncStatus(id: string): Promise<SyncStatus | null> {
+    return this.syncPlugin.getSyncStatus(id);
+  }
+
+  async getBySyncStatus(syncStatus: string): Promise<T[]> {
+    return this.syncPlugin.getBySyncStatus(syncStatus);
+  }
+}
diff --git a/src/storage/IEntityService.ts b/src/storage/IEntityService.ts
index c717598..800ea62 100644
--- a/src/storage/IEntityService.ts
+++ b/src/storage/IEntityService.ts
@@ -1,70 +1,40 @@
-import { ISync, EntityType, SyncStatus } from '../types/CalendarTypes';
-
-/**
- * IEntityService<T> - Generic interface for entity services with sync capabilities
- *
- * All entity services (Event, Booking, Customer, Resource) implement this interface
- * to enable polymorphic operations across different entity types.
- *
- * ENCAPSULATION: Services encapsulate sync status manipulation.
- * SyncManager does NOT directly manipulate entity.syncStatus - it delegates to the service.
- *
- * POLYMORPHISM: Both SyncManager and DataSeeder work with Array<IEntityService<any>>
- * and use entityType property for runtime routing, avoiding switch statements.
- */
-export interface IEntityService<T extends ISync> {
-  /**
-   * Entity type discriminator for runtime routing
-   * Must match EntityType values: 'Event', 'Booking', 'Customer', 'Resource'
-   */
-  readonly entityType: EntityType;
-
-  // ============================================================================
-  // CRUD Operations (used by DataSeeder and other consumers)
-  // ============================================================================
-
-  /**
-   * Get all entities from IndexedDB
-   * Used by DataSeeder to check if store is empty before seeding
-   *
-   * @returns Promise<T[]> - Array of all entities
-   */
-  getAll(): Promise<T[]>;
-
-  /**
-   * Save an entity (create or update) to IndexedDB
-   * Used by DataSeeder to persist fetched data
-   *
-   * @param entity - Entity to save
-   */
-  save(entity: T): Promise<void>;
-
-  // ============================================================================
-  // SYNC Methods (used by SyncManager)
-  // ============================================================================
-
-  /**
-   * Mark entity as successfully synced with backend
-   * Sets syncStatus = 'synced' and persists to IndexedDB
-   *
-   * @param id - Entity ID
-   */
-  markAsSynced(id: string): Promise<void>;
-
-  /**
-   * Mark entity as sync error (max retries exceeded)
-   * Sets syncStatus = 'error' and persists to IndexedDB
-   *
-   * @param id - Entity ID
-   */
-  markAsError(id: string): Promise<void>;
-
-  /**
-   * Get current sync status for an entity
-   * Used by SyncManager to check entity state
-   *
-   * @param id - Entity ID
-   * @returns SyncStatus or null if entity not found
-   */
-  getSyncStatus(id: string): Promise<SyncStatus | null>;
-}
+import { ISync, EntityType, SyncStatus } from '../types/CalendarTypes';
+
+/**
+ * IEntityService<T> - Generic interface for entity services with sync capabilities
+ *
+ * All entity services implement this interface to enable polymorphic operations.
+ */
+export interface IEntityService<T extends ISync> {
+  /**
+   * Entity type discriminator for runtime routing
+   */
+  readonly entityType: EntityType;
+
+  /**
+   * Get all entities from IndexedDB
+   */
+  getAll(): Promise<T[]>;
+
+  /**
+   * Save an entity (create or update) to IndexedDB
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  save(entity: T, silent?: boolean): Promise<void>;
+
+  /**
+   * Mark entity as successfully synced
+   */
+  markAsSynced(id: string): Promise<void>;
+
+  /**
+   * Mark entity as sync error
+   */
+  markAsError(id: string): Promise<void>;
+
+  /**
+   * Get current sync status for an entity
+   */
+  getSyncStatus(id: string): Promise<SyncStatus | null>;
+}
diff --git a/src/storage/IStore.ts b/src/storage/IStore.ts
index d4ed3e7..91ac873 100644
--- a/src/storage/IStore.ts
+++ b/src/storage/IStore.ts
@@ -1,25 +1,18 @@
-/**
- * IStore - Interface for IndexedDB ObjectStore definitions
- *
- * Each entity store (bookings, customers, resources, events) implements this interface
- * to define its schema and creation logic.
- *
- * This enables Open/Closed Principle: IndexedDBService can work with any IStore
- * implementation without modification. Adding new entities only requires:
- * 1. Create new Store class implementing IStore
- * 2. Register in DI container as IStore
- */
-export interface IStore {
-  /**
-   * The name of the ObjectStore in IndexedDB
-   */
-  readonly storeName: string;
-
-  /**
-   * Create the ObjectStore with its schema (indexes, keyPath, etc.)
-   * Called during database upgrade (onupgradeneeded event)
-   *
-   * @param db - IDBDatabase instance
-   */
-  create(db: IDBDatabase): void;
-}
+/**
+ * IStore - Interface for IndexedDB ObjectStore definitions
+ *
+ * Each entity store implements this interface to define its schema.
+ * Enables Open/Closed Principle: IndexedDBContext works with any IStore.
+ */
+export interface IStore {
+  /**
+   * The name of the ObjectStore in IndexedDB
+   */
+  readonly storeName: string;
+
+  /**
+   * Create the ObjectStore with its schema (indexes, keyPath, etc.)
+   * Called during database upgrade (onupgradeneeded event)
+   */
+  create(db: IDBDatabase): void;
+}
diff --git a/src/storage/IndexedDBContext.ts b/src/storage/IndexedDBContext.ts
index da2d6fe..2136e2b 100644
--- a/src/storage/IndexedDBContext.ts
+++ b/src/storage/IndexedDBContext.ts
@@ -1,128 +1,92 @@
-import { IStore } from './IStore';
-
-/**
- * IndexedDBContext - Database connection manager and provider
- *
- * RESPONSIBILITY:
- * - Opens and manages IDBDatabase connection lifecycle
- * - Creates object stores via injected IStore implementations
- * - Provides shared IDBDatabase instance to all services
- *
- * SEPARATION OF CONCERNS:
- * - This class: Connection management ONLY
- * - OperationQueue: Queue and sync state operations
- * - Entity Services: CRUD operations for specific entities
- *
- * USAGE:
- * Services inject IndexedDBContext and call getDatabase() to access db.
- * This lazy access pattern ensures db is ready when requested.
- */
-export class IndexedDBContext {
-  private static readonly DB_NAME = 'CalendarDB';
-  private static readonly DB_VERSION = 5; // Bumped to add syncStatus index to resources
-  static readonly QUEUE_STORE = 'operationQueue';
-  static readonly SYNC_STATE_STORE = 'syncState';
-
-  private db: IDBDatabase | null = null;
-  private initialized: boolean = false;
-  private stores: IStore[];
-
-  /**
-   * @param stores - Array of IStore implementations injected via DI
-   */
-  constructor(stores: IStore[]) {
-    this.stores = stores;
-  }
-
-  /**
-   * Initialize and open the database
-   * Creates all entity stores, queue store, and sync state store
-   */
-  async initialize(): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const request = indexedDB.open(IndexedDBContext.DB_NAME, IndexedDBContext.DB_VERSION);
-
-      request.onerror = () => {
-        reject(new Error(`Failed to open IndexedDB: ${request.error}`));
-      };
-
-      request.onsuccess = () => {
-        this.db = request.result;
-        this.initialized = true;
-        resolve();
-      };
-
-      request.onupgradeneeded = (event) => {
-        const db = (event.target as IDBOpenDBRequest).result;
-
-        // Create all entity stores via injected IStore implementations
-        // Open/Closed Principle: Adding new entity only requires DI registration
-        this.stores.forEach(store => {
-          if (!db.objectStoreNames.contains(store.storeName)) {
-            store.create(db);
-          }
-        });
-
-        // Create operation queue store (sync infrastructure)
-        if (!db.objectStoreNames.contains(IndexedDBContext.QUEUE_STORE)) {
-          const queueStore = db.createObjectStore(IndexedDBContext.QUEUE_STORE, { keyPath: 'id' });
-          queueStore.createIndex('timestamp', 'timestamp', { unique: false });
-        }
-
-        // Create sync state store (sync metadata)
-        if (!db.objectStoreNames.contains(IndexedDBContext.SYNC_STATE_STORE)) {
-          db.createObjectStore(IndexedDBContext.SYNC_STATE_STORE, { keyPath: 'key' });
-        }
-      };
-    });
-  }
-
-  /**
-   * Check if database is initialized
-   */
-  public isInitialized(): boolean {
-    return this.initialized;
-  }
-
-  /**
-   * Get IDBDatabase instance
-   * Used by services to access the database
-   *
-   * @throws Error if database not initialized
-   * @returns IDBDatabase instance
-   */
-  public getDatabase(): IDBDatabase {
-    if (!this.db) {
-      throw new Error('IndexedDB not initialized. Call initialize() first.');
-    }
-    return this.db;
-  }
-
-  /**
-   * Close database connection
-   */
-  close(): void {
-    if (this.db) {
-      this.db.close();
-      this.db = null;
-      this.initialized = false;
-    }
-  }
-
-  /**
-   * Delete entire database (for testing/reset)
-   */
-  static async deleteDatabase(): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const request = indexedDB.deleteDatabase(IndexedDBContext.DB_NAME);
-
-      request.onsuccess = () => {
-        resolve();
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to delete database: ${request.error}`));
-      };
-    });
-  }
-}
+import { IStore } from './IStore';
+
+/**
+ * IndexedDBContext - Database connection manager
+ *
+ * RESPONSIBILITY:
+ * - Opens and manages IDBDatabase connection lifecycle
+ * - Creates object stores via injected IStore implementations
+ * - Provides shared IDBDatabase instance to all services
+ */
+export class IndexedDBContext {
+  private static readonly DB_NAME = 'CalendarDB';
+  private static readonly DB_VERSION = 4;
+
+  private db: IDBDatabase | null = null;
+  private initialized: boolean = false;
+  private stores: IStore[];
+
+  constructor(stores: IStore[]) {
+    this.stores = stores;
+  }
+
+  /**
+   * Initialize and open the database
+   */
+  async initialize(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(IndexedDBContext.DB_NAME, IndexedDBContext.DB_VERSION);
+
+      request.onerror = () => {
+        reject(new Error(`Failed to open IndexedDB: ${request.error}`));
+      };
+
+      request.onsuccess = () => {
+        this.db = request.result;
+        this.initialized = true;
+        resolve();
+      };
+
+      request.onupgradeneeded = (event) => {
+        const db = (event.target as IDBOpenDBRequest).result;
+
+        // Create all entity stores via injected IStore implementations
+        this.stores.forEach(store => {
+          if (!db.objectStoreNames.contains(store.storeName)) {
+            store.create(db);
+          }
+        });
+      };
+    });
+  }
+
+  /**
+   * Check if database is initialized
+   */
+  public isInitialized(): boolean {
+    return this.initialized;
+  }
+
+  /**
+   * Get IDBDatabase instance
+   */
+  public getDatabase(): IDBDatabase {
+    if (!this.db) {
+      throw new Error('IndexedDB not initialized. Call initialize() first.');
+    }
+    return this.db;
+  }
+
+  /**
+   * Close database connection
+   */
+  close(): void {
+    if (this.db) {
+      this.db.close();
+      this.db = null;
+      this.initialized = false;
+    }
+  }
+
+  /**
+   * Delete entire database (for testing/reset)
+   */
+  static async deleteDatabase(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.deleteDatabase(IndexedDBContext.DB_NAME);
+
+      request.onsuccess = () => resolve();
+      request.onerror = () => reject(new Error(`Failed to delete database: ${request.error}`));
+    });
+  }
+}
diff --git a/src/storage/SyncPlugin.ts b/src/storage/SyncPlugin.ts
index 785e625..7774da6 100644
--- a/src/storage/SyncPlugin.ts
+++ b/src/storage/SyncPlugin.ts
@@ -1,90 +1,64 @@
-import { ISync, SyncStatus, EntityType } from '../types/CalendarTypes';
-
-/**
- * SyncPlugin<T extends ISync> - Pluggable sync functionality for entity services
- *
- * COMPOSITION PATTERN:
- * - Encapsulates all sync-related logic in separate class
- * - Composed into BaseEntityService (not inheritance)
- * - Allows sync functionality to be swapped/mocked for testing
- * - Single Responsibility: Only handles sync status management
- *
- * DESIGN:
- * - Takes reference to BaseEntityService for calling get/save
- * - Implements sync methods that delegate to service's CRUD
- * - Uses IndexedDB syncStatus index for efficient queries
- */
-export class SyncPlugin<T extends ISync> {
-  /**
-   * @param service - Reference to BaseEntityService for CRUD operations
-   */
-  constructor(private service: any) {
-    // Type is 'any' to avoid circular dependency at compile time
-    // Runtime: service is BaseEntityService<T>
-  }
-
-  /**
-   * Mark entity as successfully synced
-   * Sets syncStatus = 'synced' and persists to IndexedDB
-   *
-   * @param id - Entity ID
-   */
-  async markAsSynced(id: string): Promise<void> {
-    const entity = await this.service.get(id);
-    if (entity) {
-      entity.syncStatus = 'synced';
-      await this.service.save(entity);
-    }
-  }
-
-  /**
-   * Mark entity as sync error (max retries exceeded)
-   * Sets syncStatus = 'error' and persists to IndexedDB
-   *
-   * @param id - Entity ID
-   */
-  async markAsError(id: string): Promise<void> {
-    const entity = await this.service.get(id);
-    if (entity) {
-      entity.syncStatus = 'error';
-      await this.service.save(entity);
-    }
-  }
-
-  /**
-   * Get current sync status for an entity
-   *
-   * @param id - Entity ID
-   * @returns SyncStatus or null if entity not found
-   */
-  async getSyncStatus(id: string): Promise<SyncStatus | null> {
-    const entity = await this.service.get(id);
-    return entity ? entity.syncStatus : null;
-  }
-
-  /**
-   * Get entities by sync status
-   * Uses IndexedDB syncStatus index for efficient querying
-   *
-   * @param syncStatus - Sync status ('synced', 'pending', 'error')
-   * @returns Array of entities with this sync status
-   */
-  async getBySyncStatus(syncStatus: string): Promise<T[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.service.db.transaction([this.service.storeName], 'readonly');
-      const store = transaction.objectStore(this.service.storeName);
-      const index = store.index('syncStatus');
-      const request = index.getAll(syncStatus);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const entities = data.map(item => this.service.deserialize(item));
-        resolve(entities);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get ${this.service.entityType}s by sync status ${syncStatus}: ${request.error}`));
-      };
-    });
-  }
-}
+import { ISync, SyncStatus } from '../types/CalendarTypes';
+
+/**
+ * SyncPlugin<T extends ISync> - Pluggable sync functionality for entity services
+ *
+ * COMPOSITION PATTERN:
+ * - Encapsulates all sync-related logic in separate class
+ * - Composed into BaseEntityService (not inheritance)
+ */
+export class SyncPlugin<T extends ISync> {
+  constructor(private service: any) {}
+
+  /**
+   * Mark entity as successfully synced
+   */
+  async markAsSynced(id: string): Promise<void> {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = 'synced';
+      await this.service.save(entity);
+    }
+  }
+
+  /**
+   * Mark entity as sync error
+   */
+  async markAsError(id: string): Promise<void> {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = 'error';
+      await this.service.save(entity);
+    }
+  }
+
+  /**
+   * Get current sync status for an entity
+   */
+  async getSyncStatus(id: string): Promise<SyncStatus | null> {
+    const entity = await this.service.get(id);
+    return entity ? entity.syncStatus : null;
+  }
+
+  /**
+   * Get entities by sync status using IndexedDB index
+   */
+  async getBySyncStatus(syncStatus: string): Promise<T[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.service.db.transaction([this.service.storeName], 'readonly');
+      const store = transaction.objectStore(this.service.storeName);
+      const index = store.index('syncStatus');
+      const request = index.getAll(syncStatus);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const entities = data.map(item => this.service.deserialize(item));
+        resolve(entities);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get by sync status ${syncStatus}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/src/storage/audit/AuditService.ts b/src/storage/audit/AuditService.ts
index 238ed87..bf69664 100644
--- a/src/storage/audit/AuditService.ts
+++ b/src/storage/audit/AuditService.ts
@@ -1,9 +1,8 @@
 import { BaseEntityService } from '../BaseEntityService';
 import { IndexedDBContext } from '../IndexedDBContext';
-import { IAuditEntry } from '../../types/AuditTypes';
-import { EntityType, IEventBus } from '../../types/CalendarTypes';
+import { IAuditEntry, IAuditLoggedPayload } from '../../types/AuditTypes';
+import { EntityType, IEventBus, IEntitySavedPayload, IEntityDeletedPayload } from '../../types/CalendarTypes';
 import { CoreEvents } from '../../constants/CoreEvents';
-import { IEntitySavedPayload, IEntityDeletedPayload, IAuditLoggedPayload } from '../../types/EventTypes';
 
 /**
  * AuditService - Entity service for audit entries
diff --git a/src/storage/audit/AuditStore.ts b/src/storage/audit/AuditStore.ts
index bdef64e..00caf8b 100644
--- a/src/storage/audit/AuditStore.ts
+++ b/src/storage/audit/AuditStore.ts
@@ -11,15 +11,17 @@ import { IStore } from '../IStore';
  * Indexes:
  * - syncStatus: For finding pending entries to sync
  * - synced: Boolean flag for quick sync queries
+ * - entityId: For getting all audits for a specific entity
+ * - timestamp: For chronological queries
  */
 export class AuditStore implements IStore {
-    readonly storeName = 'audit';
+  readonly storeName = 'audit';
 
-    create(db: IDBDatabase): void {
-        const store = db.createObjectStore(this.storeName, { keyPath: 'id' });
-        store.createIndex('syncStatus', 'syncStatus', { unique: false });
-        store.createIndex('synced', 'synced', { unique: false });
-        store.createIndex('entityId', 'entityId', { unique: false });
-        store.createIndex('timestamp', 'timestamp', { unique: false });
-    }
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(this.storeName, { keyPath: 'id' });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+    store.createIndex('synced', 'synced', { unique: false });
+    store.createIndex('entityId', 'entityId', { unique: false });
+    store.createIndex('timestamp', 'timestamp', { unique: false });
+  }
 }
diff --git a/src/storage/bookings/BookingSerialization.ts b/src/storage/bookings/BookingSerialization.ts
deleted file mode 100644
index 20f4828..0000000
--- a/src/storage/bookings/BookingSerialization.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { IBooking } from '../../types/BookingTypes';
-
-/**
- * BookingSerialization - Handles Date field serialization for IndexedDB
- *
- * IndexedDB doesn't store Date objects directly, so we convert:
- * - Date → ISO string (serialize) when writing to IndexedDB
- * - ISO string → Date (deserialize) when reading from IndexedDB
- */
-export class BookingSerialization {
-  /**
-   * Serialize booking for IndexedDB storage
-   * Converts Date fields to ISO strings
-   *
-   * @param booking - IBooking with Date objects
-   * @returns Plain object with ISO string dates
-   */
-  static serialize(booking: IBooking): any {
-    return {
-      ...booking,
-      createdAt: booking.createdAt instanceof Date
-        ? booking.createdAt.toISOString()
-        : booking.createdAt
-    };
-  }
-
-  /**
-   * Deserialize booking from IndexedDB storage
-   * Converts ISO string dates back to Date objects
-   *
-   * @param data - Plain object from IndexedDB with ISO string dates
-   * @returns IBooking with Date objects
-   */
-  static deserialize(data: any): IBooking {
-    return {
-      ...data,
-      createdAt: typeof data.createdAt === 'string'
-        ? new Date(data.createdAt)
-        : data.createdAt
-    };
-  }
-}
diff --git a/src/storage/bookings/BookingService.ts b/src/storage/bookings/BookingService.ts
index 3550627..ae7a9f9 100644
--- a/src/storage/bookings/BookingService.ts
+++ b/src/storage/bookings/BookingService.ts
@@ -1,97 +1,75 @@
-import { IBooking } from '../../types/BookingTypes';
-import { EntityType, IEventBus } from '../../types/CalendarTypes';
-import { BookingStore } from './BookingStore';
-import { BookingSerialization } from './BookingSerialization';
-import { BaseEntityService } from '../BaseEntityService';
-import { IndexedDBContext } from '../IndexedDBContext';
-
-/**
- * BookingService - CRUD operations for bookings in IndexedDB
- *
- * ARCHITECTURE:
- * - Extends BaseEntityService for shared CRUD and sync logic
- * - Overrides serialize/deserialize for Date field conversion (createdAt)
- * - Provides booking-specific query methods (by customer, by status)
- *
- * INHERITED METHODS (from BaseEntityService):
- * - get(id), getAll(), save(entity), delete(id)
- * - markAsSynced(id), markAsError(id), getSyncStatus(id), getBySyncStatus(status)
- *
- * BOOKING-SPECIFIC METHODS:
- * - getByCustomer(customerId)
- * - getByStatus(status)
- */
-export class BookingService extends BaseEntityService<IBooking> {
-  readonly storeName = BookingStore.STORE_NAME;
-  readonly entityType: EntityType = 'Booking';
-
-  constructor(context: IndexedDBContext, eventBus: IEventBus) {
-    super(context, eventBus);
-  }
-
-  /**
-   * Serialize booking for IndexedDB storage
-   * Converts Date objects to ISO strings
-   */
-  protected serialize(booking: IBooking): any {
-    return BookingSerialization.serialize(booking);
-  }
-
-  /**
-   * Deserialize booking from IndexedDB
-   * Converts ISO strings back to Date objects
-   */
-  protected deserialize(data: any): IBooking {
-    return BookingSerialization.deserialize(data);
-  }
-
-  /**
-   * Get bookings by customer ID
-   *
-   * @param customerId - Customer ID
-   * @returns Array of bookings for this customer
-   */
-  async getByCustomer(customerId: string): Promise<IBooking[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('customerId');
-      const request = index.getAll(customerId);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const bookings = data.map(item => this.deserialize(item));
-        resolve(bookings);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get bookings for customer ${customerId}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Get bookings by status
-   *
-   * @param status - Booking status
-   * @returns Array of bookings with this status
-   */
-  async getByStatus(status: string): Promise<IBooking[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('status');
-      const request = index.getAll(status);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const bookings = data.map(item => this.deserialize(item));
-        resolve(bookings);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get bookings with status ${status}: ${request.error}`));
-      };
-    });
-  }
-}
+import { IBooking, EntityType, IEventBus, BookingStatus } from '../../types/CalendarTypes';
+import { BookingStore } from './BookingStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * BookingService - CRUD operations for bookings in IndexedDB
+ */
+export class BookingService extends BaseEntityService<IBooking> {
+  readonly storeName = BookingStore.STORE_NAME;
+  readonly entityType: EntityType = 'Booking';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  protected serialize(booking: IBooking): unknown {
+    return {
+      ...booking,
+      createdAt: booking.createdAt.toISOString()
+    };
+  }
+
+  protected deserialize(data: unknown): IBooking {
+    const raw = data as Record<string, unknown>;
+    return {
+      ...raw,
+      createdAt: new Date(raw.createdAt as string)
+    } as IBooking;
+  }
+
+  /**
+   * Get bookings for a customer
+   */
+  async getByCustomer(customerId: string): Promise<IBooking[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('customerId');
+      const request = index.getAll(customerId);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const bookings = data.map(item => this.deserialize(item));
+        resolve(bookings);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings for customer ${customerId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get bookings by status
+   */
+  async getByStatus(status: BookingStatus): Promise<IBooking[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('status');
+      const request = index.getAll(status);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const bookings = data.map(item => this.deserialize(item));
+        resolve(bookings);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings with status ${status}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/src/storage/bookings/BookingStore.ts b/src/storage/bookings/BookingStore.ts
index b1458b8..c412f85 100644
--- a/src/storage/bookings/BookingStore.ts
+++ b/src/storage/bookings/BookingStore.ts
@@ -1,38 +1,18 @@
-import { IStore } from '../IStore';
-
-/**
- * BookingStore - IndexedDB ObjectStore definition for bookings
- *
- * Defines schema, indexes, and store creation logic.
- * Part of modular storage architecture where each entity has its own folder.
- */
-export class BookingStore implements IStore {
-  /** ObjectStore name in IndexedDB (static for backward compatibility) */
-  static readonly STORE_NAME = 'bookings';
-
-  /** ObjectStore name in IndexedDB (instance property for IStore interface) */
-  readonly storeName = BookingStore.STORE_NAME;
-
-  /**
-   * Create the bookings ObjectStore with indexes
-   * Called during database upgrade (onupgradeneeded)
-   *
-   * @param db - IDBDatabase instance
-   */
-  create(db: IDBDatabase): void {
-    // Create ObjectStore with 'id' as keyPath
-    const store = db.createObjectStore(BookingStore.STORE_NAME, { keyPath: 'id' });
-
-    // Index: customerId (for querying bookings by customer)
-    store.createIndex('customerId', 'customerId', { unique: false });
-
-    // Index: status (for filtering by booking status)
-    store.createIndex('status', 'status', { unique: false });
-
-    // Index: syncStatus (for querying by sync status - used by SyncPlugin)
-    store.createIndex('syncStatus', 'syncStatus', { unique: false });
-
-    // Index: createdAt (for sorting bookings chronologically)
-    store.createIndex('createdAt', 'createdAt', { unique: false });
-  }
-}
+import { IStore } from '../IStore';
+
+/**
+ * BookingStore - IndexedDB ObjectStore definition for bookings
+ */
+export class BookingStore implements IStore {
+  static readonly STORE_NAME = 'bookings';
+  readonly storeName = BookingStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(BookingStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('customerId', 'customerId', { unique: false });
+    store.createIndex('status', 'status', { unique: false });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+    store.createIndex('createdAt', 'createdAt', { unique: false });
+  }
+}
diff --git a/src/storage/customers/CustomerService.ts b/src/storage/customers/CustomerService.ts
index 8b076f0..6cfd888 100644
--- a/src/storage/customers/CustomerService.ts
+++ b/src/storage/customers/CustomerService.ts
@@ -1,68 +1,46 @@
-import { ICustomer } from '../../types/CustomerTypes';
-import { EntityType, IEventBus } from '../../types/CalendarTypes';
-import { CustomerStore } from './CustomerStore';
-import { BaseEntityService } from '../BaseEntityService';
-import { IndexedDBContext } from '../IndexedDBContext';
-
-/**
- * CustomerService - CRUD operations for customers in IndexedDB
- *
- * ARCHITECTURE:
- * - Extends BaseEntityService for shared CRUD and sync logic
- * - No serialization needed (ICustomer has no Date fields)
- * - Provides customer-specific query methods (by phone, search by name)
- *
- * INHERITED METHODS (from BaseEntityService):
- * - get(id), getAll(), save(entity), delete(id)
- * - markAsSynced(id), markAsError(id), getSyncStatus(id), getBySyncStatus(status)
- *
- * CUSTOMER-SPECIFIC METHODS:
- * - getByPhone(phone)
- * - searchByName(searchTerm)
- */
-export class CustomerService extends BaseEntityService<ICustomer> {
-  readonly storeName = CustomerStore.STORE_NAME;
-  readonly entityType: EntityType = 'Customer';
-
-  constructor(context: IndexedDBContext, eventBus: IEventBus) {
-    super(context, eventBus);
-  }
-
-  /**
-   * Get customers by phone number
-   *
-   * @param phone - Phone number
-   * @returns Array of customers with this phone
-   */
-  async getByPhone(phone: string): Promise<ICustomer[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('phone');
-      const request = index.getAll(phone);
-
-      request.onsuccess = () => {
-        resolve(request.result as ICustomer[]);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get customers by phone ${phone}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Search customers by name (partial match)
-   *
-   * @param searchTerm - Search term (case insensitive)
-   * @returns Array of customers matching search
-   */
-  async searchByName(searchTerm: string): Promise<ICustomer[]> {
-    const allCustomers = await this.getAll();
-    const lowerSearch = searchTerm.toLowerCase();
-
-    return allCustomers.filter(customer =>
-      customer.name.toLowerCase().includes(lowerSearch)
-    );
-  }
-}
+import { ICustomer, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { CustomerStore } from './CustomerStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * CustomerService - CRUD operations for customers in IndexedDB
+ */
+export class CustomerService extends BaseEntityService<ICustomer> {
+  readonly storeName = CustomerStore.STORE_NAME;
+  readonly entityType: EntityType = 'Customer';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Search customers by name (case-insensitive contains)
+   */
+  async searchByName(query: string): Promise<ICustomer[]> {
+    const all = await this.getAll();
+    const lowerQuery = query.toLowerCase();
+    return all.filter(c => c.name.toLowerCase().includes(lowerQuery));
+  }
+
+  /**
+   * Find customer by phone
+   */
+  async getByPhone(phone: string): Promise<ICustomer | null> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('phone');
+      const request = index.get(phone);
+
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? (data as ICustomer) : null);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to find customer by phone ${phone}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/src/storage/customers/CustomerStore.ts b/src/storage/customers/CustomerStore.ts
index 65cd9e7..9afcf9e 100644
--- a/src/storage/customers/CustomerStore.ts
+++ b/src/storage/customers/CustomerStore.ts
@@ -1,35 +1,17 @@
-import { IStore } from '../IStore';
-
-/**
- * CustomerStore - IndexedDB ObjectStore definition for customers
- *
- * Defines schema, indexes, and store creation logic.
- * Part of modular storage architecture where each entity has its own folder.
- */
-export class CustomerStore implements IStore {
-  /** ObjectStore name in IndexedDB (static for backward compatibility) */
-  static readonly STORE_NAME = 'customers';
-
-  /** ObjectStore name in IndexedDB (instance property for IStore interface) */
-  readonly storeName = CustomerStore.STORE_NAME;
-
-  /**
-   * Create the customers ObjectStore with indexes
-   * Called during database upgrade (onupgradeneeded)
-   *
-   * @param db - IDBDatabase instance
-   */
-  create(db: IDBDatabase): void {
-    // Create ObjectStore with 'id' as keyPath
-    const store = db.createObjectStore(CustomerStore.STORE_NAME, { keyPath: 'id' });
-
-    // Index: name (for customer search/lookup)
-    store.createIndex('name', 'name', { unique: false });
-
-    // Index: phone (for customer lookup by phone)
-    store.createIndex('phone', 'phone', { unique: false });
-
-    // Index: syncStatus (for querying by sync status - used by SyncPlugin)
-    store.createIndex('syncStatus', 'syncStatus', { unique: false });
-  }
-}
+import { IStore } from '../IStore';
+
+/**
+ * CustomerStore - IndexedDB ObjectStore definition for customers
+ */
+export class CustomerStore implements IStore {
+  static readonly STORE_NAME = 'customers';
+  readonly storeName = CustomerStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(CustomerStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('name', 'name', { unique: false });
+    store.createIndex('phone', 'phone', { unique: false });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+  }
+}
diff --git a/src/storage/departments/DepartmentService.ts b/src/storage/departments/DepartmentService.ts
new file mode 100644
index 0000000..f67aabe
--- /dev/null
+++ b/src/storage/departments/DepartmentService.ts
@@ -0,0 +1,25 @@
+import { IDepartment, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { DepartmentStore } from './DepartmentStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * DepartmentService - CRUD operations for departments in IndexedDB
+ */
+export class DepartmentService extends BaseEntityService<IDepartment> {
+  readonly storeName = DepartmentStore.STORE_NAME;
+  readonly entityType: EntityType = 'Department';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get departments by IDs
+   */
+  async getByIds(ids: string[]): Promise<IDepartment[]> {
+    if (ids.length === 0) return [];
+    const results = await Promise.all(ids.map(id => this.get(id)));
+    return results.filter((d): d is IDepartment => d !== null);
+  }
+}
diff --git a/src/storage/departments/DepartmentStore.ts b/src/storage/departments/DepartmentStore.ts
new file mode 100644
index 0000000..20e2cff
--- /dev/null
+++ b/src/storage/departments/DepartmentStore.ts
@@ -0,0 +1,13 @@
+import { IStore } from '../IStore';
+
+/**
+ * DepartmentStore - IndexedDB ObjectStore definition for departments
+ */
+export class DepartmentStore implements IStore {
+  static readonly STORE_NAME = 'departments';
+  readonly storeName = DepartmentStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(DepartmentStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/src/storage/events/EventSerialization.ts b/src/storage/events/EventSerialization.ts
index 61b64d0..583fa79 100644
--- a/src/storage/events/EventSerialization.ts
+++ b/src/storage/events/EventSerialization.ts
@@ -1,40 +1,32 @@
-import { ICalendarEvent } from '../../types/CalendarTypes';
-
-/**
- * EventSerialization - Handles Date field serialization for IndexedDB
- *
- * IndexedDB doesn't store Date objects directly, so we convert:
- * - Date → ISO string (serialize) when writing to IndexedDB
- * - ISO string → Date (deserialize) when reading from IndexedDB
- */
-export class EventSerialization {
-  /**
-   * Serialize event for IndexedDB storage
-   * Converts Date fields to ISO strings
-   *
-   * @param event - ICalendarEvent with Date objects
-   * @returns Plain object with ISO string dates
-   */
-  static serialize(event: ICalendarEvent): any {
-    return {
-      ...event,
-      start: event.start instanceof Date ? event.start.toISOString() : event.start,
-      end: event.end instanceof Date ? event.end.toISOString() : event.end
-    };
-  }
-
-  /**
-   * Deserialize event from IndexedDB storage
-   * Converts ISO string dates back to Date objects
-   *
-   * @param data - Plain object from IndexedDB with ISO string dates
-   * @returns ICalendarEvent with Date objects
-   */
-  static deserialize(data: any): ICalendarEvent {
-    return {
-      ...data,
-      start: typeof data.start === 'string' ? new Date(data.start) : data.start,
-      end: typeof data.end === 'string' ? new Date(data.end) : data.end
-    };
-  }
-}
+import { ICalendarEvent } from '../../types/CalendarTypes';
+
+/**
+ * EventSerialization - Handles Date field serialization for IndexedDB
+ *
+ * IndexedDB doesn't store Date objects directly, so we convert:
+ * - Date → ISO string (serialize) when writing
+ * - ISO string → Date (deserialize) when reading
+ */
+export class EventSerialization {
+  /**
+   * Serialize event for IndexedDB storage
+   */
+  static serialize(event: ICalendarEvent): unknown {
+    return {
+      ...event,
+      start: event.start instanceof Date ? event.start.toISOString() : event.start,
+      end: event.end instanceof Date ? event.end.toISOString() : event.end
+    };
+  }
+
+  /**
+   * Deserialize event from IndexedDB storage
+   */
+  static deserialize(data: Record<string, unknown>): ICalendarEvent {
+    return {
+      ...data,
+      start: typeof data.start === 'string' ? new Date(data.start) : data.start,
+      end: typeof data.end === 'string' ? new Date(data.end) : data.end
+    } as ICalendarEvent;
+  }
+}
diff --git a/src/storage/events/EventService.ts b/src/storage/events/EventService.ts
index 7207898..0ccd5a5 100644
--- a/src/storage/events/EventService.ts
+++ b/src/storage/events/EventService.ts
@@ -1,174 +1,84 @@
-import { ICalendarEvent, EntityType, IEventBus } from '../../types/CalendarTypes';
-import { EventStore } from './EventStore';
-import { EventSerialization } from './EventSerialization';
-import { BaseEntityService } from '../BaseEntityService';
-import { IndexedDBContext } from '../IndexedDBContext';
-
-/**
- * EventService - CRUD operations for calendar events in IndexedDB
- *
- * ARCHITECTURE:
- * - Extends BaseEntityService for shared CRUD and sync logic
- * - Overrides serialize/deserialize for Date field conversion
- * - Provides event-specific query methods (by date range, resource, customer, booking)
- *
- * INHERITED METHODS (from BaseEntityService):
- * - get(id), getAll(), save(entity), delete(id)
- * - markAsSynced(id), markAsError(id), getSyncStatus(id), getBySyncStatus(status)
- *
- * EVENT-SPECIFIC METHODS:
- * - getByDateRange(start, end)
- * - getByResource(resourceId)
- * - getByCustomer(customerId)
- * - getByBooking(bookingId)
- * - getByResourceAndDateRange(resourceId, start, end)
- */
-export class EventService extends BaseEntityService<ICalendarEvent> {
-  readonly storeName = EventStore.STORE_NAME;
-  readonly entityType: EntityType = 'Event';
-
-  constructor(context: IndexedDBContext, eventBus: IEventBus) {
-    super(context, eventBus);
-  }
-
-  /**
-   * Serialize event for IndexedDB storage
-   * Converts Date objects to ISO strings
-   */
-  protected serialize(event: ICalendarEvent): any {
-    return EventSerialization.serialize(event);
-  }
-
-  /**
-   * Deserialize event from IndexedDB
-   * Converts ISO strings back to Date objects
-   */
-  protected deserialize(data: any): ICalendarEvent {
-    return EventSerialization.deserialize(data);
-  }
-
-  /**
-   * Get events within a date range
-   * Uses start index + in-memory filtering for simplicity and performance
-   *
-   * @param start - Start date (inclusive)
-   * @param end - End date (inclusive)
-   * @returns Array of events in range
-   */
-  async getByDateRange(start: Date, end: Date): Promise<ICalendarEvent[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('start');
-
-      // Get all events starting from start date
-      const range = IDBKeyRange.lowerBound(start.toISOString());
-      const request = index.getAll(range);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-
-        // Deserialize and filter in memory
-        const events = data
-          .map(item => this.deserialize(item))
-          .filter(event => event.start <= end);
-
-        resolve(events);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get events by date range: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Get events for a specific resource
-   *
-   * @param resourceId - Resource ID
-   * @returns Array of events for this resource
-   */
-  async getByResource(resourceId: string): Promise<ICalendarEvent[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('resourceId');
-      const request = index.getAll(resourceId);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const events = data.map(item => this.deserialize(item));
-        resolve(events);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get events for resource ${resourceId}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Get events for a specific customer
-   *
-   * @param customerId - Customer ID
-   * @returns Array of events for this customer
-   */
-  async getByCustomer(customerId: string): Promise<ICalendarEvent[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('customerId');
-      const request = index.getAll(customerId);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const events = data.map(item => this.deserialize(item));
-        resolve(events);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get events for customer ${customerId}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Get events for a specific booking
-   *
-   * @param bookingId - Booking ID
-   * @returns Array of events for this booking
-   */
-  async getByBooking(bookingId: string): Promise<ICalendarEvent[]> {
-    return new Promise((resolve, reject) => {
-      const transaction = this.db.transaction([this.storeName], 'readonly');
-      const store = transaction.objectStore(this.storeName);
-      const index = store.index('bookingId');
-      const request = index.getAll(bookingId);
-
-      request.onsuccess = () => {
-        const data = request.result as any[];
-        const events = data.map(item => this.deserialize(item));
-        resolve(events);
-      };
-
-      request.onerror = () => {
-        reject(new Error(`Failed to get events for booking ${bookingId}: ${request.error}`));
-      };
-    });
-  }
-
-  /**
-   * Get events for a resource within a date range
-   * Combines resource and date filtering
-   *
-   * @param resourceId - Resource ID
-   * @param start - Start date
-   * @param end - End date
-   * @returns Array of events for this resource in range
-   */
-  async getByResourceAndDateRange(resourceId: string, start: Date, end: Date): Promise<ICalendarEvent[]> {
-    // Get events for resource, then filter by date in memory
-    const resourceEvents = await this.getByResource(resourceId);
-    return resourceEvents.filter(event => event.start >= start && event.start <= end);
-  }
-}
+import { ICalendarEvent, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { EventStore } from './EventStore';
+import { EventSerialization } from './EventSerialization';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * EventService - CRUD operations for calendar events in IndexedDB
+ *
+ * Extends BaseEntityService for shared CRUD and sync logic.
+ * Provides event-specific query methods.
+ */
+export class EventService extends BaseEntityService<ICalendarEvent> {
+  readonly storeName = EventStore.STORE_NAME;
+  readonly entityType: EntityType = 'Event';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  protected serialize(event: ICalendarEvent): unknown {
+    return EventSerialization.serialize(event);
+  }
+
+  protected deserialize(data: unknown): ICalendarEvent {
+    return EventSerialization.deserialize(data as Record<string, unknown>);
+  }
+
+  /**
+   * Get events within a date range
+   */
+  async getByDateRange(start: Date, end: Date): Promise<ICalendarEvent[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('start');
+
+      const range = IDBKeyRange.lowerBound(start.toISOString());
+      const request = index.getAll(range);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const events = data
+          .map(item => this.deserialize(item))
+          .filter(event => event.start <= end);
+        resolve(events);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get events by date range: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get events for a specific resource
+   */
+  async getByResource(resourceId: string): Promise<ICalendarEvent[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('resourceId');
+      const request = index.getAll(resourceId);
+
+      request.onsuccess = () => {
+        const data = request.result as unknown[];
+        const events = data.map(item => this.deserialize(item));
+        resolve(events);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get events for resource ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get events for a resource within a date range
+   */
+  async getByResourceAndDateRange(resourceId: string, start: Date, end: Date): Promise<ICalendarEvent[]> {
+    const resourceEvents = await this.getByResource(resourceId);
+    return resourceEvents.filter(event => event.start >= start && event.start <= end);
+  }
+}
diff --git a/src/storage/events/EventStore.ts b/src/storage/events/EventStore.ts
index a399a1c..21c7be0 100644
--- a/src/storage/events/EventStore.ts
+++ b/src/storage/events/EventStore.ts
@@ -1,47 +1,37 @@
-import { IStore } from '../IStore';
-
-/**
- * EventStore - IndexedDB ObjectStore definition for calendar events
- *
- * Defines schema, indexes, and store creation logic.
- * Part of modular storage architecture where each entity has its own folder.
- */
-export class EventStore implements IStore {
-  /** ObjectStore name in IndexedDB (static for backward compatibility) */
-  static readonly STORE_NAME = 'events';
-
-  /** ObjectStore name in IndexedDB (instance property for IStore interface) */
-  readonly storeName = EventStore.STORE_NAME;
-
-  /**
-   * Create the events ObjectStore with indexes
-   * Called during database upgrade (onupgradeneeded)
-   *
-   * @param db - IDBDatabase instance
-   */
-  create(db: IDBDatabase): void {
-    // Create ObjectStore with 'id' as keyPath
-    const store = db.createObjectStore(EventStore.STORE_NAME, { keyPath: 'id' });
-
-    // Index: start (for date range queries)
-    store.createIndex('start', 'start', { unique: false });
-
-    // Index: end (for date range queries)
-    store.createIndex('end', 'end', { unique: false });
-
-    // Index: syncStatus (for filtering by sync state)
-    store.createIndex('syncStatus', 'syncStatus', { unique: false });
-
-    // Index: resourceId (CRITICAL for resource-mode filtering)
-    store.createIndex('resourceId', 'resourceId', { unique: false });
-
-    // Index: customerId (for customer-centric queries)
-    store.createIndex('customerId', 'customerId', { unique: false });
-
-    // Index: bookingId (for event-to-booking lookups)
-    store.createIndex('bookingId', 'bookingId', { unique: false });
-
-    // Compound index: startEnd (for optimized range queries)
-    store.createIndex('startEnd', ['start', 'end'], { unique: false });
-  }
-}
+import { IStore } from '../IStore';
+
+/**
+ * EventStore - IndexedDB ObjectStore definition for calendar events
+ */
+export class EventStore implements IStore {
+  static readonly STORE_NAME = 'events';
+  readonly storeName = EventStore.STORE_NAME;
+
+  /**
+   * Create the events ObjectStore with indexes
+   */
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(EventStore.STORE_NAME, { keyPath: 'id' });
+
+    // Index: start (for date range queries)
+    store.createIndex('start', 'start', { unique: false });
+
+    // Index: end (for date range queries)
+    store.createIndex('end', 'end', { unique: false });
+
+    // Index: syncStatus (for filtering by sync state)
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+
+    // Index: resourceId (for resource-mode filtering)
+    store.createIndex('resourceId', 'resourceId', { unique: false });
+
+    // Index: customerId (for customer-centric queries)
+    store.createIndex('customerId', 'customerId', { unique: false });
+
+    // Index: bookingId (for event-to-booking lookups)
+    store.createIndex('bookingId', 'bookingId', { unique: false });
+
+    // Compound index: startEnd (for optimized range queries)
+    store.createIndex('startEnd', ['start', 'end'], { unique: false });
+  }
+}
diff --git a/src/storage/resources/ResourceService.ts b/src/storage/resources/ResourceService.ts
index 8fd868e..769210c 100644
--- a/src/storage/resources/ResourceService.ts
+++ b/src/storage/resources/ResourceService.ts
@@ -1,55 +1,55 @@
-import { IResource } from '../../types/ResourceTypes';
-import { EntityType, IEventBus } from '../../types/CalendarTypes';
-import { ResourceStore } from './ResourceStore';
-import { BaseEntityService } from '../BaseEntityService';
-import { IndexedDBContext } from '../IndexedDBContext';
-
-/**
- * ResourceService - CRUD operations for resources in IndexedDB
- *
- * ARCHITECTURE:
- * - Extends BaseEntityService for shared CRUD and sync logic
- * - No serialization needed (IResource has no Date fields)
- * - Provides resource-specific query methods (by type, active/inactive)
- *
- * INHERITED METHODS (from BaseEntityService):
- * - get(id), getAll(), save(entity), delete(id)
- * - markAsSynced(id), markAsError(id), getSyncStatus(id), getBySyncStatus(status)
- *
- * RESOURCE-SPECIFIC METHODS:
- * - getByType(type)
- * - getActive()
- * - getInactive()
- */
-export class ResourceService extends BaseEntityService<IResource> {
-  readonly storeName = ResourceStore.STORE_NAME;
-  readonly entityType: EntityType = 'Resource';
-
-  constructor(context: IndexedDBContext, eventBus: IEventBus) {
-    super(context, eventBus);
-  }
-
-  /**
-   * Get resources by type
-   */
-  async getByType(type: string): Promise<IResource[]> {
-    const all = await this.getAll();
-    return all.filter(r => r.type === type);
-  }
-
-  /**
-   * Get active resources only
-   */
-  async getActive(): Promise<IResource[]> {
-    const all = await this.getAll();
-    return all.filter(r => r.isActive === true);
-  }
-
-  /**
-   * Get inactive resources
-   */
-  async getInactive(): Promise<IResource[]> {
-    const all = await this.getAll();
-    return all.filter(r => r.isActive === false);
-  }
-}
+import { IResource, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { ResourceStore } from './ResourceStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * ResourceService - CRUD operations for resources in IndexedDB
+ */
+export class ResourceService extends BaseEntityService<IResource> {
+  readonly storeName = ResourceStore.STORE_NAME;
+  readonly entityType: EntityType = 'Resource';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get all active resources
+   */
+  async getActive(): Promise<IResource[]> {
+    const all = await this.getAll();
+    return all.filter(r => r.isActive !== false);
+  }
+
+  /**
+   * Get resources by IDs
+   */
+  async getByIds(ids: string[]): Promise<IResource[]> {
+    if (ids.length === 0) return [];
+
+    const results = await Promise.all(ids.map(id => this.get(id)));
+    return results.filter((r): r is IResource => r !== null);
+  }
+
+  /**
+   * Get resources by type
+   */
+  async getByType(type: string): Promise<IResource[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], 'readonly');
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index('type');
+      const request = index.getAll(type);
+
+      request.onsuccess = () => {
+        const data = request.result as IResource[];
+        resolve(data);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get resources by type ${type}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/src/storage/resources/ResourceStore.ts b/src/storage/resources/ResourceStore.ts
index 05ed171..38e39b6 100644
--- a/src/storage/resources/ResourceStore.ts
+++ b/src/storage/resources/ResourceStore.ts
@@ -1,26 +1,17 @@
-import { IStore } from '../IStore';
-
-/**
- * ResourceStore - IndexedDB ObjectStore definition for resources
- *
- * Defines schema, indexes, and store creation logic.
- * Part of modular storage architecture where each entity has its own folder.
- */
-export class ResourceStore implements IStore {
-  /** ObjectStore name in IndexedDB (static for backward compatibility) */
-  static readonly STORE_NAME = 'resources';
-
-  /** ObjectStore name in IndexedDB (instance property for IStore interface) */
-  readonly storeName = ResourceStore.STORE_NAME;
-
-  /**
-   * Create the resources ObjectStore with indexes
-   * Called during database upgrade (onupgradeneeded)
-   *
-   * @param db - IDBDatabase instance
-   */
-  create(db: IDBDatabase): void {
-    const store = db.createObjectStore(ResourceStore.STORE_NAME, { keyPath: 'id' });
-    store.createIndex('syncStatus', 'syncStatus', { unique: false });
-  }
-}
+import { IStore } from '../IStore';
+
+/**
+ * ResourceStore - IndexedDB ObjectStore definition for resources
+ */
+export class ResourceStore implements IStore {
+  static readonly STORE_NAME = 'resources';
+  readonly storeName = ResourceStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(ResourceStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('type', 'type', { unique: false });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+    store.createIndex('isActive', 'isActive', { unique: false });
+  }
+}
diff --git a/src/storage/schedules/ResourceScheduleService.ts b/src/storage/schedules/ResourceScheduleService.ts
new file mode 100644
index 0000000..48b96d1
--- /dev/null
+++ b/src/storage/schedules/ResourceScheduleService.ts
@@ -0,0 +1,84 @@
+import { ITimeSlot } from '../../types/ScheduleTypes';
+import { ResourceService } from '../resources/ResourceService';
+import { ScheduleOverrideService } from './ScheduleOverrideService';
+import { DateService } from '../../core/DateService';
+
+/**
+ * ResourceScheduleService - Get effective schedule for a resource on a date
+ *
+ * Logic:
+ * 1. Check for override on this date
+ * 2. Fall back to default schedule for the weekday
+ */
+export class ResourceScheduleService {
+  constructor(
+    private resourceService: ResourceService,
+    private overrideService: ScheduleOverrideService,
+    private dateService: DateService
+  ) {}
+
+  /**
+   * Get effective schedule for a resource on a specific date
+   *
+   * @param resourceId - Resource ID
+   * @param date - Date string "YYYY-MM-DD"
+   * @returns ITimeSlot or null (fri/closed)
+   */
+  async getScheduleForDate(resourceId: string, date: string): Promise<ITimeSlot | null> {
+    // 1. Check for override
+    const override = await this.overrideService.getOverride(resourceId, date);
+    if (override) {
+      return override.schedule;
+    }
+
+    // 2. Use default schedule for weekday
+    const resource = await this.resourceService.get(resourceId);
+    if (!resource || !resource.defaultSchedule) {
+      return null;
+    }
+
+    const weekDay = this.dateService.getISOWeekDay(date);
+    return resource.defaultSchedule[weekDay] || null;
+  }
+
+  /**
+   * Get schedules for multiple dates
+   *
+   * @param resourceId - Resource ID
+   * @param dates - Array of date strings "YYYY-MM-DD"
+   * @returns Map of date -> ITimeSlot | null
+   */
+  async getSchedulesForDates(resourceId: string, dates: string[]): Promise<Map<string, ITimeSlot | null>> {
+    const result = new Map<string, ITimeSlot | null>();
+
+    // Get resource once
+    const resource = await this.resourceService.get(resourceId);
+
+    // Get all overrides in date range
+    const overrides = dates.length > 0
+      ? await this.overrideService.getByDateRange(resourceId, dates[0], dates[dates.length - 1])
+      : [];
+
+    // Build override map
+    const overrideMap = new Map(overrides.map(o => [o.date, o.schedule]));
+
+    // Resolve each date
+    for (const date of dates) {
+      // Check override first
+      if (overrideMap.has(date)) {
+        result.set(date, overrideMap.get(date)!);
+        continue;
+      }
+
+      // Fall back to default
+      if (resource?.defaultSchedule) {
+        const weekDay = this.dateService.getISOWeekDay(date);
+        result.set(date, resource.defaultSchedule[weekDay] || null);
+      } else {
+        result.set(date, null);
+      }
+    }
+
+    return result;
+  }
+}
diff --git a/src/storage/schedules/ScheduleOverrideService.ts b/src/storage/schedules/ScheduleOverrideService.ts
new file mode 100644
index 0000000..d7b57d0
--- /dev/null
+++ b/src/storage/schedules/ScheduleOverrideService.ts
@@ -0,0 +1,100 @@
+import { IScheduleOverride } from '../../types/ScheduleTypes';
+import { IndexedDBContext } from '../IndexedDBContext';
+import { ScheduleOverrideStore } from './ScheduleOverrideStore';
+
+/**
+ * ScheduleOverrideService - CRUD for schedule overrides
+ *
+ * Provides access to date-specific schedule overrides for resources.
+ */
+export class ScheduleOverrideService {
+  private context: IndexedDBContext;
+
+  constructor(context: IndexedDBContext) {
+    this.context = context;
+  }
+
+  private get db(): IDBDatabase {
+    return this.context.getDatabase();
+  }
+
+  /**
+   * Get override for a specific resource and date
+   */
+  async getOverride(resourceId: string, date: string): Promise<IScheduleOverride | null> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readonly');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index('resourceId_date');
+      const request = index.get([resourceId, date]);
+
+      request.onsuccess = () => {
+        resolve(request.result || null);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get override for ${resourceId} on ${date}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get all overrides for a resource
+   */
+  async getByResource(resourceId: string): Promise<IScheduleOverride[]> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readonly');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index('resourceId');
+      const request = index.getAll(resourceId);
+
+      request.onsuccess = () => {
+        resolve(request.result || []);
+      };
+
+      request.onerror = () => {
+        reject(new Error(`Failed to get overrides for ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Get overrides for a date range
+   */
+  async getByDateRange(resourceId: string, startDate: string, endDate: string): Promise<IScheduleOverride[]> {
+    const all = await this.getByResource(resourceId);
+    return all.filter(o => o.date >= startDate && o.date <= endDate);
+  }
+
+  /**
+   * Save an override
+   */
+  async save(override: IScheduleOverride): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readwrite');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.put(override);
+
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to save override ${override.id}: ${request.error}`));
+      };
+    });
+  }
+
+  /**
+   * Delete an override
+   */
+  async delete(id: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], 'readwrite');
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.delete(id);
+
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to delete override ${id}: ${request.error}`));
+      };
+    });
+  }
+}
diff --git a/src/storage/schedules/ScheduleOverrideStore.ts b/src/storage/schedules/ScheduleOverrideStore.ts
new file mode 100644
index 0000000..03351ea
--- /dev/null
+++ b/src/storage/schedules/ScheduleOverrideStore.ts
@@ -0,0 +1,21 @@
+import { IStore } from '../IStore';
+
+/**
+ * ScheduleOverrideStore - IndexedDB ObjectStore for schedule overrides
+ *
+ * Stores date-specific schedule overrides for resources.
+ * Indexes: resourceId, date, compound (resourceId + date)
+ */
+export class ScheduleOverrideStore implements IStore {
+  static readonly STORE_NAME = 'scheduleOverrides';
+  readonly storeName = ScheduleOverrideStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    const store = db.createObjectStore(ScheduleOverrideStore.STORE_NAME, { keyPath: 'id' });
+
+    store.createIndex('resourceId', 'resourceId', { unique: false });
+    store.createIndex('date', 'date', { unique: false });
+    store.createIndex('resourceId_date', ['resourceId', 'date'], { unique: true });
+    store.createIndex('syncStatus', 'syncStatus', { unique: false });
+  }
+}
diff --git a/src/storage/settings/SettingsService.ts b/src/storage/settings/SettingsService.ts
new file mode 100644
index 0000000..5bc57b4
--- /dev/null
+++ b/src/storage/settings/SettingsService.ts
@@ -0,0 +1,83 @@
+import { EntityType, IEventBus } from '../../types/CalendarTypes';
+import {
+  TenantSetting,
+  IWorkweekSettings,
+  IGridSettings,
+  ITimeFormatSettings,
+  IViewSettings,
+  IWorkweekPreset,
+  SettingsIds
+} from '../../types/SettingsTypes';
+import { SettingsStore } from './SettingsStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * SettingsService - CRUD operations for tenant settings
+ *
+ * Settings are stored as separate records per section.
+ * This service provides typed methods for accessing specific settings.
+ */
+export class SettingsService extends BaseEntityService<TenantSetting> {
+  readonly storeName = SettingsStore.STORE_NAME;
+  readonly entityType: EntityType = 'Settings';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get workweek settings
+   */
+  async getWorkweekSettings(): Promise<IWorkweekSettings | null> {
+    return this.get(SettingsIds.WORKWEEK) as Promise<IWorkweekSettings | null>;
+  }
+
+  /**
+   * Get grid settings
+   */
+  async getGridSettings(): Promise<IGridSettings | null> {
+    return this.get(SettingsIds.GRID) as Promise<IGridSettings | null>;
+  }
+
+  /**
+   * Get time format settings
+   */
+  async getTimeFormatSettings(): Promise<ITimeFormatSettings | null> {
+    return this.get(SettingsIds.TIME_FORMAT) as Promise<ITimeFormatSettings | null>;
+  }
+
+  /**
+   * Get view settings
+   */
+  async getViewSettings(): Promise<IViewSettings | null> {
+    return this.get(SettingsIds.VIEWS) as Promise<IViewSettings | null>;
+  }
+
+  /**
+   * Get workweek preset by ID
+   */
+  async getWorkweekPreset(presetId: string): Promise<IWorkweekPreset | null> {
+    const settings = await this.getWorkweekSettings();
+    if (!settings) return null;
+    return settings.presets[presetId] || null;
+  }
+
+  /**
+   * Get the default workweek preset
+   */
+  async getDefaultWorkweekPreset(): Promise<IWorkweekPreset | null> {
+    const settings = await this.getWorkweekSettings();
+    if (!settings) return null;
+    return settings.presets[settings.defaultPreset] || null;
+  }
+
+  /**
+   * Get all available workweek presets
+   */
+  async getWorkweekPresets(): Promise<IWorkweekPreset[]> {
+    const settings = await this.getWorkweekSettings();
+    if (!settings) return [];
+    return Object.values(settings.presets);
+  }
+}
diff --git a/src/storage/settings/SettingsStore.ts b/src/storage/settings/SettingsStore.ts
new file mode 100644
index 0000000..a28cc79
--- /dev/null
+++ b/src/storage/settings/SettingsStore.ts
@@ -0,0 +1,16 @@
+import { IStore } from '../IStore';
+
+/**
+ * SettingsStore - IndexedDB ObjectStore definition for tenant settings
+ *
+ * Single store for all settings sections. Settings are stored as one document
+ * per tenant with id='tenant-settings'.
+ */
+export class SettingsStore implements IStore {
+  static readonly STORE_NAME = 'settings';
+  readonly storeName = SettingsStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(SettingsStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/src/storage/teams/TeamService.ts b/src/storage/teams/TeamService.ts
new file mode 100644
index 0000000..642ce66
--- /dev/null
+++ b/src/storage/teams/TeamService.ts
@@ -0,0 +1,44 @@
+import { ITeam, EntityType, IEventBus } from '../../types/CalendarTypes';
+import { TeamStore } from './TeamStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+/**
+ * TeamService - CRUD operations for teams in IndexedDB
+ *
+ * Teams define which resources belong together for hierarchical grouping.
+ * Extends BaseEntityService for standard entity operations.
+ */
+export class TeamService extends BaseEntityService<ITeam> {
+  readonly storeName = TeamStore.STORE_NAME;
+  readonly entityType: EntityType = 'Team';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  /**
+   * Get teams by IDs
+   */
+  async getByIds(ids: string[]): Promise<ITeam[]> {
+    if (ids.length === 0) return [];
+    const results = await Promise.all(ids.map(id => this.get(id)));
+    return results.filter((t): t is ITeam => t !== null);
+  }
+
+  /**
+   * Build reverse lookup: resourceId → teamId
+   */
+  async buildResourceToTeamMap(): Promise<Record<string, string>> {
+    const teams = await this.getAll();
+    const map: Record<string, string> = {};
+
+    for (const team of teams) {
+      for (const resourceId of team.resourceIds) {
+        map[resourceId] = team.id;
+      }
+    }
+
+    return map;
+  }
+}
diff --git a/src/storage/teams/TeamStore.ts b/src/storage/teams/TeamStore.ts
new file mode 100644
index 0000000..f4fdb57
--- /dev/null
+++ b/src/storage/teams/TeamStore.ts
@@ -0,0 +1,13 @@
+import { IStore } from '../IStore';
+
+/**
+ * TeamStore - IndexedDB ObjectStore definition for teams
+ */
+export class TeamStore implements IStore {
+  static readonly STORE_NAME = 'teams';
+  readonly storeName = TeamStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(TeamStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/src/storage/viewconfigs/ViewConfigService.ts b/src/storage/viewconfigs/ViewConfigService.ts
new file mode 100644
index 0000000..03a42f7
--- /dev/null
+++ b/src/storage/viewconfigs/ViewConfigService.ts
@@ -0,0 +1,18 @@
+import { EntityType, IEventBus } from '../../types/CalendarTypes';
+import { ViewConfig } from '../../core/ViewConfig';
+import { ViewConfigStore } from './ViewConfigStore';
+import { BaseEntityService } from '../BaseEntityService';
+import { IndexedDBContext } from '../IndexedDBContext';
+
+export class ViewConfigService extends BaseEntityService<ViewConfig> {
+  readonly storeName = ViewConfigStore.STORE_NAME;
+  readonly entityType: EntityType = 'ViewConfig';
+
+  constructor(context: IndexedDBContext, eventBus: IEventBus) {
+    super(context, eventBus);
+  }
+
+  async getById(id: string): Promise<ViewConfig | null> {
+    return this.get(id);
+  }
+}
diff --git a/src/storage/viewconfigs/ViewConfigStore.ts b/src/storage/viewconfigs/ViewConfigStore.ts
new file mode 100644
index 0000000..fb02d07
--- /dev/null
+++ b/src/storage/viewconfigs/ViewConfigStore.ts
@@ -0,0 +1,10 @@
+import { IStore } from '../IStore';
+
+export class ViewConfigStore implements IStore {
+  static readonly STORE_NAME = 'viewconfigs';
+  readonly storeName = ViewConfigStore.STORE_NAME;
+
+  create(db: IDBDatabase): void {
+    db.createObjectStore(ViewConfigStore.STORE_NAME, { keyPath: 'id' });
+  }
+}
diff --git a/src/types/AuditTypes.ts b/src/types/AuditTypes.ts
index 9710bb1..3c0eb9f 100644
--- a/src/types/AuditTypes.ts
+++ b/src/types/AuditTypes.ts
@@ -9,30 +9,38 @@ import { ISync, EntityType } from './CalendarTypes';
  * - Change history
  */
 export interface IAuditEntry extends ISync {
-    /** Unique audit entry ID */
-    id: string;
+  /** Unique audit entry ID */
+  id: string;
 
-    /** Type of entity that was changed */
-    entityType: EntityType;
+  /** Type of entity that was changed */
+  entityType: EntityType;
 
-    /** ID of the entity that was changed */
-    entityId: string;
+  /** ID of the entity that was changed */
+  entityId: string;
 
-    /** Type of operation performed */
-    operation: 'create' | 'update' | 'delete';
+  /** Type of operation performed */
+  operation: 'create' | 'update' | 'delete';
 
-    /** User who made the change */
-    userId: string;
+  /** User who made the change */
+  userId: string;
 
-    /** Timestamp when change was made */
-    timestamp: number;
+  /** Timestamp when change was made */
+  timestamp: number;
 
-    /** Changes made (full entity for create, diff for update, { id } for delete) */
-    changes: any;
+  /** Changes made (full entity for create, diff for update, { id } for delete) */
+  changes: unknown;
 
-    /** Whether this audit entry has been synced to backend */
-    synced: boolean;
-
-    /** Sync status inherited from ISync */
-    syncStatus: 'synced' | 'pending' | 'error';
+  /** Whether this audit entry has been synced to backend */
+  synced: boolean;
+}
+
+/**
+ * IAuditLoggedPayload - Event payload when audit entry is logged
+ */
+export interface IAuditLoggedPayload {
+  auditId: string;
+  entityType: EntityType;
+  entityId: string;
+  operation: 'create' | 'update' | 'delete';
+  timestamp: number;
 }
diff --git a/src/types/BookingTypes.ts b/src/types/BookingTypes.ts
deleted file mode 100644
index de8ab31..0000000
--- a/src/types/BookingTypes.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { ISync } from './CalendarTypes';
-
-/**
- * Booking entity - represents customer service bookings ONLY
- *
- * IMPORTANT ARCHITECTURE:
- * - Booking = Customer + Services (business container)
- * - Booking does NOT have start/end - timing is on CalendarEvent
- * - Booking does NOT have resourceId - resources assigned per service
- * - One booking can have multiple CalendarEvents (split sessions or resources)
- * - Booking can exist without events (queued/pending state)
- * - Vacation/break/meeting are NOT bookings - only CalendarEvents
- *
- * Resource Assignment:
- * - Resources are assigned at SERVICE level (IBookingService.resourceId)
- * - One service can be performed by one resource
- * - Multiple services can be performed by different resources
- * - Example: Hårvask by Student, Bundfarve by Master (same booking, 2 resources)
- * - Equal-split: Two services with same type but different resources (e.g., "Bryllupsfrisure Del 1" by Karina, "Bryllupsfrisure Del 2" by Nanna)
- *
- * Matches backend Booking table structure
- */
-export interface IBooking extends ISync {
-  id: string;
-  customerId: string;        // REQUIRED - booking is always for a customer
-  status: BookingStatus;
-  createdAt: Date;
-
-  // Services (REQUIRED - booking always has services)
-  services: IBookingService[];
-
-  // Payment
-  totalPrice?: number;       // Can differ from sum of service prices
-
-  // Metadata
-  tags?: string[];
-  notes?: string;
-}
-
-/**
- * CalendarEventType - Used by ICalendarEvent.type
- * Note: Only 'customer' events have associated IBooking
- * Other types (vacation/break/meeting/blocked) are CalendarEvents without bookings
- */
-export type CalendarEventType =
-  | 'customer'    // Customer appointment (HAS booking)
-  | 'vacation'    // Vacation/time off (NO booking)
-  | 'break'       // Lunch/break (NO booking)
-  | 'meeting'     // Meeting (NO booking)
-  | 'blocked';    // Blocked time (NO booking)
-
-export type BookingStatus =
-  | 'created'     // AftaleOprettet
-  | 'arrived'     // Ankommet
-  | 'paid'        // Betalt
-  | 'noshow'      // Udeblevet
-  | 'cancelled';  // Aflyst
-
-export interface IBookingService {
-  serviceId: string;
-  serviceName: string;       // Denormalized for display
-  baseDuration: number;      // Minutes (from Service.duration)
-  basePrice: number;         // From Service.basePrice
-  customPrice?: number;      // Override if different from basePrice
-  resourceId: string;        // Resource who performs THIS service
-}
diff --git a/src/types/CalendarTypes.ts b/src/types/CalendarTypes.ts
index 0b8a785..c7aa21c 100644
--- a/src/types/CalendarTypes.ts
+++ b/src/types/CalendarTypes.ts
@@ -1,21 +1,26 @@
-// Calendar type definitions
-import { CalendarEventType } from './BookingTypes';
+/**
+ * Calendar Type Definitions
+ */
 
-// Time period view types (how much time to display)
-export type ViewPeriod = 'day' | 'week' | 'month';
-
-// Type aliases
-export type CalendarView = ViewPeriod;
+import { IWeekSchedule } from './ScheduleTypes';
 
 export type SyncStatus = 'synced' | 'pending' | 'error';
 
-/**
- * EntityType - Discriminator for all syncable entities
- */
-export type EntityType = 'Event' | 'Booking' | 'Customer' | 'Resource' | 'Audit';
+export type EntityType = 'Event' | 'Booking' | 'Customer' | 'Resource' | 'Team' | 'Department' | 'Audit' | 'Settings' | 'ViewConfig';
 
 /**
- * ISync - Interface composition for sync status tracking
+ * CalendarEventType - Used by ICalendarEvent.type
+ * Note: Only 'customer' events have associated IBooking
+ */
+export type CalendarEventType =
+  | 'customer'    // Customer appointment (HAS booking)
+  | 'vacation'    // Vacation/time off (NO booking)
+  | 'break'       // Lunch/break (NO booking)
+  | 'meeting'     // Meeting (NO booking)
+  | 'blocked';    // Blocked time (NO booking)
+
+/**
+ * ISync - Interface for sync status tracking
  * All syncable entities should extend this interface
  */
 export interface ISync {
@@ -24,17 +29,10 @@ export interface ISync {
 
 /**
  * IDataEntity - Wrapper for entity data with typename discriminator
- * Used in queue operations and API calls to preserve type information at runtime
  */
 export interface IDataEntity {
   typename: EntityType;
-  data: any;
-}
-
-export interface IRenderContext {
-  container: HTMLElement;
-  startDate: Date;
-  endDate: Date;
+  data: unknown;
 }
 
 export interface ICalendarEvent extends ISync {
@@ -43,7 +41,7 @@ export interface ICalendarEvent extends ISync {
   description?: string;
   start: Date;
   end: Date;
-  type: CalendarEventType;   // Event type - only 'customer' has associated booking
+  type: CalendarEventType;
   allDay: boolean;
 
   // References (denormalized for IndexedDB performance)
@@ -52,37 +50,10 @@ export interface ICalendarEvent extends ISync {
   customerId?: string;       // Denormalized from Booking.customerId
 
   recurringId?: string;
-  metadata?: Record<string, any>;
-}
-
-export interface ICalendarConfig {
-  // Scrollbar styling
-  scrollbarWidth: number;      // Width of scrollbar in pixels
-  scrollbarColor: string;      // Scrollbar thumb color
-  scrollbarTrackColor: string; // Scrollbar track color
-  scrollbarHoverColor: string; // Scrollbar thumb hover color
-  scrollbarBorderRadius: number; // Border radius for scrollbar thumb
-  
-  // Interaction settings
-  allowDrag: boolean;
-  allowResize: boolean;
-  allowCreate: boolean;
-  
-  // API settings
-  apiEndpoint: string;
-  dateFormat: string;
-  timeFormat: string;
-  
-  // Feature flags
-  enableSearch: boolean;
-  enableTouch: boolean;
-  
-  // Event defaults
-  defaultEventDuration: number; // Minutes
-  minEventDuration: number;     // Minutes
-  maxEventDuration: number;     // Minutes
+  metadata?: Record<string, unknown>;
 }
 
+// EventBus types
 export interface IEventLogEntry {
   type: string;
   detail: unknown;
@@ -102,4 +73,98 @@ export interface IEventBus {
   emit(eventType: string, detail?: unknown): boolean;
   getEventLog(eventType?: string): IEventLogEntry[];
   setDebug(enabled: boolean): void;
-}
\ No newline at end of file
+}
+
+// Entity event payloads
+export interface IEntitySavedPayload {
+  entityType: EntityType;
+  entityId: string;
+  operation: 'create' | 'update';
+  changes: unknown;
+  timestamp: number;
+}
+
+export interface IEntityDeletedPayload {
+  entityType: EntityType;
+  entityId: string;
+  operation: 'delete';
+  timestamp: number;
+}
+
+// Event update payload (for re-rendering columns after drag/resize)
+export interface IEventUpdatedPayload {
+  eventId: string;
+  sourceColumnKey: string;      // Source column key (where event came from)
+  targetColumnKey: string;      // Target column key (where event landed)
+}
+
+// Resource types
+export type ResourceType =
+  | 'person'
+  | 'room'
+  | 'equipment'
+  | 'vehicle'
+  | 'custom';
+
+export interface IResource extends ISync {
+  id: string;
+  name: string;
+  displayName: string;
+  type: ResourceType;
+  avatarUrl?: string;
+  color?: string;
+  isActive?: boolean;
+  defaultSchedule?: IWeekSchedule;  // Default arbejdstider per ugedag
+  metadata?: Record<string, unknown>;
+}
+
+// Team types
+export interface ITeam extends ISync {
+  id: string;
+  name: string;
+  resourceIds: string[];
+}
+
+// Department types
+export interface IDepartment extends ISync {
+  id: string;
+  name: string;
+  resourceIds: string[];
+}
+
+// Booking types
+export type BookingStatus =
+  | 'created'
+  | 'arrived'
+  | 'paid'
+  | 'noshow'
+  | 'cancelled';
+
+export interface IBookingService {
+  serviceId: string;
+  serviceName: string;
+  baseDuration: number;
+  basePrice: number;
+  customPrice?: number;
+  resourceId: string;
+}
+
+export interface IBooking extends ISync {
+  id: string;
+  customerId: string;
+  status: BookingStatus;
+  createdAt: Date;
+  services: IBookingService[];
+  totalPrice?: number;
+  tags?: string[];
+  notes?: string;
+}
+
+// Customer types
+export interface ICustomer extends ISync {
+  id: string;
+  name: string;
+  phone: string;
+  email?: string;
+  metadata?: Record<string, unknown>;
+}
diff --git a/src/types/ColumnDataSource.ts b/src/types/ColumnDataSource.ts
deleted file mode 100644
index 6df14ea..0000000
--- a/src/types/ColumnDataSource.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { IResource } from './ResourceTypes';
-import { CalendarView, ICalendarEvent } from './CalendarTypes';
-
-/**
- * Column information container
- * Contains both identifier and actual data for a column
- */
-export interface IColumnInfo {
-  identifier: string;           // "2024-11-13" (date mode) or "person-1" (resource mode)
-  data: Date | IResource;       // Date for date-mode, IResource for resource-mode
-  events: ICalendarEvent[];     // Events for this column (pre-filtered by datasource)
-  groupId: string;              // Group ID for spanning logic - events can only span columns with same groupId
-}
-
-/**
- * IColumnDataSource - Defines the contract for providing column data
- *
- * This interface abstracts away whether columns represent dates or resources,
- * allowing the calendar to switch between date-based and resource-based views.
- */
-export interface IColumnDataSource {
-  /**
-   * Get the list of columns to render
-   * @returns Array of column information
-   */
-  getColumns(): Promise<IColumnInfo[]>;
-
-  /**
-   * Get the type of columns this datasource provides
-   */
-  getType(): 'date' | 'resource';
-
-  /**
-   * Check if this datasource is in resource mode
-   */
-  isResource(): boolean;
-
-  /**
-   * Update the current date for column calculations
-   * @param date - The new current date
-   */
-  setCurrentDate(date: Date): void;
-
-  /**
-   * Get the current date
-   */
-  getCurrentDate(): Date;
-
-  /**
-   * Update the current view (day/week/month)
-   * @param view - The new calendar view
-   */
-  setCurrentView(view: CalendarView): void;
-}
diff --git a/src/types/CustomerTypes.ts b/src/types/CustomerTypes.ts
deleted file mode 100644
index b27dba3..0000000
--- a/src/types/CustomerTypes.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ISync } from './CalendarTypes';
-
-/**
- * Customer entity
- * Matches backend Customer table structure
- */
-export interface ICustomer extends ISync {
-  id: string;
-  name: string;
-  phone: string;
-  email?: string;
-  metadata?: Record<string, any>;
-}
diff --git a/src/types/DragDropTypes.ts b/src/types/DragDropTypes.ts
deleted file mode 100644
index fe9ce7b..0000000
--- a/src/types/DragDropTypes.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * Type definitions for drag and drop functionality
- */
-
-export interface IMousePosition {
-  x: number;
-  y: number;
-  clientX?: number;
-  clientY?: number;
-}
-
-export interface IDragOffset {
-  x: number;
-  y: number;
-  offsetX?: number;
-  offsetY?: number;
-}
-
-export interface IDragState {
-  isDragging: boolean;
-  draggedElement: HTMLElement | null;
-  draggedClone: HTMLElement | null;
-  eventId: string | null;
-  startColumn: string | null;
-  currentColumn: string | null;
-  mouseOffset: IDragOffset;
-}
-
-export interface IDragEndPosition {
-  column: string;
-  y: number;
-  snappedY: number;
-  time?: Date;
-}
-
-export interface IStackLinkData {
-  prev?: string;
-  next?: string;
-  isFirst?: boolean;
-  isLast?: boolean;
-}
-
-export interface IDragEventHandlers {
-  handleDragStart?(originalElement: HTMLElement, eventId: string, mouseOffset: IDragOffset, column: string): void;
-  handleDragMove?(eventId: string, snappedY: number, column: string, mouseOffset: IDragOffset): void;
-  handleDragEnd?(eventId: string, originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: string, finalY: number): void;
-}
\ No newline at end of file
diff --git a/src/types/DragTypes.ts b/src/types/DragTypes.ts
new file mode 100644
index 0000000..d63c1a8
--- /dev/null
+++ b/src/types/DragTypes.ts
@@ -0,0 +1,76 @@
+/**
+ * DragTypes - Event payloads for drag-drop operations
+ */
+
+import { SwpEvent } from './SwpEvent';
+
+export interface IMousePosition {
+  x: number;
+  y: number;
+}
+
+export interface IDragStartPayload {
+  eventId: string;
+  element: HTMLElement;         // Original element (being dragged)
+  ghostElement: HTMLElement;    // Ghost clone (stays in place)
+  startY: number;               // Original Y position
+  mouseOffset: IMousePosition;  // Click position within element
+  columnElement: HTMLElement;
+}
+
+export interface IDragMovePayload {
+  eventId: string;
+  element: HTMLElement;
+  currentY: number;             // Interpolated Y position (smooth)
+  columnElement: HTMLElement;
+}
+
+export interface IDragEndPayload {
+  swpEvent: SwpEvent;           // Wrapper with element, start, end, eventId, columnKey
+  sourceColumnKey: string;      // Source column key (where drag started)
+  target: 'grid' | 'header';    // Where the event was dropped
+}
+
+export interface IDragCancelPayload {
+  eventId: string;
+  element: HTMLElement;
+  startY: number;               // Position to animate back to
+}
+
+export interface IDragColumnChangePayload {
+  eventId: string;
+  element: HTMLElement;
+  previousColumn: HTMLElement;
+  newColumn: HTMLElement;
+  currentY: number;
+}
+
+// Header drag payloads
+export interface IDragEnterHeaderPayload {
+  eventId: string;
+  element: HTMLElement;        // Original dragged element
+  sourceColumnIndex: number;
+  sourceColumnKey: string;     // Opaque column identifier (for matching only)
+  title: string;
+  colorClass?: string;
+  itemType: 'event' | 'reminder';
+  duration: number;            // Antal dage (default 1)
+}
+
+export interface IDragMoveHeaderPayload {
+  eventId: string;
+  columnIndex: number;
+  columnKey: string;           // Opaque column identifier (for matching only)
+}
+
+export interface IDragLeaveHeaderPayload {
+  eventId: string;
+  source: 'grid' | 'header';     // Where drag originated
+  // Header→grid fields (when source === 'header')
+  element?: HTMLElement;         // Header item element
+  targetColumn?: HTMLElement;    // Target column in grid
+  start?: Date;                  // Event start from header item
+  end?: Date;                    // Event end from header item
+  title?: string;
+  colorClass?: string;
+}
diff --git a/src/types/EventTypes.ts b/src/types/EventTypes.ts
deleted file mode 100644
index db5468e..0000000
--- a/src/types/EventTypes.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * Type definitions for calendar events and drag operations
- */
-
-import { IColumnBounds } from "../utils/ColumnDetectionUtils";
-import { ICalendarEvent, EntityType } from "./CalendarTypes";
-
-/**
- * Drag Event Payload Interfaces
- * Type-safe interfaces for drag and drop events
- */
-
-// Common position interface
-export interface IMousePosition {
-  x: number;
-  y: number;
-}
-
-// Drag start event payload
-export interface IDragStartEventPayload {
-  originalElement: HTMLElement;
-  draggedClone: HTMLElement | null;
-  mousePosition: IMousePosition;
-  mouseOffset: IMousePosition;
-  columnBounds: IColumnBounds | null;
-}
-
-// Drag move event payload
-export interface IDragMoveEventPayload {
-  originalElement: HTMLElement;
-  draggedClone: HTMLElement;
-  mousePosition: IMousePosition;
-  mouseOffset: IMousePosition;
-  columnBounds: IColumnBounds | null;
-  snappedY: number;
-}
-
-// Drag end event payload
-export interface IDragEndEventPayload {
-  originalElement: HTMLElement;
-  draggedClone: HTMLElement | null;
-  mousePosition: IMousePosition;
-  originalSourceColumn: IColumnBounds;  // Original column where drag started
-  finalPosition: {
-    column: IColumnBounds | null;  // Where drag ended
-    date: Date;                     // Always present - the date for this position
-    resourceId?: string;            // Only in resource mode
-    snappedY: number;
-  };
-  target: 'swp-day-column' | 'swp-day-header' | null;
-}
-
-// Drag mouse enter header event payload
-export interface IDragMouseEnterHeaderEventPayload {
-  targetColumn: IColumnBounds;
-  mousePosition: IMousePosition;
-  originalElement: HTMLElement | null;
-  draggedClone: HTMLElement;
-  calendarEvent: ICalendarEvent;
-  replaceClone: (newClone: HTMLElement) => void;
-}
-
-// Drag mouse leave header event payload
-export interface IDragMouseLeaveHeaderEventPayload {
-  targetColumn: IColumnBounds | null;
-  mousePosition: IMousePosition;
-  originalElement: HTMLElement| null;
-  draggedClone: HTMLElement| null;
-}
-
-// Drag mouse enter column event payload
-export interface IDragMouseEnterColumnEventPayload {
-  targetColumn: IColumnBounds;
-  mousePosition: IMousePosition;
-  snappedY: number;
-  originalElement: HTMLElement | null;
-  draggedClone: HTMLElement;
-  calendarEvent: ICalendarEvent;
-  replaceClone: (newClone: HTMLElement) => void;
-}
-
-// Drag column change event payload
-export interface IDragColumnChangeEventPayload {
-  originalElement: HTMLElement;
-  draggedClone: HTMLElement;
-  previousColumn: IColumnBounds | null;
-  newColumn: IColumnBounds;
-  mousePosition: IMousePosition;
-}
-
-// Header ready event payload
-export interface IHeaderReadyEventPayload {
-  headerElements: IColumnBounds[];
-
-}
-
-// Resize end event payload
-export interface IResizeEndEventPayload {
-  eventId: string;
-  element: HTMLElement;
-  finalHeight: number;
-}
-
-// Navigation button clicked event payload
-export interface INavButtonClickedEventPayload {
-  direction: 'next' | 'previous' | 'today';
-  newDate: Date;
-}
-
-// Entity saved event payload
-export interface IEntitySavedPayload {
-  entityType: EntityType;
-  entityId: string;
-  operation: 'create' | 'update';
-  changes: any;
-  timestamp: number;
-}
-
-// Entity deleted event payload
-export interface IEntityDeletedPayload {
-  entityType: EntityType;
-  entityId: string;
-  operation: 'delete';
-  timestamp: number;
-}
-
-// Audit logged event payload
-export interface IAuditLoggedPayload {
-  auditId: string;
-  entityType: EntityType;
-  entityId: string;
-  operation: 'create' | 'update' | 'delete';
-  timestamp: number;
-}
\ No newline at end of file
diff --git a/src/types/ManagerTypes.ts b/src/types/ManagerTypes.ts
deleted file mode 100644
index af8c5a5..0000000
--- a/src/types/ManagerTypes.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { IEventBus, ICalendarEvent, CalendarView } from './CalendarTypes';
-
-/**
- * Complete type definition for all managers returned by ManagerFactory
- */
-export interface ICalendarManagers {
-  eventManager: IEventManager;
-  eventRenderer: IEventRenderingService;
-  gridManager: IGridManager;
-  scrollManager: IScrollManager;
-  navigationManager: unknown; // Avoid interface conflicts
-  viewManager: IViewManager;
-  calendarManager: ICalendarManager;
-  dragDropManager: unknown; // Avoid interface conflicts
-  allDayManager: unknown; // Avoid interface conflicts
-  resizeHandleManager: IResizeHandleManager;
-  edgeScrollManager: unknown; // Avoid interface conflicts
-  dragHoverManager: unknown; // Avoid interface conflicts
-  headerManager: unknown; // Avoid interface conflicts
-}
-
-/**
- * Base interface for managers with optional initialization and refresh
- */
-interface IManager {
-  initialize?(): Promise<void> | void;
-  refresh?(): void;
-}
-
-export interface IEventManager extends IManager {
-  loadData(): Promise<void>;
-  getEvents(): ICalendarEvent[];
-  getEventsForPeriod(startDate: Date, endDate: Date): ICalendarEvent[];
-  navigateToEvent(eventId: string): boolean;
-}
-
-export interface IEventRenderingService extends IManager {
-  // EventRenderingService doesn't have a render method in current implementation
-}
-
-export interface IGridManager extends IManager {
-  render(): Promise<void>;
-}
-
-export interface IScrollManager extends IManager {
-  scrollTo(scrollTop: number): void;
-  scrollToHour(hour: number): void;
-}
-
-// Use a more flexible interface that matches actual implementation
-export interface INavigationManager extends IManager {
-  [key: string]: unknown; // Allow any properties from actual implementation
-}
-
-export interface IViewManager extends IManager {
-  // ViewManager doesn't have setView in current implementation
-  getCurrentView?(): CalendarView;
-}
-
-export interface ICalendarManager extends IManager {
-  setView(view: CalendarView): void;
-  setCurrentDate(date: Date): void;
-}
-
-export interface IDragDropManager extends IManager {
-  // DragDropManager has different interface in current implementation
-}
-
-export interface IAllDayManager extends IManager {
-  [key: string]: unknown; // Allow any properties from actual implementation
-}
-
-export interface IResizeHandleManager extends IManager {
-  // ResizeHandleManager handles hover effects for resize handles
-}
diff --git a/src/types/ResizeTypes.ts b/src/types/ResizeTypes.ts
new file mode 100644
index 0000000..75caf6b
--- /dev/null
+++ b/src/types/ResizeTypes.ts
@@ -0,0 +1,15 @@
+/**
+ * ResizeTypes - Event payloads for resize operations
+ */
+
+import { SwpEvent } from './SwpEvent';
+
+export interface IResizeStartPayload {
+  eventId: string;
+  element: HTMLElement;
+  startHeight: number;
+}
+
+export interface IResizeEndPayload {
+  swpEvent: SwpEvent;  // Wrapper with element, start, end, eventId, resourceId
+}
diff --git a/src/types/ResourceTypes.ts b/src/types/ResourceTypes.ts
deleted file mode 100644
index cdc8724..0000000
--- a/src/types/ResourceTypes.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ISync } from './CalendarTypes';
-
-/**
- * Resource entity - represents people, rooms, equipment, etc.
- * Matches backend Resource table structure
- */
-export interface IResource extends ISync {
-  id: string;              // Primary key (e.g., "EMP001", "ROOM-A")
-  name: string;            // Machine name (e.g., "karina.knudsen")
-  displayName: string;     // Human-readable name (e.g., "Karina Knudsen")
-  type: ResourceType;      // Resource category
-  avatarUrl?: string;      // Avatar/icon URL (e.g., "/avatars/karina.jpg")
-  color?: string;          // Color for visual distinction in calendar
-  isActive?: boolean;      // Whether resource is currently active
-  metadata?: Record<string, any>;  // Flexible extension point
-}
-
-export type ResourceType =
-  | 'person'      // Employees, team members
-  | 'room'        // Meeting rooms, offices
-  | 'equipment'   // Shared equipment, tools
-  | 'vehicle'     // Company vehicles
-  | 'custom';     // User-defined types
diff --git a/src/types/ScheduleTypes.ts b/src/types/ScheduleTypes.ts
new file mode 100644
index 0000000..65bfee7
--- /dev/null
+++ b/src/types/ScheduleTypes.ts
@@ -0,0 +1,27 @@
+/**
+ * Schedule Types - Resource arbejdstider
+ */
+
+// Genbrugelig tidsslot
+export interface ITimeSlot {
+  start: string;  // "HH:mm"
+  end: string;    // "HH:mm"
+}
+
+// Ugedag: 1=mandag, 7=søndag (ISO 8601)
+export type WeekDay = 1 | 2 | 3 | 4 | 5 | 6 | 7;
+
+// Default arbejdstider per ugedag
+export interface IWeekSchedule {
+  [day: number]: ITimeSlot | null;  // null = fri den dag
+}
+
+// Override for specifik dato
+export interface IScheduleOverride {
+  id: string;
+  resourceId: string;
+  date: string;                     // "YYYY-MM-DD"
+  schedule: ITimeSlot | null;       // null = fri den dag
+  breaks?: ITimeSlot[];
+  syncStatus?: 'synced' | 'pending' | 'error';
+}
diff --git a/src/types/SettingsTypes.ts b/src/types/SettingsTypes.ts
new file mode 100644
index 0000000..5ae47aa
--- /dev/null
+++ b/src/types/SettingsTypes.ts
@@ -0,0 +1,78 @@
+/**
+ * Tenant Settings Type Definitions
+ *
+ * Settings are tenant-specific configuration that comes from the backend
+ * and is stored in IndexedDB for offline access.
+ *
+ * Each settings section is stored as a separate record with its own id.
+ */
+
+import { ISync } from './CalendarTypes';
+
+/**
+ * Workweek preset - defines which ISO weekdays to display
+ * ISO: 1=Monday, 7=Sunday
+ */
+export interface IWorkweekPreset {
+  id: string;
+  workDays: number[];
+  label: string;
+  periodDays: number;  // Navigation step in days (1 = day, 7 = week)
+}
+
+/**
+ * Workweek settings - stored as separate record
+ */
+export interface IWorkweekSettings extends ISync {
+  id: 'workweek';
+  presets: Record<string, IWorkweekPreset>;
+  defaultPreset: string;
+  firstDayOfWeek: number;  // ISO: 1=Monday
+}
+
+/**
+ * Grid display settings - stored as separate record
+ */
+export interface IGridSettings extends ISync {
+  id: 'grid';
+  dayStartHour: number;
+  dayEndHour: number;
+  workStartHour: number;
+  workEndHour: number;
+  hourHeight: number;
+  snapInterval: number;
+}
+
+/**
+ * Time format settings - stored as separate record
+ */
+export interface ITimeFormatSettings extends ISync {
+  id: 'timeFormat';
+  timezone: string;
+  locale: string;
+  use24HourFormat: boolean;
+}
+
+/**
+ * View settings - stored as separate record
+ */
+export interface IViewSettings extends ISync {
+  id: 'views';
+  availableViews: string[];
+  defaultView: string;
+}
+
+/**
+ * Union type for all tenant settings records
+ */
+export type TenantSetting = IWorkweekSettings | IGridSettings | ITimeFormatSettings | IViewSettings;
+
+/**
+ * Settings IDs as const for type safety
+ */
+export const SettingsIds = {
+  WORKWEEK: 'workweek',
+  GRID: 'grid',
+  TIME_FORMAT: 'timeFormat',
+  VIEWS: 'views'
+} as const;
diff --git a/src/types/SwpEvent.ts b/src/types/SwpEvent.ts
new file mode 100644
index 0000000..ff8373b
--- /dev/null
+++ b/src/types/SwpEvent.ts
@@ -0,0 +1,79 @@
+import { IGridConfig } from '../core/IGridConfig';
+
+/**
+ * SwpEvent - Wrapper class for calendar event elements
+ *
+ * Encapsulates an HTMLElement and provides computed properties
+ * for start/end times based on element position and grid config.
+ *
+ * Usage:
+ * - eventId is read from element.dataset
+ * - columnKey identifies the column uniformly
+ * - Position (top, height) is read from element.style
+ * - Factory method `fromElement()` calculates Date objects
+ */
+export class SwpEvent {
+  readonly element: HTMLElement;
+  readonly columnKey: string;
+  private _start: Date;
+  private _end: Date;
+
+  constructor(element: HTMLElement, columnKey: string, start: Date, end: Date) {
+    this.element = element;
+    this.columnKey = columnKey;
+    this._start = start;
+    this._end = end;
+  }
+
+  /** Event ID from element.dataset.eventId */
+  get eventId(): string {
+    return this.element.dataset.eventId || '';
+  }
+
+  get start(): Date {
+    return this._start;
+  }
+
+  get end(): Date {
+    return this._end;
+  }
+
+  /** Duration in minutes */
+  get durationMinutes(): number {
+    return (this._end.getTime() - this._start.getTime()) / (1000 * 60);
+  }
+
+  /** Duration in milliseconds */
+  get durationMs(): number {
+    return this._end.getTime() - this._start.getTime();
+  }
+
+  /**
+   * Factory: Create SwpEvent from element + columnKey
+   * Reads top/height from element.style to calculate start/end
+   * @param columnKey - Opaque column identifier (do NOT parse - use only for matching)
+   * @param date - Date string (YYYY-MM-DD) for time calculations
+   */
+  static fromElement(
+    element: HTMLElement,
+    columnKey: string,
+    date: string,
+    gridConfig: IGridConfig
+  ): SwpEvent {
+    const topPixels = parseFloat(element.style.top) || 0;
+    const heightPixels = parseFloat(element.style.height) || 0;
+
+    // Calculate start from top position
+    const startMinutesFromGrid = (topPixels / gridConfig.hourHeight) * 60;
+    const totalMinutes = (gridConfig.dayStartHour * 60) + startMinutesFromGrid;
+
+    const start = new Date(date);
+    start.setHours(Math.floor(totalMinutes / 60), totalMinutes % 60, 0, 0);
+
+    // Calculate end from height
+    const durationMinutes = (heightPixels / gridConfig.hourHeight) * 60;
+    const end = new Date(start.getTime() + durationMinutes * 60 * 1000);
+
+    return new SwpEvent(element, columnKey, start, end);
+  }
+}
diff --git a/src/utils/AllDayLayoutEngine.ts b/src/utils/AllDayLayoutEngine.ts
deleted file mode 100644
index 1afe7b9..0000000
--- a/src/utils/AllDayLayoutEngine.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { ICalendarEvent } from '../types/CalendarTypes';
-import { IColumnInfo } from '../types/ColumnDataSource';
-
-export interface IEventLayout {
-  calenderEvent: ICalendarEvent;
-  gridArea: string; // "row-start / col-start / row-end / col-end"
-  startColumn: number;
-  endColumn: number;
-  row: number;
-  columnSpan: number;
-}
-
-export class AllDayLayoutEngine {
-  private columnIdentifiers: string[];  // Column identifiers (date or resource ID)
-  private columnGroups: string[];       // Group ID for each column (same index as columnIdentifiers)
-  private tracks: boolean[][];
-
-  constructor(columns: IColumnInfo[]) {
-    this.columnIdentifiers = columns.map(col => col.identifier);
-    this.columnGroups = columns.map(col => col.groupId);
-    this.tracks = [];
-  }
-
-  /**
-   * Calculate layout for all events using clean day-based logic
-   */
-  public calculateLayout(events: ICalendarEvent[]): IEventLayout[] {
-
-    let layouts: IEventLayout[] = [];
-    // Reset tracks for new calculation
-    this.tracks = [new Array(this.columnIdentifiers.length).fill(false)];
-
-    // Process events in input order (no sorting)
-    // Events are already filtered by DataSource before reaching this engine
-    for (const event of events) {
-      const startDay = this.getEventStartDay(event);
-      const endDay = this.getEventEndDay(event);
-
-      if (startDay > 0 && endDay > 0) {
-        const track = this.findAvailableTrack(startDay - 1, endDay - 1); // Convert to 0-based for tracks
-
-        // Mark days as occupied
-        for (let day = startDay - 1; day <= endDay - 1; day++) {
-          this.tracks[track][day] = true;
-        }
-
-        const layout: IEventLayout = {
-          calenderEvent: event,
-          gridArea: `${track + 1} / ${startDay} / ${track + 2} / ${endDay + 1}`,
-          startColumn: startDay,
-          endColumn: endDay,
-          row: track + 1,
-          columnSpan: endDay - startDay + 1
-        };
-        layouts.push(layout);
-
-      }
-    }
-
-    return layouts;
-  }
-
-  /**
-   * Find available track for event spanning from startDay to endDay (0-based indices)
-   */
-  private findAvailableTrack(startDay: number, endDay: number): number {
-    for (let trackIndex = 0; trackIndex < this.tracks.length; trackIndex++) {
-      if (this.isTrackAvailable(trackIndex, startDay, endDay)) {
-        return trackIndex;
-      }
-    }
-
-    // Create new track if none available
-    this.tracks.push(new Array(this.columnIdentifiers.length).fill(false));
-    return this.tracks.length - 1;
-  }
-
-  /**
-   * Check if track is available for the given day range (0-based indices)
-   */
-  private isTrackAvailable(trackIndex: number, startDay: number, endDay: number): boolean {
-    for (let day = startDay; day <= endDay; day++) {
-      if (this.tracks[trackIndex][day]) {
-        return false;
-      }
-    }
-    return true;
-  }
-
-  /**
-   * Get start day index for event (1-based, 0 if not visible)
-   * Clips to group boundaries - events can only span columns with same groupId
-   */
-  private getEventStartDay(event: ICalendarEvent): number {
-    const eventStartDate = this.formatDate(event.start);
-    const firstVisibleDate = this.columnIdentifiers[0];
-
-    // If event starts before visible range, clip to first visible day
-    const clippedStartDate = eventStartDate < firstVisibleDate ? firstVisibleDate : eventStartDate;
-
-    const dayIndex = this.columnIdentifiers.indexOf(clippedStartDate);
-    if (dayIndex < 0) return 0;
-
-    // Find group start boundary for this column
-    const groupId = this.columnGroups[dayIndex];
-    const groupStart = this.getGroupStartIndex(dayIndex, groupId);
-
-    // Return the later of event start and group start (1-based)
-    return Math.max(groupStart, dayIndex) + 1;
-  }
-
-  /**
-   * Get end day index for event (1-based, 0 if not visible)
-   * Clips to group boundaries - events can only span columns with same groupId
-   */
-  private getEventEndDay(event: ICalendarEvent): number {
-    const eventEndDate = this.formatDate(event.end);
-    const lastVisibleDate = this.columnIdentifiers[this.columnIdentifiers.length - 1];
-
-    // If event ends after visible range, clip to last visible day
-    const clippedEndDate = eventEndDate > lastVisibleDate ? lastVisibleDate : eventEndDate;
-
-    const dayIndex = this.columnIdentifiers.indexOf(clippedEndDate);
-    if (dayIndex < 0) return 0;
-
-    // Find group end boundary for this column
-    const groupId = this.columnGroups[dayIndex];
-    const groupEnd = this.getGroupEndIndex(dayIndex, groupId);
-
-    // Return the earlier of event end and group end (1-based)
-    return Math.min(groupEnd, dayIndex) + 1;
-  }
-
-  /**
-   * Find the start index of a group (0-based)
-   * Scans backwards from columnIndex to find where this group starts
-   */
-  private getGroupStartIndex(columnIndex: number, groupId: string): number {
-    let startIndex = columnIndex;
-    while (startIndex > 0 && this.columnGroups[startIndex - 1] === groupId) {
-      startIndex--;
-    }
-    return startIndex;
-  }
-
-  /**
-   * Find the end index of a group (0-based)
-   * Scans forwards from columnIndex to find where this group ends
-   */
-  private getGroupEndIndex(columnIndex: number, groupId: string): number {
-    let endIndex = columnIndex;
-    while (endIndex < this.columnGroups.length - 1 && this.columnGroups[endIndex + 1] === groupId) {
-      endIndex++;
-    }
-    return endIndex;
-  }
-
-  /**
-   * Format date to YYYY-MM-DD string using local date
-   */
-  private formatDate(date: Date): string {
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-  }
-}
\ No newline at end of file
diff --git a/src/utils/DateService.ts b/src/utils/DateService.ts
deleted file mode 100644
index c638b8c..0000000
--- a/src/utils/DateService.ts
+++ /dev/null
@@ -1,496 +0,0 @@
-/**
- * DateService - Unified date/time service using day.js
- * Handles all date operations, timezone conversions, and formatting
- */
-
-import dayjs, { Dayjs } from 'dayjs';
-import utc from 'dayjs/plugin/utc';
-import timezone from 'dayjs/plugin/timezone';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
-import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-
-import { Configuration } from '../configurations/CalendarConfig';
-
-// Enable day.js plugins
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(isoWeek);
-dayjs.extend(customParseFormat);
-dayjs.extend(isSameOrAfter);
-dayjs.extend(isSameOrBefore);
-
-export class DateService {
-  private timezone: string;
-
-  constructor(config: Configuration) {
-    this.timezone = config.timeFormatConfig.timezone;
-  }
-
-  // ============================================
-  // CORE CONVERSIONS
-  // ============================================
-
-  /**
-   * Convert local date to UTC ISO string
-   * @param localDate - Date in local timezone
-   * @returns ISO string in UTC (with 'Z' suffix)
-   */
-  public toUTC(localDate: Date): string {
-    return dayjs.tz(localDate, this.timezone).utc().toISOString();
-  }
-
-  /**
-   * Convert UTC ISO string to local date
-   * @param utcString - ISO string in UTC
-   * @returns Date in local timezone
-   */
-  public fromUTC(utcString: string): Date {
-    return dayjs.utc(utcString).tz(this.timezone).toDate();
-  }
-
-  // ============================================
-  // FORMATTING
-  // ============================================
-
-  /**
-   * Format time as HH:mm or HH:mm:ss
-   * @param date - Date to format
-   * @param showSeconds - Include seconds in output
-   * @returns Formatted time string
-   */
-  public formatTime(date: Date, showSeconds = false): string {
-    const pattern = showSeconds ? 'HH:mm:ss' : 'HH:mm';
-    return dayjs(date).format(pattern);
-  }
-
-  /**
-   * Format time range as "HH:mm - HH:mm"
-   * @param start - Start date
-   * @param end - End date
-   * @returns Formatted time range
-   */
-  public formatTimeRange(start: Date, end: Date): string {
-    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
-  }
-
-  /**
-   * Format date and time in technical format: yyyy-MM-dd HH:mm:ss
-   * @param date - Date to format
-   * @returns Technical datetime string
-   */
-  public formatTechnicalDateTime(date: Date): string {
-    return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
-  }
-
-  /**
-   * Format date as yyyy-MM-dd
-   * @param date - Date to format
-   * @returns ISO date string
-   */
-  public formatDate(date: Date): string {
-    return dayjs(date).format('YYYY-MM-DD');
-  }
-
-  /**
-   * Format date as "Month Year" (e.g., "January 2025")
-   * @param date - Date to format
-   * @param locale - Locale for month name (default: 'en-US')
-   * @returns Formatted month and year
-   */
-  public formatMonthYear(date: Date, locale: string = 'en-US'): string {
-    return date.toLocaleDateString(locale, { month: 'long', year: 'numeric' });
-  }
-
-  /**
-   * Format date as ISO string (same as formatDate for compatibility)
-   * @param date - Date to format
-   * @returns ISO date string
-   */
-  public formatISODate(date: Date): string {
-    return this.formatDate(date);
-  }
-
-  /**
-   * Format time in 12-hour format with AM/PM
-   * @param date - Date to format
-   * @returns Time string in 12-hour format (e.g., "2:30 PM")
-   */
-  public formatTime12(date: Date): string {
-    return dayjs(date).format('h:mm A');
-  }
-
-  /**
-   * Get day name for a date
-   * @param date - Date to get day name for
-   * @param format - 'short' (e.g., 'Mon') or 'long' (e.g., 'Monday')
-   * @param locale - Locale for day name (default: 'da-DK')
-   * @returns Day name
-   */
-  public getDayName(date: Date, format: 'short' | 'long' = 'short', locale: string = 'da-DK'): string {
-    const formatter = new Intl.DateTimeFormat(locale, {
-      weekday: format
-    });
-    return formatter.format(date);
-  }
-
-  /**
-   * Format a date range with customizable options
-   * @param start - Start date
-   * @param end - End date
-   * @param options - Formatting options
-   * @returns Formatted date range string
-   */
-  public formatDateRange(
-    start: Date,
-    end: Date,
-    options: {
-      locale?: string;
-      month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
-      day?: 'numeric' | '2-digit';
-      year?: 'numeric' | '2-digit';
-    } = {}
-  ): string {
-    const { locale = 'en-US', month = 'short', day = 'numeric' } = options;
-
-    const startYear = start.getFullYear();
-    const endYear = end.getFullYear();
-
-    const formatter = new Intl.DateTimeFormat(locale, {
-      month,
-      day,
-      year: startYear !== endYear ? 'numeric' : undefined
-    });
-
-    // @ts-ignore - formatRange is available in modern browsers
-    if (typeof formatter.formatRange === 'function') {
-      // @ts-ignore
-      return formatter.formatRange(start, end);
-    }
-
-    return `${formatter.format(start)} - ${formatter.format(end)}`;
-  }
-
-  // ============================================
-  // TIME CALCULATIONS
-  // ============================================
-
-  /**
-   * Convert time string (HH:mm or HH:mm:ss) to total minutes since midnight
-   * @param timeString - Time in format HH:mm or HH:mm:ss
-   * @returns Total minutes since midnight
-   */
-  public timeToMinutes(timeString: string): number {
-    const parts = timeString.split(':').map(Number);
-    const hours = parts[0] || 0;
-    const minutes = parts[1] || 0;
-    return hours * 60 + minutes;
-  }
-
-  /**
-   * Convert total minutes since midnight to time string HH:mm
-   * @param totalMinutes - Minutes since midnight
-   * @returns Time string in format HH:mm
-   */
-  public minutesToTime(totalMinutes: number): string {
-    const hours = Math.floor(totalMinutes / 60);
-    const minutes = totalMinutes % 60;
-    return dayjs().hour(hours).minute(minutes).format('HH:mm');
-  }
-
-  /**
-   * Format time from total minutes (alias for minutesToTime)
-   * @param totalMinutes - Minutes since midnight
-   * @returns Time string in format HH:mm
-   */
-  public formatTimeFromMinutes(totalMinutes: number): string {
-    return this.minutesToTime(totalMinutes);
-  }
-
-  /**
-   * Get minutes since midnight for a given date
-   * @param date - Date to calculate from
-   * @returns Minutes since midnight
-   */
-  public getMinutesSinceMidnight(date: Date): number {
-    const d = dayjs(date);
-    return d.hour() * 60 + d.minute();
-  }
-
-  /**
-   * Calculate duration in minutes between two dates
-   * @param start - Start date or ISO string
-   * @param end - End date or ISO string
-   * @returns Duration in minutes
-   */
-  public getDurationMinutes(start: Date | string, end: Date | string): number {
-    const startDate = dayjs(start);
-    const endDate = dayjs(end);
-    return endDate.diff(startDate, 'minute');
-  }
-
-  // ============================================
-  // WEEK OPERATIONS
-  // ============================================
-
-  /**
-   * Get start and end of week (Monday to Sunday)
-   * @param date - Reference date
-   * @returns Object with start and end dates
-   */
-  public getWeekBounds(date: Date): { start: Date; end: Date } {
-    const d = dayjs(date);
-    return {
-      start: d.startOf('week').add(1, 'day').toDate(), // Monday (day.js week starts on Sunday)
-      end: d.endOf('week').add(1, 'day').toDate()      // Sunday
-    };
-  }
-
-  /**
-   * Add weeks to a date
-   * @param date - Base date
-   * @param weeks - Number of weeks to add (can be negative)
-   * @returns New date
-   */
-  public addWeeks(date: Date, weeks: number): Date {
-    return dayjs(date).add(weeks, 'week').toDate();
-  }
-
-  /**
-   * Add months to a date
-   * @param date - Base date
-   * @param months - Number of months to add (can be negative)
-   * @returns New date
-   */
-  public addMonths(date: Date, months: number): Date {
-    return dayjs(date).add(months, 'month').toDate();
-  }
-
-  /**
-   * Get ISO week number (1-53)
-   * @param date - Date to get week number for
-   * @returns ISO week number
-   */
-  public getWeekNumber(date: Date): number {
-    return dayjs(date).isoWeek();
-  }
-
-  /**
-   * Get all dates in a full week (7 days starting from given date)
-   * @param weekStart - Start date of the week
-   * @returns Array of 7 dates
-   */
-  public getFullWeekDates(weekStart: Date): Date[] {
-    const dates: Date[] = [];
-    for (let i = 0; i < 7; i++) {
-      dates.push(this.addDays(weekStart, i));
-    }
-    return dates;
-  }
-
-  /**
-   * Get dates for work week using ISO 8601 day numbering (Monday=1, Sunday=7)
-   * @param weekStart - Any date in the week
-   * @param workDays - Array of ISO day numbers (1=Monday, 7=Sunday)
-   * @returns Array of dates for the specified work days
-   */
-  public getWorkWeekDates(weekStart: Date, workDays: number[]): Date[] {
-    const dates: Date[] = [];
-
-    // Get Monday of the week
-    const weekBounds = this.getWeekBounds(weekStart);
-    const mondayOfWeek = this.startOfDay(weekBounds.start);
-
-    // Calculate dates for each work day using ISO numbering
-    workDays.forEach(isoDay => {
-      const date = new Date(mondayOfWeek);
-      // ISO day 1=Monday is +0 days, ISO day 7=Sunday is +6 days
-      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
-      date.setDate(mondayOfWeek.getDate() + daysFromMonday);
-      dates.push(date);
-    });
-
-    return dates;
-  }
-
-  // ============================================
-  // GRID HELPERS
-  // ============================================
-
-  /**
-   * Create a date at a specific time (minutes since midnight)
-   * @param baseDate - Base date (date component)
-   * @param totalMinutes - Minutes since midnight
-   * @returns New date with specified time
-   */
-  public createDateAtTime(baseDate: Date, totalMinutes: number): Date {
-    const hours = Math.floor(totalMinutes / 60);
-    const minutes = totalMinutes % 60;
-    return dayjs(baseDate).startOf('day').hour(hours).minute(minutes).toDate();
-  }
-
-  /**
-   * Snap date to nearest interval
-   * @param date - Date to snap
-   * @param intervalMinutes - Snap interval in minutes
-   * @returns Snapped date
-   */
-  public snapToInterval(date: Date, intervalMinutes: number): Date {
-    const minutes = this.getMinutesSinceMidnight(date);
-    const snappedMinutes = Math.round(minutes / intervalMinutes) * intervalMinutes;
-    return this.createDateAtTime(date, snappedMinutes);
-  }
-
-  // ============================================
-  // UTILITY METHODS
-  // ============================================
-
-  /**
-   * Check if two dates are the same day
-   * @param date1 - First date
-   * @param date2 - Second date
-   * @returns True if same day
-   */
-  public isSameDay(date1: Date, date2: Date): boolean {
-    return dayjs(date1).isSame(date2, 'day');
-  }
-
-  /**
-   * Get start of day
-   * @param date - Date
-   * @returns Start of day (00:00:00)
-   */
-  public startOfDay(date: Date): Date {
-    return dayjs(date).startOf('day').toDate();
-  }
-
-  /**
-   * Get end of day
-   * @param date - Date
-   * @returns End of day (23:59:59.999)
-   */
-  public endOfDay(date: Date): Date {
-    return dayjs(date).endOf('day').toDate();
-  }
-
-  /**
-   * Add days to a date
-   * @param date - Base date
-   * @param days - Number of days to add (can be negative)
-   * @returns New date
-   */
-  public addDays(date: Date, days: number): Date {
-    return dayjs(date).add(days, 'day').toDate();
-  }
-
-  /**
-   * Add minutes to a date
-   * @param date - Base date
-   * @param minutes - Number of minutes to add (can be negative)
-   * @returns New date
-   */
-  public addMinutes(date: Date, minutes: number): Date {
-    return dayjs(date).add(minutes, 'minute').toDate();
-  }
-
-  /**
-   * Parse ISO string to date
-   * @param isoString - ISO date string
-   * @returns Parsed date
-   */
-  public parseISO(isoString: string): Date {
-    return dayjs(isoString).toDate();
-  }
-
-  /**
-   * Check if date is valid
-   * @param date - Date to check
-   * @returns True if valid
-   */
-  public isValid(date: Date): boolean {
-    return dayjs(date).isValid();
-  }
-
-  /**
-   * Calculate difference in calendar days between two dates
-   * @param date1 - First date
-   * @param date2 - Second date
-   * @returns Number of calendar days between dates (can be negative)
-   */
-  public differenceInCalendarDays(date1: Date, date2: Date): number {
-    const d1 = dayjs(date1).startOf('day');
-    const d2 = dayjs(date2).startOf('day');
-    return d1.diff(d2, 'day');
-  }
-
-  /**
-   * Validate date range (start must be before or equal to end)
-   * @param start - Start date
-   * @param end - End date
-   * @returns True if valid range
-   */
-  public isValidRange(start: Date, end: Date): boolean {
-    if (!this.isValid(start) || !this.isValid(end)) {
-      return false;
-    }
-    return start.getTime() <= end.getTime();
-  }
-
-  /**
-   * Check if date is within reasonable bounds (1900-2100)
-   * @param date - Date to check
-   * @returns True if within bounds
-   */
-  public isWithinBounds(date: Date): boolean {
-    if (!this.isValid(date)) {
-      return false;
-    }
-    const year = date.getFullYear();
-    return year >= 1900 && year <= 2100;
-  }
-
-  /**
-   * Validate date with comprehensive checks
-   * @param date - Date to validate
-   * @param options - Validation options
-   * @returns Validation result with error message
-   */
-  public validateDate(
-    date: Date,
-    options: {
-      requireFuture?: boolean;
-      requirePast?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    } = {}
-  ): { valid: boolean; error?: string } {
-    if (!this.isValid(date)) {
-      return { valid: false, error: 'Invalid date' };
-    }
-
-    if (!this.isWithinBounds(date)) {
-      return { valid: false, error: 'Date out of bounds (1900-2100)' };
-    }
-
-    const now = new Date();
-
-    if (options.requireFuture && date <= now) {
-      return { valid: false, error: 'Date must be in the future' };
-    }
-
-    if (options.requirePast && date >= now) {
-      return { valid: false, error: 'Date must be in the past' };
-    }
-
-    if (options.minDate && date < options.minDate) {
-      return { valid: false, error: `Date must be after ${this.formatDate(options.minDate)}` };
-    }
-
-    if (options.maxDate && date > options.maxDate) {
-      return { valid: false, error: `Date must be before ${this.formatDate(options.maxDate)}` };
-    }
-
-    return { valid: true };
-  }
-}
diff --git a/src/utils/PositionUtils.ts b/src/utils/PositionUtils.ts
index 3ec70dc..5c99e4b 100644
--- a/src/utils/PositionUtils.ts
+++ b/src/utils/PositionUtils.ts
@@ -1,263 +1,55 @@
-import { Configuration } from '../configurations/CalendarConfig';
-import { IColumnBounds } from './ColumnDetectionUtils';
-import { DateService } from './DateService';
-import { TimeFormatter } from './TimeFormatter';
+/**
+ * PositionUtils - Pixel/position calculations for calendar grid
+ *
+ * RESPONSIBILITY: Convert between time and pixel positions
+ * NOTE: Date formatting belongs in DateService, not here
+ */
+
+import { IGridConfig } from '../core/IGridConfig';
+
+export interface EventPosition {
+  top: number;    // pixels from day start
+  height: number; // pixels
+}
 
 /**
- * PositionUtils - Positioning utilities with dependency injection
- * Focuses on pixel/position calculations while delegating date operations
- *
- * Note: Uses DateService with date-fns for all date/time operations
+ * Calculate pixel position for an event based on its times
  */
-export class PositionUtils {
-    private dateService: DateService;
-    private config: Configuration;
+export function calculateEventPosition(
+  start: Date,
+  end: Date,
+  config: IGridConfig
+): EventPosition {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
 
-    constructor(dateService: DateService, config: Configuration) {
-        this.dateService = dateService;
-        this.config = config;
-    }
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
 
-    /**
-     * Convert minutes to pixels
-     */
-    public minutesToPixels(minutes: number): number {
-        const gridSettings = this.config.gridSettings;
-        const pixelsPerHour = gridSettings.hourHeight;
-        return (minutes / 60) * pixelsPerHour;
-    }
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
 
-    /**
-     * Convert pixels to minutes
-     */
-    public pixelsToMinutes(pixels: number): number {
-        const gridSettings = this.config.gridSettings;
-        const pixelsPerHour = gridSettings.hourHeight;
-        return (pixels / pixelsPerHour) * 60;
-    }
+  return { top, height };
+}
 
-    /**
-     * Convert time (HH:MM) to pixels from day start using DateService
-     */
-    public timeToPixels(timeString: string): number {
-        const totalMinutes = this.dateService.timeToMinutes(timeString);
-        const gridSettings = this.config.gridSettings;
-        const dayStartMinutes = gridSettings.dayStartHour * 60;
-        const minutesFromDayStart = totalMinutes - dayStartMinutes;
+/**
+ * Convert minutes to pixels
+ */
+export function minutesToPixels(minutes: number, config: IGridConfig): number {
+  return (minutes / 60) * config.hourHeight;
+}
 
-        return this.minutesToPixels(minutesFromDayStart);
-    }
+/**
+ * Convert pixels to minutes
+ */
+export function pixelsToMinutes(pixels: number, config: IGridConfig): number {
+  return (pixels / config.hourHeight) * 60;
+}
 
-    /**
-     * Convert Date object to pixels from day start using DateService
-     */
-    public dateToPixels(date: Date): number {
-        const totalMinutes = this.dateService.getMinutesSinceMidnight(date);
-        const gridSettings = this.config.gridSettings;
-        const dayStartMinutes = gridSettings.dayStartHour * 60;
-        const minutesFromDayStart = totalMinutes - dayStartMinutes;
-
-        return this.minutesToPixels(minutesFromDayStart);
-    }
-
-    /**
-     * Convert pixels to time using DateService
-     */
-    public pixelsToTime(pixels: number): string {
-        const minutes = this.pixelsToMinutes(pixels);
-        const gridSettings = this.config.gridSettings;
-        const dayStartMinutes = gridSettings.dayStartHour * 60;
-        const totalMinutes = dayStartMinutes + minutes;
-
-        return this.dateService.minutesToTime(totalMinutes);
-    }
-
-    /**
-     * Beregn event position og størrelse
-     */
-    public calculateEventPosition(startTime: string | Date, endTime: string | Date): {
-        top: number;
-        height: number;
-        duration: number;
-    } {
-        let startPixels: number;
-        let endPixels: number;
-
-        if (typeof startTime === 'string') {
-            startPixels = this.timeToPixels(startTime);
-        } else {
-            startPixels = this.dateToPixels(startTime);
-        }
-
-        if (typeof endTime === 'string') {
-            endPixels = this.timeToPixels(endTime);
-        } else {
-            endPixels = this.dateToPixels(endTime);
-        }
-
-        const height = Math.max(endPixels - startPixels, this.getMinimumEventHeight());
-        const duration = this.pixelsToMinutes(height);
-
-        return {
-            top: startPixels,
-            height,
-            duration
-        };
-    }
-
-    /**
-     * Snap position til grid interval
-     */
-    public snapToGrid(pixels: number): number {
-        const gridSettings = this.config.gridSettings;
-        const snapInterval = gridSettings.snapInterval;
-        const snapPixels = this.minutesToPixels(snapInterval);
-
-        return Math.round(pixels / snapPixels) * snapPixels;
-    }
-
-    /**
-     * Snap time to interval using DateService
-     */
-    public snapTimeToInterval(timeString: string): string {
-        const totalMinutes = this.dateService.timeToMinutes(timeString);
-        const gridSettings = this.config.gridSettings;
-        const snapInterval = gridSettings.snapInterval;
-
-        const snappedMinutes = Math.round(totalMinutes / snapInterval) * snapInterval;
-        return this.dateService.minutesToTime(snappedMinutes);
-    }
-
-    /**
-     * Beregn kolonne position for overlappende events
-     */
-    public calculateColumnPosition(eventIndex: number, totalColumns: number, containerWidth: number): {
-        left: number;
-        width: number;
-    } {
-        const columnWidth = containerWidth / totalColumns;
-        const left = eventIndex * columnWidth;
-
-        // Lav lidt margin mellem kolonnerne
-        const margin = 2;
-        const adjustedWidth = columnWidth - margin;
-
-        return {
-            left: left + (margin / 2),
-            width: Math.max(adjustedWidth, 50) // Minimum width
-        };
-    }
-
-    /**
-     * Check om to events overlapper i tid
-     */
-    public eventsOverlap(
-        start1: string | Date,
-        end1: string | Date,
-        start2: string | Date,
-        end2: string | Date
-    ): boolean {
-        const pos1 = this.calculateEventPosition(start1, end1);
-        const pos2 = this.calculateEventPosition(start2, end2);
-
-        const event1End = pos1.top + pos1.height;
-        const event2End = pos2.top + pos2.height;
-
-        return !(event1End <= pos2.top || event2End <= pos1.top);
-    }
-
-    /**
-     * Beregn Y position fra mouse/touch koordinat
-     */
-    public getPositionFromCoordinate(clientY: number, column: IColumnBounds): number {
-
-        const relativeY = clientY - column.boundingClientRect.top;
-
-        // Snap til grid
-        return this.snapToGrid(relativeY);
-    }
-
-    /**
-     * Valider at tid er inden for arbejdstimer
-     */
-    public isWithinWorkHours(timeString: string): boolean {
-        const [hours] = timeString.split(':').map(Number);
-        const gridSettings = this.config.gridSettings;
-        return hours >= gridSettings.workStartHour && hours < gridSettings.workEndHour;
-    }
-
-    /**
-     * Valider at tid er inden for dag grænser
-     */
-    public isWithinDayBounds(timeString: string): boolean {
-        const [hours] = timeString.split(':').map(Number);
-        const gridSettings = this.config.gridSettings;
-        return hours >= gridSettings.dayStartHour && hours < gridSettings.dayEndHour;
-    }
-
-    /**
-     * Hent minimum event højde i pixels
-     */
-    public getMinimumEventHeight(): number {
-        // Minimum 15 minutter
-        return this.minutesToPixels(15);
-    }
-
-    /**
-     * Hent maksimum event højde i pixels (hele dagen)
-     */
-    public getMaximumEventHeight(): number {
-        const gridSettings = this.config.gridSettings;
-        const dayDurationHours = gridSettings.dayEndHour - gridSettings.dayStartHour;
-        return dayDurationHours * gridSettings.hourHeight;
-    }
-
-    /**
-     * Beregn total kalender højde
-     */
-    public getTotalCalendarHeight(): number {
-        return this.getMaximumEventHeight();
-    }
-
-    /**
-     * Convert ISO datetime to time string with UTC-to-local conversion
-     */
-    public isoToTimeString(isoString: string): string {
-        const date = new Date(isoString);
-        return TimeFormatter.formatTime(date);
-    }
-
-    /**
-     * Convert time string to ISO datetime using DateService with timezone handling
-     */
-    public timeStringToIso(timeString: string, date: Date = new Date()): string {
-        const totalMinutes = this.dateService.timeToMinutes(timeString);
-        const newDate = this.dateService.createDateAtTime(date, totalMinutes);
-        return this.dateService.toUTC(newDate);
-    }
-
-    /**
-     * Calculate event duration using DateService
-     */
-    public calculateDuration(startTime: string | Date, endTime: string | Date): number {
-        return this.dateService.getDurationMinutes(startTime, endTime);
-    }
-
-    /**
-     * Format duration to readable text (Danish)
-     */
-    public formatDuration(minutes: number): string {
-        if (minutes < 60) {
-            return `${minutes} min`;
-        }
-
-        const hours = Math.floor(minutes / 60);
-        const remainingMinutes = minutes % 60;
-
-        if (remainingMinutes === 0) {
-            return `${hours} time${hours !== 1 ? 'r' : ''}`;
-        }
-
-        return `${hours}t ${remainingMinutes}m`;
-    }
-}
\ No newline at end of file
+/**
+ * Snap pixel position to grid interval
+ */
+export function snapToGrid(pixels: number, config: IGridConfig): number {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
diff --git a/src/utils/TimeFormatter.ts b/src/utils/TimeFormatter.ts
deleted file mode 100644
index 3b84e08..0000000
--- a/src/utils/TimeFormatter.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-/**
- * TimeFormatter - Centralized time formatting with timezone support
- * Now uses DateService internally for all date/time operations
- * 
- * Handles conversion from UTC/Zulu time to configured timezone (default: Europe/Copenhagen)
- * Supports both 12-hour and 24-hour format configuration
- * 
- * All events in the system are stored in UTC and must be converted to local timezone
- */
-
-import { DateService } from './DateService';
-import { ITimeFormatConfig } from '../configurations/TimeFormatConfig';
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
-import timezone from 'dayjs/plugin/timezone';
-
-// Enable day.js plugins for timezone formatting
-dayjs.extend(utc);
-dayjs.extend(timezone);
-
-export class TimeFormatter {
-  private static settings: ITimeFormatConfig | null = null;
-
-  // DateService will be initialized lazily to avoid circular dependency with CalendarConfig
-  private static dateService: DateService | null = null;
-
-  private static getDateService(): DateService {
-    if (!TimeFormatter.dateService) {
-      if (!TimeFormatter.settings) {
-        throw new Error('TimeFormatter must be configured before use. Call TimeFormatter.configure() first.');
-      }
-      // Create a minimal config object for DateService
-      const config = {
-        timeFormatConfig: {
-          timezone: TimeFormatter.settings.timezone
-        }
-      };
-      TimeFormatter.dateService = new DateService(config as any);
-    }
-    return TimeFormatter.dateService;
-  }
-
-  /**
-   * Configure time formatting settings
-   * Must be called before using TimeFormatter
-   */
-  static configure(settings: ITimeFormatConfig): void {
-    TimeFormatter.settings = settings;
-    // Reset DateService to pick up new timezone
-    TimeFormatter.dateService = null;
-  }
-
-  /**
-   * Convert UTC date to configured timezone (internal helper)
-   * @param utcDate - Date in UTC (or ISO string)
-   * @returns Date object adjusted to configured timezone
-   */
-  private static convertToLocalTime(utcDate: Date | string): Date {
-    if (typeof utcDate === 'string') {
-      return TimeFormatter.getDateService().fromUTC(utcDate);
-    }
-
-    // If it's already a Date object, convert to UTC string first, then back to local
-    const utcString = utcDate.toISOString();
-    return TimeFormatter.getDateService().fromUTC(utcString);
-  }
-
-  /**
-   * Format time in 24-hour format using DateService (internal helper)
-   * @param date - Date to format
-   * @returns Formatted time string (e.g., "09:00")
-   */
-  private static format24Hour(date: Date): string {
-    if (!TimeFormatter.settings) {
-      throw new Error('TimeFormatter must be configured before use. Call TimeFormatter.configure() first.');
-    }
-
-    // Use day.js directly to format with timezone awareness
-    const pattern = TimeFormatter.settings.showSeconds ? 'HH:mm:ss' : 'HH:mm';
-    return dayjs.utc(date).tz(TimeFormatter.settings.timezone).format(pattern);
-  }
-
-  /**
-   * Format time according to current configuration
-   * @param date - Date to format
-   * @returns Formatted time string
-   */
-  static formatTime(date: Date): string {
-    // Always use 24-hour format (12-hour support removed as unused)
-    return TimeFormatter.format24Hour(date);
-  }
-
-  /**
-   * Format time range (start - end) using DateService
-   * @param startDate - Start date
-   * @param endDate - End date
-   * @returns Formatted time range string (e.g., "09:00 - 10:30")
-   */
-  static formatTimeRange(startDate: Date, endDate: Date): string {
-    const localStart = TimeFormatter.convertToLocalTime(startDate);
-    const localEnd = TimeFormatter.convertToLocalTime(endDate);
-    return TimeFormatter.getDateService().formatTimeRange(localStart, localEnd);
-  }
-}
\ No newline at end of file
diff --git a/src/workers/DataSeeder.ts b/src/workers/DataSeeder.ts
index 01795cc..b05bf40 100644
--- a/src/workers/DataSeeder.ts
+++ b/src/workers/DataSeeder.ts
@@ -1,103 +1,73 @@
-import { IApiRepository } from '../repositories/IApiRepository';
-import { IEntityService } from '../storage/IEntityService';
-
-/**
- * DataSeeder - Orchestrates initial data loading from repositories into IndexedDB
- *
- * ARCHITECTURE:
- * - Repository (Mock/Api): Fetches data from source (JSON file or backend API)
- * - DataSeeder (this class): Orchestrates fetch + save operations
- * - Service (EventService, etc.): Saves data to IndexedDB
- *
- * SEPARATION OF CONCERNS:
- * - Repository does NOT know about IndexedDB or storage
- * - Service does NOT know about where data comes from
- * - DataSeeder connects them together
- *
- * POLYMORPHIC DESIGN:
- * - Uses arrays of IEntityService<any>[] and IApiRepository<any>[]
- * - Matches services with repositories using entityType property
- * - Open/Closed Principle: Adding new entity requires no code changes here
- *
- * USAGE:
- * Called once during app initialization in index.ts:
- * 1. IndexedDBService.initialize() - open database
- * 2. dataSeeder.seedIfEmpty() - load initial data if needed
- * 3. CalendarManager.initialize() - start calendar
- *
- * NOTE: This is for INITIAL SEEDING only. Ongoing sync is handled by SyncManager.
- */
-export class DataSeeder {
-  constructor(
-    // Arrays injected via DI - automatically includes all registered services/repositories
-    private services: IEntityService<any>[],
-    private repositories: IApiRepository<any>[]
-  ) {}
-
-  /**
-   * Seed all entity stores if they are empty
-   * Runs on app initialization to load initial data from repositories
-   *
-   * Uses polymorphism: loops through all services and matches with repositories by entityType
-   */
-  async seedIfEmpty(): Promise<void> {
-    console.log('[DataSeeder] Checking if database needs seeding...');
-
-    try {
-      // Loop through all entity services (Event, Booking, Customer, Resource, etc.)
-      for (const service of this.services) {
-        // Find matching repository for this service based on entityType
-        const repository = this.repositories.find(repo => repo.entityType === service.entityType);
-
-        if (!repository) {
-          console.warn(`[DataSeeder] No repository found for entity type: ${service.entityType}, skipping`);
-          continue;
-        }
-
-        // Seed this entity type
-        await this.seedEntity(service.entityType, service, repository);
-      }
-
-      console.log('[DataSeeder] Seeding complete');
-    } catch (error) {
-      console.error('[DataSeeder] Seeding failed:', error);
-      throw error;
-    }
-  }
-
-  /**
-   * Generic method to seed a single entity type
-   *
-   * @param entityType - Entity type ('Event', 'Booking', 'Customer', 'Resource')
-   * @param service - Entity service for IndexedDB operations
-   * @param repository - Repository for fetching data
-   */
-  private async seedEntity<T>(
-    entityType: string,
-    service: IEntityService<any>,
-    repository: IApiRepository<T>
-  ): Promise<void> {
-    // Check if store is empty
-    const existing = await service.getAll();
-
-    if (existing.length > 0) {
-      console.log(`[DataSeeder] ${entityType} store already has ${existing.length} items, skipping seed`);
-      return;
-    }
-
-    console.log(`[DataSeeder] ${entityType} store is empty, fetching from repository...`);
-
-    // Fetch from repository (Mock JSON or backend API)
-    const data = await repository.fetchAll();
-
-    console.log(`[DataSeeder] Fetched ${data.length} ${entityType} items, saving to IndexedDB...`);
-
-    // Save each entity to IndexedDB
-    // Note: Entities from repository should already have syncStatus='synced'
-    for (const entity of data) {
-      await service.save(entity);
-    }
-
-    console.log(`[DataSeeder] ${entityType} seeding complete (${data.length} items saved)`);
-  }
-}
+import { IApiRepository } from '../repositories/IApiRepository';
+import { IEntityService } from '../storage/IEntityService';
+import { ISync } from '../types/CalendarTypes';
+
+/**
+ * DataSeeder - Orchestrates initial data loading from repositories into IndexedDB
+ *
+ * ARCHITECTURE:
+ * - Repository (Mock/Api): Fetches data from source (JSON file or backend API)
+ * - DataSeeder (this class): Orchestrates fetch + save operations
+ * - Service (EventService, etc.): Saves data to IndexedDB
+ *
+ * POLYMORPHIC DESIGN:
+ * - Uses arrays of IEntityService[] and IApiRepository[]
+ * - Matches services with repositories using entityType property
+ * - Open/Closed Principle: Adding new entity requires no code changes here
+ */
+export class DataSeeder {
+  constructor(
+    private services: IEntityService<ISync>[],
+    private repositories: IApiRepository<ISync>[]
+  ) {}
+
+  /**
+   * Seed all entity stores if they are empty
+   */
+  async seedIfEmpty(): Promise<void> {
+    console.log('[DataSeeder] Checking if database needs seeding...');
+
+    try {
+      for (const service of this.services) {
+        const repository = this.repositories.find(repo => repo.entityType === service.entityType);
+
+        if (!repository) {
+          console.warn(`[DataSeeder] No repository found for entity type: ${service.entityType}, skipping`);
+          continue;
+        }
+
+        await this.seedEntity(service.entityType, service, repository);
+      }
+
+      console.log('[DataSeeder] Seeding complete');
+    } catch (error) {
+      console.error('[DataSeeder] Seeding failed:', error);
+      throw error;
+    }
+  }
+
+  private async seedEntity<T extends ISync>(
+    entityType: string,
+    service: IEntityService<T>,
+    repository: IApiRepository<T>
+  ): Promise<void> {
+    const existing = await service.getAll();
+
+    if (existing.length > 0) {
+      console.log(`[DataSeeder] ${entityType} store already has ${existing.length} items, skipping seed`);
+      return;
+    }
+
+    console.log(`[DataSeeder] ${entityType} store is empty, fetching from repository...`);
+
+    const data = await repository.fetchAll();
+
+    console.log(`[DataSeeder] Fetched ${data.length} ${entityType} items, saving to IndexedDB...`);
+
+    for (const entity of data) {
+      await service.save(entity, true); // silent = true to skip audit logging
+    }
+
+    console.log(`[DataSeeder] ${entityType} seeding complete (${data.length} items saved)`);
+  }
+}
diff --git a/src/workers/SyncManager.ts b/src/workers/SyncManager.ts
deleted file mode 100644
index 2ec2b5f..0000000
--- a/src/workers/SyncManager.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-import { IEventBus } from '../types/CalendarTypes';
-import { CoreEvents } from '../constants/CoreEvents';
-import { IAuditEntry } from '../types/AuditTypes';
-import { AuditService } from '../storage/audit/AuditService';
-import { IApiRepository } from '../repositories/IApiRepository';
-
-/**
- * SyncManager - Background sync worker
- * Syncs audit entries with backend API when online
- *
- * NEW ARCHITECTURE:
- * - Listens to AUDIT_LOGGED events (triggered after AuditService saves)
- * - Polls AuditService for pending audit entries
- * - Syncs audit entries to backend API
- * - Marks audit entries as synced when successful
- *
- * EVENT CHAIN:
- * Entity change → ENTITY_SAVED/DELETED → AuditService → AUDIT_LOGGED → SyncManager
- *
- * Features:
- * - Monitors online/offline status
- * - Processes pending audits with FIFO order
- * - Exponential backoff retry logic
- * - Updates syncStatus in IndexedDB after successful sync
- * - Emits sync events for UI feedback
- */
-export class SyncManager {
-  private eventBus: IEventBus;
-  private auditService: AuditService;
-  private auditApiRepository: IApiRepository<IAuditEntry>;
-
-  private isOnline: boolean = navigator.onLine;
-  private isSyncing: boolean = false;
-  private syncInterval: number = 5000; // 5 seconds
-  private maxRetries: number = 5;
-  private intervalId: number | null = null;
-
-  // Track retry counts per audit entry (in memory)
-  private retryCounts: Map<string, number> = new Map();
-
-  constructor(
-    eventBus: IEventBus,
-    auditService: AuditService,
-    auditApiRepository: IApiRepository<IAuditEntry>
-  ) {
-    this.eventBus = eventBus;
-    this.auditService = auditService;
-    this.auditApiRepository = auditApiRepository;
-
-    this.setupNetworkListeners();
-    this.setupAuditListener();
-    this.startSync();
-    console.log('SyncManager initialized - listening for AUDIT_LOGGED events');
-  }
-
-  /**
-   * Setup listener for AUDIT_LOGGED events
-   * Triggers immediate sync attempt when new audit entry is saved
-   */
-  private setupAuditListener(): void {
-    this.eventBus.on(CoreEvents.AUDIT_LOGGED, () => {
-      // New audit entry saved - try to sync if online
-      if (this.isOnline && !this.isSyncing) {
-        this.processPendingAudits();
-      }
-    });
-  }
-
-  /**
-   * Setup online/offline event listeners
-   */
-  private setupNetworkListeners(): void {
-    window.addEventListener('online', () => {
-      this.isOnline = true;
-      this.eventBus.emit(CoreEvents.OFFLINE_MODE_CHANGED, {
-        isOnline: true
-      });
-      console.log('SyncManager: Network online - starting sync');
-      this.startSync();
-    });
-
-    window.addEventListener('offline', () => {
-      this.isOnline = false;
-      this.eventBus.emit(CoreEvents.OFFLINE_MODE_CHANGED, {
-        isOnline: false
-      });
-      console.log('SyncManager: Network offline - pausing sync');
-      this.stopSync();
-    });
-  }
-
-  /**
-   * Start background sync worker
-   */
-  public startSync(): void {
-    if (this.intervalId) {
-      return; // Already running
-    }
-
-    console.log('SyncManager: Starting background sync');
-
-    // Process immediately
-    this.processPendingAudits();
-
-    // Then poll every syncInterval
-    this.intervalId = window.setInterval(() => {
-      this.processPendingAudits();
-    }, this.syncInterval);
-  }
-
-  /**
-   * Stop background sync worker
-   */
-  public stopSync(): void {
-    if (this.intervalId) {
-      window.clearInterval(this.intervalId);
-      this.intervalId = null;
-      console.log('SyncManager: Stopped background sync');
-    }
-  }
-
-  /**
-   * Process pending audit entries
-   * Fetches from AuditService and syncs to backend
-   */
-  private async processPendingAudits(): Promise<void> {
-    // Don't sync if offline
-    if (!this.isOnline) {
-      return;
-    }
-
-    // Don't start new sync if already syncing
-    if (this.isSyncing) {
-      return;
-    }
-
-    this.isSyncing = true;
-
-    try {
-      const pendingAudits = await this.auditService.getPendingAudits();
-
-      if (pendingAudits.length === 0) {
-        this.isSyncing = false;
-        return;
-      }
-
-      this.eventBus.emit(CoreEvents.SYNC_STARTED, {
-        operationCount: pendingAudits.length
-      });
-
-      // Process audits one by one (FIFO - oldest first by timestamp)
-      const sortedAudits = pendingAudits.sort((a, b) => a.timestamp - b.timestamp);
-
-      for (const audit of sortedAudits) {
-        await this.processAuditEntry(audit);
-      }
-
-      this.eventBus.emit(CoreEvents.SYNC_COMPLETED, {
-        operationCount: pendingAudits.length
-      });
-
-    } catch (error) {
-      console.error('SyncManager: Audit processing error:', error);
-      this.eventBus.emit(CoreEvents.SYNC_FAILED, {
-        error: error instanceof Error ? error.message : 'Unknown error'
-      });
-    } finally {
-      this.isSyncing = false;
-    }
-  }
-
-  /**
-   * Process a single audit entry
-   * Sends to backend API and marks as synced
-   */
-  private async processAuditEntry(audit: IAuditEntry): Promise<void> {
-    const retryCount = this.retryCounts.get(audit.id) || 0;
-
-    // Check if max retries exceeded
-    if (retryCount >= this.maxRetries) {
-      console.error(`SyncManager: Max retries exceeded for audit ${audit.id}`);
-      await this.auditService.markAsError(audit.id);
-      this.retryCounts.delete(audit.id);
-      return;
-    }
-
-    try {
-      // Send audit entry to backend
-      await this.auditApiRepository.sendCreate(audit);
-
-      // Success - mark as synced and clear retry count
-      await this.auditService.markAsSynced(audit.id);
-      this.retryCounts.delete(audit.id);
-
-      console.log(`SyncManager: Successfully synced audit ${audit.id} (${audit.entityType}:${audit.operation})`);
-
-    } catch (error) {
-      console.error(`SyncManager: Failed to sync audit ${audit.id}:`, error);
-
-      // Increment retry count
-      this.retryCounts.set(audit.id, retryCount + 1);
-
-      // Calculate backoff delay
-      const backoffDelay = this.calculateBackoff(retryCount + 1);
-
-      this.eventBus.emit(CoreEvents.SYNC_RETRY, {
-        auditId: audit.id,
-        retryCount: retryCount + 1,
-        nextRetryIn: backoffDelay
-      });
-    }
-  }
-
-  /**
-   * Calculate exponential backoff delay
-   * @param retryCount Current retry count
-   * @returns Delay in milliseconds
-   */
-  private calculateBackoff(retryCount: number): number {
-    // Exponential backoff: 2^retryCount * 1000ms
-    // Retry 1: 2s, Retry 2: 4s, Retry 3: 8s, Retry 4: 16s, Retry 5: 32s
-    const baseDelay = 1000;
-    const exponentialDelay = Math.pow(2, retryCount) * baseDelay;
-    const maxDelay = 60000; // Max 1 minute
-    return Math.min(exponentialDelay, maxDelay);
-  }
-
-  /**
-   * Manually trigger sync (for testing or manual sync button)
-   */
-  public async triggerManualSync(): Promise<void> {
-    console.log('SyncManager: Manual sync triggered');
-    await this.processPendingAudits();
-  }
-
-  /**
-   * Get current sync status
-   */
-  public getSyncStatus(): {
-    isOnline: boolean;
-    isSyncing: boolean;
-    isRunning: boolean;
-  } {
-    return {
-      isOnline: this.isOnline,
-      isSyncing: this.isSyncing,
-      isRunning: this.intervalId !== null
-    };
-  }
-
-  /**
-   * Cleanup - stop sync and remove listeners
-   */
-  public destroy(): void {
-    this.stopSync();
-    this.retryCounts.clear();
-    // Note: We don't remove window event listeners as they're global
-  }
-}
diff --git a/test-package/build.js b/test-package/build.js
new file mode 100644
index 0000000..07cf9e7
--- /dev/null
+++ b/test-package/build.js
@@ -0,0 +1,23 @@
+import esbuild from 'esbuild';
+import { NovadiUnplugin } from '@novadi/core/unplugin';
+import { copyFileSync, mkdirSync } from 'fs';
+
+// Ensure dist/css directory exists
+mkdirSync('dist/css', { recursive: true });
+
+// Copy calendar CSS
+copyFileSync(
+  'node_modules/calendar/dist/css/calendar.css',
+  'dist/css/calendar.css'
+);
+
+await esbuild.build({
+  entryPoints: ['src/index.ts'],
+  bundle: true,
+  outfile: 'dist/bundle.js',
+  format: 'esm',
+  platform: 'browser',
+  plugins: [NovadiUnplugin.esbuild()]
+});
+
+console.log('Build complete');
diff --git a/test-package/dist/bundle.js b/test-package/dist/bundle.js
new file mode 100644
index 0000000..71cc1e8
--- /dev/null
+++ b/test-package/dist/bundle.js
@@ -0,0 +1,5289 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/dayjs/dayjs.min.js
+var require_dayjs_min = __commonJS({
+  "node_modules/dayjs/dayjs.min.js"(exports, module) {
+    !(function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
+    })(exports, (function() {
+      "use strict";
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = function(t2, e2, n2) {
+        var r2 = String(t2);
+        return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+      }, v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: function t2(e2, n2) {
+        if (e2.date() < n2.date()) return -t2(n2, e2);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+        return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, w = function t2(e2, n2, r2) {
+        var i2;
+        if (!e2) return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1) return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
+        }
+        return !r2 && i2 && (g = i2), i2 || !r2 && g;
+      }, O = function(t2, e2) {
+        if (S(t2)) return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = (function() {
+        function M2(t2) {
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = (function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2) return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e2)) return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date) return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r2 = e2.match($);
+              if (r2) {
+                var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+              }
+            }
+            return new Date(e2);
+          })(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = O(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return O(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < O(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r2 ? i2 : i2.endOf(a);
+          }, $2 = function(t3, e3) {
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r2 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r2 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r2, f2) {
+          var d2, l2 = this;
+          r2 = Number(r2);
+          var $2 = b.p(f2), y2 = function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          };
+          if ($2 === c) return this.set(c, this.$M + r2);
+          if ($2 === h) return this.set(h, this.$y + r2);
+          if ($2 === a) return y2(1);
+          if ($2 === o) return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid()) return n2.invalidDate || l;
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+          }, d2 = function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, $2 = f2 || function(t3, e3, n3) {
+            var r3 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r3.toLowerCase() : r3;
+          };
+          return r2.replace(y, (function(t3, r3) {
+            return r3 || (function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            })(t3) || i2.replace(":", "");
+          }));
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r2, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+            return b.m(y2, m3);
+          };
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2) return this.$L;
+          var n2 = this.clone(), r2 = w(t2, e2, true);
+          return r2 && (n2.$L = r2), n2;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      })(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach((function(t2) {
+        k[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
+        };
+      })), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    }));
+  }
+});
+
+// node_modules/dayjs/plugin/utc.js
+var require_utc = __commonJS({
+  "node_modules/dayjs/plugin/utc.js"(exports, module) {
+    !(function(t, i) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = i() : "function" == typeof define && define.amd ? define(i) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_utc = i();
+    })(exports, (function() {
+      "use strict";
+      var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+      return function(s, f, n) {
+        var u = f.prototype;
+        n.utc = function(t2) {
+          var i2 = { date: t2, utc: true, args: arguments };
+          return new f(i2);
+        }, u.utc = function(i2) {
+          var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+          return i2 ? e2.add(this.utcOffset(), t) : e2;
+        }, u.local = function() {
+          return n(this.toDate(), { locale: this.$L, utc: false });
+        };
+        var r = u.parse;
+        u.parse = function(t2) {
+          t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), r.call(this, t2);
+        };
+        var o = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var t2 = this.$d;
+            this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+          } else o.call(this);
+        };
+        var a = u.utcOffset;
+        u.utcOffset = function(s2, f2) {
+          var n2 = this.$utils().u;
+          if (n2(s2)) return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+          if ("string" == typeof s2 && (s2 = (function(t2) {
+            void 0 === t2 && (t2 = "");
+            var s3 = t2.match(i);
+            if (!s3) return null;
+            var f3 = ("" + s3[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+          })(s2), null === s2)) return this;
+          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2;
+          if (0 === u2) return this.utc(f2);
+          var r2 = this.clone();
+          if (f2) return r2.$offset = u2, r2.$u = false, r2;
+          var o2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (r2 = this.local().add(u2 + o2, t)).$offset = u2, r2.$x.$localOffset = o2, r2;
+        };
+        var h = u.format;
+        u.format = function(t2) {
+          var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, i2);
+        }, u.valueOf = function() {
+          var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * t2;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var l = u.toDate;
+        u.toDate = function(t2) {
+          return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+        };
+        var c = u.diff;
+        u.diff = function(t2, i2, e2) {
+          if (t2 && this.$u === t2.$u) return c.call(this, t2, i2, e2);
+          var s2 = this.local(), f2 = n(t2).local();
+          return c.call(s2, f2, i2, e2);
+        };
+      };
+    }));
+  }
+});
+
+// node_modules/dayjs/plugin/timezone.js
+var require_timezone = __commonJS({
+  "node_modules/dayjs/plugin/timezone.js"(exports, module) {
+    !(function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_timezone = e();
+    })(exports, (function() {
+      "use strict";
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+      return function(n, i, o) {
+        var r, a = function(t2, n2, i2) {
+          void 0 === i2 && (i2 = {});
+          var o2 = new Date(t2), r2 = (function(t3, n3) {
+            void 0 === n3 && (n3 = {});
+            var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+            return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+          })(n2, i2);
+          return r2.formatToParts(o2);
+        }, u = function(e2, n2) {
+          for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+            var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+            c >= 0 && (r2[c] = parseInt(m, 10));
+          }
+          var d = r2[3], l = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+          return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+        }, f = i.prototype;
+        f.tz = function(t2, e2) {
+          void 0 === t2 && (t2 = r);
+          var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s2 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+          if (!Number(s2)) n2 = this.utcOffset(0, e2);
+          else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s2, true), e2) {
+            var m = n2.utcOffset();
+            n2 = n2.add(i2 - m, "minute");
+          }
+          return n2.$x.$timezone = t2, n2;
+        }, f.offsetName = function(t2) {
+          var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find((function(t3) {
+            return "timezonename" === t3.type.toLowerCase();
+          }));
+          return n2 && n2.value;
+        };
+        var s = f.startOf;
+        f.startOf = function(t2, e2) {
+          if (!this.$x || !this.$x.$timezone) return s.call(this, t2, e2);
+          var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return s.call(n2, t2, e2).tz(this.$x.$timezone, true);
+        }, o.tz = function(t2, e2, n2) {
+          var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+          if ("string" != typeof t2) return o(t2).tz(a2);
+          var s2 = (function(t3, e3, n3) {
+            var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+            if (e3 === o2) return [i3, e3];
+            var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+            return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+          })(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+          return d.$x.$timezone = a2, d;
+        }, o.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, o.tz.setDefault = function(t2) {
+          r = t2;
+        };
+      };
+    }));
+  }
+});
+
+// node_modules/dayjs/plugin/isoWeek.js
+var require_isoWeek = __commonJS({
+  "node_modules/dayjs/plugin/isoWeek.js"(exports, module) {
+    !(function(e, t) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_plugin_isoWeek = t();
+    })(exports, (function() {
+      "use strict";
+      var e = "day";
+      return function(t, i, s) {
+        var a = function(t2) {
+          return t2.add(4 - t2.isoWeekday(), e);
+        }, d = i.prototype;
+        d.isoWeekYear = function() {
+          return a(this).year();
+        }, d.isoWeek = function(t2) {
+          if (!this.$utils().u(t2)) return this.add(7 * (t2 - this.isoWeek()), e);
+          var i2, d2, n2, o, r = a(this), u = (i2 = this.isoWeekYear(), d2 = this.$u, n2 = (d2 ? s.utc : s)().year(i2).startOf("year"), o = 4 - n2.isoWeekday(), n2.isoWeekday() > 4 && (o += 7), n2.add(o, e));
+          return r.diff(u, "week") + 1;
+        }, d.isoWeekday = function(e2) {
+          return this.$utils().u(e2) ? this.day() || 7 : this.day(this.day() % 7 ? e2 : e2 - 7);
+        };
+        var n = d.startOf;
+        d.startOf = function(e2, t2) {
+          var i2 = this.$utils(), s2 = !!i2.u(t2) || t2;
+          return "isoweek" === i2.p(e2) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n.bind(this)(e2, t2);
+        };
+      };
+    }));
+  }
+});
+
+// node_modules/@novadi/core/dist/token.js
+var tokenCounter = 0;
+function Token(description) {
+  const id = ++tokenCounter;
+  const sym = /* @__PURE__ */ Symbol(description ? `Token(${description})` : `Token#${id}`);
+  const token2 = {
+    symbol: sym,
+    description,
+    toString() {
+      return description ? `Token<${description}>` : `Token<#${id}>`;
+    }
+  };
+  return token2;
+}
+
+// node_modules/@novadi/core/dist/errors.js
+var ContainerError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ContainerError";
+  }
+};
+var BindingNotFoundError = class extends ContainerError {
+  constructor(tokenDescription, path = []) {
+    const pathStr = path.length > 0 ? `
+  Dependency path: ${path.join(" -> ")}` : "";
+    super(`Token "${tokenDescription}" is not bound or registered in the container.${pathStr}`);
+    this.name = "BindingNotFoundError";
+  }
+};
+var CircularDependencyError = class extends ContainerError {
+  constructor(path) {
+    super(`Circular dependency detected: ${path.join(" -> ")}`);
+    this.name = "CircularDependencyError";
+  }
+};
+
+// node_modules/@novadi/core/dist/autowire.js
+var paramNameCache = /* @__PURE__ */ new WeakMap();
+function extractParameterNames(constructor) {
+  const cached = paramNameCache.get(constructor);
+  if (cached) {
+    return cached;
+  }
+  const fnStr = constructor.toString();
+  const match = fnStr.match(/constructor\s*\(([^)]*)\)/) || fnStr.match(/^[^(]*\(([^)]*)\)/);
+  if (!match || !match[1]) {
+    return [];
+  }
+  const params = match[1].split(",").map((param) => param.trim()).filter((param) => param.length > 0).map((param) => {
+    let name = param.split(/[:=]/)[0].trim();
+    name = name.replace(/^((public|private|protected|readonly)\s+)+/, "");
+    if (name.includes("{") || name.includes("[")) {
+      return null;
+    }
+    return name;
+  }).filter((name) => name !== null);
+  paramNameCache.set(constructor, params);
+  return params;
+}
+function resolveByMap(constructor, container, options) {
+  if (!options.map) {
+    throw new Error("AutoWire map strategy requires options.map to be defined");
+  }
+  const paramNames = extractParameterNames(constructor);
+  const resolvedDeps = [];
+  for (const paramName of paramNames) {
+    const resolver = options.map[paramName];
+    if (resolver === void 0) {
+      if (options.strict) {
+        throw new Error(`Cannot resolve parameter "${paramName}" on ${constructor.name}. Not found in autowire map. Add it to the map: .autoWire({ map: { ${paramName}: ... } })`);
+      } else {
+        resolvedDeps.push(void 0);
+      }
+      continue;
+    }
+    if (typeof resolver === "function") {
+      resolvedDeps.push(resolver(container));
+    } else {
+      resolvedDeps.push(container.resolve(resolver));
+    }
+  }
+  return resolvedDeps;
+}
+function resolveByMapResolvers(_constructor, container, options) {
+  if (!options.mapResolvers || options.mapResolvers.length === 0) {
+    return [];
+  }
+  const resolvedDeps = [];
+  for (let i = 0; i < options.mapResolvers.length; i++) {
+    const resolver = options.mapResolvers[i];
+    if (resolver === void 0) {
+      resolvedDeps.push(void 0);
+    } else if (typeof resolver === "function") {
+      resolvedDeps.push(resolver(container));
+    } else {
+      resolvedDeps.push(container.resolve(resolver));
+    }
+  }
+  return resolvedDeps;
+}
+function autowire(constructor, container, options) {
+  const opts = {
+    by: "paramName",
+    strict: false,
+    ...options
+  };
+  if (opts.mapResolvers && opts.mapResolvers.length > 0) {
+    return resolveByMapResolvers(constructor, container, opts);
+  }
+  if (opts.map && Object.keys(opts.map).length > 0) {
+    return resolveByMap(constructor, container, opts);
+  }
+  return [];
+}
+
+// node_modules/@novadi/core/dist/builder.js
+var RegistrationBuilder = class {
+  constructor(pending, registrations) {
+    this.registrations = registrations;
+    this.configs = [];
+    this.defaultLifetime = "singleton";
+    this.pending = pending;
+  }
+  /**
+   * Bind this registration to a token or interface type
+   *
+   * @overload
+   * @param {Token<U>} token - Explicit token for binding
+   *
+   * @overload
+   * @param {string} typeName - Interface type name (auto-generated by transformer)
+   */
+  as(tokenOrTypeName) {
+    if (tokenOrTypeName && typeof tokenOrTypeName === "object" && "symbol" in tokenOrTypeName) {
+      const config = {
+        token: tokenOrTypeName,
+        type: this.pending.type,
+        value: this.pending.value,
+        factory: this.pending.factory,
+        constructor: this.pending.constructor,
+        lifetime: this.defaultLifetime
+      };
+      this.configs.push(config);
+      this.registrations.push(config);
+      return this;
+    } else {
+      const config = {
+        token: null,
+        // Will be set during build()
+        type: this.pending.type,
+        value: this.pending.value,
+        factory: this.pending.factory,
+        constructor: this.pending.constructor,
+        lifetime: this.defaultLifetime,
+        interfaceType: tokenOrTypeName
+      };
+      this.configs.push(config);
+      this.registrations.push(config);
+      return this;
+    }
+  }
+  /**
+   * Register as default implementation for an interface
+   * Combines as() + asDefault()
+   */
+  asDefaultInterface(typeName) {
+    this.as("TInterface", typeName);
+    return this.asDefault();
+  }
+  /**
+   * Register as a keyed interface implementation
+   * Combines as() + keyed()
+   */
+  asKeyedInterface(key, typeName) {
+    this.as("TInterface", typeName);
+    return this.keyed(key);
+  }
+  /**
+   * Register as multiple implemented interfaces
+   */
+  asImplementedInterfaces(tokens) {
+    if (tokens.length === 0) {
+      return this;
+    }
+    if (this.configs.length > 0) {
+      for (const config of this.configs) {
+        config.lifetime = "singleton";
+        config.additionalTokens = config.additionalTokens || [];
+        config.additionalTokens.push(...tokens);
+      }
+      return this;
+    }
+    const firstConfig = {
+      token: tokens[0],
+      type: this.pending.type,
+      value: this.pending.value,
+      factory: this.pending.factory,
+      constructor: this.pending.constructor,
+      lifetime: "singleton"
+    };
+    this.configs.push(firstConfig);
+    this.registrations.push(firstConfig);
+    for (let i = 1; i < tokens.length; i++) {
+      firstConfig.additionalTokens = firstConfig.additionalTokens || [];
+      firstConfig.additionalTokens.push(tokens[i]);
+    }
+    return this;
+  }
+  /**
+   * Set singleton lifetime (one instance for entire container)
+   */
+  singleInstance() {
+    for (const config of this.configs) {
+      config.lifetime = "singleton";
+    }
+    return this;
+  }
+  /**
+   * Set per-request lifetime (one instance per resolve call tree)
+   */
+  instancePerRequest() {
+    for (const config of this.configs) {
+      config.lifetime = "per-request";
+    }
+    return this;
+  }
+  /**
+   * Set transient lifetime (new instance every time)
+   * Alias for default behavior
+   */
+  instancePerDependency() {
+    for (const config of this.configs) {
+      config.lifetime = "transient";
+    }
+    return this;
+  }
+  /**
+   * Name this registration for named resolution
+   */
+  named(name) {
+    for (const config of this.configs) {
+      config.name = name;
+    }
+    return this;
+  }
+  /**
+   * Key this registration for keyed resolution
+   */
+  keyed(key) {
+    for (const config of this.configs) {
+      config.key = key;
+    }
+    return this;
+  }
+  /**
+   * Mark this as default registration
+   * Default registrations don't override existing ones
+   */
+  asDefault() {
+    for (const config of this.configs) {
+      config.isDefault = true;
+    }
+    return this;
+  }
+  /**
+   * Only register if token not already registered
+   */
+  ifNotRegistered() {
+    for (const config of this.configs) {
+      config.ifNotRegistered = true;
+    }
+    return this;
+  }
+  /**
+   * Specify parameter values for constructor (primitives and constants)
+   * Use this for non-DI parameters like strings, numbers, config values
+   */
+  withParameters(parameters) {
+    for (const config of this.configs) {
+      config.parameterValues = parameters;
+    }
+    return this;
+  }
+  /**
+   * Enable automatic dependency injection (autowiring)
+   * Supports three strategies: paramName (default), map, and class
+   *
+   * @example
+   * ```ts
+   * // Strategy 1: paramName (default, requires non-minified code in dev)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire()
+   *
+   * // Strategy 2: map (minify-safe, explicit)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire({
+   *   map: {
+   *     logger: (c) => c.resolveType<ILogger>()
+   *   }
+   * })
+   *
+   * // Strategy 3: class (requires build-time codegen)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire({ by: 'class' })
+   * ```
+   */
+  autoWire(options) {
+    for (const config of this.configs) {
+      config.autowireOptions = options || { by: "paramName", strict: false };
+    }
+    return this;
+  }
+};
+var Builder = class {
+  constructor(baseContainer) {
+    this.baseContainer = baseContainer;
+    this.registrations = [];
+  }
+  /**
+   * Register a class constructor
+   */
+  registerType(constructor) {
+    const pending = {
+      type: "type",
+      value: null,
+      constructor
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a pre-created instance
+   */
+  registerInstance(instance) {
+    const pending = {
+      type: "instance",
+      value: instance,
+      constructor: void 0
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a factory function
+   */
+  register(factory) {
+    const pending = {
+      type: "factory",
+      value: null,
+      factory,
+      constructor: void 0
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a module (function that adds multiple registrations)
+   */
+  module(moduleFunc) {
+    moduleFunc(this);
+    return this;
+  }
+  /**
+   * Resolve interface type names to tokens
+   * @internal
+   */
+  resolveInterfaceTokens(container) {
+    for (const config of this.registrations) {
+      if (config.interfaceType !== void 0 && !config.token) {
+        config.token = container.interfaceToken(config.interfaceType);
+      }
+    }
+  }
+  /**
+   * Identify tokens that have non-default registrations
+   * @internal
+   */
+  identifyNonDefaultTokens() {
+    const tokensWithNonDefaults = /* @__PURE__ */ new Set();
+    for (const config of this.registrations) {
+      if (!config.isDefault && !config.name && config.key === void 0) {
+        tokensWithNonDefaults.add(config.token);
+      }
+    }
+    return tokensWithNonDefaults;
+  }
+  /**
+   * Check if registration should be skipped
+   * @internal
+   */
+  shouldSkipRegistration(config, tokensWithNonDefaults, registeredTokens) {
+    if (config.isDefault && !config.name && config.key === void 0 && tokensWithNonDefaults.has(config.token)) {
+      return true;
+    }
+    if (config.ifNotRegistered && registeredTokens.has(config.token)) {
+      return true;
+    }
+    if (config.isDefault && registeredTokens.has(config.token)) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Create binding token for registration (named, keyed, or multi)
+   * @internal
+   */
+  createBindingToken(config, namedRegistrations, keyedRegistrations, multiRegistrations) {
+    if (config.name) {
+      const bindingToken = Token(`__named_${config.name}`);
+      namedRegistrations.set(config.name, { ...config, token: bindingToken });
+      return bindingToken;
+    } else if (config.key !== void 0) {
+      const keyStr = typeof config.key === "symbol" ? config.key.toString() : config.key;
+      const bindingToken = Token(`__keyed_${keyStr}`);
+      keyedRegistrations.set(config.key, { ...config, token: bindingToken });
+      return bindingToken;
+    } else {
+      if (multiRegistrations.has(config.token)) {
+        const bindingToken = Token(`__multi_${config.token.toString()}_${multiRegistrations.get(config.token).length}`);
+        multiRegistrations.get(config.token).push(bindingToken);
+        return bindingToken;
+      } else {
+        multiRegistrations.set(config.token, [config.token]);
+        return config.token;
+      }
+    }
+  }
+  /**
+   * Register additional interfaces for a config
+   * @internal
+   */
+  registerAdditionalInterfaces(container, config, bindingToken, registeredTokens) {
+    if (config.additionalTokens) {
+      for (const additionalToken of config.additionalTokens) {
+        container.bindFactory(additionalToken, (c) => c.resolve(bindingToken), { lifetime: config.lifetime });
+        registeredTokens.add(additionalToken);
+      }
+    }
+  }
+  /**
+   * Build the container with all registered bindings
+   */
+  build() {
+    const container = this.baseContainer.createChild();
+    this.resolveInterfaceTokens(container);
+    const registeredTokens = /* @__PURE__ */ new Set();
+    const namedRegistrations = /* @__PURE__ */ new Map();
+    const keyedRegistrations = /* @__PURE__ */ new Map();
+    const multiRegistrations = /* @__PURE__ */ new Map();
+    const tokensWithNonDefaults = this.identifyNonDefaultTokens();
+    for (const config of this.registrations) {
+      if (this.shouldSkipRegistration(config, tokensWithNonDefaults, registeredTokens)) {
+        continue;
+      }
+      const bindingToken = this.createBindingToken(config, namedRegistrations, keyedRegistrations, multiRegistrations);
+      this.applyRegistration(container, { ...config, token: bindingToken });
+      registeredTokens.add(config.token);
+      this.registerAdditionalInterfaces(container, config, bindingToken, registeredTokens);
+    }
+    ;
+    container.__namedRegistrations = namedRegistrations;
+    container.__keyedRegistrations = keyedRegistrations;
+    container.__multiRegistrations = multiRegistrations;
+    return container;
+  }
+  /**
+   * Analyze constructor to detect dependencies
+   * @internal
+   */
+  analyzeConstructor(constructor) {
+    const constructorStr = constructor.toString();
+    const hasDependencies = /constructor\s*\([^)]+\)/.test(constructorStr);
+    return { hasDependencies };
+  }
+  /**
+   * Create optimized factory for zero-dependency constructors
+   * @internal
+   */
+  createOptimizedFactory(container, config, options) {
+    if (config.lifetime === "singleton") {
+      const instance = new config.constructor();
+      container.bindValue(config.token, instance);
+    } else if (config.lifetime === "transient") {
+      const ctor = config.constructor;
+      const fastFactory = () => new ctor();
+      container.fastTransientCache.set(config.token, fastFactory);
+      container.bindFactory(config.token, fastFactory, options);
+    } else {
+      const factory = () => new config.constructor();
+      container.bindFactory(config.token, factory, options);
+    }
+  }
+  /**
+   * Create autowire factory
+   * @internal
+   */
+  createAutoWireFactory(container, config, options) {
+    const factory = (c) => {
+      const resolvedDeps = autowire(config.constructor, c, config.autowireOptions);
+      return new config.constructor(...resolvedDeps);
+    };
+    container.bindFactory(config.token, factory, options);
+  }
+  /**
+   * Create withParameters factory
+   * @internal
+   */
+  createParameterFactory(container, config, options) {
+    const factory = () => {
+      const values = Object.values(config.parameterValues);
+      return new config.constructor(...values);
+    };
+    container.bindFactory(config.token, factory, options);
+  }
+  /**
+   * Apply type registration (class constructor)
+   * @internal
+   */
+  applyTypeRegistration(container, config, options) {
+    const { hasDependencies } = this.analyzeConstructor(config.constructor);
+    if (!hasDependencies && !config.autowireOptions && !config.parameterValues) {
+      this.createOptimizedFactory(container, config, options);
+      return;
+    }
+    if (config.autowireOptions) {
+      this.createAutoWireFactory(container, config, options);
+      return;
+    }
+    if (config.parameterValues) {
+      this.createParameterFactory(container, config, options);
+      return;
+    }
+    if (hasDependencies) {
+      const className = config.constructor.name || "UnnamedClass";
+      throw new Error(`Service "${className}" has constructor dependencies but no autowiring configuration.
+
+Solutions:
+  1. \u2B50 Use the NovaDI transformer (recommended):
+     - Add "@novadi/core/unplugin" to your build config
+     - Transformer automatically generates .autoWire() for all dependencies
+
+  2. Add manual autowiring:
+     .autoWire({ map: { /* param: resolver */ } })
+
+  3. Use a factory function:
+     .register((c) => new ${className}(...))
+
+See docs: https://github.com/janus007/NovaDI#autowire`);
+    }
+    const factory = () => new config.constructor();
+    container.bindFactory(config.token, factory, options);
+  }
+  applyRegistration(container, config) {
+    const options = { lifetime: config.lifetime };
+    switch (config.type) {
+      case "instance":
+        container.bindValue(config.token, config.value);
+        break;
+      case "factory":
+        container.bindFactory(config.token, config.factory, options);
+        break;
+      case "type":
+        this.applyTypeRegistration(container, config, options);
+        break;
+    }
+  }
+};
+
+// node_modules/@novadi/core/dist/container.js
+function isDisposable(obj) {
+  return obj && typeof obj.dispose === "function";
+}
+var ResolutionContext = class {
+  constructor() {
+    this.resolvingStack = /* @__PURE__ */ new Set();
+    this.perRequestCache = /* @__PURE__ */ new Map();
+  }
+  isResolving(token2) {
+    return this.resolvingStack.has(token2);
+  }
+  enterResolve(token2) {
+    this.resolvingStack.add(token2);
+  }
+  exitResolve(token2) {
+    this.resolvingStack.delete(token2);
+    this.path = void 0;
+  }
+  getPath() {
+    if (!this.path) {
+      this.path = Array.from(this.resolvingStack).map((t) => t.toString());
+    }
+    return [...this.path];
+  }
+  cachePerRequest(token2, instance) {
+    this.perRequestCache.set(token2, instance);
+  }
+  getPerRequest(token2) {
+    return this.perRequestCache.get(token2);
+  }
+  hasPerRequest(token2) {
+    return this.perRequestCache.has(token2);
+  }
+  /**
+   * Reset context for reuse in object pool
+   * Performance: Reusing contexts avoids heap allocations
+   */
+  reset() {
+    this.resolvingStack.clear();
+    this.perRequestCache.clear();
+    this.path = void 0;
+  }
+};
+var ResolutionContextPool = class {
+  constructor() {
+    this.pool = [];
+    this.maxSize = 10;
+  }
+  acquire() {
+    const context = this.pool.pop();
+    if (context) {
+      context.reset();
+      return context;
+    }
+    return new ResolutionContext();
+  }
+  release(context) {
+    if (this.pool.length < this.maxSize) {
+      this.pool.push(context);
+    }
+  }
+};
+var Container = class _Container {
+  constructor(parent) {
+    this.bindings = /* @__PURE__ */ new Map();
+    this.singletonCache = /* @__PURE__ */ new Map();
+    this.singletonOrder = [];
+    this.interfaceRegistry = /* @__PURE__ */ new Map();
+    this.interfaceTokenCache = /* @__PURE__ */ new Map();
+    this.fastTransientCache = /* @__PURE__ */ new Map();
+    this.ultraFastSingletonCache = /* @__PURE__ */ new Map();
+    this.parent = parent;
+  }
+  /**
+   * Bind a pre-created value to a token
+   */
+  bindValue(token2, value) {
+    this.bindings.set(token2, {
+      type: "value",
+      lifetime: "singleton",
+      value,
+      constructor: void 0
+    });
+    this.invalidateBindingCache();
+  }
+  /**
+   * Bind a factory function to a token
+   */
+  bindFactory(token2, factory, options) {
+    this.bindings.set(token2, {
+      type: "factory",
+      lifetime: options?.lifetime || "transient",
+      factory,
+      dependencies: options?.dependencies,
+      constructor: void 0
+    });
+    this.invalidateBindingCache();
+  }
+  /**
+   * Bind a class constructor to a token
+   */
+  bindClass(token2, constructor, options) {
+    const binding = {
+      type: "class",
+      lifetime: options?.lifetime || "transient",
+      constructor,
+      dependencies: options?.dependencies
+    };
+    this.bindings.set(token2, binding);
+    this.invalidateBindingCache();
+    if (binding.lifetime === "transient" && (!binding.dependencies || binding.dependencies.length === 0)) {
+      this.fastTransientCache.set(token2, () => new constructor());
+    }
+  }
+  /**
+   * Resolve a dependency synchronously
+   * Performance optimized with multiple fast paths
+   */
+  resolve(token2) {
+    const cached = this.tryGetFromCaches(token2);
+    if (cached !== void 0) {
+      return cached;
+    }
+    if (this.currentContext) {
+      return this.resolveWithContext(token2, this.currentContext);
+    }
+    const context = _Container.contextPool.acquire();
+    this.currentContext = context;
+    try {
+      return this.resolveWithContext(token2, context);
+    } finally {
+      this.currentContext = void 0;
+      _Container.contextPool.release(context);
+    }
+  }
+  /**
+   * SPECIALIZED: Ultra-fast singleton resolve (no safety checks)
+   * Use ONLY when you're 100% sure the token is a registered singleton
+   * @internal For performance-critical paths only
+   */
+  resolveSingletonUnsafe(token2) {
+    return this.ultraFastSingletonCache.get(token2) ?? this.singletonCache.get(token2);
+  }
+  /**
+   * SPECIALIZED: Fast transient resolve for zero-dependency classes
+   * Skips all context creation and circular dependency checks
+   * @internal For performance-critical paths only
+   */
+  resolveTransientSimple(token2) {
+    const factory = this.fastTransientCache.get(token2);
+    if (factory) {
+      return factory();
+    }
+    return this.resolve(token2);
+  }
+  /**
+   * SPECIALIZED: Batch resolve multiple dependencies at once
+   * More efficient than multiple individual resolves
+   */
+  resolveBatch(tokens) {
+    const wasResolving = !!this.currentContext;
+    const context = this.currentContext || _Container.contextPool.acquire();
+    if (!wasResolving) {
+      this.currentContext = context;
+    }
+    try {
+      const results = tokens.map((token2) => {
+        const cached = this.tryGetFromCaches(token2);
+        if (cached !== void 0)
+          return cached;
+        return this.resolveWithContext(token2, context);
+      });
+      return results;
+    } finally {
+      if (!wasResolving) {
+        this.currentContext = void 0;
+        _Container.contextPool.release(context);
+      }
+    }
+  }
+  /**
+   * Resolve a dependency asynchronously (supports async factories)
+   */
+  async resolveAsync(token2) {
+    if (this.currentContext) {
+      return this.resolveAsyncWithContext(token2, this.currentContext);
+    }
+    const context = _Container.contextPool.acquire();
+    this.currentContext = context;
+    try {
+      return await this.resolveAsyncWithContext(token2, context);
+    } finally {
+      this.currentContext = void 0;
+      _Container.contextPool.release(context);
+    }
+  }
+  /**
+   * Try to get instance from all cache levels
+   * Returns undefined if not cached
+   * @internal
+   */
+  tryGetFromCaches(token2) {
+    const ultraFast = this.ultraFastSingletonCache.get(token2);
+    if (ultraFast !== void 0) {
+      return ultraFast;
+    }
+    if (this.singletonCache.has(token2)) {
+      const cached = this.singletonCache.get(token2);
+      this.ultraFastSingletonCache.set(token2, cached);
+      return cached;
+    }
+    const fastFactory = this.fastTransientCache.get(token2);
+    if (fastFactory) {
+      return fastFactory();
+    }
+    return void 0;
+  }
+  /**
+   * Cache instance based on lifetime strategy
+   * @internal
+   */
+  cacheInstance(token2, instance, lifetime, context) {
+    if (lifetime === "singleton") {
+      this.singletonCache.set(token2, instance);
+      this.singletonOrder.push(token2);
+      this.ultraFastSingletonCache.set(token2, instance);
+    } else if (lifetime === "per-request" && context) {
+      context.cachePerRequest(token2, instance);
+    }
+  }
+  /**
+   * Validate and get binding with circular dependency check
+   * Returns binding or throws error
+   * @internal
+   */
+  validateAndGetBinding(token2, context) {
+    if (context.isResolving(token2)) {
+      throw new CircularDependencyError([...context.getPath(), token2.toString()]);
+    }
+    const binding = this.getBinding(token2);
+    if (!binding) {
+      throw new BindingNotFoundError(token2.toString(), context.getPath());
+    }
+    return binding;
+  }
+  /**
+   * Instantiate from binding synchronously
+   * @internal
+   */
+  instantiateBindingSync(binding, token2, context) {
+    switch (binding.type) {
+      case "value":
+        return binding.value;
+      case "factory":
+        const result = binding.factory(this);
+        if (result instanceof Promise) {
+          throw new Error(`Async factory detected for ${token2.toString()}. Use resolveAsync() instead.`);
+        }
+        return result;
+      case "class":
+        const deps = binding.dependencies || [];
+        const resolvedDeps = deps.map((dep) => this.resolveWithContext(dep, context));
+        return new binding.constructor(...resolvedDeps);
+      case "inline-class":
+        return new binding.constructor();
+      default:
+        throw new Error(`Unknown binding type: ${binding.type}`);
+    }
+  }
+  /**
+   * Instantiate from binding asynchronously
+   * @internal
+   */
+  async instantiateBindingAsync(binding, context) {
+    switch (binding.type) {
+      case "value":
+        return binding.value;
+      case "factory":
+        return await Promise.resolve(binding.factory(this));
+      case "class":
+        const deps = binding.dependencies || [];
+        const resolvedDeps = await Promise.all(deps.map((dep) => this.resolveAsyncWithContext(dep, context)));
+        return new binding.constructor(...resolvedDeps);
+      case "inline-class":
+        return new binding.constructor();
+      default:
+        throw new Error(`Unknown binding type: ${binding.type}`);
+    }
+  }
+  /**
+   * Create a child container that inherits bindings from this container
+   */
+  createChild() {
+    return new _Container(this);
+  }
+  /**
+   * Dispose all singleton instances in reverse registration order
+   */
+  async dispose() {
+    const errors = [];
+    for (let i = this.singletonOrder.length - 1; i >= 0; i--) {
+      const token2 = this.singletonOrder[i];
+      const instance = this.singletonCache.get(token2);
+      if (instance && isDisposable(instance)) {
+        try {
+          await instance.dispose();
+        } catch (error) {
+          errors.push(error);
+        }
+      }
+    }
+    this.singletonCache.clear();
+    this.singletonOrder.length = 0;
+  }
+  /**
+   * Create a fluent builder for registering dependencies
+   */
+  builder() {
+    return new Builder(this);
+  }
+  /**
+   * Resolve a named service
+   */
+  resolveNamed(name) {
+    const namedRegistrations = this.__namedRegistrations;
+    if (!namedRegistrations) {
+      throw new Error(`Named service "${name}" not found. No named registrations exist.`);
+    }
+    const config = namedRegistrations.get(name);
+    if (!config) {
+      throw new Error(`Named service "${name}" not found`);
+    }
+    return this.resolve(config.token);
+  }
+  /**
+   * Resolve a keyed service
+   */
+  resolveKeyed(key) {
+    const keyedRegistrations = this.__keyedRegistrations;
+    if (!keyedRegistrations) {
+      throw new Error(`Keyed service not found. No keyed registrations exist.`);
+    }
+    const config = keyedRegistrations.get(key);
+    if (!config) {
+      const keyStr = typeof key === "symbol" ? key.toString() : `"${key}"`;
+      throw new Error(`Keyed service ${keyStr} not found`);
+    }
+    return this.resolve(config.token);
+  }
+  /**
+   * Resolve all registrations for a token
+   */
+  resolveAll(token2) {
+    const multiRegistrations = this.__multiRegistrations;
+    if (!multiRegistrations) {
+      return [];
+    }
+    const tokens = multiRegistrations.get(token2);
+    if (!tokens || tokens.length === 0) {
+      return [];
+    }
+    return tokens.map((t) => this.resolve(t));
+  }
+  /**
+   * Get registry information for debugging/visualization
+   * Returns array of binding information
+   */
+  getRegistry() {
+    const registry = [];
+    this.bindings.forEach((binding, token2) => {
+      registry.push({
+        token: token2.description || token2.symbol.toString(),
+        type: binding.type,
+        lifetime: binding.lifetime,
+        dependencies: binding.dependencies?.map((d) => d.description || d.symbol.toString())
+      });
+    });
+    return registry;
+  }
+  /**
+   * Get or create a token for an interface type
+   * Uses a type name hash as key for the interface registry
+   */
+  interfaceToken(typeName) {
+    const key = typeName || `Interface_${Math.random().toString(36).substr(2, 9)}`;
+    if (this.interfaceRegistry.has(key)) {
+      return this.interfaceRegistry.get(key);
+    }
+    if (this.parent) {
+      const parentToken = this.parent.interfaceToken(key);
+      return parentToken;
+    }
+    const token2 = Token(key);
+    this.interfaceRegistry.set(key, token2);
+    return token2;
+  }
+  /**
+   * Resolve a dependency by interface type without explicit token
+   */
+  resolveType(typeName) {
+    const key = typeName || "";
+    let token2 = this.interfaceTokenCache.get(key);
+    if (!token2) {
+      token2 = this.interfaceToken(typeName);
+      this.interfaceTokenCache.set(key, token2);
+    }
+    return this.resolve(token2);
+  }
+  /**
+   * Resolve a keyed interface
+   */
+  resolveTypeKeyed(key, _typeName) {
+    return this.resolveKeyed(key);
+  }
+  /**
+   * Resolve all registrations for an interface type
+   */
+  resolveTypeAll(typeName) {
+    const token2 = this.interfaceToken(typeName);
+    return this.resolveAll(token2);
+  }
+  /**
+   * Internal: Resolve with context for circular dependency detection
+   */
+  resolveWithContext(token2, context) {
+    const binding = this.validateAndGetBinding(token2, context);
+    if (binding.lifetime === "per-request" && context.hasPerRequest(token2)) {
+      return context.getPerRequest(token2);
+    }
+    if (binding.lifetime === "singleton" && this.singletonCache.has(token2)) {
+      return this.singletonCache.get(token2);
+    }
+    context.enterResolve(token2);
+    try {
+      const instance = this.instantiateBindingSync(binding, token2, context);
+      this.cacheInstance(token2, instance, binding.lifetime, context);
+      return instance;
+    } finally {
+      context.exitResolve(token2);
+    }
+  }
+  /**
+   * Internal: Async resolve with context
+   */
+  async resolveAsyncWithContext(token2, context) {
+    const binding = this.validateAndGetBinding(token2, context);
+    if (binding.lifetime === "per-request" && context.hasPerRequest(token2)) {
+      return context.getPerRequest(token2);
+    }
+    if (binding.lifetime === "singleton" && this.singletonCache.has(token2)) {
+      return this.singletonCache.get(token2);
+    }
+    context.enterResolve(token2);
+    try {
+      const instance = await this.instantiateBindingAsync(binding, context);
+      this.cacheInstance(token2, instance, binding.lifetime, context);
+      return instance;
+    } finally {
+      context.exitResolve(token2);
+    }
+  }
+  /**
+   * Get binding from this container or parent chain
+   * Performance optimized: Uses flat cache to avoid recursive parent lookups
+   */
+  getBinding(token2) {
+    if (!this.bindingCache) {
+      this.buildBindingCache();
+    }
+    return this.bindingCache.get(token2);
+  }
+  /**
+   * Build flat cache of all bindings including parent chain
+   * This converts O(n) parent chain traversal to O(1) lookup
+   */
+  buildBindingCache() {
+    this.bindingCache = /* @__PURE__ */ new Map();
+    let current = this;
+    while (current) {
+      current.bindings.forEach((binding, token2) => {
+        if (!this.bindingCache.has(token2)) {
+          this.bindingCache.set(token2, binding);
+        }
+      });
+      current = current.parent;
+    }
+  }
+  /**
+   * Invalidate binding cache when new bindings are added
+   * Called by bindValue, bindFactory, bindClass
+   */
+  invalidateBindingCache() {
+    this.bindingCache = void 0;
+    this.ultraFastSingletonCache.clear();
+  }
+};
+Container.contextPool = new ResolutionContextPool();
+
+// node_modules/calendar/dist/chunk-OPIZ4QQE.js
+var BaseGroupingRenderer = class {
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context) {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0)
+      return;
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter["date"]?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter((id) => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+      this.renderHeader(entity, header, context);
+      context.headerContainer.appendChild(header);
+    }
+  }
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  renderHeader(entity, header, _context) {
+    header.textContent = this.getDisplayName(entity);
+  }
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  createHeader(entity, context) {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+};
+
+// node_modules/calendar/dist/chunk-CMOI3H5F.js
+var CoreEvents = {
+  // Lifecycle events
+  INITIALIZED: "core:initialized",
+  READY: "core:ready",
+  DESTROYED: "core:destroyed",
+  // View events
+  VIEW_CHANGED: "view:changed",
+  VIEW_RENDERED: "view:rendered",
+  // Navigation events
+  DATE_CHANGED: "nav:date-changed",
+  NAVIGATION_COMPLETED: "nav:navigation-completed",
+  // Data events
+  DATA_LOADING: "data:loading",
+  DATA_LOADED: "data:loaded",
+  DATA_ERROR: "data:error",
+  // Grid events
+  GRID_RENDERED: "grid:rendered",
+  GRID_CLICKED: "grid:clicked",
+  // Event management
+  EVENT_CREATED: "event:created",
+  EVENT_UPDATED: "event:updated",
+  EVENT_DELETED: "event:deleted",
+  EVENT_SELECTED: "event:selected",
+  // Event drag-drop
+  EVENT_DRAG_START: "event:drag-start",
+  EVENT_DRAG_MOVE: "event:drag-move",
+  EVENT_DRAG_END: "event:drag-end",
+  EVENT_DRAG_CANCEL: "event:drag-cancel",
+  EVENT_DRAG_COLUMN_CHANGE: "event:drag-column-change",
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: "event:drag-enter-header",
+  EVENT_DRAG_MOVE_HEADER: "event:drag-move-header",
+  EVENT_DRAG_LEAVE_HEADER: "event:drag-leave-header",
+  // Event resize
+  EVENT_RESIZE_START: "event:resize-start",
+  EVENT_RESIZE_END: "event:resize-end",
+  // Edge scroll
+  EDGE_SCROLL_TICK: "edge-scroll:tick",
+  EDGE_SCROLL_STARTED: "edge-scroll:started",
+  EDGE_SCROLL_STOPPED: "edge-scroll:stopped",
+  // System events
+  ERROR: "system:error",
+  // Sync events
+  SYNC_STARTED: "sync:started",
+  SYNC_COMPLETED: "sync:completed",
+  SYNC_FAILED: "sync:failed",
+  // Entity events - for audit and sync
+  ENTITY_SAVED: "entity:saved",
+  ENTITY_DELETED: "entity:deleted",
+  // Audit events
+  AUDIT_LOGGED: "audit:logged",
+  // Rendering events
+  EVENTS_RENDERED: "events:rendered"
+};
+var SyncPlugin = class {
+  constructor(service) {
+    this.service = service;
+  }
+  /**
+   * Mark entity as successfully synced
+   */
+  async markAsSynced(id) {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = "synced";
+      await this.service.save(entity);
+    }
+  }
+  /**
+   * Mark entity as sync error
+   */
+  async markAsError(id) {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = "error";
+      await this.service.save(entity);
+    }
+  }
+  /**
+   * Get current sync status for an entity
+   */
+  async getSyncStatus(id) {
+    const entity = await this.service.get(id);
+    return entity ? entity.syncStatus : null;
+  }
+  /**
+   * Get entities by sync status using IndexedDB index
+   */
+  async getBySyncStatus(syncStatus) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.service.db.transaction([this.service.storeName], "readonly");
+      const store = transaction.objectStore(this.service.storeName);
+      const index = store.index("syncStatus");
+      const request = index.getAll(syncStatus);
+      request.onsuccess = () => {
+        const data = request.result;
+        const entities = data.map((item) => this.service.deserialize(item));
+        resolve(entities);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get by sync status ${syncStatus}: ${request.error}`));
+      };
+    });
+  }
+};
+function arrayDifference(first, second) {
+  const secondSet = new Set(second);
+  return first.filter((item) => !secondSet.has(item));
+}
+function arrayIntersection(first, second) {
+  const secondSet = new Set(second);
+  return first.filter((item) => secondSet.has(item));
+}
+function keyBy(arr, getKey2) {
+  const result = {};
+  for (const item of arr) {
+    result[String(getKey2(item))] = item;
+  }
+  return result;
+}
+function diff(oldObj, newObj, options = {}) {
+  let { embeddedObjKeys } = options;
+  const { keysToSkip, treatTypeChangeAsReplace } = options;
+  if (embeddedObjKeys instanceof Map) {
+    embeddedObjKeys = new Map(
+      Array.from(embeddedObjKeys.entries()).map(([key, value]) => [
+        key instanceof RegExp ? key : key.replace(/^\./, ""),
+        value
+      ])
+    );
+  } else if (embeddedObjKeys) {
+    embeddedObjKeys = Object.fromEntries(
+      Object.entries(embeddedObjKeys).map(([key, value]) => [key.replace(/^\./, ""), value])
+    );
+  }
+  return compare(oldObj, newObj, [], [], {
+    embeddedObjKeys,
+    keysToSkip: keysToSkip ?? [],
+    treatTypeChangeAsReplace: treatTypeChangeAsReplace ?? true
+  });
+}
+var getTypeOfObj = (obj) => {
+  if (typeof obj === "undefined") {
+    return "undefined";
+  }
+  if (obj === null) {
+    return null;
+  }
+  return Object.prototype.toString.call(obj).match(/^\[object\s(.*)\]$/)[1];
+};
+var getKey = (path) => {
+  const left = path[path.length - 1];
+  return left != null ? left : "$root";
+};
+var compare = (oldObj, newObj, path, keyPath, options) => {
+  let changes = [];
+  const currentPath = keyPath.join(".");
+  if (options.keysToSkip?.some((skipPath) => {
+    if (currentPath === skipPath) {
+      return true;
+    }
+    if (skipPath.includes(".") && skipPath.startsWith(currentPath + ".")) {
+      return false;
+    }
+    if (skipPath.includes(".")) {
+      const skipParts = skipPath.split(".");
+      const currentParts = currentPath.split(".");
+      if (currentParts.length >= skipParts.length) {
+        for (let i = 0; i < skipParts.length; i++) {
+          if (skipParts[i] !== currentParts[i]) {
+            return false;
+          }
+        }
+        return true;
+      }
+    }
+    return false;
+  })) {
+    return changes;
+  }
+  const typeOfOldObj = getTypeOfObj(oldObj);
+  const typeOfNewObj = getTypeOfObj(newObj);
+  if (options.treatTypeChangeAsReplace && typeOfOldObj !== typeOfNewObj) {
+    if (typeOfOldObj !== "undefined") {
+      changes.push({ type: "REMOVE", key: getKey(path), value: oldObj });
+    }
+    if (typeOfNewObj !== "undefined") {
+      changes.push({ type: "ADD", key: getKey(path), value: newObj });
+    }
+    return changes;
+  }
+  if (typeOfNewObj === "undefined" && typeOfOldObj !== "undefined") {
+    changes.push({ type: "REMOVE", key: getKey(path), value: oldObj });
+    return changes;
+  }
+  if (typeOfNewObj === "Object" && typeOfOldObj === "Array") {
+    changes.push({ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj });
+    return changes;
+  }
+  if (typeOfNewObj === null) {
+    if (typeOfOldObj !== null) {
+      changes.push({ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj });
+    }
+    return changes;
+  }
+  switch (typeOfOldObj) {
+    case "Date":
+      if (typeOfNewObj === "Date") {
+        changes = changes.concat(
+          comparePrimitives(oldObj.getTime(), newObj.getTime(), path).map((x) => ({
+            ...x,
+            value: new Date(x.value),
+            oldValue: new Date(x.oldValue)
+          }))
+        );
+      } else {
+        changes = changes.concat(comparePrimitives(oldObj, newObj, path));
+      }
+      break;
+    case "Object": {
+      const diffs = compareObject(oldObj, newObj, path, keyPath, false, options);
+      if (diffs.length) {
+        if (path.length) {
+          changes.push({
+            type: "UPDATE",
+            key: getKey(path),
+            changes: diffs
+          });
+        } else {
+          changes = changes.concat(diffs);
+        }
+      }
+      break;
+    }
+    case "Array":
+      changes = changes.concat(compareArray(oldObj, newObj, path, keyPath, options));
+      break;
+    case "Function":
+      break;
+    default:
+      changes = changes.concat(comparePrimitives(oldObj, newObj, path));
+  }
+  return changes;
+};
+var compareObject = (oldObj, newObj, path, keyPath, skipPath = false, options = {}) => {
+  let k;
+  let newKeyPath;
+  let newPath;
+  if (skipPath == null) {
+    skipPath = false;
+  }
+  let changes = [];
+  const oldObjKeys = Object.keys(oldObj);
+  const newObjKeys = Object.keys(newObj);
+  const intersectionKeys = arrayIntersection(oldObjKeys, newObjKeys);
+  for (k of intersectionKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const diffs = compare(oldObj[k], newObj[k], newPath, newKeyPath, options);
+    if (diffs.length) {
+      changes = changes.concat(diffs);
+    }
+  }
+  const addedKeys = arrayDifference(newObjKeys, oldObjKeys);
+  for (k of addedKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const currentPath = newKeyPath.join(".");
+    if (options.keysToSkip?.some((skipPath2) => currentPath === skipPath2 || currentPath.startsWith(skipPath2 + "."))) {
+      continue;
+    }
+    changes.push({
+      type: "ADD",
+      key: getKey(newPath),
+      value: newObj[k]
+    });
+  }
+  const deletedKeys = arrayDifference(oldObjKeys, newObjKeys);
+  for (k of deletedKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const currentPath = newKeyPath.join(".");
+    if (options.keysToSkip?.some((skipPath2) => currentPath === skipPath2 || currentPath.startsWith(skipPath2 + "."))) {
+      continue;
+    }
+    changes.push({
+      type: "REMOVE",
+      key: getKey(newPath),
+      value: oldObj[k]
+    });
+  }
+  return changes;
+};
+var compareArray = (oldObj, newObj, path, keyPath, options) => {
+  if (getTypeOfObj(newObj) !== "Array") {
+    return [{ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj }];
+  }
+  const left = getObjectKey(options.embeddedObjKeys, keyPath);
+  const uniqKey = left != null ? left : "$index";
+  const indexedOldObj = convertArrayToObj(oldObj, uniqKey);
+  const indexedNewObj = convertArrayToObj(newObj, uniqKey);
+  const diffs = compareObject(indexedOldObj, indexedNewObj, path, keyPath, true, options);
+  if (diffs.length) {
+    return [
+      {
+        type: "UPDATE",
+        key: getKey(path),
+        embeddedKey: typeof uniqKey === "function" && uniqKey.length === 2 ? uniqKey(newObj[0], true) : uniqKey,
+        changes: diffs
+      }
+    ];
+  } else {
+    return [];
+  }
+};
+var getObjectKey = (embeddedObjKeys, keyPath) => {
+  if (embeddedObjKeys != null) {
+    const path = keyPath.join(".");
+    if (embeddedObjKeys instanceof Map) {
+      for (const [key2, value] of embeddedObjKeys.entries()) {
+        if (key2 instanceof RegExp) {
+          if (path.match(key2)) {
+            return value;
+          }
+        } else if (path === key2) {
+          return value;
+        }
+      }
+    }
+    const key = embeddedObjKeys[path];
+    if (key != null) {
+      return key;
+    }
+  }
+  return void 0;
+};
+var convertArrayToObj = (arr, uniqKey) => {
+  let obj = {};
+  if (uniqKey === "$value") {
+    arr.forEach((value) => {
+      obj[value] = value;
+    });
+  } else if (uniqKey !== "$index") {
+    const keyFunction = typeof uniqKey === "string" ? (item) => item[uniqKey] : uniqKey;
+    obj = keyBy(arr, keyFunction);
+  } else {
+    for (let i = 0; i < arr.length; i++) {
+      const value = arr[i];
+      obj[i] = value;
+    }
+  }
+  return obj;
+};
+var comparePrimitives = (oldObj, newObj, path) => {
+  const changes = [];
+  if (oldObj !== newObj) {
+    changes.push({
+      type: "UPDATE",
+      key: getKey(path),
+      value: newObj,
+      oldValue: oldObj
+    });
+  }
+  return changes;
+};
+var BaseEntityService = class {
+  constructor(context, eventBus) {
+    this.context = context;
+    this.eventBus = eventBus;
+    this.syncPlugin = new SyncPlugin(this);
+  }
+  get db() {
+    return this.context.getDatabase();
+  }
+  /**
+   * Serialize entity before storing in IndexedDB
+   */
+  serialize(entity) {
+    return entity;
+  }
+  /**
+   * Deserialize data from IndexedDB back to entity
+   */
+  deserialize(data) {
+    return data;
+  }
+  /**
+   * Get a single entity by ID
+   */
+  async get(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.get(id);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? this.deserialize(data) : null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get all entities
+   */
+  async getAll() {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.getAll();
+      request.onsuccess = () => {
+        const data = request.result;
+        const entities = data.map((item) => this.deserialize(item));
+        resolve(entities);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get all ${this.entityType}s: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Save an entity (create or update)
+   * Emits ENTITY_SAVED event with operation type and changes (diff for updates)
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  async save(entity, silent = false) {
+    const entityId = entity.id;
+    const existingEntity = await this.get(entityId);
+    const isCreate = existingEntity === null;
+    let changes;
+    if (isCreate) {
+      changes = entity;
+    } else {
+      const existingSerialized = this.serialize(existingEntity);
+      const newSerialized = this.serialize(entity);
+      changes = diff(existingSerialized, newSerialized);
+    }
+    const serialized = this.serialize(entity);
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+      request.onsuccess = () => {
+        if (!silent) {
+          const payload = {
+            entityType: this.entityType,
+            entityId,
+            operation: isCreate ? "create" : "update",
+            changes,
+            timestamp: Date.now()
+          };
+          this.eventBus.emit(CoreEvents.ENTITY_SAVED, payload);
+        }
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to save ${this.entityType} ${entityId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Delete an entity
+   * Emits ENTITY_DELETED event
+   */
+  async delete(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.delete(id);
+      request.onsuccess = () => {
+        const payload = {
+          entityType: this.entityType,
+          entityId: id,
+          operation: "delete",
+          timestamp: Date.now()
+        };
+        this.eventBus.emit(CoreEvents.ENTITY_DELETED, payload);
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to delete ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+  // Sync methods - delegate to SyncPlugin
+  async markAsSynced(id) {
+    return this.syncPlugin.markAsSynced(id);
+  }
+  async markAsError(id) {
+    return this.syncPlugin.markAsError(id);
+  }
+  async getSyncStatus(id) {
+    return this.syncPlugin.getSyncStatus(id);
+  }
+  async getBySyncStatus(syncStatus) {
+    return this.syncPlugin.getBySyncStatus(syncStatus);
+  }
+};
+
+// node_modules/calendar/dist/index.js
+var import_dayjs = __toESM(require_dayjs_min(), 1);
+var import_utc = __toESM(require_utc(), 1);
+var import_timezone = __toESM(require_timezone(), 1);
+var import_isoWeek = __toESM(require_isoWeek(), 1);
+var NavigationAnimator = class {
+  constructor(headerTrack, contentTrack, headerDrawer) {
+    this.headerTrack = headerTrack;
+    this.contentTrack = contentTrack;
+    this.headerDrawer = headerDrawer;
+  }
+  async slide(direction, renderFn) {
+    const out = direction === "left" ? "-100%" : "100%";
+    const into = direction === "left" ? "100%" : "-100%";
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+  async animateOut(translate) {
+    const animations = [
+      this.headerTrack.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished,
+      this.contentTrack.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished
+    ];
+    if (this.headerDrawer) {
+      animations.push(this.headerDrawer.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished);
+    }
+    await Promise.all(animations);
+  }
+  async animateIn(translate) {
+    const animations = [
+      this.headerTrack.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished,
+      this.contentTrack.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished
+    ];
+    if (this.headerDrawer) {
+      animations.push(this.headerDrawer.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished);
+    }
+    await Promise.all(animations);
+  }
+};
+var CalendarEvents = {
+  // Command events (host → calendar)
+  CMD_NAVIGATE_PREV: "calendar:cmd:navigate:prev",
+  CMD_NAVIGATE_NEXT: "calendar:cmd:navigate:next",
+  CMD_DRAWER_TOGGLE: "calendar:cmd:drawer:toggle",
+  CMD_RENDER: "calendar:cmd:render",
+  CMD_WORKWEEK_CHANGE: "calendar:cmd:workweek:change",
+  CMD_VIEW_UPDATE: "calendar:cmd:view:update"
+};
+var CalendarApp = class {
+  constructor(orchestrator, timeAxisRenderer, dateService, scrollManager, headerDrawerManager, dragDropManager, edgeScrollManager, resizeManager, headerDrawerRenderer, eventPersistenceManager, settingsService, viewConfigService, eventBus) {
+    this.orchestrator = orchestrator;
+    this.timeAxisRenderer = timeAxisRenderer;
+    this.dateService = dateService;
+    this.scrollManager = scrollManager;
+    this.headerDrawerManager = headerDrawerManager;
+    this.dragDropManager = dragDropManager;
+    this.edgeScrollManager = edgeScrollManager;
+    this.resizeManager = resizeManager;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.eventPersistenceManager = eventPersistenceManager;
+    this.settingsService = settingsService;
+    this.viewConfigService = viewConfigService;
+    this.eventBus = eventBus;
+    this.dayOffset = 0;
+    this.currentViewId = "simple";
+    this.workweekPreset = null;
+    this.groupingOverrides = /* @__PURE__ */ new Map();
+  }
+  async init(container) {
+    this.container = container;
+    const gridSettings = await this.settingsService.getGridSettings();
+    if (!gridSettings) {
+      throw new Error("GridSettings not found");
+    }
+    this.workweekPreset = await this.settingsService.getDefaultWorkweekPreset();
+    this.animator = new NavigationAnimator(container.querySelector("swp-header-track"), container.querySelector("swp-content-track"), container.querySelector("swp-header-drawer"));
+    this.timeAxisRenderer.render(container.querySelector("#time-axis"), gridSettings.dayStartHour, gridSettings.dayEndHour);
+    this.scrollManager.init(container);
+    this.headerDrawerManager.init(container);
+    this.dragDropManager.init(container);
+    this.resizeManager.init(container);
+    const scrollableContent = container.querySelector("swp-scrollable-content");
+    this.edgeScrollManager.init(scrollableContent);
+    this.setupEventListeners();
+    this.emitStatus("ready");
+  }
+  setupEventListeners() {
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_PREV, () => {
+      this.handleNavigatePrev();
+    });
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_NEXT, () => {
+      this.handleNavigateNext();
+    });
+    this.eventBus.on(CalendarEvents.CMD_DRAWER_TOGGLE, () => {
+      this.headerDrawerManager.toggle();
+    });
+    this.eventBus.on(CalendarEvents.CMD_RENDER, (e) => {
+      const { viewId } = e.detail;
+      this.handleRenderCommand(viewId);
+    });
+    this.eventBus.on(CalendarEvents.CMD_WORKWEEK_CHANGE, (e) => {
+      const { presetId } = e.detail;
+      this.handleWorkweekChange(presetId);
+    });
+    this.eventBus.on(CalendarEvents.CMD_VIEW_UPDATE, (e) => {
+      const { type, values } = e.detail;
+      this.handleViewUpdate(type, values);
+    });
+  }
+  async handleRenderCommand(viewId) {
+    this.currentViewId = viewId;
+    await this.render();
+    this.emitStatus("rendered", { viewId });
+  }
+  async handleNavigatePrev() {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset -= step;
+    await this.animator.slide("right", () => this.render());
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async handleNavigateNext() {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset += step;
+    await this.animator.slide("left", () => this.render());
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async handleWorkweekChange(presetId) {
+    const preset = await this.settingsService.getWorkweekPreset(presetId);
+    if (preset) {
+      this.workweekPreset = preset;
+      await this.render();
+      this.emitStatus("rendered", { viewId: this.currentViewId });
+    }
+  }
+  async handleViewUpdate(type, values) {
+    this.groupingOverrides.set(type, values);
+    await this.render();
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async render() {
+    const storedConfig = await this.viewConfigService.getById(this.currentViewId);
+    if (!storedConfig) {
+      this.emitStatus("error", { message: `ViewConfig not found: ${this.currentViewId}` });
+      return;
+    }
+    const workDays = this.workweekPreset?.workDays || [1, 2, 3, 4, 5];
+    const periodDays = this.workweekPreset?.periodDays ?? 7;
+    const dates = periodDays === 1 ? this.dateService.getDatesFromOffset(this.dayOffset, workDays.length) : this.dateService.getWorkDaysFromOffset(this.dayOffset, workDays);
+    const viewConfig = {
+      ...storedConfig,
+      groupings: storedConfig.groupings.map((g) => {
+        if (g.type === "date") {
+          return { ...g, values: dates };
+        }
+        const override = this.groupingOverrides.get(g.type);
+        if (override) {
+          return { ...g, values: override };
+        }
+        return g;
+      })
+    };
+    await this.orchestrator.render(viewConfig, this.container);
+  }
+  emitStatus(status, detail) {
+    this.container.dispatchEvent(new CustomEvent(`calendar:status:${status}`, {
+      detail,
+      bubbles: true
+    }));
+  }
+};
+function buildPipeline(renderers) {
+  return {
+    async run(context) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
+var FilterTemplate = class {
+  constructor(dateService, entityResolver) {
+    this.dateService = dateService;
+    this.entityResolver = entityResolver;
+    this.fields = [];
+  }
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty, derivedFrom) {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  parseDotNotation(idProperty) {
+    if (!idProperty.includes("."))
+      return null;
+    const [entityType, property] = idProperty.split(".");
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + "Id"
+      // Convention: resource → resourceId
+    };
+  }
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  getDatasetKey(idProperty) {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property;
+    }
+    return idProperty;
+  }
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column) {
+    return this.fields.map((f) => {
+      const key = this.getDatasetKey(f.idProperty);
+      return column.dataset[key] || "";
+    }).join(":");
+  }
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event) {
+    const eventRecord = event;
+    return this.fields.map((f) => {
+      const dotNotation = this.parseDotNotation(f.idProperty);
+      if (dotNotation) {
+        return this.resolveDotNotation(eventRecord, dotNotation);
+      }
+      if (f.derivedFrom) {
+        const sourceValue = eventRecord[f.derivedFrom];
+        if (sourceValue instanceof Date) {
+          return this.dateService.getDateKey(sourceValue);
+        }
+        return String(sourceValue || "");
+      }
+      return String(eventRecord[f.idProperty] || "");
+    }).join(":");
+  }
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  resolveDotNotation(eventRecord, dotNotation) {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return "";
+    }
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId)
+      return "";
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity)
+      return "";
+    return String(entity[dotNotation.property] || "");
+  }
+  /**
+   * Match event mod kolonne
+   */
+  matches(event, column) {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+};
+var CalendarOrchestrator = class {
+  constructor(allRenderers, eventRenderer, scheduleRenderer, headerDrawerRenderer, dateService, entityServices) {
+    this.allRenderers = allRenderers;
+    this.eventRenderer = eventRenderer;
+    this.scheduleRenderer = scheduleRenderer;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.dateService = dateService;
+    this.entityServices = entityServices;
+  }
+  async render(viewConfig, container) {
+    const headerContainer = container.querySelector("swp-calendar-header");
+    const columnContainer = container.querySelector("swp-day-columns");
+    if (!headerContainer || !columnContainer) {
+      throw new Error("Missing swp-calendar-header or swp-day-columns");
+    }
+    const filter = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+    const context = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+    headerContainer.innerHTML = "";
+    columnContainer.innerHTML = "";
+    const levels = viewConfig.groupings.map((g) => g.type).join(" ");
+    headerContainer.dataset.levels = levels;
+    const activeRenderers = this.selectRenderers(viewConfig);
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+    await this.scheduleRenderer.render(container, filter);
+    await this.eventRenderer.render(container, filter, filterTemplate);
+    await this.headerDrawerRenderer.render(container, filter, filterTemplate);
+  }
+  selectRenderers(viewConfig) {
+    const types = viewConfig.groupings.map((g) => g.type);
+    return types.map((type) => this.allRenderers.find((r) => r.type === type)).filter((r) => r !== void 0);
+  }
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  async resolveBelongsTo(groupings, filter) {
+    const childGrouping = groupings.find((g) => g.belongsTo);
+    if (!childGrouping?.belongsTo)
+      return {};
+    const [entityType, property] = childGrouping.belongsTo.split(".");
+    if (!entityType || !property)
+      return {};
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0)
+      return {};
+    const service = this.entityServices.find((s) => s.entityType.toLowerCase() === entityType);
+    if (!service)
+      return {};
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter((e) => parentIds.includes(e.id));
+    const map = {};
+    for (const entity of entities) {
+      const entityRecord = entity;
+      const children = entityRecord[property] || [];
+      map[entityRecord.id] = children;
+    }
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+};
+var EventBus = class {
+  constructor() {
+    this.eventLog = [];
+    this.debug = false;
+    this.listeners = /* @__PURE__ */ new Set();
+    this.logConfig = {
+      calendar: true,
+      grid: true,
+      event: true,
+      scroll: true,
+      navigation: true,
+      view: true,
+      default: true
+    };
+  }
+  /**
+   * Subscribe to an event via DOM addEventListener
+   */
+  on(eventType, handler, options) {
+    document.addEventListener(eventType, handler, options);
+    this.listeners.add({ eventType, handler, options });
+    return () => this.off(eventType, handler);
+  }
+  /**
+   * Subscribe to an event once
+   */
+  once(eventType, handler) {
+    return this.on(eventType, handler, { once: true });
+  }
+  /**
+   * Unsubscribe from an event
+   */
+  off(eventType, handler) {
+    document.removeEventListener(eventType, handler);
+    for (const listener of this.listeners) {
+      if (listener.eventType === eventType && listener.handler === handler) {
+        this.listeners.delete(listener);
+        break;
+      }
+    }
+  }
+  /**
+   * Emit an event via DOM CustomEvent
+   */
+  emit(eventType, detail = {}) {
+    if (!eventType) {
+      return false;
+    }
+    const event = new CustomEvent(eventType, {
+      detail: detail ?? {},
+      bubbles: true,
+      cancelable: true
+    });
+    if (this.debug) {
+      this.logEventWithGrouping(eventType, detail);
+    }
+    this.eventLog.push({
+      type: eventType,
+      detail: detail ?? {},
+      timestamp: Date.now()
+    });
+    return !document.dispatchEvent(event);
+  }
+  /**
+   * Log event with console grouping
+   */
+  logEventWithGrouping(eventType, _detail) {
+    const category = this.extractCategory(eventType);
+    if (!this.logConfig[category]) {
+      return;
+    }
+    this.getCategoryStyle(category);
+  }
+  /**
+   * Extract category from event type
+   */
+  extractCategory(eventType) {
+    if (!eventType) {
+      return "unknown";
+    }
+    if (eventType.includes(":")) {
+      return eventType.split(":")[0];
+    }
+    const lowerType = eventType.toLowerCase();
+    if (lowerType.includes("grid") || lowerType.includes("rendered"))
+      return "grid";
+    if (lowerType.includes("event") || lowerType.includes("sync"))
+      return "event";
+    if (lowerType.includes("scroll"))
+      return "scroll";
+    if (lowerType.includes("nav") || lowerType.includes("date"))
+      return "navigation";
+    if (lowerType.includes("view"))
+      return "view";
+    return "default";
+  }
+  /**
+   * Get styling for different categories
+   */
+  getCategoryStyle(category) {
+    const styles = {
+      calendar: { emoji: "\u{1F4C5}", color: "#2196F3" },
+      grid: { emoji: "\u{1F4CA}", color: "#4CAF50" },
+      event: { emoji: "\u{1F4CC}", color: "#FF9800" },
+      scroll: { emoji: "\u{1F4DC}", color: "#9C27B0" },
+      navigation: { emoji: "\u{1F9ED}", color: "#F44336" },
+      view: { emoji: "\u{1F441}", color: "#00BCD4" },
+      default: { emoji: "\u{1F4E2}", color: "#607D8B" }
+    };
+    return styles[category] || styles.default;
+  }
+  /**
+   * Configure logging for specific categories
+   */
+  setLogConfig(config) {
+    this.logConfig = { ...this.logConfig, ...config };
+  }
+  /**
+   * Get current log configuration
+   */
+  getLogConfig() {
+    return { ...this.logConfig };
+  }
+  /**
+   * Get event history
+   */
+  getEventLog(eventType) {
+    if (eventType) {
+      return this.eventLog.filter((e) => e.type === eventType);
+    }
+    return this.eventLog;
+  }
+  /**
+   * Enable/disable debug mode
+   */
+  setDebug(enabled) {
+    this.debug = enabled;
+  }
+};
+import_dayjs.default.extend(import_utc.default);
+import_dayjs.default.extend(import_timezone.default);
+import_dayjs.default.extend(import_isoWeek.default);
+var DateService = class {
+  constructor(config, baseDate) {
+    this.config = config;
+    this.timezone = config.timezone;
+    this.baseDate = baseDate ? (0, import_dayjs.default)(baseDate) : (0, import_dayjs.default)();
+  }
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date) {
+    this.baseDate = (0, import_dayjs.default)(date);
+  }
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate() {
+    return this.baseDate.toDate();
+  }
+  parseISO(isoString) {
+    return (0, import_dayjs.default)(isoString).toDate();
+  }
+  getDayName(date, format = "short") {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+  /**
+   * Get dates starting from a day offset
+   * @param dayOffset - Day offset from base date
+   * @param count - Number of consecutive days to return
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getDatesFromOffset(dayOffset, count) {
+    const startDate = this.baseDate.add(dayOffset, "day");
+    return Array.from({ length: count }, (_, i) => startDate.add(i, "day").format("YYYY-MM-DD"));
+  }
+  /**
+   * Get specific weekdays from the week containing the offset date
+   * @param dayOffset - Day offset from base date
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkDaysFromOffset(dayOffset, workDays) {
+    const targetDate = this.baseDate.add(dayOffset, "day");
+    const monday = targetDate.startOf("week").add(1, "day");
+    return workDays.map((isoDay) => {
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, "day").format("YYYY-MM-DD");
+    });
+  }
+  // Legacy methods for backwards compatibility
+  getWeekDates(weekOffset = 0, days = 7) {
+    return this.getDatesFromOffset(weekOffset * 7, days);
+  }
+  getWorkWeekDates(weekOffset, workDays) {
+    return this.getWorkDaysFromOffset(weekOffset * 7, workDays);
+  }
+  // ============================================
+  // FORMATTING
+  // ============================================
+  formatTime(date, showSeconds = false) {
+    const pattern = showSeconds ? "HH:mm:ss" : "HH:mm";
+    return (0, import_dayjs.default)(date).format(pattern);
+  }
+  formatTimeRange(start, end) {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+  formatDate(date) {
+    return (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+  }
+  getDateKey(date) {
+    return this.formatDate(date);
+  }
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments) {
+    const date = segments.date;
+    const others = Object.entries(segments).filter(([k]) => k !== "date").sort(([a], [b]) => a.localeCompare(b)).map(([, v]) => v);
+    return date ? [date, ...others].join(":") : others.join(":");
+  }
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey) {
+    const parts = columnKey.split(":");
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey) {
+    return columnKey.split(":")[0];
+  }
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+  timeToMinutes(timeString) {
+    const parts = timeString.split(":").map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+  minutesToTime(totalMinutes) {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)().hour(hours).minute(minutes).format("HH:mm");
+  }
+  getMinutesSinceMidnight(date) {
+    const d = (0, import_dayjs.default)(date);
+    return d.hour() * 60 + d.minute();
+  }
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+  toUTC(localDate) {
+    return import_dayjs.default.tz(localDate, this.timezone).utc().toISOString();
+  }
+  fromUTC(utcString) {
+    return import_dayjs.default.utc(utcString).tz(this.timezone).toDate();
+  }
+  // ============================================
+  // DATE CREATION
+  // ============================================
+  createDateAtTime(baseDate, timeString) {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)(baseDate).startOf("day").hour(hours).minute(minutes).toDate();
+  }
+  getISOWeekDay(date) {
+    return (0, import_dayjs.default)(date).isoWeekday();
+  }
+};
+var ScrollManager = class {
+  init(container) {
+    this.scrollableContent = container.querySelector("swp-scrollable-content");
+    this.timeAxisContent = container.querySelector("swp-time-axis-content");
+    this.calendarHeader = container.querySelector("swp-calendar-header");
+    this.headerDrawer = container.querySelector("swp-header-drawer");
+    this.headerViewport = container.querySelector("swp-header-viewport");
+    this.headerSpacer = container.querySelector("swp-header-spacer");
+    this.scrollableContent.addEventListener("scroll", () => this.onScroll());
+    this.resizeObserver = new ResizeObserver(() => this.syncHeaderSpacerHeight());
+    this.resizeObserver.observe(this.headerViewport);
+    this.syncHeaderSpacerHeight();
+  }
+  syncHeaderSpacerHeight() {
+    const computedHeight = getComputedStyle(this.headerViewport).height;
+    this.headerSpacer.style.height = computedHeight;
+  }
+  onScroll() {
+    const { scrollTop, scrollLeft } = this.scrollableContent;
+    this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
+    this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
+    this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`;
+  }
+};
+var HeaderDrawerManager = class {
+  constructor() {
+    this.expanded = false;
+    this.currentRows = 0;
+    this.rowHeight = 25;
+    this.duration = 200;
+  }
+  init(container) {
+    this.drawer = container.querySelector("swp-header-drawer");
+    if (!this.drawer)
+      console.error("HeaderDrawerManager: swp-header-drawer not found");
+  }
+  toggle() {
+    this.expanded ? this.collapse() : this.expand();
+  }
+  /**
+   * Expand drawer to single row (legacy support)
+   */
+  expand() {
+    this.expandToRows(1);
+  }
+  /**
+   * Expand drawer to fit specified number of rows
+   */
+  expandToRows(rowCount) {
+    const targetHeight = rowCount * this.rowHeight;
+    const currentHeight = this.expanded ? this.currentRows * this.rowHeight : 0;
+    if (this.expanded && this.currentRows === rowCount)
+      return;
+    this.currentRows = rowCount;
+    this.expanded = true;
+    this.animate(currentHeight, targetHeight);
+  }
+  collapse() {
+    if (!this.expanded)
+      return;
+    const currentHeight = this.currentRows * this.rowHeight;
+    this.expanded = false;
+    this.currentRows = 0;
+    this.animate(currentHeight, 0);
+  }
+  animate(from, to) {
+    const keyframes = [
+      { height: `${from}px` },
+      { height: `${to}px` }
+    ];
+    const options = {
+      duration: this.duration,
+      easing: "ease",
+      fill: "forwards"
+    };
+    this.drawer.animate(keyframes, options);
+  }
+  isExpanded() {
+    return this.expanded;
+  }
+  getRowCount() {
+    return this.currentRows;
+  }
+};
+var DateRenderer = class {
+  constructor(dateService) {
+    this.dateService = dateService;
+    this.type = "date";
+  }
+  render(context) {
+    const dates = context.filter["date"] || [];
+    const resourceIds = context.filter["resource"] || [];
+    const dateGrouping = context.groupings?.find((g) => g.type === "date");
+    const hideHeader = dateGrouping?.hideHeader === true;
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r];
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+        const segments = { date: dateStr };
+        if (resourceId)
+          segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+        const header = document.createElement("swp-day-header");
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = "true";
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, "short")}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+        const column = document.createElement("swp-day-column");
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = "<swp-events-layer></swp-events-layer>";
+        context.columnContainer.appendChild(column);
+        columnCount++;
+      }
+    }
+    const container = context.columnContainer.closest("swp-calendar-container");
+    if (container) {
+      container.style.setProperty("--grid-columns", String(columnCount));
+    }
+  }
+};
+var ResourceRenderer = class extends BaseGroupingRenderer {
+  constructor(resourceService) {
+    super();
+    this.resourceService = resourceService;
+    this.type = "resource";
+    this.config = {
+      elementTag: "swp-resource-header",
+      idAttribute: "resourceId",
+      colspanVar: "--resource-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.resourceService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.displayName;
+  }
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context) {
+    const resourceIds = context.filter["resource"] || [];
+    const dateCount = context.filter["date"]?.length || 1;
+    let orderedResourceIds;
+    if (context.parentChildMap) {
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+    const resources = await this.getEntities(orderedResourceIds);
+    const resourceMap = new Map(resources.map((r) => [r.id, r]));
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource)
+        continue;
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+};
+function calculateEventPosition(start, end, config) {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+  return { top, height };
+}
+function minutesToPixels(minutes, config) {
+  return minutes / 60 * config.hourHeight;
+}
+function pixelsToMinutes(pixels, config) {
+  return pixels / config.hourHeight * 60;
+}
+function snapToGrid(pixels, config) {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
+function eventsOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+function eventsWithinThreshold(a, b, thresholdMinutes) {
+  const thresholdMs = thresholdMinutes * 60 * 1e3;
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs)
+    return true;
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs)
+    return true;
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs)
+    return true;
+  return false;
+}
+function findOverlapGroups(events) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsOverlap(member, candidate));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+function findGridCandidates(events, thresholdMinutes) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsWithinThreshold(member, candidate, thresholdMinutes));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+function calculateStackLevels(events) {
+  const levels = /* @__PURE__ */ new Map();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+    for (const [id, level] of levels) {
+      const other = events.find((e) => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+  return levels;
+}
+function allocateColumns(events) {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns = [];
+  for (const event of sorted) {
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some((e) => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+  return columns;
+}
+function calculateColumnLayout(events, config) {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+  const result = {
+    grids: [],
+    stacked: []
+  };
+  if (events.length === 0)
+    return result;
+  const overlapGroups = findOverlapGroups(events);
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+    const largestGridCandidate = gridSubgroups.reduce((max, g) => g.length > max.length ? g : max, gridSubgroups[0]);
+    if (largestGridCandidate.length === overlapGroup.length) {
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) => e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+  return result;
+}
+var EventRenderer = class {
+  constructor(eventService, dateService, gridConfig, eventBus) {
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+    this.eventBus = eventBus;
+    this.container = null;
+    this.setupListeners();
+  }
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = e.detail;
+      this.handleColumnChange(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = e.detail;
+      this.updateDragTimestamp(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = e.detail;
+      this.handleEventUpdated(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  handleDragLeaveHeader(payload) {
+    if (payload.source !== "header")
+      return;
+    if (!payload.targetColumn || !payload.start || !payload.end)
+      return;
+    if (payload.element) {
+      payload.element.classList.add("drag-ghost");
+      payload.element.style.opacity = "0.3";
+      payload.element.style.pointerEvents = "none";
+    }
+    const event = {
+      id: payload.eventId,
+      title: payload.title || "",
+      description: "",
+      start: payload.start,
+      end: payload.end,
+      type: "customer",
+      allDay: false,
+      syncStatus: "pending"
+    };
+    const element = this.createEventElement(event);
+    let eventsLayer = payload.targetColumn.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+    element.classList.add("dragging");
+  }
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  async handleEventUpdated(payload) {
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  async rerenderColumn(columnKey) {
+    const column = this.findColumn(columnKey);
+    if (!column)
+      return;
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+    if (!date)
+      return;
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+    const events = resourceId ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate) : await this.eventService.getByDateRange(startDate, endDate);
+    const timedEvents = events.filter((event) => !event.allDay && this.dateService.getDateKey(event.start) === date);
+    let eventsLayer = column.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      column.appendChild(eventsLayer);
+    }
+    eventsLayer.innerHTML = "";
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+    layout.grids.forEach((grid) => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer.appendChild(groupEl);
+    });
+    layout.stacked.forEach((item) => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer.appendChild(eventEl);
+    });
+  }
+  /**
+   * Find a column element by columnKey
+   */
+  findColumn(columnKey) {
+    if (!this.container)
+      return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`);
+  }
+  /**
+   * Handle event moving to a new column during drag
+   */
+  handleColumnChange(payload) {
+    const eventsLayer = payload.newColumn.querySelector("swp-events-layer");
+    if (!eventsLayer)
+      return;
+    eventsLayer.appendChild(payload.element);
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  updateDragTimestamp(payload) {
+    const timeEl = payload.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + minutesFromGridStart;
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container, filter, filterTemplate) {
+    this.container = container;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const dayColumns = container.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    columns.forEach((column) => {
+      const columnEl = column;
+      const columnEvents = events.filter((event) => filterTemplate.matches(event, columnEl));
+      let eventsLayer = column.querySelector("swp-events-layer");
+      if (!eventsLayer) {
+        eventsLayer = document.createElement("swp-events-layer");
+        column.appendChild(eventsLayer);
+      }
+      eventsLayer.innerHTML = "";
+      const timedEvents = columnEvents.filter((event) => !event.allDay);
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+      layout.grids.forEach((grid) => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer.appendChild(groupEl);
+      });
+      layout.stacked.forEach((item) => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer.appendChild(eventEl);
+      });
+    });
+  }
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  createEventElement(event) {
+    const element = document.createElement("swp-event");
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ""}
+    `;
+    return element;
+  }
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  renderGridGroup(layout) {
+    const group = document.createElement("swp-event-group");
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom)
+        maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+    layout.columns.forEach((columnEvents) => {
+      const wrapper = document.createElement("div");
+      wrapper.style.position = "relative";
+      columnEvents.forEach((event) => {
+        const eventEl = this.createEventElement(event);
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = "absolute";
+        eventEl.style.left = "0";
+        eventEl.style.right = "0";
+        wrapper.appendChild(eventEl);
+      });
+      group.appendChild(wrapper);
+    });
+    return group;
+  }
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  renderStackedEvent(event, stackLevel) {
+    const element = this.createEventElement(event);
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+    return element;
+  }
+};
+var TimeAxisRenderer = class {
+  render(container, startHour = 6, endHour = 20) {
+    container.innerHTML = "";
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement("swp-hour-marker");
+      marker.textContent = `${hour.toString().padStart(2, "0")}:00`;
+      container.appendChild(marker);
+    }
+  }
+};
+var HeaderDrawerRenderer = class {
+  constructor(eventBus, gridConfig, headerDrawerManager, eventService, dateService) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.headerDrawerManager = headerDrawerManager;
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.currentItem = null;
+    this.container = null;
+    this.sourceElement = null;
+    this.wasExpandedBeforeDrag = false;
+    this.filterTemplate = null;
+    this.setupListeners();
+  }
+  /**
+   * Render allDay events into the header drawer with row stacking
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container, filter, filterTemplate) {
+    this.filterTemplate = filterTemplate;
+    const drawer = container.querySelector("swp-header-drawer");
+    if (!drawer)
+      return;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const allDayEvents = events.filter((event) => event.allDay !== false);
+    drawer.innerHTML = "";
+    if (allDayEvents.length === 0)
+      return;
+    const layouts = this.calculateLayout(allDayEvents, visibleColumnKeys);
+    const rowCount = Math.max(1, ...layouts.map((l) => l.row));
+    layouts.forEach((layout) => {
+      const item = this.createHeaderItem(layout);
+      drawer.appendChild(item);
+    });
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+  /**
+   * Create a header item element from layout
+   */
+  createHeaderItem(layout) {
+    const { event, columnKey, row, colStart, colEnd } = layout;
+    const item = document.createElement("swp-header-item");
+    item.dataset.eventId = event.id;
+    item.dataset.itemType = "event";
+    item.dataset.start = event.start.toISOString();
+    item.dataset.end = event.end.toISOString();
+    item.dataset.columnKey = columnKey;
+    item.textContent = event.title;
+    const colorClass = this.getColorClass(event);
+    if (colorClass)
+      item.classList.add(colorClass);
+    item.style.gridArea = `${row} / ${colStart} / ${row + 1} / ${colEnd}`;
+    return item;
+  }
+  /**
+   * Calculate layout for all events with row stacking
+   * Uses track-based algorithm to find available rows for overlapping events
+   */
+  calculateLayout(events, visibleColumnKeys) {
+    const tracks = [new Array(visibleColumnKeys.length).fill(false)];
+    const layouts = [];
+    for (const event of events) {
+      const columnKey = this.buildColumnKeyFromEvent(event);
+      const startCol = visibleColumnKeys.indexOf(columnKey);
+      const endColumnKey = this.buildColumnKeyFromEvent(event, event.end);
+      const endCol = visibleColumnKeys.indexOf(endColumnKey);
+      if (startCol === -1 && endCol === -1)
+        continue;
+      const colStart = Math.max(0, startCol);
+      const colEnd = (endCol !== -1 ? endCol : visibleColumnKeys.length - 1) + 1;
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+      layouts.push({ event, columnKey, row: row + 1, colStart: colStart + 1, colEnd: colEnd + 1 });
+    }
+    return layouts;
+  }
+  /**
+   * Build columnKey from event using FilterTemplate
+   * Uses the same template that columns use for matching
+   */
+  buildColumnKeyFromEvent(event, date) {
+    if (!this.filterTemplate) {
+      const dateStr = this.dateService.getDateKey(date || event.start);
+      return dateStr;
+    }
+    if (date && date.getTime() !== event.start.getTime()) {
+      const tempEvent = { ...event, start: date };
+      return this.filterTemplate.buildKeyFromEvent(tempEvent);
+    }
+    return this.filterTemplate.buildKeyFromEvent(event);
+  }
+  /**
+   * Find available row for event spanning columns [colStart, colEnd)
+   */
+  findAvailableRow(tracks, colStart, colEnd) {
+    for (let row = 0; row < tracks.length; row++) {
+      let available = true;
+      for (let c = colStart; c < colEnd; c++) {
+        if (tracks[row][c]) {
+          available = false;
+          break;
+        }
+      }
+      if (available)
+        return row;
+    }
+    tracks.push(new Array(tracks[0].length).fill(false));
+    return tracks.length - 1;
+  }
+  /**
+   * Get color class based on event metadata or type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Setup event listeners for drag events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_ENTER_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragEnter(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragMove(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeave(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => {
+      this.cleanup();
+    });
+  }
+  /**
+   * Handle drag entering header zone - create preview item
+   */
+  handleDragEnter(payload) {
+    this.container = document.querySelector("swp-header-drawer");
+    if (!this.container)
+      return;
+    this.wasExpandedBeforeDrag = this.headerDrawerManager.isExpanded();
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.expandToRows(1);
+    }
+    this.sourceElement = payload.element;
+    const item = document.createElement("swp-header-item");
+    item.dataset.eventId = payload.eventId;
+    item.dataset.itemType = payload.itemType;
+    item.dataset.duration = String(payload.duration);
+    item.dataset.columnKey = payload.sourceColumnKey;
+    item.textContent = payload.title;
+    if (payload.colorClass) {
+      item.classList.add(payload.colorClass);
+    }
+    item.classList.add("dragging");
+    const col = payload.sourceColumnIndex + 1;
+    const endCol = col + payload.duration;
+    item.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+    this.container.appendChild(item);
+    this.currentItem = item;
+    payload.element.style.visibility = "hidden";
+  }
+  /**
+   * Handle drag moving within header - update column position
+   */
+  handleDragMove(payload) {
+    if (!this.currentItem)
+      return;
+    const col = payload.columnIndex + 1;
+    const duration = parseInt(this.currentItem.dataset.duration || "1", 10);
+    const endCol = col + duration;
+    this.currentItem.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+    this.currentItem.dataset.columnKey = payload.columnKey;
+  }
+  /**
+   * Handle drag leaving header - cleanup for grid→header drag only
+   */
+  handleDragLeave(payload) {
+    if (payload.source === "grid") {
+      this.cleanup();
+    }
+  }
+  /**
+   * Handle drag end - finalize based on drop target
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      if (this.currentItem) {
+        this.currentItem.classList.remove("dragging");
+        this.recalculateDrawerLayout();
+        this.currentItem = null;
+        this.sourceElement = null;
+      }
+    } else {
+      const ghost = document.querySelector(`swp-header-item.drag-ghost[data-event-id="${payload.swpEvent.eventId}"]`);
+      ghost?.remove();
+      this.recalculateDrawerLayout();
+    }
+  }
+  /**
+   * Recalculate layout for all items currently in the drawer
+   * Called after drop to reposition items and adjust height
+   */
+  recalculateDrawerLayout() {
+    const drawer = document.querySelector("swp-header-drawer");
+    if (!drawer)
+      return;
+    const items = Array.from(drawer.querySelectorAll("swp-header-item"));
+    if (items.length === 0)
+      return;
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0)
+      return;
+    const itemData = items.map((item) => ({
+      element: item,
+      columnKey: item.dataset.columnKey || "",
+      duration: parseInt(item.dataset.duration || "1", 10)
+    }));
+    const tracks = [new Array(visibleColumnKeys.length).fill(false)];
+    for (const item of itemData) {
+      const startCol = visibleColumnKeys.indexOf(item.columnKey);
+      if (startCol === -1)
+        continue;
+      const colStart = startCol;
+      const colEnd = Math.min(startCol + item.duration, visibleColumnKeys.length);
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+      item.element.style.gridArea = `${row + 1} / ${colStart + 1} / ${row + 2} / ${colEnd + 1}`;
+    }
+    const rowCount = tracks.length;
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+  /**
+   * Get visible column keys from DOM (preserves order for multi-resource views)
+   * Uses filterTemplate.buildKeyFromColumn() for consistent key format with events
+   */
+  getVisibleColumnKeysFromDOM() {
+    if (!this.filterTemplate)
+      return [];
+    const columns = document.querySelectorAll("swp-day-column");
+    const columnKeys = [];
+    columns.forEach((col) => {
+      const columnKey = this.filterTemplate.buildKeyFromColumn(col);
+      if (columnKey)
+        columnKeys.push(columnKey);
+    });
+    return columnKeys;
+  }
+  /**
+   * Cleanup preview item and restore source visibility
+   */
+  cleanup() {
+    this.currentItem?.remove();
+    this.currentItem = null;
+    if (this.sourceElement) {
+      this.sourceElement.style.visibility = "";
+      this.sourceElement = null;
+    }
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.collapse();
+    }
+  }
+};
+var ScheduleRenderer = class {
+  constructor(scheduleService, dateService, gridConfig) {
+    this.scheduleService = scheduleService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+  }
+  /**
+   * Render unavailable zones for visible columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and 'resource' arrays
+   */
+  async render(container, filter) {
+    const dates = filter["date"] || [];
+    const resourceIds = filter["resource"] || [];
+    if (dates.length === 0)
+      return;
+    const dayColumns = container.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    for (const column of columns) {
+      const date = column.dataset.date;
+      const resourceId = column.dataset.resourceId;
+      if (!date || !resourceId)
+        continue;
+      let unavailableLayer = column.querySelector("swp-unavailable-layer");
+      if (!unavailableLayer) {
+        unavailableLayer = document.createElement("swp-unavailable-layer");
+        column.insertBefore(unavailableLayer, column.firstChild);
+      }
+      unavailableLayer.innerHTML = "";
+      const schedule = await this.scheduleService.getScheduleForDate(resourceId, date);
+      this.renderUnavailableZones(unavailableLayer, schedule);
+    }
+  }
+  /**
+   * Render unavailable time zones based on schedule
+   */
+  renderUnavailableZones(layer, schedule) {
+    const dayStartMinutes = this.gridConfig.dayStartHour * 60;
+    const dayEndMinutes = this.gridConfig.dayEndHour * 60;
+    const minuteHeight = this.gridConfig.hourHeight / 60;
+    if (schedule === null) {
+      const zone = this.createUnavailableZone(0, (dayEndMinutes - dayStartMinutes) * minuteHeight);
+      layer.appendChild(zone);
+      return;
+    }
+    const workStartMinutes = this.dateService.timeToMinutes(schedule.start);
+    const workEndMinutes = this.dateService.timeToMinutes(schedule.end);
+    if (workStartMinutes > dayStartMinutes) {
+      const top = 0;
+      const height = (workStartMinutes - dayStartMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+    if (workEndMinutes < dayEndMinutes) {
+      const top = (workEndMinutes - dayStartMinutes) * minuteHeight;
+      const height = (dayEndMinutes - workEndMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+  }
+  /**
+   * Create an unavailable zone element
+   */
+  createUnavailableZone(top, height) {
+    const zone = document.createElement("swp-unavailable-zone");
+    zone.style.top = `${top}px`;
+    zone.style.height = `${height}px`;
+    return zone;
+  }
+};
+var defaultDBConfig = {
+  dbName: "CalendarDB",
+  dbVersion: 4
+};
+var IndexedDBContext = class {
+  constructor(stores, config) {
+    this.db = null;
+    this.initialized = false;
+    this.stores = stores;
+    this.config = config;
+  }
+  get dbName() {
+    return this.config.dbName;
+  }
+  /**
+   * Initialize and open the database
+   */
+  async initialize() {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(this.config.dbName, this.config.dbVersion);
+      request.onerror = () => {
+        reject(new Error(`Failed to open IndexedDB: ${request.error}`));
+      };
+      request.onsuccess = () => {
+        this.db = request.result;
+        this.initialized = true;
+        resolve();
+      };
+      request.onupgradeneeded = (event) => {
+        const db = event.target.result;
+        this.stores.forEach((store) => {
+          if (!db.objectStoreNames.contains(store.storeName)) {
+            store.create(db);
+          }
+        });
+      };
+    });
+  }
+  /**
+   * Check if database is initialized
+   */
+  isInitialized() {
+    return this.initialized;
+  }
+  /**
+   * Get IDBDatabase instance
+   */
+  getDatabase() {
+    if (!this.db) {
+      throw new Error("IndexedDB not initialized. Call initialize() first.");
+    }
+    return this.db;
+  }
+  /**
+   * Close database connection
+   */
+  close() {
+    if (this.db) {
+      this.db.close();
+      this.db = null;
+      this.initialized = false;
+    }
+  }
+  /**
+   * Delete entire database (for testing/reset)
+   */
+  static async deleteDatabase(dbName = defaultDBConfig.dbName) {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.deleteDatabase(dbName);
+      request.onsuccess = () => resolve();
+      request.onerror = () => reject(new Error(`Failed to delete database: ${request.error}`));
+    });
+  }
+};
+var EventStore = class _EventStore {
+  constructor() {
+    this.storeName = _EventStore.STORE_NAME;
+  }
+  /**
+   * Create the events ObjectStore with indexes
+   */
+  create(db) {
+    const store = db.createObjectStore(_EventStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("start", "start", { unique: false });
+    store.createIndex("end", "end", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("resourceId", "resourceId", { unique: false });
+    store.createIndex("customerId", "customerId", { unique: false });
+    store.createIndex("bookingId", "bookingId", { unique: false });
+    store.createIndex("startEnd", ["start", "end"], { unique: false });
+  }
+};
+EventStore.STORE_NAME = "events";
+var EventSerialization = class {
+  /**
+   * Serialize event for IndexedDB storage
+   */
+  static serialize(event) {
+    return {
+      ...event,
+      start: event.start instanceof Date ? event.start.toISOString() : event.start,
+      end: event.end instanceof Date ? event.end.toISOString() : event.end
+    };
+  }
+  /**
+   * Deserialize event from IndexedDB storage
+   */
+  static deserialize(data) {
+    return {
+      ...data,
+      start: typeof data.start === "string" ? new Date(data.start) : data.start,
+      end: typeof data.end === "string" ? new Date(data.end) : data.end
+    };
+  }
+};
+var EventService = class extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = EventStore.STORE_NAME;
+    this.entityType = "Event";
+  }
+  serialize(event) {
+    return EventSerialization.serialize(event);
+  }
+  deserialize(data) {
+    return EventSerialization.deserialize(data);
+  }
+  /**
+   * Get events within a date range
+   */
+  async getByDateRange(start, end) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("start");
+      const range = IDBKeyRange.lowerBound(start.toISOString());
+      const request = index.getAll(range);
+      request.onsuccess = () => {
+        const data = request.result;
+        const events = data.map((item) => this.deserialize(item)).filter((event) => event.start <= end);
+        resolve(events);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get events by date range: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get events for a specific resource
+   */
+  async getByResource(resourceId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("resourceId");
+      const request = index.getAll(resourceId);
+      request.onsuccess = () => {
+        const data = request.result;
+        const events = data.map((item) => this.deserialize(item));
+        resolve(events);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get events for resource ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get events for a resource within a date range
+   */
+  async getByResourceAndDateRange(resourceId, start, end) {
+    const resourceEvents = await this.getByResource(resourceId);
+    return resourceEvents.filter((event) => event.start >= start && event.start <= end);
+  }
+};
+var ResourceStore = class _ResourceStore {
+  constructor() {
+    this.storeName = _ResourceStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_ResourceStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("type", "type", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("isActive", "isActive", { unique: false });
+  }
+};
+ResourceStore.STORE_NAME = "resources";
+var ResourceService = class extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = ResourceStore.STORE_NAME;
+    this.entityType = "Resource";
+  }
+  /**
+   * Get all active resources
+   */
+  async getActive() {
+    const all = await this.getAll();
+    return all.filter((r) => r.isActive !== false);
+  }
+  /**
+   * Get resources by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((r) => r !== null);
+  }
+  /**
+   * Get resources by type
+   */
+  async getByType(type) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("type");
+      const request = index.getAll(type);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get resources by type ${type}: ${request.error}`));
+      };
+    });
+  }
+};
+var SettingsIds = {
+  WORKWEEK: "workweek",
+  GRID: "grid",
+  TIME_FORMAT: "timeFormat",
+  VIEWS: "views"
+};
+var SettingsStore = class _SettingsStore {
+  constructor() {
+    this.storeName = _SettingsStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_SettingsStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+SettingsStore.STORE_NAME = "settings";
+var SettingsService = class extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = SettingsStore.STORE_NAME;
+    this.entityType = "Settings";
+  }
+  /**
+   * Get workweek settings
+   */
+  async getWorkweekSettings() {
+    return this.get(SettingsIds.WORKWEEK);
+  }
+  /**
+   * Get grid settings
+   */
+  async getGridSettings() {
+    return this.get(SettingsIds.GRID);
+  }
+  /**
+   * Get time format settings
+   */
+  async getTimeFormatSettings() {
+    return this.get(SettingsIds.TIME_FORMAT);
+  }
+  /**
+   * Get view settings
+   */
+  async getViewSettings() {
+    return this.get(SettingsIds.VIEWS);
+  }
+  /**
+   * Get workweek preset by ID
+   */
+  async getWorkweekPreset(presetId) {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return null;
+    return settings.presets[presetId] || null;
+  }
+  /**
+   * Get the default workweek preset
+   */
+  async getDefaultWorkweekPreset() {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return null;
+    return settings.presets[settings.defaultPreset] || null;
+  }
+  /**
+   * Get all available workweek presets
+   */
+  async getWorkweekPresets() {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return [];
+    return Object.values(settings.presets);
+  }
+};
+var ViewConfigStore = class _ViewConfigStore {
+  constructor() {
+    this.storeName = _ViewConfigStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_ViewConfigStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+ViewConfigStore.STORE_NAME = "viewconfigs";
+var ViewConfigService = class extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = ViewConfigStore.STORE_NAME;
+    this.entityType = "ViewConfig";
+  }
+  async getById(id) {
+    return this.get(id);
+  }
+};
+var SwpEvent = class _SwpEvent {
+  constructor(element, columnKey, start, end) {
+    this.element = element;
+    this.columnKey = columnKey;
+    this._start = start;
+    this._end = end;
+  }
+  /** Event ID from element.dataset.eventId */
+  get eventId() {
+    return this.element.dataset.eventId || "";
+  }
+  get start() {
+    return this._start;
+  }
+  get end() {
+    return this._end;
+  }
+  /** Duration in minutes */
+  get durationMinutes() {
+    return (this._end.getTime() - this._start.getTime()) / (1e3 * 60);
+  }
+  /** Duration in milliseconds */
+  get durationMs() {
+    return this._end.getTime() - this._start.getTime();
+  }
+  /**
+   * Factory: Create SwpEvent from element + columnKey
+   * Reads top/height from element.style to calculate start/end
+   * @param columnKey - Opaque column identifier (do NOT parse - use only for matching)
+   * @param date - Date string (YYYY-MM-DD) for time calculations
+   */
+  static fromElement(element, columnKey, date, gridConfig) {
+    const topPixels = parseFloat(element.style.top) || 0;
+    const heightPixels = parseFloat(element.style.height) || 0;
+    const startMinutesFromGrid = topPixels / gridConfig.hourHeight * 60;
+    const totalMinutes = gridConfig.dayStartHour * 60 + startMinutesFromGrid;
+    const start = new Date(date);
+    start.setHours(Math.floor(totalMinutes / 60), totalMinutes % 60, 0, 0);
+    const durationMinutes = heightPixels / gridConfig.hourHeight * 60;
+    const end = new Date(start.getTime() + durationMinutes * 60 * 1e3);
+    return new _SwpEvent(element, columnKey, start, end);
+  }
+};
+var DragDropManager = class {
+  constructor(eventBus, gridConfig) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.dragState = null;
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+    this.container = null;
+    this.inHeader = false;
+    this.DRAG_THRESHOLD = 5;
+    this.INTERPOLATION_FACTOR = 0.3;
+    this.handlePointerDown = (e) => {
+      const target = e.target;
+      if (target.closest("swp-resize-handle"))
+        return;
+      const eventElement = target.closest("swp-event");
+      const headerItem = target.closest("swp-header-item");
+      const draggable = eventElement || headerItem;
+      if (!draggable)
+        return;
+      this.mouseDownPosition = { x: e.clientX, y: e.clientY };
+      this.pendingElement = draggable;
+      const rect = draggable.getBoundingClientRect();
+      this.pendingMouseOffset = {
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top
+      };
+      draggable.setPointerCapture(e.pointerId);
+    };
+    this.handlePointerMove = (e) => {
+      if (!this.mouseDownPosition || !this.pendingElement) {
+        if (this.dragState) {
+          this.updateDragTarget(e);
+        }
+        return;
+      }
+      const deltaX = Math.abs(e.clientX - this.mouseDownPosition.x);
+      const deltaY = Math.abs(e.clientY - this.mouseDownPosition.y);
+      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+      if (distance < this.DRAG_THRESHOLD)
+        return;
+      this.initializeDrag(this.pendingElement, this.pendingMouseOffset, e);
+      this.mouseDownPosition = null;
+      this.pendingElement = null;
+      this.pendingMouseOffset = null;
+    };
+    this.handlePointerUp = (_e) => {
+      this.mouseDownPosition = null;
+      this.pendingElement = null;
+      this.pendingMouseOffset = null;
+      if (!this.dragState)
+        return;
+      cancelAnimationFrame(this.dragState.animationId);
+      if (this.dragState.dragSource === "header") {
+        this.handleHeaderItemDragEnd();
+      } else {
+        this.handleGridEventDragEnd();
+      }
+      this.dragState.element.classList.remove("dragging");
+      this.dragState = null;
+      this.inHeader = false;
+    };
+    this.animateDrag = () => {
+      if (!this.dragState)
+        return;
+      const diff2 = this.dragState.targetY - this.dragState.currentY;
+      if (Math.abs(diff2) <= 0.5) {
+        this.dragState.animationId = 0;
+        return;
+      }
+      this.dragState.currentY += diff2 * this.INTERPOLATION_FACTOR;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+      if (this.dragState.columnElement) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          currentY: this.dragState.currentY,
+          columnElement: this.dragState.columnElement
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE, payload);
+      }
+      this.dragState.animationId = requestAnimationFrame(this.animateDrag);
+    };
+    this.setupScrollListener();
+  }
+  setupScrollListener() {
+    this.eventBus.on(CoreEvents.EDGE_SCROLL_TICK, (e) => {
+      if (!this.dragState)
+        return;
+      const { scrollDelta } = e.detail;
+      this.dragState.targetY += scrollDelta;
+      this.dragState.currentY += scrollDelta;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+    });
+  }
+  /**
+   * Initialize drag-drop on a container element
+   */
+  init(container) {
+    this.container = container;
+    container.addEventListener("pointerdown", this.handlePointerDown);
+    document.addEventListener("pointermove", this.handlePointerMove);
+    document.addEventListener("pointerup", this.handlePointerUp);
+  }
+  /**
+   * Handle drag end for header items
+   */
+  handleHeaderItemDragEnd() {
+    if (!this.dragState)
+      return;
+    if (!this.inHeader && this.dragState.currentColumn) {
+      const gridEvent = this.dragState.currentColumn.querySelector(`swp-event[data-event-id="${this.dragState.eventId}"]`);
+      if (gridEvent) {
+        const columnKey = this.dragState.currentColumn.dataset.columnKey || "";
+        const date = this.dragState.currentColumn.dataset.date || "";
+        const swpEvent = SwpEvent.fromElement(gridEvent, columnKey, date, this.gridConfig);
+        const payload = {
+          swpEvent,
+          sourceColumnKey: this.dragState.sourceColumnKey,
+          target: "grid"
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+      }
+    }
+  }
+  /**
+   * Handle drag end for grid events
+   */
+  handleGridEventDragEnd() {
+    if (!this.dragState || !this.dragState.columnElement)
+      return;
+    const snappedY = snapToGrid(this.dragState.currentY, this.gridConfig);
+    this.dragState.element.style.top = `${snappedY}px`;
+    this.dragState.ghostElement?.remove();
+    const columnKey = this.dragState.columnElement.dataset.columnKey || "";
+    const date = this.dragState.columnElement.dataset.date || "";
+    const swpEvent = SwpEvent.fromElement(this.dragState.element, columnKey, date, this.gridConfig);
+    const payload = {
+      swpEvent,
+      sourceColumnKey: this.dragState.sourceColumnKey,
+      target: this.inHeader ? "header" : "grid"
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+  }
+  initializeDrag(element, mouseOffset, e) {
+    const eventId = element.dataset.eventId || "";
+    const isHeaderItem = element.tagName.toLowerCase() === "swp-header-item";
+    const columnElement = element.closest("swp-day-column");
+    if (!isHeaderItem && !columnElement)
+      return;
+    if (isHeaderItem) {
+      this.initializeHeaderItemDrag(element, mouseOffset, eventId);
+    } else {
+      this.initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId);
+    }
+  }
+  /**
+   * Initialize drag for a header item (allDay event)
+   */
+  initializeHeaderItemDrag(element, mouseOffset, eventId) {
+    element.classList.add("dragging");
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement: null,
+      // No ghost for header items
+      startY: 0,
+      mouseOffset,
+      columnElement: null,
+      currentColumn: null,
+      targetY: 0,
+      currentY: 0,
+      animationId: 0,
+      sourceColumnKey: "",
+      // Will be set from header item data
+      dragSource: "header"
+    };
+    this.inHeader = true;
+  }
+  /**
+   * Initialize drag for a grid event
+   */
+  initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId) {
+    const elementRect = element.getBoundingClientRect();
+    const columnRect = columnElement.getBoundingClientRect();
+    const startY = elementRect.top - columnRect.top;
+    const group = element.closest("swp-event-group");
+    if (group) {
+      const eventsLayer = columnElement.querySelector("swp-events-layer");
+      if (eventsLayer) {
+        eventsLayer.appendChild(element);
+      }
+    }
+    element.style.position = "absolute";
+    element.style.top = `${startY}px`;
+    element.style.left = "2px";
+    element.style.right = "2px";
+    element.style.marginLeft = "0";
+    const ghostElement = element.cloneNode(true);
+    ghostElement.classList.add("drag-ghost");
+    ghostElement.style.opacity = "0.3";
+    ghostElement.style.pointerEvents = "none";
+    element.parentNode?.insertBefore(ghostElement, element);
+    element.classList.add("dragging");
+    const targetY = e.clientY - columnRect.top - mouseOffset.y;
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement,
+      currentColumn: columnElement,
+      targetY: Math.max(0, targetY),
+      currentY: startY,
+      animationId: 0,
+      sourceColumnKey: columnElement.dataset.columnKey || "",
+      dragSource: "grid"
+    };
+    const payload = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_START, payload);
+    this.animateDrag();
+  }
+  updateDragTarget(e) {
+    if (!this.dragState)
+      return;
+    this.checkHeaderZone(e);
+    if (this.inHeader)
+      return;
+    const columnAtPoint = this.getColumnAtPoint(e.clientX);
+    if (this.dragState.dragSource === "header" && columnAtPoint && !this.dragState.currentColumn) {
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+    if (columnAtPoint && columnAtPoint !== this.dragState.currentColumn && this.dragState.currentColumn) {
+      const payload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        previousColumn: this.dragState.currentColumn,
+        newColumn: columnAtPoint,
+        currentY: this.dragState.currentY
+      };
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, payload);
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+    if (!this.dragState.columnElement)
+      return;
+    const columnRect = this.dragState.columnElement.getBoundingClientRect();
+    const targetY = e.clientY - columnRect.top - this.dragState.mouseOffset.y;
+    this.dragState.targetY = Math.max(0, targetY);
+    if (!this.dragState.animationId) {
+      this.animateDrag();
+    }
+  }
+  /**
+   * Check if pointer is in header zone and emit appropriate events
+   */
+  checkHeaderZone(e) {
+    if (!this.dragState)
+      return;
+    const headerViewport = document.querySelector("swp-header-viewport");
+    if (!headerViewport)
+      return;
+    const rect = headerViewport.getBoundingClientRect();
+    const isInHeader = e.clientY < rect.bottom;
+    if (isInHeader && !this.inHeader) {
+      this.inHeader = true;
+      if (this.dragState.dragSource === "grid" && this.dragState.columnElement) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          sourceColumnIndex: this.getColumnIndex(this.dragState.columnElement),
+          sourceColumnKey: this.dragState.columnElement.dataset.columnKey || "",
+          title: this.dragState.element.querySelector("swp-event-title")?.textContent || "",
+          colorClass: [...this.dragState.element.classList].find((c) => c.startsWith("is-")),
+          itemType: "event",
+          duration: 1
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_ENTER_HEADER, payload);
+      }
+    } else if (!isInHeader && this.inHeader) {
+      this.inHeader = false;
+      const targetColumn = this.getColumnAtPoint(e.clientX);
+      if (this.dragState.dragSource === "header") {
+        const payload = {
+          eventId: this.dragState.eventId,
+          source: "header",
+          element: this.dragState.element,
+          targetColumn: targetColumn || void 0,
+          start: this.dragState.element.dataset.start ? new Date(this.dragState.element.dataset.start) : void 0,
+          end: this.dragState.element.dataset.end ? new Date(this.dragState.element.dataset.end) : void 0,
+          title: this.dragState.element.textContent || "",
+          colorClass: [...this.dragState.element.classList].find((c) => c.startsWith("is-"))
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+        if (targetColumn) {
+          const newElement = targetColumn.querySelector(`swp-event[data-event-id="${this.dragState.eventId}"]`);
+          if (newElement) {
+            this.dragState.element = newElement;
+            this.dragState.columnElement = targetColumn;
+            this.dragState.currentColumn = targetColumn;
+            this.animateDrag();
+          }
+        }
+      } else {
+        const payload = {
+          eventId: this.dragState.eventId,
+          source: "grid"
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+      }
+    } else if (isInHeader) {
+      const column = this.getColumnAtX(e.clientX);
+      if (column) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          columnIndex: this.getColumnIndex(column),
+          columnKey: column.dataset.columnKey || ""
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE_HEADER, payload);
+      }
+    }
+  }
+  /**
+   * Get column index (0-based) for a column element
+   */
+  getColumnIndex(column) {
+    if (!this.container || !column)
+      return 0;
+    const columns = Array.from(this.container.querySelectorAll("swp-day-column"));
+    return columns.indexOf(column);
+  }
+  /**
+   * Get column at X coordinate (alias for getColumnAtPoint)
+   */
+  getColumnAtX(clientX) {
+    return this.getColumnAtPoint(clientX);
+  }
+  /**
+   * Find column element at given X coordinate
+   */
+  getColumnAtPoint(clientX) {
+    if (!this.container)
+      return null;
+    const columns = this.container.querySelectorAll("swp-day-column");
+    for (const col of columns) {
+      const rect = col.getBoundingClientRect();
+      if (clientX >= rect.left && clientX <= rect.right) {
+        return col;
+      }
+    }
+    return null;
+  }
+  /**
+   * Cancel drag and animate back to start position
+   */
+  cancelDrag() {
+    if (!this.dragState)
+      return;
+    cancelAnimationFrame(this.dragState.animationId);
+    const { element, ghostElement, startY, eventId } = this.dragState;
+    element.style.transition = "top 200ms ease-out";
+    element.style.top = `${startY}px`;
+    setTimeout(() => {
+      ghostElement?.remove();
+      element.style.transition = "";
+      element.classList.remove("dragging");
+    }, 200);
+    const payload = {
+      eventId,
+      element,
+      startY
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_CANCEL, payload);
+    this.dragState = null;
+    this.inHeader = false;
+  }
+};
+var EdgeScrollManager = class {
+  constructor(eventBus) {
+    this.eventBus = eventBus;
+    this.scrollableContent = null;
+    this.timeGrid = null;
+    this.draggedElement = null;
+    this.scrollRAF = null;
+    this.mouseY = 0;
+    this.isDragging = false;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.rect = null;
+    this.initialScrollTop = 0;
+    this.OUTER_ZONE = 100;
+    this.INNER_ZONE = 50;
+    this.SLOW_SPEED = 140;
+    this.FAST_SPEED = 640;
+    this.trackMouse = (e) => {
+      if (this.isDragging) {
+        this.mouseY = e.clientY;
+      }
+    };
+    this.scrollTick = (ts) => {
+      if (!this.isDragging || !this.scrollableContent)
+        return;
+      const dt = this.lastTs ? (ts - this.lastTs) / 1e3 : 0;
+      this.lastTs = ts;
+      this.rect ?? (this.rect = this.scrollableContent.getBoundingClientRect());
+      const velocity = this.calculateVelocity();
+      if (velocity !== 0 && !this.isAtBoundary(velocity)) {
+        const scrollDelta = velocity * dt;
+        this.scrollableContent.scrollTop += scrollDelta;
+        this.rect = null;
+        this.eventBus.emit(CoreEvents.EDGE_SCROLL_TICK, { scrollDelta });
+        this.setScrollingState(true);
+      } else {
+        this.setScrollingState(false);
+      }
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    };
+    this.subscribeToEvents();
+    document.addEventListener("pointermove", this.trackMouse);
+  }
+  init(scrollableContent) {
+    this.scrollableContent = scrollableContent;
+    this.timeGrid = scrollableContent.querySelector("swp-time-grid");
+    this.scrollableContent.style.scrollBehavior = "auto";
+  }
+  subscribeToEvents() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_START, (event) => {
+      const payload = event.detail;
+      this.draggedElement = payload.element;
+      this.startDrag();
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, () => this.stopDrag());
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => this.stopDrag());
+  }
+  startDrag() {
+    this.isDragging = true;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+    if (this.scrollRAF === null) {
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    }
+  }
+  stopDrag() {
+    this.isDragging = false;
+    this.setScrollingState(false);
+    if (this.scrollRAF !== null) {
+      cancelAnimationFrame(this.scrollRAF);
+      this.scrollRAF = null;
+    }
+    this.rect = null;
+    this.lastTs = 0;
+    this.initialScrollTop = 0;
+  }
+  calculateVelocity() {
+    if (!this.rect)
+      return 0;
+    const distTop = this.mouseY - this.rect.top;
+    const distBot = this.rect.bottom - this.mouseY;
+    if (distTop < this.INNER_ZONE)
+      return -this.FAST_SPEED;
+    if (distTop < this.OUTER_ZONE)
+      return -this.SLOW_SPEED;
+    if (distBot < this.INNER_ZONE)
+      return this.FAST_SPEED;
+    if (distBot < this.OUTER_ZONE)
+      return this.SLOW_SPEED;
+    return 0;
+  }
+  isAtBoundary(velocity) {
+    if (!this.scrollableContent || !this.timeGrid || !this.draggedElement)
+      return false;
+    const atTop = this.scrollableContent.scrollTop <= 0 && velocity < 0;
+    const atBottom = velocity > 0 && this.draggedElement.getBoundingClientRect().bottom >= this.timeGrid.getBoundingClientRect().bottom;
+    return atTop || atBottom;
+  }
+  setScrollingState(scrolling) {
+    if (this.isScrolling === scrolling)
+      return;
+    this.isScrolling = scrolling;
+    if (scrolling) {
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STARTED, {});
+    } else {
+      this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STOPPED, {});
+    }
+  }
+};
+var ResizeManager = class {
+  constructor(eventBus, gridConfig, dateService) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.dateService = dateService;
+    this.container = null;
+    this.resizeState = null;
+    this.Z_INDEX_RESIZING = "1000";
+    this.ANIMATION_SPEED = 0.35;
+    this.MIN_HEIGHT_MINUTES = 15;
+    this.handleMouseOver = (e) => {
+      const target = e.target;
+      const eventElement = target.closest("swp-event");
+      if (!eventElement || this.resizeState)
+        return;
+      if (!eventElement.querySelector(":scope > swp-resize-handle")) {
+        const handle = this.createResizeHandle();
+        eventElement.appendChild(handle);
+      }
+    };
+    this.handlePointerDown = (e) => {
+      const handle = e.target.closest("swp-resize-handle");
+      if (!handle)
+        return;
+      const element = handle.parentElement;
+      if (!element)
+        return;
+      const eventId = element.dataset.eventId || "";
+      const startHeight = element.offsetHeight;
+      const startDurationMinutes = pixelsToMinutes(startHeight, this.gridConfig);
+      const container = element.closest("swp-event-group") ?? element;
+      const prevZIndex = container.style.zIndex;
+      this.resizeState = {
+        eventId,
+        element,
+        handleElement: handle,
+        startY: e.clientY,
+        startHeight,
+        startDurationMinutes,
+        pointerId: e.pointerId,
+        prevZIndex,
+        // Animation state
+        currentHeight: startHeight,
+        targetHeight: startHeight,
+        animationId: null
+      };
+      container.style.zIndex = this.Z_INDEX_RESIZING;
+      try {
+        handle.setPointerCapture(e.pointerId);
+      } catch (err) {
+        console.warn("Pointer capture failed:", err);
+      }
+      document.documentElement.classList.add("swp--resizing");
+      this.eventBus.emit(CoreEvents.EVENT_RESIZE_START, {
+        eventId,
+        element,
+        startHeight
+      });
+      e.preventDefault();
+    };
+    this.handlePointerMove = (e) => {
+      if (!this.resizeState)
+        return;
+      const deltaY = e.clientY - this.resizeState.startY;
+      const minHeight = this.MIN_HEIGHT_MINUTES / 60 * this.gridConfig.hourHeight;
+      const newHeight = Math.max(minHeight, this.resizeState.startHeight + deltaY);
+      this.resizeState.targetHeight = newHeight;
+      if (this.resizeState.animationId === null) {
+        this.animateHeight();
+      }
+    };
+    this.animateHeight = () => {
+      if (!this.resizeState)
+        return;
+      const diff2 = this.resizeState.targetHeight - this.resizeState.currentHeight;
+      if (Math.abs(diff2) < 0.5) {
+        this.resizeState.animationId = null;
+        return;
+      }
+      this.resizeState.currentHeight += diff2 * this.ANIMATION_SPEED;
+      this.resizeState.element.style.height = `${this.resizeState.currentHeight}px`;
+      this.updateTimestampDisplay();
+      this.resizeState.animationId = requestAnimationFrame(this.animateHeight);
+    };
+    this.handlePointerUp = (e) => {
+      if (!this.resizeState)
+        return;
+      if (this.resizeState.animationId !== null) {
+        cancelAnimationFrame(this.resizeState.animationId);
+      }
+      try {
+        this.resizeState.handleElement.releasePointerCapture(e.pointerId);
+      } catch (err) {
+        console.warn("Pointer release failed:", err);
+      }
+      this.snapToGridFinal();
+      this.updateTimestampDisplay();
+      const container = this.resizeState.element.closest("swp-event-group") ?? this.resizeState.element;
+      container.style.zIndex = this.resizeState.prevZIndex;
+      document.documentElement.classList.remove("swp--resizing");
+      const column = this.resizeState.element.closest("swp-day-column");
+      const columnKey = column?.dataset.columnKey || "";
+      const date = column?.dataset.date || "";
+      const swpEvent = SwpEvent.fromElement(this.resizeState.element, columnKey, date, this.gridConfig);
+      this.eventBus.emit(CoreEvents.EVENT_RESIZE_END, {
+        swpEvent
+      });
+      this.resizeState = null;
+    };
+  }
+  /**
+   * Initialize resize functionality on container
+   */
+  init(container) {
+    this.container = container;
+    container.addEventListener("mouseover", this.handleMouseOver, true);
+    document.addEventListener("pointerdown", this.handlePointerDown, true);
+    document.addEventListener("pointermove", this.handlePointerMove, true);
+    document.addEventListener("pointerup", this.handlePointerUp, true);
+  }
+  /**
+   * Create resize handle element
+   */
+  createResizeHandle() {
+    const handle = document.createElement("swp-resize-handle");
+    handle.setAttribute("aria-label", "Resize event");
+    handle.setAttribute("role", "separator");
+    return handle;
+  }
+  /**
+   * Update timestamp display with snapped end time
+   */
+  updateTimestampDisplay() {
+    if (!this.resizeState)
+      return;
+    const timeEl = this.resizeState.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const top = parseFloat(this.resizeState.element.style.top) || 0;
+    const startMinutesFromGrid = pixelsToMinutes(top, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + startMinutesFromGrid;
+    const snappedHeight = snapToGrid(this.resizeState.currentHeight, this.gridConfig);
+    const durationMinutes = pixelsToMinutes(snappedHeight, this.gridConfig);
+    const endMinutes = startMinutes + durationMinutes;
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(endMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to Date
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Snap final height to grid interval
+   */
+  snapToGridFinal() {
+    if (!this.resizeState)
+      return;
+    const currentHeight = this.resizeState.element.offsetHeight;
+    const snappedHeight = snapToGrid(currentHeight, this.gridConfig);
+    const minHeight = minutesToPixels(this.MIN_HEIGHT_MINUTES, this.gridConfig);
+    const finalHeight = Math.max(minHeight, snappedHeight);
+    this.resizeState.element.style.height = `${finalHeight}px`;
+    this.resizeState.currentHeight = finalHeight;
+  }
+};
+var EventPersistenceManager = class {
+  constructor(eventService, eventBus, dateService) {
+    this.eventService = eventService;
+    this.eventBus = eventBus;
+    this.dateService = dateService;
+    this.handleDragEnd = async (e) => {
+      const payload = e.detail;
+      const { swpEvent } = payload;
+      const event = await this.eventService.get(swpEvent.eventId);
+      if (!event) {
+        console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+        return;
+      }
+      const { resource } = this.dateService.parseColumnKey(swpEvent.columnKey);
+      const updatedEvent = {
+        ...event,
+        start: swpEvent.start,
+        end: swpEvent.end,
+        resourceId: resource ?? event.resourceId,
+        allDay: payload.target === "header",
+        syncStatus: "pending"
+      };
+      await this.eventService.save(updatedEvent);
+      const updatePayload = {
+        eventId: updatedEvent.id,
+        sourceColumnKey: payload.sourceColumnKey,
+        targetColumnKey: swpEvent.columnKey
+      };
+      this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+    };
+    this.handleResizeEnd = async (e) => {
+      const payload = e.detail;
+      const { swpEvent } = payload;
+      const event = await this.eventService.get(swpEvent.eventId);
+      if (!event) {
+        console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+        return;
+      }
+      const updatedEvent = {
+        ...event,
+        end: swpEvent.end,
+        syncStatus: "pending"
+      };
+      await this.eventService.save(updatedEvent);
+      const updatePayload = {
+        eventId: updatedEvent.id,
+        sourceColumnKey: swpEvent.columnKey,
+        targetColumnKey: swpEvent.columnKey
+      };
+      this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+    };
+    this.setupListeners();
+  }
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, this.handleDragEnd);
+    this.eventBus.on(CoreEvents.EVENT_RESIZE_END, this.handleResizeEnd);
+  }
+};
+var defaultTimeFormatConfig = {
+  timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+  use24HourFormat: true,
+  locale: "da-DK",
+  dateFormat: "locale",
+  showSeconds: false
+};
+var defaultGridConfig = {
+  hourHeight: 64,
+  dayStartHour: 6,
+  dayEndHour: 18,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30
+};
+function registerCoreServices(builder, options) {
+  const timeConfig = options?.timeConfig ?? defaultTimeFormatConfig;
+  const gridConfig = options?.gridConfig ?? defaultGridConfig;
+  const dbConfig = options?.dbConfig ?? defaultDBConfig;
+  builder.registerInstance(timeConfig).as("ITimeFormatConfig");
+  builder.registerInstance(gridConfig).as("IGridConfig");
+  builder.registerInstance(dbConfig).as("IDBConfig");
+  builder.registerType(EventBus).as("EventBus");
+  builder.registerType(EventBus).as("IEventBus");
+  builder.registerType(DateService).as("DateService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ITimeFormatConfig"),
+      void 0
+    ]
+  });
+  builder.registerType(IndexedDBContext).as("IndexedDBContext").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IStore"),
+      (c) => c.resolveType("IDBConfig")
+    ]
+  });
+  builder.registerType(EventStore).as("IStore");
+  builder.registerType(ResourceStore).as("IStore");
+  builder.registerType(SettingsStore).as("IStore");
+  builder.registerType(ViewConfigStore).as("IStore");
+  builder.registerType(EventService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventService).as("EventService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("ResourceService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("SettingsService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("ViewConfigService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventRenderer).as("EventRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ScheduleRenderer).as("ScheduleRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceScheduleService"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("IGridConfig")
+    ]
+  });
+  builder.registerType(HeaderDrawerRenderer).as("HeaderDrawerRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("HeaderDrawerManager"),
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(TimeAxisRenderer).as("TimeAxisRenderer");
+  builder.registerType(DateRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(ResourceRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceService")
+    ]
+  });
+  builder.registerType(ScrollManager).as("ScrollManager");
+  builder.registerType(HeaderDrawerManager).as("HeaderDrawerManager");
+  builder.registerType(DragDropManager).as("DragDropManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig")
+    ]
+  });
+  builder.registerType(EdgeScrollManager).as("EdgeScrollManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResizeManager).as("ResizeManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(EventPersistenceManager).as("EventPersistenceManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(CalendarOrchestrator).as("CalendarOrchestrator").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IRenderer"),
+      (c) => c.resolveType("EventRenderer"),
+      (c) => c.resolveType("ScheduleRenderer"),
+      (c) => c.resolveType("HeaderDrawerRenderer"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveTypeAll("IEntityService")
+    ]
+  });
+  builder.registerType(CalendarApp).as("CalendarApp").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("CalendarOrchestrator"),
+      (c) => c.resolveType("TimeAxisRenderer"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("ScrollManager"),
+      (c) => c.resolveType("HeaderDrawerManager"),
+      (c) => c.resolveType("DragDropManager"),
+      (c) => c.resolveType("EdgeScrollManager"),
+      (c) => c.resolveType("ResizeManager"),
+      (c) => c.resolveType("HeaderDrawerRenderer"),
+      (c) => c.resolveType("EventPersistenceManager"),
+      (c) => c.resolveType("SettingsService"),
+      (c) => c.resolveType("ViewConfigService"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+}
+
+// node_modules/calendar/dist/extensions/schedules/index.js
+var ScheduleOverrideStore = class _ScheduleOverrideStore {
+  constructor() {
+    this.storeName = _ScheduleOverrideStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_ScheduleOverrideStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("resourceId", "resourceId", { unique: false });
+    store.createIndex("date", "date", { unique: false });
+    store.createIndex("resourceId_date", ["resourceId", "date"], { unique: true });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+  }
+};
+ScheduleOverrideStore.STORE_NAME = "scheduleOverrides";
+var ScheduleOverrideService = class {
+  constructor(context) {
+    this.context = context;
+  }
+  get db() {
+    return this.context.getDatabase();
+  }
+  /**
+   * Get override for a specific resource and date
+   */
+  async getOverride(resourceId, date) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readonly");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index("resourceId_date");
+      const request = index.get([resourceId, date]);
+      request.onsuccess = () => {
+        resolve(request.result || null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get override for ${resourceId} on ${date}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get all overrides for a resource
+   */
+  async getByResource(resourceId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readonly");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index("resourceId");
+      const request = index.getAll(resourceId);
+      request.onsuccess = () => {
+        resolve(request.result || []);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get overrides for ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get overrides for a date range
+   */
+  async getByDateRange(resourceId, startDate, endDate) {
+    const all = await this.getByResource(resourceId);
+    return all.filter((o) => o.date >= startDate && o.date <= endDate);
+  }
+  /**
+   * Save an override
+   */
+  async save(override) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readwrite");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.put(override);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to save override ${override.id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Delete an override
+   */
+  async delete(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readwrite");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.delete(id);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to delete override ${id}: ${request.error}`));
+      };
+    });
+  }
+};
+var ResourceScheduleService = class {
+  constructor(resourceService, overrideService, dateService) {
+    this.resourceService = resourceService;
+    this.overrideService = overrideService;
+    this.dateService = dateService;
+  }
+  /**
+   * Get effective schedule for a resource on a specific date
+   *
+   * @param resourceId - Resource ID
+   * @param date - Date string "YYYY-MM-DD"
+   * @returns ITimeSlot or null (fri/closed)
+   */
+  async getScheduleForDate(resourceId, date) {
+    const override = await this.overrideService.getOverride(resourceId, date);
+    if (override) {
+      return override.schedule;
+    }
+    const resource = await this.resourceService.get(resourceId);
+    if (!resource || !resource.defaultSchedule) {
+      return null;
+    }
+    const weekDay = this.dateService.getISOWeekDay(date);
+    return resource.defaultSchedule[weekDay] || null;
+  }
+  /**
+   * Get schedules for multiple dates
+   *
+   * @param resourceId - Resource ID
+   * @param dates - Array of date strings "YYYY-MM-DD"
+   * @returns Map of date -> ITimeSlot | null
+   */
+  async getSchedulesForDates(resourceId, dates) {
+    const result = /* @__PURE__ */ new Map();
+    const resource = await this.resourceService.get(resourceId);
+    const overrides = dates.length > 0 ? await this.overrideService.getByDateRange(resourceId, dates[0], dates[dates.length - 1]) : [];
+    const overrideMap = new Map(overrides.map((o) => [o.date, o.schedule]));
+    for (const date of dates) {
+      if (overrideMap.has(date)) {
+        result.set(date, overrideMap.get(date));
+        continue;
+      }
+      if (resource?.defaultSchedule) {
+        const weekDay = this.dateService.getISOWeekDay(date);
+        result.set(date, resource.defaultSchedule[weekDay] || null);
+      } else {
+        result.set(date, null);
+      }
+    }
+    return result;
+  }
+};
+function registerSchedules(builder) {
+  builder.registerType(ScheduleOverrideStore).as("IStore");
+  builder.registerType(ScheduleOverrideService).as("ScheduleOverrideService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext")
+    ]
+  });
+  builder.registerType(ResourceScheduleService).as("ResourceScheduleService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceService"),
+      (c) => c.resolveType("ScheduleOverrideService"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+}
+
+// src/index.ts
+async function init() {
+  const databases = await indexedDB.databases();
+  const dbExists = databases.some((db) => db.name === "CalendarTestDB");
+  const container = new Container();
+  const builder = container.builder();
+  registerCoreServices(builder, {
+    dbConfig: { dbName: "CalendarTestDB", dbVersion: 4 }
+  });
+  registerSchedules(builder);
+  const app = builder.build();
+  console.log("Container created");
+  const dbContext = app.resolveType("IndexedDBContext");
+  await dbContext.initialize();
+  console.log("IndexedDB initialized");
+  const settingsService = app.resolveType("SettingsService");
+  const viewConfigService = app.resolveType("ViewConfigService");
+  const eventService = app.resolveType("EventService");
+  if (dbExists) {
+    console.log("Database exists, skipping seed");
+  } else {
+    console.log("Seeding data...");
+    await seedData(settingsService, viewConfigService, eventService);
+  }
+  const calendarApp = app.resolveType("CalendarApp");
+  const containerEl = document.querySelector("swp-calendar-container");
+  await calendarApp.init(containerEl);
+  const eventBus = app.resolveType("EventBus");
+  eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: "simple" });
+  console.log("Calendar rendered");
+  document.addEventListener("event:drag-end", (e) => {
+    console.log("event:drag-end:", e.detail);
+  });
+  document.addEventListener("event:updated", (e) => {
+    console.log("event:updated:", e.detail);
+  });
+  const persistenceManager = app.resolveType("EventPersistenceManager");
+  console.log("EventPersistenceManager resolved:", persistenceManager);
+}
+async function seedData(settingsService, viewConfigService, eventService) {
+  await settingsService.save({
+    id: "grid",
+    dayStartHour: 8,
+    dayEndHour: 17,
+    workStartHour: 9,
+    workEndHour: 16,
+    hourHeight: 64,
+    snapInterval: 15,
+    syncStatus: "synced"
+  });
+  await settingsService.save({
+    id: "workweek",
+    presets: {
+      standard: { id: "standard", label: "Standard", workDays: [1, 2, 3, 4, 5], periodDays: 7 }
+    },
+    defaultPreset: "standard",
+    firstDayOfWeek: 1,
+    syncStatus: "synced"
+  });
+  await viewConfigService.save({
+    id: "simple",
+    groupings: [{ type: "date", values: [], idProperty: "date", derivedFrom: "start" }],
+    syncStatus: "synced"
+  });
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  console.log("Event date:", today.toISOString());
+  const start1 = new Date(today);
+  start1.setHours(9, 0, 0, 0);
+  const end1 = new Date(today);
+  end1.setHours(10, 0, 0, 0);
+  await eventService.save({
+    id: "1",
+    title: "Morgenm\xF8de",
+    start: start1,
+    end: end1,
+    type: "meeting",
+    allDay: false,
+    syncStatus: "synced"
+  });
+  const start2 = new Date(today);
+  start2.setHours(12, 0, 0, 0);
+  const end2 = new Date(today);
+  end2.setHours(13, 0, 0, 0);
+  await eventService.save({
+    id: "2",
+    title: "Frokost",
+    start: start2,
+    end: end2,
+    type: "break",
+    allDay: false,
+    syncStatus: "synced"
+  });
+}
+init().catch(console.error);
diff --git a/test-package/dist/css/calendar.css b/test-package/dist/css/calendar.css
new file mode 100644
index 0000000..5a06eed
--- /dev/null
+++ b/test-package/dist/css/calendar.css
@@ -0,0 +1,877 @@
+/* V2 Base - Shared variables */
+
+:root {
+  /* Grid measurements */
+  --hour-height: 64px;
+  --time-axis-width: 60px;
+  --grid-columns: 7;
+  --day-column-min-width: 200px;
+  --day-start-hour: 6;
+  --day-end-hour: 18;
+  --header-height: 70px;
+
+  /* Colors - UI */
+  --color-border: #e0e0e0;
+  --color-surface: #fff;
+  --color-background: #f5f5f5;
+  --color-background-hover: #f0f0f0;
+  --color-background-alt: #fafafa;
+  --color-text: #333333;
+  --color-text-secondary: #666;
+  --color-primary: #1976d2;
+  --color-team-bg: #e3f2fd;
+  --color-team-text: #1565c0;
+
+  /* Colors - Grid */
+  --color-hour-line: rgba(0, 0, 0, 0.2);
+  --color-grid-line-light: rgba(0, 0, 0, 0.05);
+  --color-unavailable: rgba(0, 0, 0, 0.02);
+
+  /* Named color palette for events (fra V1) */
+  --b-color-red: #e53935;
+  --b-color-pink: #d81b60;
+  --b-color-magenta: #c200c2;
+  --b-color-purple: #8e24aa;
+  --b-color-violet: #5e35b1;
+  --b-color-deep-purple: #4527a0;
+  --b-color-indigo: #3949ab;
+  --b-color-blue: #1e88e5;
+  --b-color-light-blue: #03a9f4;
+  --b-color-cyan: #3bc9db;
+  --b-color-teal: #00897b;
+  --b-color-green: #43a047;
+  --b-color-light-green: #8bc34a;
+  --b-color-lime: #c0ca33;
+  --b-color-yellow: #fdd835;
+  --b-color-amber: #ffb300;
+  --b-color-orange: #fb8c00;
+  --b-color-deep-orange: #f4511e;
+
+  /* Base mix for color-mix() function */
+  --b-mix: #fff;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: var(--color-background);
+}
+
+/* V2 Layout - Calendar structure, grid, navigation */
+
+.calendar-wrapper {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+swp-calendar {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  height: 100%;
+  background: var(--color-surface);
+}
+
+/* Nav */
+swp-calendar-nav {
+  display: flex;
+  gap: 12px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--color-border);
+  align-items: center;
+  font-size: 13px;
+}
+
+/* View switcher - small chips */
+swp-view-switcher {
+  display: flex;
+  gap: 4px;
+  background: var(--color-background-alt);
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.view-chip {
+  padding: 4px 10px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  background: transparent;
+  color: var(--color-text-secondary);
+  font-size: 12px;
+  font-weight: 500;
+  transition: all 0.15s ease;
+
+  &:hover {
+    background: var(--color-surface);
+    color: var(--color-text);
+  }
+
+  &.active {
+    background: var(--color-surface);
+    color: var(--color-text);
+    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+  }
+}
+
+/* Workweek dropdown */
+.workweek-dropdown {
+  padding: 4px 8px;
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  background: var(--color-surface);
+  font-size: 12px;
+  cursor: pointer;
+
+  &:hover { border-color: var(--color-text-secondary); }
+  &:focus { outline: 2px solid var(--color-primary); outline-offset: 1px; }
+}
+
+/* Resource selector (picker view) */
+swp-resource-selector {
+  &.hidden { display: none; }
+
+  fieldset {
+    border: 1px solid var(--color-border);
+    border-radius: 6px;
+    padding: 6px 12px;
+    margin: 0;
+  }
+
+  legend {
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--color-text-secondary);
+    padding: 0 6px;
+  }
+
+  .resource-checkboxes {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px 16px;
+  }
+
+  label {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    cursor: pointer;
+    white-space: nowrap;
+
+    &:hover { color: var(--color-primary); }
+  }
+
+  input[type="checkbox"] {
+    width: 14px;
+    height: 14px;
+    cursor: pointer;
+  }
+}
+
+/* Navigation group */
+swp-nav-group {
+  display: flex;
+  gap: 2px;
+}
+
+swp-nav-button {
+  padding: 6px 12px;
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  cursor: pointer;
+  background: var(--color-surface);
+  font-size: 12px;
+
+  &:hover { background: var(--color-background-hover); }
+
+  &.btn-small {
+    padding: 4px 8px;
+    font-size: 11px;
+  }
+}
+
+swp-week-info {
+  margin-left: auto;
+  text-align: right;
+
+  swp-week-number {
+    font-weight: 600;
+    font-size: 12px;
+    display: block;
+  }
+
+  swp-date-range {
+    font-size: 11px;
+    color: var(--color-text-secondary);
+  }
+}
+
+/* Container */
+swp-calendar-container {
+  display: grid;
+  grid-template-columns: var(--time-axis-width) 1fr;
+  grid-template-rows: auto 1fr;
+  overflow: hidden;
+  height: 100%;
+}
+
+/* Time axis */
+swp-time-axis {
+  grid-column: 1;
+  grid-row: 1 / 3;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  border-right: 1px solid var(--color-border);
+  background: var(--color-surface);
+  overflow: hidden;
+  user-select: none;
+}
+
+swp-header-spacer {
+  border-bottom: 1px solid var(--color-border);
+  background: var(--color-surface);
+  z-index: 1;
+}
+
+swp-header-drawer {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1 / -1;
+  grid-row: 2;
+  overflow: hidden;
+  background: var(--color-background-alt);
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-time-axis-content {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+swp-hour-marker {
+  height: var(--hour-height);
+  padding: 4px 8px;
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  text-align: right;
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: -1px;
+    right: 0;
+    width: 5px;
+    height: 1px;
+    background: var(--color-hour-line);
+  }
+
+  &:first-child::after {
+    display: none;
+  }
+}
+
+/* Grid container */
+swp-grid-container {
+  grid-column: 2;
+  grid-row: 1 / 3;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: subgrid;
+  overflow: hidden;
+}
+
+/* Viewport/Track for slide animation */
+swp-header-viewport {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-columns), minmax(var(--day-column-min-width), 1fr));
+  grid-template-rows: auto auto;
+  min-width: calc(var(--grid-columns) * var(--day-column-min-width));
+  overflow-y: scroll;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar { background: transparent; }
+  &::-webkit-scrollbar-thumb { background: transparent; }
+}
+
+swp-content-viewport {
+  overflow: hidden;
+  min-height: 0;
+  width: 100%;
+}
+
+swp-header-track {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1 / -1;
+  grid-row: 1;
+}
+
+swp-content-track {
+  display: flex;
+  height: 100%;
+
+  > swp-scrollable-content {
+    flex: 0 0 100%;
+    height: 100%;
+  }
+}
+
+/* Header */
+swp-calendar-header {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1 / -1;
+  grid-auto-rows: auto;
+  background: var(--color-surface);
+
+  &[data-levels="date"] > swp-day-header { grid-row: 1; }
+
+  &[data-levels="resource date"] {
+    > swp-resource-header { grid-row: 1; }
+    > swp-day-header { grid-row: 2; }
+  }
+
+  &[data-levels="team resource date"] {
+    > swp-team-header { grid-row: 1; }
+    > swp-resource-header { grid-row: 2; }
+    > swp-day-header { grid-row: 3; }
+  }
+
+  &[data-levels="department resource date"] {
+    > swp-department-header { grid-row: 1; }
+    > swp-resource-header { grid-row: 2; }
+    > swp-day-header { grid-row: 3; }
+  }
+}
+
+swp-day-header,
+swp-resource-header,
+swp-team-header,
+swp-department-header {
+  padding: 8px;
+  text-align: center;
+  border-right: 1px solid var(--color-border);
+  border-bottom: 1px solid var(--color-border);
+  user-select: none;
+}
+
+swp-team-header {
+  background: var(--color-team-bg);
+  color: var(--color-team-text);
+  font-weight: 500;
+  grid-column: span var(--team-cols, 1);
+}
+
+swp-department-header {
+  background: var(--color-team-bg);
+  color: var(--color-team-text);
+  font-weight: 500;
+  grid-column: span var(--department-cols, 1);
+}
+
+swp-resource-header {
+  background: var(--color-background-alt);
+  font-size: 13px;
+}
+
+swp-day-header {
+  swp-day-name {
+    display: block;
+    font-size: 11px;
+    color: var(--color-text-secondary);
+    text-transform: uppercase;
+  }
+
+  swp-day-date {
+    display: block;
+    font-size: 24px;
+    font-weight: 300;
+  }
+
+  &[data-hidden="true"] {
+    display: none;
+  }
+}
+
+/* Scrollable content */
+swp-scrollable-content {
+  display: block;
+  overflow: auto;
+}
+
+swp-time-grid {
+  display: block;
+  position: relative;
+  min-height: calc((var(--day-end-hour) - var(--day-start-hour)) * var(--hour-height));
+  min-width: calc(var(--grid-columns) * var(--day-column-min-width));
+
+  /* Timelinjer */
+  &::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    background-image: repeating-linear-gradient(
+      to bottom,
+      transparent,
+      transparent calc(var(--hour-height) - 1px),
+      var(--color-hour-line) calc(var(--hour-height) - 1px),
+      var(--color-hour-line) var(--hour-height)
+    );
+    pointer-events: none;
+  }
+}
+
+/* Kvarterlinjer - 3 linjer per time (15, 30, 45 min) */
+swp-grid-lines {
+  display: block;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background-image: repeating-linear-gradient(
+    to bottom,
+    transparent 0,
+    transparent calc(var(--hour-height) / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 4),
+    transparent calc(var(--hour-height) / 4),
+    transparent calc(var(--hour-height) / 2 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 2 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 2),
+    transparent calc(var(--hour-height) / 2),
+    transparent calc(var(--hour-height) * 3 / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) * 3 / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) * 3 / 4),
+    transparent calc(var(--hour-height) * 3 / 4),
+    transparent var(--hour-height)
+  );
+}
+
+swp-day-columns {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  grid-template-columns: repeat(var(--grid-columns), minmax(var(--day-column-min-width), 1fr));
+  min-width: calc(var(--grid-columns) * var(--day-column-min-width));
+}
+
+swp-day-column {
+  position: relative;
+  border-right: 1px solid var(--color-border);
+}
+
+swp-events-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+}
+
+/* Unavailable time zones (outside working hours) */
+swp-unavailable-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  pointer-events: none;
+}
+
+swp-unavailable-zone {
+  position: absolute;
+  left: 0;
+  right: 0;
+  background: var(--color-unavailable, rgba(0, 0, 0, 0.05));
+  pointer-events: none;
+}
+
+/* V2 Events - Event styling (from V1 calendar-events-css.css) */
+
+/* Event base styles */
+swp-day-columns swp-event {
+  --b-text: var(--color-text);
+
+  position: absolute;
+  border-radius: 3px;
+  overflow: hidden;
+  cursor: pointer;
+  transition: background-color 200ms ease, box-shadow 150ms ease, transform 150ms ease;
+  z-index: 10;
+  left: 2px;
+  right: 2px;
+  font-size: 12px;
+  padding: 4px 6px;
+  user-select: none;
+
+  /* Color system using color-mix() */
+  background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
+  color: var(--b-text);
+  border-left: 4px solid var(--b-primary);
+
+  /* Enable container queries for responsive layout */
+  container-type: size;
+  container-name: event;
+
+  /* CSS Grid layout for time, title, and description */
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto 1fr;
+  gap: 2px 4px;
+  align-items: start;
+
+  /* Dragging state */
+  &.dragging {
+    position: absolute;
+    z-index: 999999;
+    left: 2px;
+    right: 2px;
+    width: auto;
+    cursor: grabbing;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+
+  /* Ghost clone (stays in original position during drag) */
+  &.drag-ghost {
+    opacity: 0.3;
+    pointer-events: none;
+  }
+
+  /* Hover state */
+  &:hover {
+    background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+  }
+}
+
+swp-day-columns swp-event:hover {
+  z-index: 20;
+}
+
+/* Resize handle - actual draggable element */
+swp-resize-handle {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 15px;
+  cursor: ns-resize;
+  z-index: 25;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 150ms ease;
+}
+
+/* Show handle on hover */
+swp-day-columns swp-event:hover swp-resize-handle {
+  opacity: 1;
+}
+
+/* Handle visual indicator (grip lines) */
+swp-resize-handle::before {
+  content: '';
+  width: 30px;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.9);
+  border-radius: 2px;
+  box-shadow:
+    0 -2px 0 rgba(255, 255, 255, 0.9),
+    0 2px 0 rgba(255, 255, 255, 0.9),
+    0 0 4px rgba(0, 0, 0, 0.2);
+}
+
+/* Global resizing state */
+.swp--resizing {
+  user-select: none !important;
+  cursor: ns-resize !important;
+}
+
+.swp--resizing * {
+  cursor: ns-resize !important;
+}
+
+swp-day-columns swp-event-time {
+  grid-column: 1;
+  grid-row: 1;
+  font-size: 0.875rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+swp-day-columns swp-event-title {
+  grid-column: 2;
+  grid-row: 1;
+  font-size: 0.875rem;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+swp-day-columns swp-event-description {
+  grid-column: 1 / -1;
+  grid-row: 2;
+  display: block;
+  font-size: 0.875rem;
+  opacity: 0.8;
+  line-height: 1.3;
+  overflow: hidden;
+  word-wrap: break-word;
+
+  /* Ensure description fills available height for gradient effect */
+  min-height: 100%;
+  align-self: stretch;
+
+  /* Fade-out effect for long descriptions */
+  -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
+  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
+}
+
+/* Container queries for height-based layout */
+
+/* Hide description when event is too short (< 30px) */
+@container event (height < 30px) {
+  swp-day-columns swp-event-description {
+    display: none;
+  }
+}
+
+/* Full description for tall events (>= 100px) */
+@container event (height >= 100px) {
+  swp-day-columns swp-event-description {
+    max-height: none;
+  }
+}
+
+/* Multi-day events */
+swp-multi-day-event {
+  position: relative;
+  height: 28px;
+  margin: 2px 4px;
+  padding: 0 8px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  user-select: none;
+
+  /* Color system using color-mix() */
+  --b-text: var(--color-text);
+  background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
+  color: var(--b-text);
+  border-left: 4px solid var(--b-primary);
+
+  &:hover {
+    background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+  }
+
+  /* Continuation indicators */
+  &[data-continues-before="true"] {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    margin-left: 0;
+    padding-left: 20px;
+
+    &::before {
+      content: '\25C0';
+      position: absolute;
+      left: 4px;
+      opacity: 0.6;
+      font-size: 0.75rem;
+    }
+  }
+
+  &[data-continues-after="true"] {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    margin-right: 0;
+    padding-right: 20px;
+
+    &::after {
+      content: '\25B6';
+      position: absolute;
+      right: 4px;
+      opacity: 0.6;
+      font-size: 0.75rem;
+    }
+  }
+
+  &:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--shadow-sm);
+  }
+}
+
+/* All-day events */
+swp-allday-event {
+  --b-text: var(--color-text);
+  background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
+  color: var(--b-text);
+  border-left: 4px solid var(--b-primary);
+  cursor: pointer;
+  transition: background-color 200ms ease;
+  user-select: none;
+
+  &:hover {
+    background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+  }
+}
+
+/* Event creation preview */
+swp-event-preview {
+  position: absolute;
+  left: 8px;
+  right: 8px;
+  background: rgba(33, 150, 243, 0.1);
+  border: 2px dashed var(--color-primary);
+  border-radius: 4px;
+
+  /* Position via CSS variables */
+  top: calc(var(--preview-start) * var(--minute-height));
+  height: calc(var(--preview-duration) * var(--minute-height));
+}
+
+/* Event filtering styles */
+/* When filter is active, all events are dimmed by default */
+swp-events-layer[data-filter-active="true"] swp-event {
+  opacity: 0.2;
+  transition: opacity 200ms ease;
+}
+
+/* Events that match the filter stay normal */
+swp-events-layer[data-filter-active="true"] swp-event[data-matches="true"] {
+  opacity: 1;
+}
+
+/* Event overlap styling */
+/* Event group container for column sharing */
+swp-event-group {
+  position: absolute;
+  display: grid;
+  gap: 2px;
+  left: 2px;
+  right: 2px;
+  z-index: 10;
+}
+
+/* Grid column configurations */
+swp-event-group.cols-2 {
+  grid-template-columns: 1fr 1fr;
+}
+
+swp-event-group.cols-3 {
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
+swp-event-group.cols-4 {
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+
+/* Stack levels using margin-left */
+swp-event-group.stack-level-0 {
+  margin-left: 0px;
+}
+
+swp-event-group.stack-level-1 {
+  margin-left: 15px;
+}
+
+swp-event-group.stack-level-2 {
+  margin-left: 30px;
+}
+
+swp-event-group.stack-level-3 {
+  margin-left: 45px;
+}
+
+swp-event-group.stack-level-4 {
+  margin-left: 60px;
+}
+
+/* Shadow for stacked events (level 1+) */
+swp-event[data-stack-link]:not([data-stack-link*='"stackLevel":0']),
+swp-event-group[data-stack-link]:not([data-stack-link*='"stackLevel":0']) swp-event {
+  box-shadow:
+    0 -1px 2px rgba(0, 0, 0, 0.1),
+    0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+/* Child events within grid */
+swp-event-group swp-event {
+  position: relative;
+  left: 0;
+  right: 0;
+}
+
+/* All-day event transition for smooth repositioning */
+swp-allday-container swp-event.transitioning {
+  transition: grid-area 200ms ease-out, grid-row 200ms ease-out, grid-column 200ms ease-out;
+}
+
+/* Color utility classes */
+.is-red { --b-primary: var(--b-color-red); }
+.is-pink { --b-primary: var(--b-color-pink); }
+.is-magenta { --b-primary: var(--b-color-magenta); }
+.is-purple { --b-primary: var(--b-color-purple); }
+.is-violet { --b-primary: var(--b-color-violet); }
+.is-deep-purple { --b-primary: var(--b-color-deep-purple); }
+.is-indigo { --b-primary: var(--b-color-indigo); }
+.is-blue { --b-primary: var(--b-color-blue); }
+.is-light-blue { --b-primary: var(--b-color-light-blue); }
+.is-cyan { --b-primary: var(--b-color-cyan); }
+.is-teal { --b-primary: var(--b-color-teal); }
+.is-green { --b-primary: var(--b-color-green); }
+.is-light-green { --b-primary: var(--b-color-light-green); }
+.is-lime { --b-primary: var(--b-color-lime); }
+.is-yellow { --b-primary: var(--b-color-yellow); }
+.is-amber { --b-primary: var(--b-color-amber); }
+.is-orange { --b-primary: var(--b-color-orange); }
+.is-deep-orange { --b-primary: var(--b-color-deep-orange); }
+
+/* Header drawer items */
+swp-header-item {
+  --b-text: var(--color-text);
+
+  /* Positioneres via style.gridArea */
+  height: 22px;
+  margin: 1px 4px;
+  padding: 2px 8px;
+  border-radius: 3px;
+  font-size: 0.75rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 200ms ease;
+
+  /* Color system - inverted from swp-event */
+  background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+  color: var(--b-text);
+
+  &:hover {
+    background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
+  }
+
+  /* Dragging state */
+  &.dragging {
+    opacity: 0.7;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  }
+}
diff --git a/test-package/index.html b/test-package/index.html
new file mode 100644
index 0000000..fcc8084
--- /dev/null
+++ b/test-package/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Calendar Package Test</title>
+  <link rel="stylesheet" href="dist/css/calendar.css">
+</head>
+<body>
+  <h1>Calendar Package Test</h1>
+
+  <div class="calendar-wrapper">
+    <swp-calendar-container>
+      <swp-time-axis>
+        <swp-header-spacer></swp-header-spacer>
+        <swp-time-axis-content id="time-axis"></swp-time-axis-content>
+      </swp-time-axis>
+      <swp-grid-container>
+        <swp-header-viewport>
+          <swp-header-track>
+            <swp-calendar-header></swp-calendar-header>
+          </swp-header-track>
+          <swp-header-drawer></swp-header-drawer>
+        </swp-header-viewport>
+        <swp-content-viewport>
+          <swp-content-track>
+            <swp-scrollable-content>
+              <swp-time-grid>
+                <swp-grid-lines></swp-grid-lines>
+                <swp-day-columns></swp-day-columns>
+              </swp-time-grid>
+            </swp-scrollable-content>
+          </swp-content-track>
+        </swp-content-viewport>
+      </swp-grid-container>
+    </swp-calendar-container>
+  </div>
+
+  <script type="module" src="dist/bundle.js"></script>
+</body>
+</html>
diff --git a/test-package/package-lock.json b/test-package/package-lock.json
new file mode 100644
index 0000000..c458173
--- /dev/null
+++ b/test-package/package-lock.json
@@ -0,0 +1,654 @@
+{
+  "name": "test-package",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "test-package",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@novadi/core": "^0.6.0",
+        "calendar": "^0.1.6",
+        "dayjs": "^1.11.19"
+      },
+      "devDependencies": {
+        "esbuild": "^0.27.2",
+        "typescript": "^5.9.3"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@novadi/core": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@novadi/core/-/core-0.6.0.tgz",
+      "integrity": "sha512-CU1134Nd7ULMg9OQbID5oP+FLtrMkNiLJ17+dmy4jjmPDcPK/dVzKTFxvJmbBvEfZEc9WtmkmJjqw11ABU7Jxw==",
+      "license": "MIT",
+      "dependencies": {
+        "unplugin": "^2.3.10"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-win32-x64-msvc": "^4.52.5"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.56.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.56.0.tgz",
+      "integrity": "sha512-H8AE9Ur/t0+1VXujj90w0HrSOuv0Nq9r1vSZF2t5km20NTfosQsGGUXDaKdQZzwuLts7IyL1fYT4hM95TI9c4g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/calendar": {
+      "version": "0.1.6",
+      "resolved": "http://npm.jarjarbinks:4873/calendar/-/calendar-0.1.6.tgz",
+      "integrity": "sha512-dZKOg6gHTAexklxsBGnszTWDi0rkV68XXV9epaHxZP6RlMvys155dpitq6q3aWCGbSw8xKeTF7FTHaz5yJoT6A==",
+      "dependencies": {
+        "dayjs": "^1.11.0"
+      },
+      "peerDependencies": {
+        "@novadi/core": "^0.6.0"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT"
+    }
+  }
+}
diff --git a/test-package/package.json b/test-package/package.json
new file mode 100644
index 0000000..c0d1011
--- /dev/null
+++ b/test-package/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "test-package",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "@novadi/core": "^0.6.0",
+    "calendar": "^0.1.6",
+    "dayjs": "^1.11.19"
+  },
+  "devDependencies": {
+    "esbuild": "^0.27.2",
+    "typescript": "^5.9.3"
+  }
+}
diff --git a/test-package/src/index.ts b/test-package/src/index.ts
new file mode 100644
index 0000000..43e78c8
--- /dev/null
+++ b/test-package/src/index.ts
@@ -0,0 +1,139 @@
+import { Container } from '@novadi/core';
+import {
+  registerCoreServices,
+  CalendarApp,
+  IndexedDBContext,
+  SettingsService,
+  ViewConfigService,
+  EventService,
+  EventBus,
+  CalendarEvents,
+  EventPersistenceManager
+} from 'calendar';
+import { registerSchedules } from 'calendar/schedules';
+
+async function init() {
+  // Check if database already exists
+  const databases = await indexedDB.databases();
+  const dbExists = databases.some(db => db.name === 'CalendarTestDB');
+
+  const container = new Container();
+  const builder = container.builder();
+  registerCoreServices(builder, {
+    dbConfig: { dbName: 'CalendarTestDB', dbVersion: 4 }
+  });
+  registerSchedules(builder);
+  const app = builder.build();
+
+  console.log('Container created');
+
+  // Initialize IndexedDB
+  const dbContext = app.resolveType<IndexedDBContext>();
+  await dbContext.initialize();
+  console.log('IndexedDB initialized');
+
+  const settingsService = app.resolveType<SettingsService>();
+  const viewConfigService = app.resolveType<ViewConfigService>();
+  const eventService = app.resolveType<EventService>();
+
+  if (dbExists) {
+    console.log('Database exists, skipping seed');
+  } else {
+    console.log('Seeding data...');
+    await seedData(settingsService, viewConfigService, eventService);
+  }
+
+  // Initialize and render
+  const calendarApp = app.resolveType<CalendarApp>();
+  const containerEl = document.querySelector('swp-calendar-container') as HTMLElement;
+  await calendarApp.init(containerEl);
+
+  const eventBus = app.resolveType<EventBus>();
+  eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: 'simple' });
+
+  console.log('Calendar rendered');
+
+  // Debug listeners
+  document.addEventListener('event:drag-end', (e) => {
+    console.log('event:drag-end:', (e as CustomEvent).detail);
+  });
+  document.addEventListener('event:updated', (e) => {
+    console.log('event:updated:', (e as CustomEvent).detail);
+  });
+
+  const persistenceManager = app.resolveType<EventPersistenceManager>();
+  console.log('EventPersistenceManager resolved:', persistenceManager);
+}
+
+async function seedData(
+  settingsService: SettingsService,
+  viewConfigService: ViewConfigService,
+  eventService: EventService
+) {
+  // Grid settings
+  await settingsService.save({
+    id: 'grid',
+    dayStartHour: 8,
+    dayEndHour: 17,
+    workStartHour: 9,
+    workEndHour: 16,
+    hourHeight: 64,
+    snapInterval: 15,
+    syncStatus: 'synced'
+  });
+
+  // Workweek settings
+  await settingsService.save({
+    id: 'workweek',
+    presets: {
+      standard: { id: 'standard', label: 'Standard', workDays: [1, 2, 3, 4, 5], periodDays: 7 }
+    },
+    defaultPreset: 'standard',
+    firstDayOfWeek: 1,
+    syncStatus: 'synced'
+  });
+
+  // Simple view config
+  await viewConfigService.save({
+    id: 'simple',
+    groupings: [{ type: 'date', values: [], idProperty: 'date', derivedFrom: 'start' }],
+    syncStatus: 'synced'
+  });
+
+  // Add test events
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  console.log('Event date:', today.toISOString());
+
+  const start1 = new Date(today);
+  start1.setHours(9, 0, 0, 0);
+  const end1 = new Date(today);
+  end1.setHours(10, 0, 0, 0);
+
+  await eventService.save({
+    id: '1',
+    title: 'Morgenmøde',
+    start: start1,
+    end: end1,
+    type: 'meeting',
+    allDay: false,
+    syncStatus: 'synced'
+  });
+
+  const start2 = new Date(today);
+  start2.setHours(12, 0, 0, 0);
+  const end2 = new Date(today);
+  end2.setHours(13, 0, 0, 0);
+
+  await eventService.save({
+    id: '2',
+    title: 'Frokost',
+    start: start2,
+    end: end2,
+    type: 'break',
+    allDay: false,
+    syncStatus: 'synced'
+  });
+}
+
+init().catch(console.error);
diff --git a/test-package/tsconfig.json b/test-package/tsconfig.json
new file mode 100644
index 0000000..ebbec2c
--- /dev/null
+++ b/test-package/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "lib": ["ES2024", "DOM", "DOM.Iterable"],
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "include": ["src/**/*"]
+}
diff --git a/test/v2/EventLayoutEngine.test.ts b/test/v2/EventLayoutEngine.test.ts
new file mode 100644
index 0000000..9064fdf
--- /dev/null
+++ b/test/v2/EventLayoutEngine.test.ts
@@ -0,0 +1,258 @@
+import { describe, it, expect } from 'vitest';
+import { calculateColumnLayout, eventsOverlap } from '../../src/v2/features/event/EventLayoutEngine';
+import { ICalendarEvent } from '../../src/v2/types/CalendarTypes';
+import { IGridConfig } from '../../src/v2/core/IGridConfig';
+
+// Helper to create test events
+function createEvent(id: string, startHour: number, startMin: number, endHour: number, endMin: number): ICalendarEvent {
+  const baseDate = new Date('2025-10-06');
+  const start = new Date(baseDate);
+  start.setHours(startHour, startMin, 0, 0);
+  const end = new Date(baseDate);
+  end.setHours(endHour, endMin, 0, 0);
+
+  return {
+    id,
+    title: `Event ${id}`,
+    start,
+    end,
+    type: 'work',
+    allDay: false
+  };
+}
+
+const gridConfig: IGridConfig = {
+  hourHeight: 60,
+  dayStartHour: 8,
+  dayEndHour: 20,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30  // Match calendar-config.json
+};
+
+describe('EventLayoutEngine', () => {
+
+  describe('eventsOverlap', () => {
+    it('should return true for overlapping events', () => {
+      const a = createEvent('a', 10, 0, 11, 0);
+      const b = createEvent('b', 10, 30, 11, 30);
+      expect(eventsOverlap(a, b)).toBe(true);
+    });
+
+    it('should return false for edge-adjacent events (end === start)', () => {
+      const a = createEvent('a', 10, 0, 11, 0);
+      const b = createEvent('b', 11, 0, 12, 0);
+      expect(eventsOverlap(a, b)).toBe(false);
+    });
+
+    it('should return false for non-overlapping events', () => {
+      const a = createEvent('a', 10, 0, 11, 0);
+      const b = createEvent('b', 12, 0, 13, 0);
+      expect(eventsOverlap(a, b)).toBe(false);
+    });
+  });
+
+  describe('Scenario 1: No Overlap', () => {
+    it('should assign stackLevel=0 to all sequential non-overlapping events', () => {
+      const events = [
+        createEvent('S1A', 10, 0, 11, 0),
+        createEvent('S1B', 11, 0, 12, 0),
+        createEvent('S1C', 12, 0, 13, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.grids).toHaveLength(0);
+      expect(layout.stacked).toHaveLength(3);
+
+      const levels = layout.stacked.map(s => ({ id: s.event.id, level: s.stackLevel }));
+      expect(levels).toContainEqual({ id: 'S1A', level: 0 });
+      expect(levels).toContainEqual({ id: 'S1B', level: 0 });
+      expect(levels).toContainEqual({ id: 'S1C', level: 0 });
+    });
+  });
+
+  describe('Scenario 2: Column Sharing (Grid)', () => {
+    it('should create grid with 2 columns for simultaneous events', () => {
+      const events = [
+        createEvent('S2A', 10, 0, 11, 0),
+        createEvent('S2B', 10, 0, 11, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.stacked).toHaveLength(0);
+      expect(layout.grids).toHaveLength(1);
+
+      const grid = layout.grids[0];
+      expect(grid.columns).toHaveLength(2);
+      expect(grid.stackLevel).toBe(0);
+    });
+  });
+
+  describe('Scenario 3: Nested Stacking', () => {
+    it('should calculate progressive stack levels for nested events', () => {
+      // A: 09:00-15:00, B: 10:00-13:00, C: 11:00-12:00, D: 12:30-13:30
+      const events = [
+        createEvent('S3A', 9, 0, 15, 0),
+        createEvent('S3B', 10, 0, 13, 0),
+        createEvent('S3C', 11, 0, 12, 0),
+        createEvent('S3D', 12, 30, 13, 30)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.grids).toHaveLength(0);
+      expect(layout.stacked).toHaveLength(4);
+
+      const getLevel = (id: string) => layout.stacked.find(s => s.event.id === id)?.stackLevel;
+      expect(getLevel('S3A')).toBe(0);
+      expect(getLevel('S3B')).toBe(1);
+      expect(getLevel('S3C')).toBe(2);
+      expect(getLevel('S3D')).toBe(2);
+    });
+  });
+
+  describe('Scenario 4: Complex Stacking', () => {
+    it('should handle long event with multiple nested events at different times', () => {
+      // A: 14:00-20:00, B: 15:00-17:00, C: 15:30-16:30, D: 18:00-19:00
+      const events = [
+        createEvent('S4A', 14, 0, 20, 0),
+        createEvent('S4B', 15, 0, 17, 0),
+        createEvent('S4C', 15, 30, 16, 30),
+        createEvent('S4D', 18, 0, 19, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.grids).toHaveLength(0);
+      expect(layout.stacked).toHaveLength(4);
+
+      const getLevel = (id: string) => layout.stacked.find(s => s.event.id === id)?.stackLevel;
+      expect(getLevel('S4A')).toBe(0);
+      expect(getLevel('S4B')).toBe(1);
+      expect(getLevel('S4C')).toBe(2);
+      expect(getLevel('S4D')).toBe(1);
+    });
+  });
+
+  describe('Scenario 5: Three Column Share', () => {
+    it('should create grid with 3 columns for 3 simultaneous events', () => {
+      const events = [
+        createEvent('S5A', 10, 0, 11, 0),
+        createEvent('S5B', 10, 0, 11, 0),
+        createEvent('S5C', 10, 0, 11, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.stacked).toHaveLength(0);
+      expect(layout.grids).toHaveLength(1);
+
+      const grid = layout.grids[0];
+      expect(grid.columns).toHaveLength(3);
+      expect(grid.stackLevel).toBe(0);
+    });
+  });
+
+  describe('Scenario 6: Overlapping Pairs', () => {
+    it('should handle two independent pairs of overlapping events', () => {
+      // Pair 1: A (10:00-12:00), B (11:00-12:00)
+      // Pair 2: C (13:00-15:00), D (14:00-15:00)
+      const events = [
+        createEvent('S6A', 10, 0, 12, 0),
+        createEvent('S6B', 11, 0, 12, 0),
+        createEvent('S6C', 13, 0, 15, 0),
+        createEvent('S6D', 14, 0, 15, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.grids).toHaveLength(0);
+      expect(layout.stacked).toHaveLength(4);
+
+      const getLevel = (id: string) => layout.stacked.find(s => s.event.id === id)?.stackLevel;
+      expect(getLevel('S6A')).toBe(0);
+      expect(getLevel('S6B')).toBe(1);
+      expect(getLevel('S6C')).toBe(0);
+      expect(getLevel('S6D')).toBe(1);
+    });
+  });
+
+  describe('Scenario 7: Long Event Container', () => {
+    it('should assign same level to non-overlapping events inside container', () => {
+      // A: 09:00-15:00 (container), B: 10:00-11:00, C: 12:00-13:00
+      const events = [
+        createEvent('S7A', 9, 0, 15, 0),
+        createEvent('S7B', 10, 0, 11, 0),
+        createEvent('S7C', 12, 0, 13, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.grids).toHaveLength(0);
+      expect(layout.stacked).toHaveLength(3);
+
+      const getLevel = (id: string) => layout.stacked.find(s => s.event.id === id)?.stackLevel;
+      expect(getLevel('S7A')).toBe(0);
+      expect(getLevel('S7B')).toBe(1);
+      expect(getLevel('S7C')).toBe(1);
+    });
+  });
+
+  describe('Scenario 8: Edge-Adjacent Events', () => {
+    it('should not stack events that touch at boundary (end === start)', () => {
+      const events = [
+        createEvent('S8A', 10, 0, 11, 0),
+        createEvent('S8B', 11, 0, 12, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.grids).toHaveLength(0);
+      expect(layout.stacked).toHaveLength(2);
+
+      const getLevel = (id: string) => layout.stacked.find(s => s.event.id === id)?.stackLevel;
+      expect(getLevel('S8A')).toBe(0);
+      expect(getLevel('S8B')).toBe(0);
+    });
+  });
+
+  describe('Scenario 9: End-to-Start Chain', () => {
+    it('should create grid for events connected through conflict chain', () => {
+      // A: 12:00-13:00, B: 12:30-13:30, C: 13:15-15:00
+      // A overlaps B, B overlaps C, but they're within threshold -> GRID
+      const events = [
+        createEvent('S9A', 12, 0, 13, 0),
+        createEvent('S9B', 12, 30, 13, 30),
+        createEvent('S9C', 13, 15, 15, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      // This should create a grid because events are within threshold
+      expect(layout.grids).toHaveLength(1);
+      expect(layout.grids[0].columns).toHaveLength(2);
+      expect(layout.grids[0].events).toHaveLength(3);
+    });
+  });
+
+  describe('Scenario 10: Four Column Grid', () => {
+    it('should create grid with 4 columns for 4 simultaneous events', () => {
+      const events = [
+        createEvent('S10A', 14, 0, 15, 0),
+        createEvent('S10B', 14, 0, 15, 0),
+        createEvent('S10C', 14, 0, 15, 0),
+        createEvent('S10D', 14, 0, 15, 0)
+      ];
+
+      const layout = calculateColumnLayout(events, gridConfig);
+
+      expect(layout.stacked).toHaveLength(0);
+      expect(layout.grids).toHaveLength(1);
+
+      const grid = layout.grids[0];
+      expect(grid.columns).toHaveLength(4);
+      expect(grid.stackLevel).toBe(0);
+    });
+  });
+});
diff --git a/vitest.config.ts b/vitest.config.ts
index a372cd6..2a97a5f 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -5,5 +5,7 @@ export default defineConfig({
     environment: 'jsdom',
     setupFiles: ['./test/setup.ts'],
     globals: true,
+    include: ['test/v2/**/*.test.ts'],
+    exclude: ['test/managers/**', 'test/utils/**'],
   },
 });
\ No newline at end of file
diff --git a/wwwroot/css/calendar-base-css.css b/wwwroot/css/calendar-base-css.css
deleted file mode 100644
index 10ecdc9..0000000
--- a/wwwroot/css/calendar-base-css.css
+++ /dev/null
@@ -1,248 +0,0 @@
-/* styles/base.css */
-
-/* CSS Reset and Base */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-/* CSS Variables */
-:root {
-  /* Grid measurements */
-  --hour-height: 60px;
-  --minute-height: 1px;
-  --snap-interval: 15;
-  --day-column-min-width: 250px;
-  --week-days: 7;
-  --header-height: 80px;
-  --all-day-row-height: 0px; /* Default height for all-day events row */
-  --all-day-event-height: 26px; /* Height of single all-day event including gaps */
-  --single-row-height: 28px; /* Height of single row in all-day container - synced with TypeScript */
-  --stack-levels: 1; /* Number of stack levels for all-day events */
-  
-  /* Time boundaries - Default fallback values */
-  --day-start-hour: 0;
-  --day-end-hour: 24;
-  --work-start-hour: 8;
-  --work-end-hour: 17;
-  
-  /* Colors */
-  --color-primary: #2196f3;
-  --color-secondary: #ff9800;
-  --color-success: #4caf50;
-  --color-danger: #f44336;
-  --color-warning: #ff9800;
-  
-  /* Grid colors */
-  --color-grid-line: #e0e0e0;
-  --color-grid-line-light: rgba(0, 0, 0, 0.05);
-  --color-hour-line: rgba(0, 0, 0, 0.2);
-  --color-work-hours: rgba(255, 255, 255, 0.9);
-  --color-current-time: #ff0000;
-  
-  /* Named color palette for events */
-  --b-color-red: #e53935;
-  --b-color-pink: #d81b60;
-  --b-color-magenta: #c200c2;
-  --b-color-purple: #8e24aa;
-  --b-color-violet: #5e35b1;
-  --b-color-deep-purple: #4527a0;
-  --b-color-indigo: #3949ab;
-  --b-color-blue: #1e88e5;
-  --b-color-light-blue: #03a9f4;
-  --b-color-cyan: #3bc9db;
-  --b-color-teal: #00897b;
-  --b-color-green: #43a047;
-  --b-color-light-green: #8bc34a;
-  --b-color-lime: #c0ca33;
-  --b-color-yellow: #fdd835;
-  --b-color-amber: #ffb300;
-  --b-color-orange: #fb8c00;
-  --b-color-deep-orange: #f4511e;
-  
-  /* Base mix for color-mix() function */
-  --b-mix: #fff;
-  
-  /* UI colors */
-  --color-background: #ffffff;
-  --color-surface: #f5f5f5;
-  --color-event-grid: #ffffff;
-  --color-non-work-hours: #ff980038;
-  --color-text: #333333;
-  --color-text-secondary: #666666;
-  --color-border: #e0e0e0;
-  
-  /* Shadows */
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
-  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.1);
-  --shadow-popup: 0 4px 20px rgba(0, 0, 0, 0.15);
-  
-  /* Transitions */
-  --transition-fast: 150ms ease;
-  --transition-normal: 300ms ease;
-  --transition-slow: 500ms ease;
-  
-  /* Z-index layers */
-  --z-grid: 1;
-  --z-event: 10;
-  --z-event-hover: 20;
-  --z-drag-ghost: 30;
-  --z-current-time: 40;
-  --z-popup: 100;
-  --z-loading: 200;
-}
-
-/* Base styles */
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--color-text);
-  background-color: var(--color-surface);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* Custom elements default display */
-swp-calendar,
-swp-calendar-nav,
-swp-calendar-container,
-swp-calendar-grid,
-swp-header-cell,
-swp-time-cell,
-swp-day-cell,
-swp-events-container,
-swp-day-columns swp-event,
-swp-loading-overlay,
-swp-nav-group,
-swp-nav-button,
-swp-search-container,
-swp-search-icon,
-swp-search-clear,
-swp-view-selector,
-swp-view-button,
-swp-week-info,
-swp-week-number,
-swp-date-range,
-swp-day-name,
-swp-day-date,
-swp-event-time,
-swp-day-columns swp-event-title,
-swp-spinner {
-  display: block;
-}
-
-/* Scrollbar styling */
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-::-webkit-scrollbar-track {
-  background: var(--color-surface);
-}
-
-::-webkit-scrollbar-thumb {
-  background: #bbb;
-  border-radius: 5px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #999;
-}
-
-/* Selection styling */
-::selection {
-  background-color: rgba(33, 150, 243, 0.2);
-  color: inherit;
-}
-
-/* Prevent text selection in calendar UI */
-swp-calendar-container,
-swp-calendar-grid,
-swp-day-column,
-swp-day-columns swp-event,
-swp-day-columns swp-event-group,
-swp-time-axis,
-swp-day-columns swp-event-title,
-swp-day-columns swp-event-time {
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-
-/* Enable text selection for events when double-clicked */
-swp-day-columns swp-event.text-selectable swp-day-columns swp-event-title,
-swp-day-columns swp-event.text-selectable swp-day-columns swp-event-time {
-  user-select: text;
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-}
-
-/* Focus styles */
-:focus {
-  outline: 2px solid var(--color-primary);
-  outline-offset: 2px;
-}
-
-:focus:not(:focus-visible) {
-  outline: none;
-}
-
-/* Utility classes */
-.hidden {
-  display: none !important;
-}
-
-.invisible {
-  visibility: hidden !important;
-}
-
-.transparent {
-  opacity: 0 !important;
-}
-
-/* Animations */
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-@keyframes pulse {
-  0% { 
-    opacity: 1; 
-    transform: scale(1); 
-  }
-  50% { 
-    opacity: 0.6; 
-    transform: scale(1.2); 
-  }
-  100% { 
-    opacity: 1; 
-    transform: scale(1); 
-  }
-}
-
-@keyframes fadeIn {
-  from { 
-    opacity: 0; 
-    transform: translateY(10px); 
-  }
-  to { 
-    opacity: 1; 
-    transform: translateY(0); 
-  }
-}
-
-@keyframes slideIn {
-  from { 
-    transform: translateX(-100%); 
-  }
-  to { 
-    transform: translateX(0); 
-  }
-}
\ No newline at end of file
diff --git a/wwwroot/css/calendar-base.css b/wwwroot/css/calendar-base.css
new file mode 100644
index 0000000..64a9f10
--- /dev/null
+++ b/wwwroot/css/calendar-base.css
@@ -0,0 +1,66 @@
+/* V2 Base - Shared variables */
+
+:root {
+  /* Grid measurements */
+  --hour-height: 64px;
+  --time-axis-width: 60px;
+  --grid-columns: 7;
+  --day-column-min-width: 200px;
+  --day-start-hour: 6;
+  --day-end-hour: 18;
+  --header-height: 70px;
+
+  /* Colors - UI */
+  --color-border: #e0e0e0;
+  --color-surface: #fff;
+  --color-background: #f5f5f5;
+  --color-background-hover: #f0f0f0;
+  --color-background-alt: #fafafa;
+  --color-text: #333333;
+  --color-text-secondary: #666;
+  --color-primary: #1976d2;
+  --color-team-bg: #e3f2fd;
+  --color-team-text: #1565c0;
+
+  /* Colors - Grid */
+  --color-hour-line: rgba(0, 0, 0, 0.2);
+  --color-grid-line-light: rgba(0, 0, 0, 0.05);
+  --color-unavailable: rgba(0, 0, 0, 0.02);
+
+  /* Named color palette for events (fra V1) */
+  --b-color-red: #e53935;
+  --b-color-pink: #d81b60;
+  --b-color-magenta: #c200c2;
+  --b-color-purple: #8e24aa;
+  --b-color-violet: #5e35b1;
+  --b-color-deep-purple: #4527a0;
+  --b-color-indigo: #3949ab;
+  --b-color-blue: #1e88e5;
+  --b-color-light-blue: #03a9f4;
+  --b-color-cyan: #3bc9db;
+  --b-color-teal: #00897b;
+  --b-color-green: #43a047;
+  --b-color-light-green: #8bc34a;
+  --b-color-lime: #c0ca33;
+  --b-color-yellow: #fdd835;
+  --b-color-amber: #ffb300;
+  --b-color-orange: #fb8c00;
+  --b-color-deep-orange: #f4511e;
+
+  /* Base mix for color-mix() function */
+  --b-mix: #fff;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: var(--color-background);
+}
diff --git a/wwwroot/css/calendar-components-css.css b/wwwroot/css/calendar-components-css.css
deleted file mode 100644
index f9793e1..0000000
--- a/wwwroot/css/calendar-components-css.css
+++ /dev/null
@@ -1,236 +0,0 @@
-/* styles/components/navigation.css */
-
-/* Navigation groups */
-swp-nav-group {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-/* Navigation buttons */
-swp-nav-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px 16px;
-  border: 1px solid var(--color-border);
-  background: var(--color-background);
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: all var(--transition-fast);
-  min-width: 40px;
-  height: 36px;
-  
-  &:hover {
-    background: var(--color-surface);
-    border-color: var(--color-text-secondary);
-  }
-  
-  &:active {
-    transform: translateY(1px);
-  }
-  
-  /* Icon buttons */
-  svg {
-    width: 20px;
-    height: 20px;
-    stroke-width: 2;
-  }
-  
-  /* Today button */
-  &[data-action="today"] {
-    min-width: 70px;
-  }
-}
-
-/* View selector */
-swp-view-selector {
-  display: flex;
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: 4px;
-  overflow: hidden;
-}
-
-swp-view-button {
-  padding: 8px 16px;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: all var(--transition-fast);
-  position: relative;
-  
-  &:not(:last-child) {
-    border-right: 1px solid var(--color-border);
-  }
-  
-  &:hover:not([disabled]) {
-    background: rgba(0, 0, 0, 0.05);
-  }
-  
-  &[data-active="true"] {
-    background: var(--color-primary);
-    color: white;
-    
-    &:hover {
-      background: var(--color-primary);
-    }
-  }
-  
-  &[disabled] {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-}
-
-/* Workweek Presets */
-swp-workweek-presets {
-  display: flex;
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: 4px;
-  overflow: hidden;
-  margin-left: 16px;
-}
-
-swp-preset-button {
-  padding: 6px 12px;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: 0.75rem;
-  font-weight: 500;
-  transition: all var(--transition-fast);
-  position: relative;
-  color: var(--color-text-secondary);
-  
-  &:not(:last-child) {
-    border-right: 1px solid var(--color-border);
-  }
-  
-  
-  &[data-active="true"] {
-    background: var(--color-primary);
-    color: white;
-    font-weight: 600;
-  }
-  
-  &[disabled] {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-}
-
-
-/* Search container */
-swp-search-container {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-  position: relative;
-  
-  swp-search-icon {
-    position: absolute;
-    left: 12px;
-    color: var(--color-text-secondary);
-    
-    svg {
-      width: 16px;
-      height: 16px;
-    }
-  }
-  
-  input[type="search"] {
-    padding: 8px 36px 8px 36px;
-    border: 1px solid var(--color-border);
-    border-radius: 20px;
-    background: var(--color-surface);
-    font-size: 0.875rem;
-    width: 250px;
-    transition: all var(--transition-fast);
-    
-    &::-webkit-search-cancel-button {
-      display: none;
-    }
-    
-    &:focus {
-      outline: none;
-      border-color: var(--color-primary);
-      background: var(--color-background);
-      width: 300px;
-    }
-    
-    &::placeholder {
-      color: var(--color-text-secondary);
-    }
-  }
-  
-  swp-search-clear {
-    position: absolute;
-    right: 8px;
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    border-radius: 50%;
-    transition: all var(--transition-fast);
-    
-    &:hover {
-      background: rgba(0, 0, 0, 0.1);
-    }
-    
-    svg {
-      width: 14px;
-      height: 14px;
-      stroke: var(--color-text-secondary);
-    }
-    
-    &[hidden] {
-      display: none;
-    }
-  }
-}
-
-/* Visual indication when filter is active */
-swp-search-container.filter-active input {
-  border-color: var(--color-primary);
-  background: rgba(33, 150, 243, 0.05);
-}
-
-/* Calendar search active state */
-swp-calendar[data-searching="true"] {
-  swp-event {
-    opacity: 0.15;
-    transition: opacity var(--transition-normal);
-    
-    &[data-search-match="true"] {
-      opacity: 1;
-      box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
-    }
-  }
-}
-
-/* Week info display */
-swp-week-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 2px;
-}
-
-swp-week-number {
-  font-size: 1.125rem;
-  font-weight: 600;
-  color: var(--color-text);
-}
-
-swp-date-range {
-  font-size: 0.875rem;
-  color: var(--color-text-secondary);
-}
\ No newline at end of file
diff --git a/wwwroot/css/calendar-events-css.css b/wwwroot/css/calendar-events.css
similarity index 86%
rename from wwwroot/css/calendar-events-css.css
rename to wwwroot/css/calendar-events.css
index 379f4a2..5aad3b4 100644
--- a/wwwroot/css/calendar-events-css.css
+++ b/wwwroot/css/calendar-events.css
@@ -1,9 +1,9 @@
-/* styles/components/events.css */
+/* V2 Events - Event styling (from V1 calendar-events-css.css) */
 
 /* Event base styles */
 swp-day-columns swp-event {
   --b-text: var(--color-text);
-  
+
   position: absolute;
   border-radius: 3px;
   overflow: hidden;
@@ -14,6 +14,7 @@ swp-day-columns swp-event {
   right: 2px;
   font-size: 12px;
   padding: 4px 6px;
+  user-select: none;
 
   /* Color system using color-mix() */
   background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
@@ -30,15 +31,22 @@ swp-day-columns swp-event {
   grid-template-rows: auto 1fr;
   gap: 2px 4px;
   align-items: start;
-  
+
   /* Dragging state */
   &.dragging {
     position: absolute;
     z-index: 999999;
-    opacity: 0.8;
     left: 2px;
     right: 2px;
     width: auto;
+    cursor: grabbing;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+
+  /* Ghost clone (stays in original position during drag) */
+  &.drag-ghost {
+    opacity: 0.3;
+    pointer-events: none;
   }
 
   /* Hover state */
@@ -134,13 +142,12 @@ swp-day-columns swp-event-description {
 
 /* Container queries for height-based layout */
 
-/* Hide description when event is too short (< 60px) */
+/* Hide description when event is too short (< 30px) */
 @container event (height < 30px) {
   swp-day-columns swp-event-description {
     display: none;
   }
 }
- 
 
 /* Full description for tall events (>= 100px) */
 @container event (height >= 100px) {
@@ -165,52 +172,55 @@ swp-multi-day-event {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  
+  user-select: none;
+
   /* Color system using color-mix() */
-    --b-text: var(--color-text);
+  --b-text: var(--color-text);
   background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
   color: var(--b-text);
   border-left: 4px solid var(--b-primary);
-  
+
   &:hover {
     background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
   }
-  
+
   /* Continuation indicators */
   &[data-continues-before="true"] {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     margin-left: 0;
     padding-left: 20px;
-    
+
     &::before {
-      content: '◀';
+      content: '\25C0';
       position: absolute;
       left: 4px;
       opacity: 0.6;
       font-size: 0.75rem;
     }
   }
-  
+
   &[data-continues-after="true"] {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     margin-right: 0;
     padding-right: 20px;
-    
+
     &::after {
-      content: '▶';
+      content: '\25B6';
       position: absolute;
       right: 4px;
       opacity: 0.6;
       font-size: 0.75rem;
     }
   }
-  
+
   &:hover {
     transform: translateY(-1px);
     box-shadow: var(--shadow-sm);
   }
+}
+
 /* All-day events */
 swp-allday-event {
   --b-text: var(--color-text);
@@ -219,12 +229,12 @@ swp-allday-event {
   border-left: 4px solid var(--b-primary);
   cursor: pointer;
   transition: background-color 200ms ease;
-  
+  user-select: none;
+
   &:hover {
     background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
   }
 }
-}
 
 /* Event creation preview */
 swp-event-preview {
@@ -234,7 +244,7 @@ swp-event-preview {
   background: rgba(33, 150, 243, 0.1);
   border: 2px dashed var(--color-primary);
   border-radius: 4px;
-  
+
   /* Position via CSS variables */
   top: calc(var(--preview-start) * var(--minute-height));
   height: calc(var(--preview-duration) * var(--minute-height));
@@ -336,3 +346,37 @@ swp-allday-container swp-event.transitioning {
 .is-amber { --b-primary: var(--b-color-amber); }
 .is-orange { --b-primary: var(--b-color-orange); }
 .is-deep-orange { --b-primary: var(--b-color-deep-orange); }
+
+/* Header drawer items */
+swp-header-item {
+  --b-text: var(--color-text);
+
+  /* Positioneres via style.gridArea */
+  height: 22px;
+  margin: 1px 4px;
+  padding: 2px 8px;
+  border-radius: 3px;
+  font-size: 0.75rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 200ms ease;
+
+  /* Color system - inverted from swp-event */
+  background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+  color: var(--b-text);
+
+  &:hover {
+    background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
+  }
+
+  /* Dragging state */
+  &.dragging {
+    opacity: 0.7;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  }
+}
diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
deleted file mode 100644
index c244ae0..0000000
--- a/wwwroot/css/calendar-layout-css.css
+++ /dev/null
@@ -1 +0,0 @@
-.calendar-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}swp-calendar{background:var(--color-background);display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;position:relative;width:100%}swp-calendar[data-fit-to-width=true] swp-scrollable-content{overflow-x:hidden}swp-calendar-nav{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:grid;gap:20px;grid-template-columns:auto 1fr auto auto;padding:12px 16px}swp-calendar-container{display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto 1fr;height:100%;overflow:hidden;position:relative}swp-calendar-container.week-transition{transition:opacity .3s ease}swp-calendar-container.week-transition:is(-out){opacity:.5}swp-header-spacer{background:var(--color-surface);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);grid-column:1;grid-row:1;height:calc(var(--header-height) + var(--all-day-row-height));position:relative;z-index:5}.allday-chevron{background:none;border:none;border-radius:4px;bottom:2px;color:#666;cursor:pointer;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:transform .3s ease,color .2s ease}.allday-chevron:hover{background-color:rgba(0,0,0,.05);color:#000}.allday-chevron.collapsed{transform:translateX(-50%) rotate(0deg)}.allday-chevron.expanded{transform:translateX(-50%) rotate(180deg)}.allday-chevron svg{display:block;height:8px;width:12px}swp-grid-container{display:grid;grid-column:2;grid-row:1/3;grid-template-rows:auto 1fr;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}swp-grid-container,swp-time-axis{overflow:hidden;position:relative}swp-time-axis{background:var(--color-surface);border-right:1px solid var(--color-border);grid-column:1;grid-row:2;height:100%;left:0;width:60px;z-index:3}swp-time-axis-content{display:flex;flex-direction:column;position:relative}swp-hour-marker{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:.75rem;height:var(--hour-height);padding:0 8px 8px 15px;position:relative}swp-hour-marker:before{background:var(--color-hour-line);content:"";height:1px;left:50px;position:absolute;top:-1px;width:calc(100vw - 60px);z-index:2}swp-calendar-header{background:var(--color-surface);display:grid;grid-template-columns:repeat(var(--grid-columns,7),minmax(var(--day-column-min-width),1fr));grid-template-rows:var(--header-height) auto;height:calc(var(--header-height) + var(--all-day-row-height));min-width:calc(var(--grid-columns, 7)*var(--day-column-min-width));overflow-x:hidden;overflow-y:scroll;position:sticky;top:0;z-index:3}swp-calendar-header::-webkit-scrollbar{background:transparent;width:17px}swp-calendar-header::-webkit-scrollbar-thumb,swp-calendar-header::-webkit-scrollbar-track{background:transparent}swp-calendar-header swp-allday-container{align-items:center;display:grid;gap:2px 0;grid-auto-rows:var(--single-row-height);grid-column:1/-1;grid-row:2;grid-template-columns:repeat(var(--grid-columns,7),minmax(var(--day-column-min-width),1fr));overflow:hidden}:is(swp-calendar-header swp-allday-container):has(swp-allday-event){border-bottom:1px solid var(--color-grid-line)}swp-day-header{align-items:center;border-bottom:1px solid var(--color-grid-line);border-right:1px solid var(--color-grid-line);display:flex;flex-direction:column;grid-row:1;justify-content:center;padding-top:3px;text-align:center}swp-day-header:last-child{border-right:none}swp-day-header[data-today=true]{background:rgba(33,150,243,.1)}swp-day-header[data-today=true] swp-day-name{color:var(--color-primary);font-weight:600}swp-day-header[data-today=true] swp-day-date{color:var(--color-primary)}swp-day-name{color:var(--color-text-secondary);display:block;font-size:12px;font-weight:500;letter-spacing:.1em}swp-day-date{display:block;font-size:30px;margin-top:4px}swp-resource-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-grid-line);border-right:1px solid var(--color-grid-line);display:flex;flex-direction:column;justify-content:center;padding:12px;text-align:center}swp-resource-header:last-child{border-right:none}swp-resource-avatar{background:var(--color-border);border-radius:50%;display:block;height:40px;margin-bottom:8px;overflow:hidden;width:40px}swp-resource-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}swp-resource-name{color:var(--color-text);display:block;font-size:.875rem;font-weight:500;text-align:center}swp-allday-column{background:transparent;height:100%;opacity:0;position:relative;z-index:1}swp-allday-container swp-allday-event{align-items:center;background:#08f;border-radius:3px;color:#fff;display:flex;font-size:.75rem;height:22px!important;justify-content:flex-start;left:auto!important;margin:1px;overflow:hidden;padding:2px 4px;position:relative!important;right:auto!important;text-overflow:ellipsis;top:auto!important;white-space:nowrap;width:auto!important;z-index:2}[data-type=meeting]:is(swp-allday-container swp-allday-event){background:var(--color-event-meeting);color:var(--color-text)}[data-type=meal]:is(swp-allday-container swp-allday-event){background:var(--color-event-meal);color:var(--color-text)}[data-type=work]:is(swp-allday-container swp-allday-event){background:var(--color-event-work);color:var(--color-text)}[data-type=milestone]:is(swp-allday-container swp-allday-event){background:var(--color-event-milestone);color:var(--color-text)}[data-type=personal]:is(swp-allday-container swp-allday-event){background:var(--color-event-personal);color:var(--color-text)}[data-type=deadline]:is(swp-allday-container swp-allday-event){background:var(--color-event-milestone);color:var(--color-text)}.dragging:is(swp-allday-container swp-allday-event){opacity:1}.highlight[data-type=meeting]:is(swp-allday-container swp-allday-event){background:var(--color-event-meeting-hl)!important}.highlight[data-type=meal]:is(swp-allday-container swp-allday-event){background:var(--color-event-meal-hl)!important}.highlight[data-type=work]:is(swp-allday-container swp-allday-event){background:var(--color-event-work-hl)!important}.highlight[data-type=milestone]:is(swp-allday-container swp-allday-event){background:var(--color-event-milestone-hl)!important}.highlight[data-type=personal]:is(swp-allday-container swp-allday-event){background:var(--color-event-personal-hl)!important}.highlight[data-type=deadline]:is(swp-allday-container swp-allday-event){background:var(--color-event-milestone-hl)!important}.max-event-indicator:is(swp-allday-container swp-allday-event){background:#e0e0e0!important;border:1px dashed #999!important;color:#666!important;cursor:pointer!important;font-style:italic;justify-content:center;opacity:.8;text-align:center!important}.max-event-indicator:is(swp-allday-container swp-allday-event):hover{background:#d0d0d0!important;color:#333!important;opacity:1}.max-event-indicator:is(swp-allday-container swp-allday-event) span{display:block;font-size:11px;font-weight:400;text-align:center;width:100%}.max-event-overflow-show:is(swp-allday-container swp-allday-event){opacity:1;transition:opacity .3s ease-in-out}.max-event-overflow-hide:is(swp-allday-container swp-allday-event){opacity:0;transition:opacity .3s ease-in-out}:is(swp-allday-container swp-allday-event) swp-event-time{display:none}:is(swp-allday-container swp-allday-event) swp-event-title{display:block;font-size:12px;line-height:18px}.transitioning:is(swp-allday-container swp-allday-event){transition:grid-area .2s ease-out,grid-row .2s ease-out,grid-column .2s ease-out}swp-scrollable-content{display:grid;overflow-x:auto;overflow-y:auto;position:relative;scroll-behavior:smooth;top:-1px}swp-scrollable-content::-webkit-scrollbar{height:var(--scrollbar-width,12px);width:var(--scrollbar-width,12px)}swp-scrollable-content::-webkit-scrollbar-track{background:var(--scrollbar-track-color,#f0f0f0)}swp-scrollable-content::-webkit-scrollbar-thumb{background:var(--scrollbar-color,#666);border-radius:var(--scrollbar-border-radius,6px)}:is(swp-scrollable-content::-webkit-scrollbar-thumb):hover{background:var(--scrollbar-hover-color,#333)}swp-scrollable-content{scrollbar-color:var(--scrollbar-color,#666) var(--scrollbar-track-color,#f0f0f0);scrollbar-width:auto}swp-time-grid{height:calc((var(--day-end-hour) - var(--day-start-hour))*var(--hour-height));position:relative}swp-time-grid:before{background:transparent;display:none;height:0}swp-time-grid:after,swp-time-grid:before{content:"";left:0;min-width:calc(var(--grid-columns, 7)*var(--day-column-min-width));position:absolute;right:0;top:0}swp-time-grid:after{background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(var(--hour-height) - 1px),var(--color-hour-line) calc(var(--hour-height) - 1px),var(--color-hour-line) var(--hour-height));bottom:0;z-index:1}swp-grid-lines{background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(var(--hour-height)/4 - 1px),var(--color-grid-line-light) calc(var(--hour-height)/4 - 1px),var(--color-grid-line-light) calc(var(--hour-height)/4));bottom:0;left:0;right:0;top:0;z-index:var(--z-grid)}swp-day-columns,swp-grid-lines{min-width:calc(var(--grid-columns, 7)*var(--day-column-min-width));position:absolute}swp-day-columns{display:grid;grid-template-columns:repeat(var(--grid-columns,7),minmax(var(--day-column-min-width),1fr));inset:0}swp-day-column{background:var(--color-event-grid);border-right:1px solid var(--color-grid-line);min-width:var(--day-column-min-width);position:relative}swp-day-column:last-child{border-right:none}swp-day-column:after,swp-day-column:before{background:var(--color-non-work-hours);content:"";left:0;opacity:.3;position:absolute;right:0;z-index:2}swp-day-column:before{height:var(--before-work-height,0);top:0}swp-day-column:after{bottom:0;top:var(--after-work-top,100%)}swp-day-column[data-work-hours=off]{background:var(--color-non-work-hours)}swp-day-column[data-work-hours=off]:after,swp-day-column[data-work-hours=off]:before{display:none}swp-resource-column{background:var(--color-event-grid);border-right:1px solid var(--color-grid-line);min-width:var(--day-column-min-width);position:relative}swp-resource-column:last-child{border-right:none}swp-events-layer{display:block;inset:0;position:absolute;z-index:var(--z-event)}swp-current-time-indicator{background:var(--color-current-time);height:2px;left:0;position:absolute;right:0;z-index:var(--z-current-time)}swp-current-time-indicator:before{background:var(--color-current-time);border-radius:3px;color:#fff;content:attr(data-time);font-size:.75rem;left:-55px;padding:2px 6px;position:absolute;top:-10px;white-space:nowrap}swp-current-time-indicator:after{background:var(--color-current-time);border-radius:50%;box-shadow:0 0 0 2px rgba(255,0,0,.3);content:"";height:10px;position:absolute;right:-4px;top:-4px;width:10px}
\ No newline at end of file
diff --git a/wwwroot/css/calendar-layout.css b/wwwroot/css/calendar-layout.css
new file mode 100644
index 0000000..2bb9ab8
--- /dev/null
+++ b/wwwroot/css/calendar-layout.css
@@ -0,0 +1,427 @@
+/* V2 Layout - Calendar structure, grid, navigation */
+
+.calendar-wrapper {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+swp-calendar {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  height: 100%;
+  background: var(--color-surface);
+}
+
+/* Nav */
+swp-calendar-nav {
+  display: flex;
+  gap: 12px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--color-border);
+  align-items: center;
+  font-size: 13px;
+}
+
+/* View switcher - small chips */
+swp-view-switcher {
+  display: flex;
+  gap: 4px;
+  background: var(--color-background-alt);
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.view-chip {
+  padding: 4px 10px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  background: transparent;
+  color: var(--color-text-secondary);
+  font-size: 12px;
+  font-weight: 500;
+  transition: all 0.15s ease;
+
+  &:hover {
+    background: var(--color-surface);
+    color: var(--color-text);
+  }
+
+  &.active {
+    background: var(--color-surface);
+    color: var(--color-text);
+    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+  }
+}
+
+/* Workweek dropdown */
+.workweek-dropdown {
+  padding: 4px 8px;
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  background: var(--color-surface);
+  font-size: 12px;
+  cursor: pointer;
+
+  &:hover { border-color: var(--color-text-secondary); }
+  &:focus { outline: 2px solid var(--color-primary); outline-offset: 1px; }
+}
+
+/* Resource selector (picker view) */
+swp-resource-selector {
+  &.hidden { display: none; }
+
+  fieldset {
+    border: 1px solid var(--color-border);
+    border-radius: 6px;
+    padding: 6px 12px;
+    margin: 0;
+  }
+
+  legend {
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--color-text-secondary);
+    padding: 0 6px;
+  }
+
+  .resource-checkboxes {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px 16px;
+  }
+
+  label {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    cursor: pointer;
+    white-space: nowrap;
+
+    &:hover { color: var(--color-primary); }
+  }
+
+  input[type="checkbox"] {
+    width: 14px;
+    height: 14px;
+    cursor: pointer;
+  }
+}
+
+/* Navigation group */
+swp-nav-group {
+  display: flex;
+  gap: 2px;
+}
+
+swp-nav-button {
+  padding: 6px 12px;
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  cursor: pointer;
+  background: var(--color-surface);
+  font-size: 12px;
+
+  &:hover { background: var(--color-background-hover); }
+
+  &.btn-small {
+    padding: 4px 8px;
+    font-size: 11px;
+  }
+}
+
+swp-week-info {
+  margin-left: auto;
+  text-align: right;
+
+  swp-week-number {
+    font-weight: 600;
+    font-size: 12px;
+    display: block;
+  }
+
+  swp-date-range {
+    font-size: 11px;
+    color: var(--color-text-secondary);
+  }
+}
+
+/* Container */
+swp-calendar-container {
+  display: grid;
+  grid-template-columns: var(--time-axis-width) 1fr;
+  grid-template-rows: auto 1fr;
+  overflow: hidden;
+  height: 100%;
+}
+
+/* Time axis */
+swp-time-axis {
+  grid-column: 1;
+  grid-row: 1 / 3;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  border-right: 1px solid var(--color-border);
+  background: var(--color-surface);
+  overflow: hidden;
+  user-select: none;
+}
+
+swp-header-spacer {
+  border-bottom: 1px solid var(--color-border);
+  background: var(--color-surface);
+  z-index: 1;
+}
+
+swp-header-drawer {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1 / -1;
+  grid-row: 2;
+  overflow: hidden;
+  background: var(--color-background-alt);
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-time-axis-content {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+swp-hour-marker {
+  height: var(--hour-height);
+  padding: 4px 8px;
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  text-align: right;
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: -1px;
+    right: 0;
+    width: 5px;
+    height: 1px;
+    background: var(--color-hour-line);
+  }
+
+  &:first-child::after {
+    display: none;
+  }
+}
+
+/* Grid container */
+swp-grid-container {
+  grid-column: 2;
+  grid-row: 1 / 3;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: subgrid;
+  overflow: hidden;
+}
+
+/* Viewport/Track for slide animation */
+swp-header-viewport {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-columns), minmax(var(--day-column-min-width), 1fr));
+  grid-template-rows: auto auto;
+  min-width: calc(var(--grid-columns) * var(--day-column-min-width));
+  overflow-y: scroll;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar { background: transparent; }
+  &::-webkit-scrollbar-thumb { background: transparent; }
+}
+
+swp-content-viewport {
+  overflow: hidden;
+  min-height: 0;
+  width: 100%;
+}
+
+swp-header-track {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1 / -1;
+  grid-row: 1;
+}
+
+swp-content-track {
+  display: flex;
+  height: 100%;
+
+  > swp-scrollable-content {
+    flex: 0 0 100%;
+    height: 100%;
+  }
+}
+
+/* Header */
+swp-calendar-header {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1 / -1;
+  grid-auto-rows: auto;
+  background: var(--color-surface);
+
+  &[data-levels="date"] > swp-day-header { grid-row: 1; }
+
+  &[data-levels="resource date"] {
+    > swp-resource-header { grid-row: 1; }
+    > swp-day-header { grid-row: 2; }
+  }
+
+  &[data-levels="team resource date"] {
+    > swp-team-header { grid-row: 1; }
+    > swp-resource-header { grid-row: 2; }
+    > swp-day-header { grid-row: 3; }
+  }
+
+  &[data-levels="department resource date"] {
+    > swp-department-header { grid-row: 1; }
+    > swp-resource-header { grid-row: 2; }
+    > swp-day-header { grid-row: 3; }
+  }
+}
+
+swp-day-header,
+swp-resource-header,
+swp-team-header,
+swp-department-header {
+  padding: 8px;
+  text-align: center;
+  border-right: 1px solid var(--color-border);
+  border-bottom: 1px solid var(--color-border);
+  user-select: none;
+}
+
+swp-team-header {
+  background: var(--color-team-bg);
+  color: var(--color-team-text);
+  font-weight: 500;
+  grid-column: span var(--team-cols, 1);
+}
+
+swp-department-header {
+  background: var(--color-team-bg);
+  color: var(--color-team-text);
+  font-weight: 500;
+  grid-column: span var(--department-cols, 1);
+}
+
+swp-resource-header {
+  background: var(--color-background-alt);
+  font-size: 13px;
+}
+
+swp-day-header {
+  swp-day-name {
+    display: block;
+    font-size: 11px;
+    color: var(--color-text-secondary);
+    text-transform: uppercase;
+  }
+
+  swp-day-date {
+    display: block;
+    font-size: 24px;
+    font-weight: 300;
+  }
+
+  &[data-hidden="true"] {
+    display: none;
+  }
+}
+
+/* Scrollable content */
+swp-scrollable-content {
+  display: block;
+  overflow: auto;
+}
+
+swp-time-grid {
+  display: block;
+  position: relative;
+  min-height: calc((var(--day-end-hour) - var(--day-start-hour)) * var(--hour-height));
+  min-width: calc(var(--grid-columns) * var(--day-column-min-width));
+
+  /* Timelinjer */
+  &::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    background-image: repeating-linear-gradient(
+      to bottom,
+      transparent,
+      transparent calc(var(--hour-height) - 1px),
+      var(--color-hour-line) calc(var(--hour-height) - 1px),
+      var(--color-hour-line) var(--hour-height)
+    );
+    pointer-events: none;
+  }
+}
+
+/* Kvarterlinjer - 3 linjer per time (15, 30, 45 min) */
+swp-grid-lines {
+  display: block;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background-image: repeating-linear-gradient(
+    to bottom,
+    transparent 0,
+    transparent calc(var(--hour-height) / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 4),
+    transparent calc(var(--hour-height) / 4),
+    transparent calc(var(--hour-height) / 2 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 2 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) / 2),
+    transparent calc(var(--hour-height) / 2),
+    transparent calc(var(--hour-height) * 3 / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) * 3 / 4 - 1px),
+    var(--color-grid-line-light) calc(var(--hour-height) * 3 / 4),
+    transparent calc(var(--hour-height) * 3 / 4),
+    transparent var(--hour-height)
+  );
+}
+
+swp-day-columns {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  grid-template-columns: repeat(var(--grid-columns), minmax(var(--day-column-min-width), 1fr));
+  min-width: calc(var(--grid-columns) * var(--day-column-min-width));
+}
+
+swp-day-column {
+  position: relative;
+  border-right: 1px solid var(--color-border);
+}
+
+swp-events-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+}
+
+/* Unavailable time zones (outside working hours) */
+swp-unavailable-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  pointer-events: none;
+}
+
+swp-unavailable-zone {
+  position: absolute;
+  left: 0;
+  right: 0;
+  background: var(--color-unavailable, rgba(0, 0, 0, 0.05));
+  pointer-events: none;
+}
diff --git a/wwwroot/css/calendar-month-css.css b/wwwroot/css/calendar-month-css.css
deleted file mode 100644
index 0067bdd..0000000
--- a/wwwroot/css/calendar-month-css.css
+++ /dev/null
@@ -1,315 +0,0 @@
-/* Calendar Month View Styles */
-
-/* Month view specific container - extends swp-calendar-container for month layout */
-swp-calendar[data-view="month"] swp-calendar-container {
-  overflow: hidden;
-  background: var(--color-background);
-}
-
-/* Month grid layout with week numbers column */
-.month-grid {
-  display: grid;
-  grid-template-columns: 40px repeat(7, 1fr); /* Week numbers + 7 days */
-  grid-template-rows: 40px repeat(6, 1fr);
-  min-height: 600px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  overflow: hidden;
-}
-
-/* Week number header cell */
-.month-week-header {
-  grid-column: 1;
-  grid-row: 1;
-  background: var(--color-surface);
-  border-right: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--color-text-secondary);
-  height: 40px;
-}
-
-/* Month day headers - only day names, right aligned */
-.month-day-header {
-  background: var(--color-surface);
-  border-right: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 8px 12px;
-  font-weight: 600;
-  color: var(--color-text-secondary);
-  font-size: 0.875rem;
-  height: 40px;
-}
-
-.month-day-header:last-child {
-  border-right: none;
-}
-
-/* Week number cells */
-.month-week-number {
-  grid-column: 1;
-  background: var(--color-surface);
-  border-right: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--color-text-secondary);
-}
-
-/* Month day cells */
-.month-day-cell {
-  border-right: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-  padding: 8px;
-  background: var(--color-background);
-  transition: background-color var(--transition-fast);
-  position: relative;
-  min-height: 100px;
-  cursor: pointer;
-}
-
-.month-day-cell:hover {
-  background: var(--color-hover);
-}
-
-.month-day-cell:last-child {
-  border-right: none;
-}
-
-/* Other month dates (previous/next month) */
-.month-day-cell.other-month {
-  background: var(--color-surface);
-  color: var(--color-text-secondary);
-}
-
-/* Today highlighting - subtle with left border */
-.month-day-cell.today {
-  background: #f0f8ff;
-  border-left: 3px solid var(--color-primary);
-}
-
-/* Weekend styling */
-.month-day-cell.weekend {
-  background: #fafbfc;
-}
-
-/* Day number in each cell */
-.month-day-number {
-  font-weight: 600;
-  margin-bottom: 6px;
-  font-size: 0.875rem;
-}
-
-.month-day-cell.today .month-day-number {
-  color: var(--color-primary);
-  font-weight: 700;
-}
-
-/* Events container within each day */
-.month-events {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  max-height: 70px;
-  overflow: hidden;
-}
-
-/* Individual month events - compact version */
-.month-event {
-  background: #e3f2fd;
-  color: var(--color-primary);
-  padding: 1px 4px;
-  border-radius: 2px;
-  font-size: 10px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all var(--transition-fast);
-  border-left: 2px solid var(--color-primary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 1.2;
-}
-
-.month-event:hover {
-  transform: translateY(-1px);
-}
-
-/* Event categories using existing color scheme */
-.month-event.category-meeting {
-  background: #e8f5e8;
-  color: var(--color-success);
-  border-left-color: var(--color-success);
-}
-
-.month-event.category-deadline {
-  background: #ffebee;
-  color: var(--color-error);
-  border-left-color: var(--color-error);
-}
-
-.month-event.category-work {
-  background: #fff8e1;
-  color: var(--color-secondary);
-  border-left-color: var(--color-secondary);
-}
-
-.month-event.category-personal {
-  background: #f3e5f5;
-  color: #7b1fa2;
-  border-left-color: #9c27b0;
-}
-
-/* "More events" indicator */
-.month-event-more {
-  background: var(--color-surface);
-  color: var(--color-text-secondary);
-  padding: 1px 4px;
-  border-radius: 2px;
-  font-size: 9px;
-  text-align: center;
-  cursor: pointer;
-  border: 1px dashed var(--color-border);
-  margin-top: 1px;
-}
-
-.month-event-more:hover {
-  background: var(--color-hover);
-}
-
-/* Expanded month view - duration-based events */
-.month-grid.expanded {
-  min-height: 800px;
-}
-
-.month-grid.expanded .month-day-cell {
-  min-height: 120px;
-  padding: 4px;
-}
-
-.month-grid.expanded .month-events {
-  max-height: none;
-  overflow: visible;
-}
-
-.month-grid.expanded .month-event {
-  padding: 2px 6px;
-  font-size: 11px;
-  min-height: 16px;
-  display: flex;
-  flex-direction: column;
-  white-space: normal;
-  text-overflow: clip;
-  overflow: visible;
-}
-
-/* Duration-based event sizing (30px per hour) */
-.month-event.duration-30min { min-height: 15px; }
-.month-event.duration-1h { min-height: 30px; }
-.month-event.duration-1h30 { min-height: 45px; }
-.month-event.duration-2h { min-height: 60px; }
-.month-event.duration-3h { min-height: 90px; }
-.month-event.duration-4h { min-height: 120px; }
-
-/* Event time display for expanded view */
-.month-event-time {
-  font-size: 9px;
-  opacity: 0.8;
-  font-weight: 400;
-}
-
-.month-event-title {
-  font-weight: 600;
-  font-size: 10px;
-}
-
-.month-event-subtitle {
-  font-size: 9px;
-  opacity: 0.7;
-  font-weight: 400;
-}
-
-/* All-day events */
-.month-event.all-day {
-  background: linear-gradient(90deg, var(--color-primary), rgba(33, 150, 243, 0.7));
-  color: white;
-  border-left-color: var(--color-primary);
-  font-weight: 600;
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-  .month-grid {
-    grid-template-columns: 30px repeat(7, 1fr);
-    min-height: 400px;
-  }
-
-  .month-day-cell {
-    min-height: 60px;
-    padding: 4px;
-  }
-
-  .month-day-header {
-    padding: 8px 4px;
-    font-size: 0.75rem;
-  }
-
-  .month-event {
-    font-size: 9px;
-    padding: 1px 3px;
-  }
-
-  .month-events {
-    max-height: 40px;
-  }
-
-  .month-week-number {
-    font-size: 0.6rem;
-  }
-}
-
-/* Loading state for month view */
-swp-calendar[data-view="month"][data-loading="true"] .month-grid {
-  opacity: 0.5;
-}
-
-/* Month view navigation animation support */
-.month-grid {
-  transition: transform var(--transition-normal);
-}
-
-.month-grid.sliding-out-left {
-  transform: translateX(-100%);
-}
-
-.month-grid.sliding-out-right {
-  transform: translateX(100%);
-}
-
-.month-grid.sliding-in-left {
-  transform: translateX(-100%);
-  animation: slideInFromLeft var(--transition-normal) forwards;
-}
-
-.month-grid.sliding-in-right {
-  transform: translateX(100%);
-  animation: slideInFromRight var(--transition-normal) forwards;
-}
-
-@keyframes slideInFromLeft {
-  to { transform: translateX(0); }
-}
-
-@keyframes slideInFromRight {
-  to { transform: translateX(0); }
-}
\ No newline at end of file
diff --git a/wwwroot/css/calendar-popup-css.css b/wwwroot/css/calendar-popup-css.css
deleted file mode 100644
index f4616ea..0000000
--- a/wwwroot/css/calendar-popup-css.css
+++ /dev/null
@@ -1,193 +0,0 @@
-/* styles/components/popup.css */
-
-/* Event popup */
-swp-event-popup {
-  position: fixed;
-  background: #f9f5f0;
-  border-radius: 8px;
-  box-shadow: var(--shadow-popup);
-  padding: 16px;
-  min-width: 300px;
-  z-index: var(--z-popup);
-  animation: fadeIn var(--transition-fast);
-  
-  /* Chevron arrow */
-  &::before {
-    content: '';
-    position: absolute;
-    width: 16px;
-    height: 16px;
-    background: inherit;
-    transform: rotate(45deg);
-    top: 50%;
-    margin-top: -8px;
-  }
-  
-  /* Right-side popup (arrow on left) */
-  &[data-align="right"] {
-    &::before {
-      left: -8px;
-      box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
-    }
-  }
-  
-  /* Left-side popup (arrow on right) */
-  &[data-align="left"] {
-    &::before {
-      right: -8px;
-      box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
-    }
-  }
-  
-  &[hidden] {
-    display: none;
-  }
-}
-
-/* Popup header */
-swp-popup-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  margin-bottom: 16px;
-  gap: 16px;
-}
-
-swp-popup-title {
-  font-size: 1.125rem;
-  font-weight: 600;
-  color: var(--color-text);
-  line-height: 1.4;
-  flex: 1;
-}
-
-/* Popup actions */
-swp-popup-actions {
-  display: flex;
-  gap: 4px;
-}
-
-swp-action-button {
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background var(--transition-fast);
-  color: var(--color-text-secondary);
-  
-  &:hover {
-    background: rgba(0, 0, 0, 0.05);
-    color: var(--color-text);
-  }
-  
-  &:active {
-    background: rgba(0, 0, 0, 0.1);
-  }
-  
-  svg {
-    width: 16px;
-    height: 16px;
-  }
-  
-  /* Specific button styles */
-  &[data-action="delete"]:hover {
-    color: var(--color-danger);
-  }
-  
-  &[data-action="close"]:hover {
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-
-/* Popup content */
-swp-popup-content {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-swp-time-info {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  color: var(--color-text-secondary);
-  font-size: 0.875rem;
-  
-  swp-icon {
-    font-size: 1.25rem;
-    color: var(--color-secondary);
-  }
-}
-
-/* Loading overlay */
-swp-loading-overlay {
-  position: absolute;
-  inset: 0;
-  background: rgba(255, 255, 255, 0.9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 200;
-}
-
-swp-loading-overlay[hidden] {
-  display: none;
-}
-
-swp-spinner {
-  width: 40px;
-  height: 40px;
-  border: 3px solid #f3f3f3;
-  border-top: 3px solid var(--color-primary);
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-/* Snap indicator */
-swp-snap-indicator {
-  position: absolute;
-  left: 0;
-  right: 0;
-  height: 2px;
-  background: var(--color-primary);
-  opacity: 0;
-  transition: opacity var(--transition-fast);
-  z-index: var(--z-drag-ghost);
-  
-  &[data-active="true"] {
-    opacity: 1;
-  }
-  
-  &::before {
-    content: attr(data-time);
-    position: absolute;
-    right: 8px;
-    top: -24px;
-    background: var(--color-primary);
-    color: white;
-    padding: 2px 8px;
-    font-size: 0.75rem;
-    border-radius: 3px;
-    white-space: nowrap;
-  }
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-  swp-event-popup {
-    min-width: 250px;
-    max-width: calc(100vw - 32px);
-  }
-  
-  swp-popup-title {
-    font-size: 1rem;
-  }
-}
\ No newline at end of file
diff --git a/wwwroot/css/calendar-sliding-animation.css b/wwwroot/css/calendar-sliding-animation.css
deleted file mode 100644
index 8965d9f..0000000
--- a/wwwroot/css/calendar-sliding-animation.css
+++ /dev/null
@@ -1,24 +0,0 @@
-/* POC-style Calendar Sliding Animation CSS */
-
-/* Grid container base styles */
-swp-grid-container {
-    position: relative;
-    width: 100%;
-    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
-    will-change: transform;
-    backface-visibility: hidden;
-    transform: translateZ(0); /* GPU acceleration */
-}
-
-/* Calendar container for sliding */
-swp-calendar-container {
-    position: relative;
-    overflow: hidden;
-}
-
-/* Accessibility: Respect reduced motion preference */
-@media (prefers-reduced-motion: reduce) {
-    swp-grid-container {
-        transition: none;
-    }
-}
\ No newline at end of file
diff --git a/wwwroot/css/calendar.css b/wwwroot/css/calendar.css
new file mode 100644
index 0000000..14d11ed
--- /dev/null
+++ b/wwwroot/css/calendar.css
@@ -0,0 +1,6 @@
+/* Calendar - Entry point */
+/* Modular CSS architecture: one file per feature */
+
+@import 'calendar-base.css';
+@import 'calendar-layout.css';
+@import 'calendar-events.css';
diff --git a/wwwroot/css/dashboard.css b/wwwroot/css/dashboard.css
new file mode 100644
index 0000000..b03b55f
--- /dev/null
+++ b/wwwroot/css/dashboard.css
@@ -0,0 +1,1157 @@
+/* ==========================================
+   DASHBOARD STYLES
+   ========================================== */
+
+/* ==========================================
+   FONT FACE (Poppins)
+   ========================================== */
+@font-face {
+  font-family: 'Poppins';
+  src: url('../fonts/Poppins-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Poppins';
+  src: url('../fonts/Poppins-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Poppins';
+  src: url('../fonts/Poppins-SemiBold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Poppins';
+  src: url('../fonts/Poppins-Bold.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* ==========================================
+   CSS VARIABLES
+   ========================================== */
+:root {
+  --color-surface: #fff;
+  --color-background: #f5f5f5;
+  --color-background-hover: #f0f0f0;
+  --color-background-alt: #fafafa;
+  --color-border: #e0e0e0;
+  --color-text: #333;
+  --color-text-secondary: #666;
+  --color-teal: #00897b;
+  --color-blue: #1976d2;
+  --color-red: #e53935;
+  --color-amber: #f59e0b;
+  --color-purple: #8b5cf6;
+  --color-green: #43a047;
+  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-mono: 'JetBrains Mono', monospace;
+}
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+  :root:not(.light-mode) {
+    --color-surface: #1e1e1e;
+    --color-background: #121212;
+    --color-background-hover: #2a2a2a;
+    --color-background-alt: #1a1a1a;
+    --color-border: #333;
+    --color-text: #e0e0e0;
+    --color-text-secondary: #999;
+    --color-teal: #26a69a;
+    --color-blue: #42a5f5;
+    --color-red: #ef5350;
+    --color-amber: #ffb74d;
+    --color-purple: #a78bfa;
+    --color-green: #66bb6a;
+  }
+}
+
+:root.dark-mode {
+  --color-surface: #1e1e1e;
+  --color-background: #121212;
+  --color-background-hover: #2a2a2a;
+  --color-background-alt: #1a1a1a;
+  --color-border: #333;
+  --color-text: #e0e0e0;
+  --color-text-secondary: #999;
+  --color-teal: #26a69a;
+  --color-blue: #42a5f5;
+  --color-red: #ef5350;
+  --color-amber: #ffb74d;
+  --color-purple: #a78bfa;
+  --color-green: #66bb6a;
+}
+
+/* ==========================================
+   RESET & BASE
+   ========================================== */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: var(--font-family);
+  font-size: 14px;
+  color: var(--color-text);
+  background: var(--color-background);
+  line-height: 1.5;
+}
+
+/* ==========================================
+   LAYOUT
+   ========================================== */
+swp-page-container {
+  display: block;
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+swp-dashboard-grid {
+  display: grid;
+  grid-template-columns: 1fr 380px;
+  gap: 24px;
+}
+
+swp-main-column {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+swp-side-column {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+/* ==========================================
+   BUTTONS
+   ========================================== */
+swp-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 18px;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: var(--font-family);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+}
+
+swp-btn i {
+  font-size: 18px;
+}
+
+swp-btn.primary {
+  background: var(--color-teal);
+  color: white;
+}
+
+swp-btn.primary:hover {
+  background: #00796b;
+}
+
+swp-btn.secondary {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+
+swp-btn.secondary:hover {
+  background: var(--color-background-hover);
+}
+
+/* ==========================================
+   CARDS
+   ========================================== */
+swp-card {
+  display: block;
+  background: var(--color-surface);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  padding: 20px;
+}
+
+swp-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+swp-card-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+swp-card-title i {
+  font-size: 20px;
+  color: var(--color-teal);
+}
+
+swp-card-action {
+  font-size: 12px;
+  color: var(--color-teal);
+  cursor: pointer;
+  text-decoration: none;
+}
+
+swp-card-action:hover {
+  text-decoration: underline;
+}
+
+swp-section-label {
+  display: block;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--color-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 12px;
+}
+
+/* ==========================================
+   STATS BAR
+   ========================================== */
+swp-stats-bar {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+swp-stat-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 16px 20px;
+  background: var(--color-surface);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+swp-stat-card swp-stat-value {
+  font-size: 28px;
+  font-weight: 700;
+  font-family: var(--font-mono);
+  color: var(--color-text);
+}
+
+swp-stat-card swp-stat-label {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-stat-card swp-stat-trend {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  margin-top: 4px;
+}
+
+swp-stat-card swp-stat-trend.up {
+  color: var(--color-green);
+}
+
+swp-stat-card swp-stat-trend.down {
+  color: var(--color-red);
+}
+
+swp-stat-card.highlight swp-stat-value {
+  color: var(--color-teal);
+}
+
+swp-stat-card.success swp-stat-value {
+  color: var(--color-green);
+}
+
+swp-stat-card.warning swp-stat-value {
+  color: var(--color-amber);
+}
+
+/* ==========================================
+   AI INSIGHT
+   ========================================== */
+swp-ai-insight {
+  display: block;
+  padding: 16px;
+  background: linear-gradient(135deg, color-mix(in srgb, var(--color-purple) 8%, transparent), color-mix(in srgb, var(--color-teal) 8%, transparent));
+  border: 1px solid color-mix(in srgb, var(--color-purple) 20%, transparent);
+  border-radius: 8px;
+}
+
+swp-ai-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+swp-ai-header i {
+  font-size: 20px;
+  color: var(--color-purple);
+}
+
+swp-ai-header span {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--color-purple);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+swp-ai-text {
+  display: block;
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--color-text);
+}
+
+swp-ai-text strong {
+  color: var(--color-purple);
+}
+
+/* ==========================================
+   OCCUPANCY BAR
+   ========================================== */
+swp-occupancy-bar {
+  display: block;
+  margin-top: 16px;
+}
+
+swp-occupancy-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: 8px;
+}
+
+swp-occupancy-label {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+swp-occupancy-value {
+  font-size: 14px;
+  font-weight: 600;
+  font-family: var(--font-mono);
+  color: var(--color-text);
+}
+
+swp-occupancy-track {
+  height: 8px;
+  background: var(--color-border);
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+swp-occupancy-fill {
+  display: block;
+  height: 100%;
+  background: var(--color-teal);
+  border-radius: 4px;
+  transition: width 500ms ease;
+}
+
+swp-occupancy-fill.high {
+  background: var(--color-green);
+}
+
+swp-occupancy-fill.medium {
+  background: var(--color-amber);
+}
+
+swp-occupancy-fill.low {
+  background: var(--color-red);
+}
+
+/* ==========================================
+   TIMELINE / BOOKINGS
+   ========================================== */
+swp-booking-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+swp-booking-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  background: var(--color-background-alt);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 150ms ease;
+}
+
+swp-booking-item:hover {
+  background: var(--color-background-hover);
+}
+
+swp-booking-time {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 50px;
+}
+
+swp-booking-time swp-time-start {
+  font-size: 14px;
+  font-weight: 600;
+  font-family: var(--font-mono);
+  color: var(--color-text);
+}
+
+swp-booking-time swp-time-end {
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  font-family: var(--font-mono);
+}
+
+swp-booking-indicator {
+  width: 4px;
+  height: 40px;
+  border-radius: 2px;
+  flex-shrink: 0;
+}
+
+swp-booking-indicator.teal { background: var(--color-teal); }
+swp-booking-indicator.blue { background: var(--color-blue); }
+swp-booking-indicator.purple { background: var(--color-purple); }
+swp-booking-indicator.amber { background: var(--color-amber); }
+swp-booking-indicator.green { background: var(--color-green); }
+
+swp-booking-details {
+  flex: 1;
+  min-width: 0;
+}
+
+swp-booking-service {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+swp-booking-customer {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-booking-employee {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+swp-booking-employee swp-avatar-small {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: var(--color-teal);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+  font-weight: 600;
+}
+
+swp-booking-employee span {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-booking-status {
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+swp-booking-status.confirmed {
+  background: color-mix(in srgb, var(--color-green) 15%, transparent);
+  color: var(--color-green);
+}
+
+swp-booking-status.pending {
+  background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+  color: var(--color-amber);
+}
+
+swp-booking-status.inprogress {
+  background: color-mix(in srgb, var(--color-blue) 15%, transparent);
+  color: var(--color-blue);
+}
+
+swp-booking-status.completed {
+  background: var(--color-background-hover);
+  color: var(--color-text-secondary);
+}
+
+swp-booking-item.completed {
+  opacity: 0.6;
+}
+
+swp-booking-item.completed swp-booking-indicator {
+  background: var(--color-border);
+}
+
+/* ==========================================
+   ATTENTION LIST
+   ========================================== */
+swp-attention-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+swp-attention-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 12px;
+  background: var(--color-background-alt);
+  border-radius: 6px;
+  border-left: 3px solid var(--color-border);
+}
+
+swp-attention-item.urgent {
+  border-left-color: var(--color-red);
+  background: color-mix(in srgb, var(--color-red) 5%, var(--color-background-alt));
+}
+
+swp-attention-item.warning {
+  border-left-color: var(--color-amber);
+  background: color-mix(in srgb, var(--color-amber) 5%, var(--color-background-alt));
+}
+
+swp-attention-item.info {
+  border-left-color: var(--color-blue);
+}
+
+swp-attention-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+swp-attention-item.urgent swp-attention-icon {
+  background: color-mix(in srgb, var(--color-red) 15%, transparent);
+  color: var(--color-red);
+}
+
+swp-attention-item.warning swp-attention-icon {
+  background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+  color: var(--color-amber);
+}
+
+swp-attention-item.info swp-attention-icon {
+  background: color-mix(in srgb, var(--color-blue) 15%, transparent);
+  color: var(--color-blue);
+}
+
+swp-attention-icon i {
+  font-size: 16px;
+}
+
+swp-attention-content {
+  flex: 1;
+}
+
+swp-attention-title {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-text);
+  margin-bottom: 2px;
+}
+
+swp-attention-desc {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-attention-action {
+  font-size: 12px;
+  color: var(--color-teal);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+swp-attention-action:hover {
+  text-decoration: underline;
+}
+
+/* ==========================================
+   EMPLOYEE STATUS
+   ========================================== */
+swp-employee-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+swp-employee-status-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 12px;
+  background: var(--color-background-alt);
+  border-radius: 6px;
+}
+
+swp-employee-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: var(--color-teal);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+swp-employee-info {
+  flex: 1;
+  min-width: 0;
+}
+
+swp-employee-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+swp-employee-current {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+swp-employee-status-badge {
+  padding: 4px 10px;
+  border-radius: 12px;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+swp-employee-status-badge.busy {
+  background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+  color: var(--color-teal);
+}
+
+swp-employee-status-badge.available {
+  background: color-mix(in srgb, var(--color-green) 15%, transparent);
+  color: var(--color-green);
+}
+
+swp-employee-status-badge.away {
+  background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+  color: var(--color-amber);
+}
+
+swp-employee-status-badge.off {
+  background: var(--color-background-hover);
+  color: var(--color-text-secondary);
+}
+
+/* ==========================================
+   QUICK STATS MINI
+   ========================================== */
+swp-quick-stats {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+}
+
+swp-quick-stat {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 12px;
+  background: var(--color-background-alt);
+  border-radius: 6px;
+}
+
+swp-quick-stat swp-stat-value {
+  font-size: 20px;
+  font-weight: 600;
+  font-family: var(--font-mono);
+  color: var(--color-text);
+}
+
+swp-quick-stat swp-stat-label {
+  font-size: 11px;
+  color: var(--color-text-secondary);
+}
+
+/* ==========================================
+   NOTIFICATIONS
+   ========================================== */
+swp-notification-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+swp-notification-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 10px 12px;
+  background: var(--color-background-alt);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 150ms ease;
+}
+
+swp-notification-item:hover {
+  background: var(--color-background-hover);
+}
+
+swp-notification-item.unread {
+  background: color-mix(in srgb, var(--color-teal) 5%, var(--color-background-alt));
+}
+
+swp-notification-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: var(--color-background-hover);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--color-text-secondary);
+}
+
+swp-notification-icon i {
+  font-size: 14px;
+}
+
+swp-notification-content {
+  flex: 1;
+  min-width: 0;
+}
+
+swp-notification-text {
+  font-size: 13px;
+  color: var(--color-text);
+  line-height: 1.4;
+}
+
+swp-notification-text strong {
+  font-weight: 600;
+}
+
+swp-notification-time {
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  margin-top: 2px;
+}
+
+swp-notification-item.unread swp-notification-icon {
+  background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+  color: var(--color-teal);
+}
+
+/* ==========================================
+   TIME INDICATOR
+   ========================================== */
+swp-current-time {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+  border-radius: 6px;
+  margin-bottom: 12px;
+}
+
+swp-current-time i {
+  font-size: 16px;
+  color: var(--color-teal);
+}
+
+swp-current-time span {
+  font-size: 13px;
+  color: var(--color-teal);
+  font-weight: 500;
+}
+
+swp-current-time swp-time {
+  font-family: var(--font-mono);
+  font-weight: 600;
+}
+
+/* ==========================================
+   PAGE HEADER (for content modules)
+   ========================================== */
+swp-page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+
+swp-page-header swp-page-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+swp-page-header swp-page-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+swp-date-display {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: var(--color-text-secondary);
+}
+
+swp-date-display i {
+  font-size: 18px;
+}
+
+/* ==========================================
+   RESPONSIVE
+   ========================================== */
+@media (max-width: 1100px) {
+  swp-dashboard-grid {
+    grid-template-columns: 1fr;
+  }
+
+  swp-stats-bar {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 600px) {
+  swp-stats-bar {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* ==========================================
+   WAITLIST MINI CARD
+   ========================================== */
+swp-waitlist-card {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+swp-waitlist-card:hover {
+  border-color: var(--color-teal);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+swp-waitlist-icon {
+  position: relative;
+  font-size: 24px;
+  color: var(--color-text-secondary);
+}
+
+swp-waitlist-badge {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  background: var(--color-teal);
+  color: white;
+  font-size: 11px;
+  font-weight: 600;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+swp-waitlist-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+/* ==========================================
+   WAITLIST DRAWER
+   ========================================== */
+swp-drawer-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.3);
+  opacity: 0;
+  visibility: hidden;
+  transition: all 0.3s ease;
+  z-index: 999;
+}
+
+swp-drawer-overlay.visible {
+  opacity: 1;
+  visibility: visible;
+}
+
+swp-waitlist-drawer {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 420px;
+  height: 100vh;
+  background: var(--color-surface);
+  border-left: 1px solid var(--color-border);
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
+  transform: translateX(100%);
+  transition: transform 0.3s ease;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+}
+
+swp-waitlist-drawer.open {
+  transform: translateX(0);
+}
+
+swp-drawer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 24px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-drawer-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-text);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+swp-drawer-title swp-count {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text-secondary);
+}
+
+swp-drawer-close {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+  background: var(--color-background-alt);
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-secondary);
+  transition: all 0.15s ease;
+}
+
+swp-drawer-close:hover {
+  background: var(--color-background-hover);
+  color: var(--color-text);
+}
+
+swp-drawer-close i {
+  font-size: 18px;
+}
+
+swp-drawer-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+}
+
+swp-waitlist-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+swp-waitlist-item {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px;
+  background: var(--color-background-alt);
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+}
+
+swp-waitlist-customer {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+swp-waitlist-customer swp-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: var(--color-teal);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+swp-waitlist-customer-info {
+  flex: 1;
+}
+
+swp-waitlist-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+swp-waitlist-phone {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-waitlist-service {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-teal);
+  padding: 6px 10px;
+  background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+  border-radius: 4px;
+  display: inline-block;
+}
+
+swp-waitlist-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+swp-waitlist-periods {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+swp-waitlist-periods swp-label {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-waitlist-period-tag {
+  font-size: 11px;
+  padding: 3px 8px;
+  background: var(--color-background);
+  border-radius: 4px;
+  color: var(--color-text);
+}
+
+swp-waitlist-dates {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+swp-waitlist-date {
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+swp-waitlist-date i {
+  font-size: 12px;
+}
+
+swp-waitlist-date.expires {
+  color: var(--color-text-secondary);
+}
+
+swp-waitlist-date.expires.soon {
+  color: var(--color-amber);
+  font-weight: 500;
+}
+
+swp-waitlist-actions {
+  display: flex;
+  gap: 8px;
+  padding-top: 8px;
+  border-top: 1px solid var(--color-border);
+}
+
+swp-waitlist-actions swp-btn {
+  flex: 1;
+  justify-content: center;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+swp-waitlist-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 24px;
+  text-align: center;
+}
+
+swp-waitlist-empty i {
+  font-size: 48px;
+  color: var(--color-border);
+  margin-bottom: 16px;
+}
+
+swp-waitlist-empty span {
+  font-size: 14px;
+  color: var(--color-text-secondary);
+}
diff --git a/wwwroot/css/indstillinger.css b/wwwroot/css/indstillinger.css
new file mode 100644
index 0000000..31bec2a
--- /dev/null
+++ b/wwwroot/css/indstillinger.css
@@ -0,0 +1,576 @@
+/* ==========================================
+   INDSTILLINGER (SETTINGS) STYLES
+   ========================================== */
+
+/* ==========================================
+   PAGE LAYOUT
+   ========================================== */
+swp-page-container {
+  display: block;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+swp-page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 32px;
+}
+
+swp-page-title {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+swp-page-title h1 {
+  font-size: 22px;
+  font-weight: 600;
+  color: var(--color-text);
+  margin: 0;
+}
+
+swp-page-title p {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  margin: 0;
+}
+
+/* ==========================================
+   SETTINGS SECTIONS
+   ========================================== */
+swp-settings-section {
+  display: block;
+  background: var(--color-surface);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  margin-bottom: 24px;
+}
+
+swp-section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 24px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-section-title {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+swp-section-title i {
+  font-size: 22px;
+  color: var(--color-teal);
+}
+
+swp-section-title h2 {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-text);
+  margin: 0;
+}
+
+swp-section-content {
+  display: block;
+  padding: 24px;
+}
+
+swp-section-footer {
+  display: flex;
+  justify-content: flex-end;
+  padding: 16px 24px;
+  border-top: 1px solid var(--color-border);
+  background: var(--color-background-alt);
+  border-radius: 0 0 8px 8px;
+}
+
+/* ==========================================
+   FORM ELEMENTS
+   ========================================== */
+swp-form-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+}
+
+swp-form-grid.single-column {
+  grid-template-columns: 1fr;
+}
+
+swp-form-row {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+swp-form-row.full-width {
+  grid-column: 1 / -1;
+}
+
+swp-form-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+swp-form-label span.optional {
+  font-weight: 400;
+  color: var(--color-text-secondary);
+  margin-left: 4px;
+}
+
+swp-form-input {
+  display: block;
+  width: 100%;
+  padding: 10px 14px;
+  font-size: 14px;
+  font-family: var(--font-family);
+  color: var(--color-text);
+  background: var(--color-background);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  transition: all 150ms ease;
+}
+
+swp-form-input:focus {
+  outline: none;
+  border-color: var(--color-teal);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-teal) 15%, transparent);
+}
+
+swp-form-input::placeholder {
+  color: var(--color-text-secondary);
+}
+
+swp-form-input[type="time"] {
+  padding: 8px 14px;
+}
+
+swp-form-textarea {
+  display: block;
+  width: 100%;
+  padding: 10px 14px;
+  font-size: 14px;
+  font-family: var(--font-family);
+  color: var(--color-text);
+  background: var(--color-background);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  resize: vertical;
+  min-height: 80px;
+  transition: all 150ms ease;
+}
+
+swp-form-textarea:focus {
+  outline: none;
+  border-color: var(--color-teal);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-teal) 15%, transparent);
+}
+
+swp-form-select {
+  display: block;
+  width: 100%;
+  padding: 10px 14px;
+  font-size: 14px;
+  font-family: var(--font-family);
+  color: var(--color-text);
+  background: var(--color-background);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'%3E%3Cpath fill='%23666' d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80A8 8 0 0 1 48 88h160a8 8 0 0 1 5.66 13.66z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  padding-right: 40px;
+}
+
+swp-form-select:focus {
+  outline: none;
+  border-color: var(--color-teal);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-teal) 15%, transparent);
+}
+
+swp-form-hint {
+  display: block;
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  margin-top: 4px;
+}
+
+/* ==========================================
+   TOGGLE SWITCH
+   ========================================== */
+swp-toggle-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-toggle-row:last-child {
+  border-bottom: none;
+}
+
+swp-toggle-info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+swp-toggle-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+swp-toggle-desc {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-toggle {
+  position: relative;
+  width: 44px;
+  height: 24px;
+  background: var(--color-border);
+  border-radius: 12px;
+  cursor: pointer;
+  transition: background 200ms ease;
+  flex-shrink: 0;
+}
+
+swp-toggle.active {
+  background: var(--color-teal);
+}
+
+swp-toggle-knob {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 20px;
+  height: 20px;
+  background: white;
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 200ms ease;
+}
+
+swp-toggle.active swp-toggle-knob {
+  transform: translateX(20px);
+}
+
+/* ==========================================
+   OPENING HOURS TABLE
+   ========================================== */
+swp-hours-table {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+swp-hours-row {
+  display: grid;
+  grid-template-columns: 100px 80px 1fr 1fr auto;
+  gap: 16px;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-hours-row:last-child {
+  border-bottom: none;
+}
+
+swp-hours-day {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+swp-hours-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+swp-hours-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--color-green) 15%, transparent);
+  color: var(--color-green);
+}
+
+swp-hours-badge.closed {
+  background: var(--color-background);
+  color: var(--color-text-secondary);
+}
+
+swp-hours-time {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+swp-hours-time span {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+swp-hours-time swp-form-input {
+  width: 100px;
+  padding: 8px 12px;
+  font-size: 13px;
+  text-align: center;
+}
+
+swp-hours-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* ==========================================
+   LOGO UPLOAD
+   ========================================== */
+swp-logo-upload {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+swp-logo-preview {
+  width: 80px;
+  height: 80px;
+  background: var(--color-background);
+  border: 2px dashed var(--color-border);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+swp-logo-preview.has-logo {
+  border-style: solid;
+}
+
+swp-logo-preview img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+
+swp-logo-preview i {
+  font-size: 32px;
+  color: var(--color-text-secondary);
+  opacity: 0.5;
+}
+
+swp-logo-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+swp-logo-actions swp-btn {
+  justify-content: center;
+}
+
+/* ==========================================
+   URL FIELD WITH COPY
+   ========================================== */
+swp-url-field {
+  display: flex;
+  align-items: stretch;
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  overflow: hidden;
+  background: var(--color-background);
+}
+
+swp-url-field swp-form-input {
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+
+swp-url-field swp-form-input:focus {
+  box-shadow: none;
+}
+
+swp-url-copy {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 14px;
+  background: var(--color-surface);
+  border-left: 1px solid var(--color-border);
+  cursor: pointer;
+  transition: all 150ms ease;
+  color: var(--color-text-secondary);
+}
+
+swp-url-copy:hover {
+  background: var(--color-background-hover);
+  color: var(--color-teal);
+}
+
+swp-url-copy i {
+  font-size: 18px;
+}
+
+/* ==========================================
+   BUTTONS
+   ========================================== */
+swp-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 18px;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: var(--font-family);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+}
+
+swp-btn i {
+  font-size: 18px;
+}
+
+swp-btn.primary {
+  background: var(--color-teal);
+  color: white;
+}
+
+swp-btn.primary:hover {
+  background: #00796b;
+}
+
+swp-btn.secondary {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+
+swp-btn.secondary:hover {
+  background: var(--color-background-hover);
+}
+
+swp-btn.small {
+  padding: 6px 12px;
+  font-size: 12px;
+}
+
+swp-btn.small i {
+  font-size: 16px;
+}
+
+swp-btn.danger {
+  background: transparent;
+  border: 1px solid var(--color-border);
+  color: var(--color-text-secondary);
+}
+
+swp-btn.danger:hover {
+  background: color-mix(in srgb, var(--color-red) 10%, transparent);
+  border-color: var(--color-red);
+  color: var(--color-red);
+}
+
+/* ==========================================
+   ICON BUTTON
+   ========================================== */
+swp-icon-btn {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--color-text-secondary);
+  transition: all 150ms ease;
+}
+
+swp-icon-btn:hover {
+  background: var(--color-background-hover);
+  color: var(--color-text);
+}
+
+swp-icon-btn i {
+  font-size: 18px;
+}
+
+/* ==========================================
+   INFO BOX
+   ========================================== */
+swp-info-box {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+  background: color-mix(in srgb, var(--color-blue) 8%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-blue) 20%, transparent);
+  border-radius: 6px;
+  margin-bottom: 20px;
+}
+
+swp-info-box i {
+  font-size: 20px;
+  color: var(--color-blue);
+  flex-shrink: 0;
+  margin-top: 1px;
+}
+
+swp-info-box p {
+  font-size: 13px;
+  color: var(--color-text);
+  margin: 0;
+  line-height: 1.5;
+}
+
+/* ==========================================
+   RESPONSIVE
+   ========================================== */
+@media (max-width: 768px) {
+  swp-page-container {
+    padding: 16px;
+  }
+
+  swp-form-grid {
+    grid-template-columns: 1fr;
+  }
+
+  swp-hours-row {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+
+  swp-hours-time {
+    flex-wrap: wrap;
+  }
+
+  swp-section-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+  }
+}
diff --git a/wwwroot/css/konto.css b/wwwroot/css/konto.css
new file mode 100644
index 0000000..69fd7d7
--- /dev/null
+++ b/wwwroot/css/konto.css
@@ -0,0 +1,684 @@
+/* ==========================================
+   KONTO & ABONNEMENT STYLES
+   ========================================== */
+
+/* ==========================================
+   PAGE LAYOUT
+   ========================================== */
+swp-page-container {
+  display: block;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+swp-page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+
+swp-page-title {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+swp-page-title h1 {
+  font-size: 22px;
+  font-weight: 600;
+  color: var(--color-text);
+  margin: 0;
+}
+
+swp-page-title p {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  margin: 0;
+}
+
+/* ==========================================
+   SECTIONS
+   ========================================== */
+swp-section {
+  display: block;
+  margin-bottom: 32px;
+}
+
+swp-section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+swp-section-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+swp-section-title i {
+  font-size: 22px;
+  color: var(--color-teal);
+}
+
+/* ==========================================
+   PLAN CARDS
+   ========================================== */
+swp-plan-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+}
+
+swp-plan-card {
+  display: flex;
+  flex-direction: column;
+  background: var(--color-surface);
+  border: 2px solid var(--color-border);
+  border-radius: 12px;
+  padding: 24px;
+  transition: all 200ms ease;
+}
+
+swp-plan-card.current {
+  border-color: var(--color-teal);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-teal) 15%, transparent);
+}
+
+swp-plan-card.enterprise {
+  background: linear-gradient(135deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-purple) 5%, var(--color-surface)) 100%);
+  border-color: var(--color-purple);
+}
+
+swp-plan-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  border-radius: 20px;
+  width: fit-content;
+  margin-bottom: 12px;
+}
+
+swp-plan-badge.current {
+  background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+  color: var(--color-teal);
+}
+
+swp-plan-badge.popular {
+  background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+  color: var(--color-amber);
+}
+
+swp-plan-name {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--color-text);
+  margin-bottom: 4px;
+}
+
+swp-plan-users {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  margin-bottom: 16px;
+}
+
+swp-plan-price {
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+  margin-bottom: 20px;
+}
+
+swp-plan-price-amount {
+  font-size: 36px;
+  font-weight: 700;
+  color: var(--color-text);
+}
+
+swp-plan-price-period {
+  font-size: 14px;
+  color: var(--color-text-secondary);
+}
+
+swp-plan-features {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  flex: 1;
+  margin-bottom: 20px;
+}
+
+swp-plan-feature {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 13px;
+  color: var(--color-text);
+}
+
+swp-plan-feature i {
+  font-size: 18px;
+  color: var(--color-green);
+}
+
+swp-plan-action {
+  margin-top: auto;
+}
+
+swp-plan-action swp-btn {
+  width: 100%;
+  justify-content: center;
+}
+
+swp-plan-card.current swp-btn.secondary {
+  background: var(--color-background-alt);
+  color: var(--color-text-secondary);
+  cursor: default;
+}
+
+/* ==========================================
+   USERS TABLE
+   ========================================== */
+swp-users-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+swp-users-count {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: var(--color-text-secondary);
+}
+
+swp-users-count strong {
+  color: var(--color-text);
+  font-weight: 600;
+}
+
+swp-users-progress {
+  width: 100px;
+  height: 6px;
+  background: var(--color-border);
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+swp-users-progress-bar {
+  height: 100%;
+  background: var(--color-teal);
+  border-radius: 3px;
+  transition: width 300ms ease;
+}
+
+swp-users-progress-bar.warning {
+  background: var(--color-amber);
+}
+
+swp-users-progress-bar.full {
+  background: var(--color-red);
+}
+
+swp-table-card {
+  display: block;
+  background: var(--color-surface);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+}
+
+swp-table {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+}
+
+swp-table-header {
+  display: table-header-group;
+  background: var(--color-background-alt);
+}
+
+swp-table-body {
+  display: table-row-group;
+}
+
+swp-table-row {
+  display: table-row;
+  transition: background 150ms ease;
+}
+
+swp-table-body swp-table-row:hover {
+  background: var(--color-background-hover);
+}
+
+swp-table-cell {
+  display: table-cell;
+  padding: 14px 16px;
+  font-size: 13px;
+  color: var(--color-text);
+  border-bottom: 1px solid var(--color-border);
+  vertical-align: middle;
+}
+
+swp-table-header swp-table-cell {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--color-text-secondary);
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-table-cell:first-child {
+  padding-left: 20px;
+}
+
+swp-table-cell:last-child {
+  padding-right: 20px;
+}
+
+/* User row specific */
+swp-user-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+swp-user-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: var(--color-teal);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+swp-user-avatar.purple { background: var(--color-purple); }
+swp-user-avatar.blue { background: var(--color-blue); }
+swp-user-avatar.amber { background: var(--color-amber); }
+
+swp-user-details {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+swp-user-name {
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+swp-user-email {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+swp-role-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 4px;
+  background: var(--color-background);
+  color: var(--color-text-secondary);
+}
+
+swp-role-badge.admin {
+  background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+  color: var(--color-purple);
+}
+
+swp-role-badge.owner {
+  background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+  color: var(--color-teal);
+}
+
+swp-status-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 4px;
+}
+
+swp-status-badge.active {
+  background: color-mix(in srgb, var(--color-green) 15%, transparent);
+  color: var(--color-green);
+}
+
+swp-status-badge.invited {
+  background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+  color: var(--color-amber);
+}
+
+swp-status-badge.inactive {
+  background: var(--color-background);
+  color: var(--color-text-secondary);
+}
+
+swp-status-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: currentColor;
+}
+
+swp-table-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+swp-icon-btn {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--color-text-secondary);
+  transition: all 150ms ease;
+}
+
+swp-icon-btn:hover {
+  background: var(--color-background-hover);
+  color: var(--color-text);
+}
+
+swp-icon-btn.danger:hover {
+  background: color-mix(in srgb, var(--color-red) 15%, transparent);
+  color: var(--color-red);
+}
+
+swp-icon-btn i {
+  font-size: 18px;
+}
+
+/* ==========================================
+   BILLING GRID
+   ========================================== */
+swp-billing-grid {
+  display: grid;
+  grid-template-columns: 380px 1fr;
+  gap: 24px;
+}
+
+/* ==========================================
+   PAYMENT CARD
+   ========================================== */
+swp-payment-card {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  background: var(--color-surface);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  padding: 24px;
+}
+
+swp-payment-method {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 16px;
+  background: var(--color-background-alt);
+  border-radius: 8px;
+}
+
+swp-payment-icon {
+  width: 48px;
+  height: 32px;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+swp-payment-icon i {
+  font-size: 24px;
+  color: var(--color-blue);
+}
+
+swp-payment-info {
+  flex: 1;
+}
+
+swp-payment-type {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-text);
+  margin-bottom: 2px;
+}
+
+swp-payment-number {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  font-family: var(--font-mono);
+}
+
+swp-payment-detail {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-payment-detail:last-of-type {
+  border-bottom: none;
+}
+
+swp-payment-label {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+swp-payment-value {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+swp-payment-value.highlight {
+  color: var(--color-teal);
+}
+
+/* ==========================================
+   INVOICES
+   ========================================== */
+swp-invoices-card {
+  display: block;
+  background: var(--color-surface);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+swp-invoices-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+swp-invoices-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+swp-invoice-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 4px;
+}
+
+swp-invoice-status.paid {
+  background: color-mix(in srgb, var(--color-green) 15%, transparent);
+  color: var(--color-green);
+}
+
+swp-invoice-status.pending {
+  background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+  color: var(--color-amber);
+}
+
+swp-invoice-status.overdue {
+  background: color-mix(in srgb, var(--color-red) 15%, transparent);
+  color: var(--color-red);
+}
+
+swp-download-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--color-teal);
+  background: transparent;
+  border: 1px solid var(--color-teal);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 150ms ease;
+}
+
+swp-download-btn:hover {
+  background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+}
+
+swp-download-btn i {
+  font-size: 14px;
+}
+
+/* ==========================================
+   BUTTONS
+   ========================================== */
+swp-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 18px;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: var(--font-family);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+}
+
+swp-btn i {
+  font-size: 18px;
+}
+
+swp-btn.primary {
+  background: var(--color-teal);
+  color: white;
+}
+
+swp-btn.primary:hover {
+  background: #00796b;
+}
+
+swp-btn.secondary {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+
+swp-btn.secondary:hover {
+  background: var(--color-background-hover);
+}
+
+swp-btn.outline {
+  background: transparent;
+  border: 1px solid var(--color-teal);
+  color: var(--color-teal);
+}
+
+swp-btn.outline:hover {
+  background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+}
+
+/* ==========================================
+   EMPTY STATE
+   ========================================== */
+swp-empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 24px;
+  text-align: center;
+}
+
+swp-empty-state i {
+  font-size: 48px;
+  color: var(--color-text-secondary);
+  margin-bottom: 16px;
+  opacity: 0.5;
+}
+
+swp-empty-state p {
+  font-size: 14px;
+  color: var(--color-text-secondary);
+}
+
+/* ==========================================
+   RESPONSIVE
+   ========================================== */
+@media (max-width: 1024px) {
+  swp-plan-grid {
+    grid-template-columns: 1fr;
+  }
+
+  swp-billing-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 768px) {
+  swp-page-container {
+    padding: 16px;
+  }
+
+  swp-table-card {
+    overflow-x: auto;
+  }
+
+  swp-table {
+    min-width: 600px;
+  }
+}
diff --git a/wwwroot/css/test-nesting.css b/wwwroot/css/test-nesting.css
deleted file mode 100644
index f5513a1..0000000
--- a/wwwroot/css/test-nesting.css
+++ /dev/null
@@ -1 +0,0 @@
-.test-container{display:flex;padding:20px}.test-container .test-child{color:blue}:is(.test-container .test-child):hover{color:red}.active:is(.test-container .test-child){font-weight:700}.test-container .test-nested{margin:10px}:is(.test-container .test-nested) .deep-nested{font-size:14px}
\ No newline at end of file
diff --git a/wwwroot/data/employee-revenue-utilization.json b/wwwroot/data/employee-revenue-utilization.json
new file mode 100644
index 0000000..02746a0
--- /dev/null
+++ b/wwwroot/data/employee-revenue-utilization.json
@@ -0,0 +1,67 @@
+{
+  "categories": ["Uge 40", "Uge 41", "Uge 42", "Uge 43", "Uge 44", "Uge 45", "Uge 46", "Uge 47", "Uge 48", "Uge 49", "Uge 50", "Uge 51", "Uge 52", "Uge 1", "Uge 2", "Uge 3", "Uge 4", "Uge 5", "Uge 6", "Uge 7", "Uge 8", "Uge 9", "Uge 10", "Uge 11", "Uge 12"],
+  "nowCategory": "Uge 52",
+  "forecastStartCategory": "Uge 1",
+  "actual": {
+    "revenue": [
+      { "x": "Uge 40", "y": 38500 },
+      { "x": "Uge 41", "y": 42000 },
+      { "x": "Uge 42", "y": 35200 },
+      { "x": "Uge 43", "y": 44800 },
+      { "x": "Uge 44", "y": 41500 },
+      { "x": "Uge 45", "y": 39200 },
+      { "x": "Uge 46", "y": 46100 },
+      { "x": "Uge 47", "y": 43800 },
+      { "x": "Uge 48", "y": 40500 },
+      { "x": "Uge 49", "y": 45200 },
+      { "x": "Uge 50", "y": 42800 },
+      { "x": "Uge 51", "y": 44500 },
+      { "x": "Uge 52", "y": 28450 }
+    ],
+    "utilization": [
+      { "x": "Uge 40", "y": 82 },
+      { "x": "Uge 41", "y": 88 },
+      { "x": "Uge 42", "y": 75 },
+      { "x": "Uge 43", "y": 91 },
+      { "x": "Uge 44", "y": 85 },
+      { "x": "Uge 45", "y": 80 },
+      { "x": "Uge 46", "y": 94 },
+      { "x": "Uge 47", "y": 89 },
+      { "x": "Uge 48", "y": 83 },
+      { "x": "Uge 49", "y": 92 },
+      { "x": "Uge 50", "y": 87 },
+      { "x": "Uge 51", "y": 90 },
+      { "x": "Uge 52", "y": 84 }
+    ]
+  },
+  "forecast": {
+    "revenue": [
+      { "x": "Uge 1", "y": 0 },
+      { "x": "Uge 2", "y": 32500 },
+      { "x": "Uge 3", "y": 28800 },
+      { "x": "Uge 4", "y": 22400 },
+      { "x": "Uge 5", "y": 15200 },
+      { "x": "Uge 6", "y": 9800 },
+      { "x": "Uge 7", "y": 6500 },
+      { "x": "Uge 8", "y": 4200 },
+      { "x": "Uge 9", "y": 2800 },
+      { "x": "Uge 10", "y": 1500 },
+      { "x": "Uge 11", "y": 800 },
+      { "x": "Uge 12", "y": 0 }
+    ],
+    "utilization": [
+      { "x": "Uge 1", "y": 0 },
+      { "x": "Uge 2", "y": 74 },
+      { "x": "Uge 3", "y": 58 },
+      { "x": "Uge 4", "y": 39 },
+      { "x": "Uge 5", "y": 21 },
+      { "x": "Uge 6", "y": 11 },
+      { "x": "Uge 7", "y": 8 },
+      { "x": "Uge 8", "y": 5 },
+      { "x": "Uge 9", "y": 3 },
+      { "x": "Uge 10", "y": 2 },
+      { "x": "Uge 11", "y": 1 },
+      { "x": "Uge 12", "y": 0 }
+    ]
+  }
+}
diff --git a/wwwroot/data/kk-services.json b/wwwroot/data/kk-services.json
new file mode 100644
index 0000000..5c84a0a
--- /dev/null
+++ b/wwwroot/data/kk-services.json
@@ -0,0 +1,125 @@
+{
+  "Klip dame, herre og børn": [
+    { "name": "Dameklip", "duration": 60, "price": 725 },
+    { "name": "Dameklip uden snak", "duration": 60, "price": 725 },
+    { "name": "Dameklip spidser mellemlangt og langt hår", "duration": 40, "price": 575 },
+    { "name": "Dameklip Luksus ekstra glans og pleje", "duration": 75, "price": 925 },
+    { "name": "Herreklip", "duration": 60, "price": 645 },
+    { "name": "Herreklip uden snak", "duration": 60, "price": 645 },
+    { "name": "Skin fade", "duration": 60, "price": 645 },
+    { "name": "Klip med maskine (herre klip)", "duration": 30, "price": 475 },
+    { "name": "Børneklip 0-4 år", "duration": 45, "price": 475 },
+    { "name": "Børneklip 4-8 år", "duration": 45, "price": 525 },
+    { "name": "Touch up Dame", "duration": 10, "price": 0 },
+    { "name": "Touch up Herre", "duration": 10, "price": 0 },
+    { "name": "Pandehår helt nyt", "duration": 20, "price": 325 },
+    { "name": "Konsultation uden behandling", "duration": 10, "price": 0 },
+    { "name": "Herreklip", "duration": 60, "price": 550 },
+    { "name": "Klip med maskine (herre klip)", "duration": 45, "price": 525 }
+  ],
+
+  "Farvebehandlinger": [
+    { "name": "Bundfarve almindelig udgroning maks 3 cm", "duration": 90, "price": 785 },
+    { "name": "Helfarve kort hår", "duration": 105, "price": 950 },
+    { "name": "Helfarve mellemlangt hår", "duration": 120, "price": 1450 },
+    { "name": "Helfarve langt hår", "duration": 120, "price": 1550 },
+    { "name": "Bundfarve/ Lysning", "duration": 105, "price": 975 },
+    { "name": "Afblegning kort hår + gloss", "duration": 150, "price": 1895 }
+  ],
+
+  "Striber/ Refleksbehandling": [
+    { "name": "Striber kort hår", "duration": 120, "price": 1465 },
+    { "name": "Striber mellemlangt hår", "duration": 150, "price": 1665 },
+    { "name": "Striber langt hår", "duration": 180, "price": 1865 },
+    { "name": "Striber på toppen/ overhår", "duration": 90, "price": 1065 },
+    { "name": "Striber babylights tæt lysning mellemlangt hår", "duration": 180, "price": 2650 },
+    { "name": "Striber babylights tæt lysning langt hår", "duration": 180, "price": 2850 },
+    { "name": "Striber babylights tæt lysning på toppen", "duration": 120, "price": 1650 },
+    { "name": "AirTouch skulderlangt hår", "duration": 210, "price": 3250 },
+    { "name": "AirTouch langt hår", "duration": 240, "price": 3850 }
+  ],
+
+  "Hårvask med styling eller uden styling": [
+    { "name": "Hårvask uden styling", "duration": 30, "price": 265 },
+    { "name": "Hårvask med styling (kun føn)", "duration": 40, "price": 450 },
+    { "name": "Vask + Styling med varme glatning/krøller (mellemlangt/langt)", "duration": 60, "price": 650 }
+  ],
+
+  "Henna naturlig hårfarver": [
+    { "name": "Henna kort hår", "duration": 90, "price": 965 },
+    { "name": "Henna mellemlangt/langt hår", "duration": 90, "price": 1265 },
+    { "name": "Henna bundfarve", "duration": 90, "price": 750 }
+  ],
+
+  "Kurbehandling": [
+    { "name": "Olaplex Stand alone", "duration": 60, "price": 550 },
+    { "name": "Kurbehandling fugt/protein", "duration": 40, "price": 365 }
+  ],
+
+  "Bryn og vipper": [
+    { "name": "Farvning vipper & bryn", "duration": 30, "price": 345 },
+    { "name": "Farvning vipper", "duration": 20, "price": 185 },
+    { "name": "Farvning og retning af bryn", "duration": 20, "price": 185 },
+    { "name": "Retning af bryn", "duration": 10, "price": 100 }
+  ],
+
+  "Balayage": [
+    { "name": "Balayage maks til skulderen", "duration": 150, "price": 1850 },
+    { "name": "Balayage maks skulder + gloss/toning", "duration": 180, "price": 2250 },
+    { "name": "Balayage langt hår", "duration": 150, "price": 2150 },
+    { "name": "Balayage langt hår + gloss/toning", "duration": 180, "price": 2550 }
+  ],
+
+  "Skæg": [
+    { "name": "Skægtrim", "duration": 20, "price": 300 }
+  ],
+
+  "Gloss": [
+    { "name": "Gloss ekstra langt/tykt hår", "duration": 75, "price": 900 },
+    { "name": "Glossing kort hår", "duration": 60, "price": 685 },
+    { "name": "Glossing mellemlangt/ langt hår", "duration": 60, "price": 745 },
+    { "name": "Glossing mænd", "duration": 40, "price": 350 },
+    { "name": "Gloss ifb. anden farvebehandling", "duration": 20, "price": 450 },
+    { "name": "Gloss ifb. anden farvebehandling", "duration": 30, "price": 450 }
+  ],
+
+  "Håropsætning": [
+    { "name": "Håropsætning kort hår", "duration": 60, "price": 850 },
+    { "name": "Håropsætning langt hår", "duration": 60, "price": 1450 },
+    { "name": "Håropsætning Brud/brudepiger/Galla/Oscar", "duration": 90, "price": 1599 },
+    { "name": "Make-up Special Brud/Galla mm", "duration": 90, "price": 3000 }
+  ],
+
+  "Modeller": [
+    { "name": "Dameklip Model", "duration": 60, "price": 0 },
+    { "name": "Herreklip Model", "duration": 60, "price": 0 },
+    { "name": "Balayage Model", "duration": 240, "price": 0 },
+    { "name": "Striber Model", "duration": 180, "price": 0 },
+    { "name": "Bryn & Vippe Model", "duration": 40, "price": 0 },
+    { "name": "Bundfarve Model", "duration": 120, "price": 0 },
+    { "name": "Gloss", "duration": 30, "price": 0 }
+  ],
+
+  "Tristan farve modeller": [
+    { "name": "Bundfarve med HP/HPF", "duration": 90, "price": 325 },
+    { "name": "Striber Model", "duration": 240, "price": 400 }
+  ],
+
+  "Uden kategori": [
+    { "name": "P-afgift", "duration": 0, "price": -25 },
+    { "name": "Børneklip 9-12 år", "duration": 60, "price": 450 }
+  ],
+
+  "Tilvalg services": [
+    { "name": "Touch up kur", "duration": 15, "price": 175 },
+    { "name": "Root shading", "duration": 30, "price": 425 },
+    { "name": "Styling med varme (efter behandling)", "duration": 60, "price": 475 },
+    { "name": "Styling kort hår (efter farve)", "duration": 20, "price": 175 },
+    { "name": "Olaplex efter afblegning", "duration": 10, "price": 325 },
+    { "name": "Let afrensning af gloss/klor/kemi", "duration": 20, "price": 220 },
+    { "name": "Forpigmentering", "duration": 20, "price": 300 },
+    { "name": "Knække bund ifb. farvebehandling", "duration": 20, "price": 400 },
+    { "name": "Olaplex i farve", "duration": 10, "price": 230 },
+    { "name": "Metal DX intens kur redken gloss", "duration": 20, "price": 225 }
+  ]
+}
diff --git a/wwwroot/data/mock-departments.json b/wwwroot/data/mock-departments.json
new file mode 100644
index 0000000..033caad
--- /dev/null
+++ b/wwwroot/data/mock-departments.json
@@ -0,0 +1,14 @@
+[
+  {
+    "id": "dept-styling",
+    "name": "Styling",
+    "resourceIds": ["EMP001", "EMP002", "EMP003"],
+    "syncStatus": "synced"
+  },
+  {
+    "id": "dept-training",
+    "name": "Training",
+    "resourceIds": ["EMP004", "STUDENT001", "STUDENT002"],
+    "syncStatus": "synced"
+  }
+]
diff --git a/wwwroot/data/mock-events.json b/wwwroot/data/mock-events.json
index a34c713..82297ee 100644
--- a/wwwroot/data/mock-events.json
+++ b/wwwroot/data/mock-events.json
@@ -1,352 +1,669 @@
 [
   {
-    "id": "RES-NOV22-001",
-    "title": "Balayage",
-    "start": "2025-11-22T09:00:00Z",
-    "end": "2025-11-22T11:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "bookingId": "BOOK-NOV22-001",
-    "resourceId": "EMP001",
-    "customerId": "CUST001",
-    "syncStatus": "synced",
-    "metadata": { "duration": 120, "color": "purple" }
-  },
-  {
-    "id": "RES-NOV22-002",
+    "id": "EVT-NOV24-001",
     "title": "Herreklipning",
-    "start": "2025-11-22T09:30:00Z",
-    "end": "2025-11-22T10:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "EMP003",
-    "syncStatus": "synced",
-    "metadata": { "duration": 30, "color": "indigo" }
-  },
-  {
-    "id": "RES-NOV22-003",
-    "title": "Farvning",
-    "start": "2025-11-22T10:00:00Z",
-    "end": "2025-11-22T12:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "EMP002",
-    "syncStatus": "synced",
-    "metadata": { "duration": 120, "color": "pink" }
-  },
-  {
-    "id": "RES-NOV22-004",
-    "title": "Styling",
-    "start": "2025-11-22T13:00:00Z",
-    "end": "2025-11-22T14:00:00Z",
+    "start": "2025-11-24T09:00:00",
+    "end": "2025-11-24T09:30:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N01",
     "resourceId": "EMP001",
+    "customerId": "CUST001",
     "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "purple" }
+    "metadata": { "color": "blue" }
   },
   {
-    "id": "RES-NOV22-005",
-    "title": "Vask og føn",
-    "start": "2025-11-22T11:00:00Z",
-    "end": "2025-11-22T11:30:00Z",
+    "id": "EVT-NOV24-002",
+    "title": "Balayage",
+    "start": "2025-11-24T10:00:00",
+    "end": "2025-11-24T12:00:00",
     "type": "customer",
     "allDay": false,
-    "resourceId": "STUDENT001",
+    "bookingId": "BOOK-N02",
+    "resourceId": "EMP002",
+    "customerId": "CUST002",
     "syncStatus": "synced",
-    "metadata": { "duration": 30, "color": "light-green" }
+    "metadata": { "color": "purple" }
   },
   {
-    "id": "RES-NOV22-006",
+    "id": "EVT-NOV24-003",
     "title": "Klipning dame",
-    "start": "2025-11-22T14:00:00Z",
-    "end": "2025-11-22T15:00:00Z",
+    "start": "2025-11-24T14:00:00",
+    "end": "2025-11-24T15:00:00",
     "type": "customer",
     "allDay": false,
-    "resourceId": "EMP004",
+    "bookingId": "BOOK-N03",
+    "resourceId": "EMP003",
+    "customerId": "CUST003",
     "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "teal" }
+    "metadata": { "color": "teal" }
   },
   {
-    "id": "RES-NOV23-001",
+    "id": "EVT-NOV25-001",
+    "title": "Farve behandling",
+    "start": "2025-11-25T09:00:00",
+    "end": "2025-11-25T11:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-N04",
+    "resourceId": "EMP001",
+    "customerId": "CUST004",
+    "syncStatus": "synced",
+    "metadata": { "color": "orange" }
+  },
+  {
+    "id": "EVT-NOV25-002",
     "title": "Permanent",
-    "start": "2025-11-23T09:00:00Z",
-    "end": "2025-11-23T11:30:00Z",
+    "start": "2025-11-25T12:00:00",
+    "end": "2025-11-25T14:00:00",
     "type": "customer",
     "allDay": false,
-    "resourceId": "EMP002",
+    "bookingId": "BOOK-N05",
+    "resourceId": "EMP004",
+    "customerId": "CUST005",
     "syncStatus": "synced",
-    "metadata": { "duration": 150, "color": "pink" }
+    "metadata": { "color": "indigo" }
   },
   {
-    "id": "RES-NOV23-002",
-    "title": "Skæg trimning",
-    "start": "2025-11-23T10:00:00Z",
-    "end": "2025-11-23T10:30:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "EMP003",
-    "syncStatus": "synced",
-    "metadata": { "duration": 30, "color": "indigo" }
-  },
-  {
-    "id": "RES-NOV23-003",
+    "id": "EVT-NOV26-001",
     "title": "Highlights",
-    "start": "2025-11-23T12:00:00Z",
-    "end": "2025-11-23T14:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "bookingId": "BOOK-NOV22-001",
-    "resourceId": "EMP001",
-    "customerId": "CUST001",
-    "syncStatus": "synced",
-    "metadata": { "duration": 120, "color": "purple" }
-  },
-  {
-    "id": "RES-NOV23-004",
-    "title": "Assistance",
-    "start": "2025-11-23T13:00:00Z",
-    "end": "2025-11-23T14:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "STUDENT002",
-    "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "orange" }
-  },
-  {
-    "id": "RES-NOV24-001",
-    "title": "Bryllupsfrisure",
-    "start": "2025-11-24T08:00:00Z",
-    "end": "2025-11-24T10:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "bookingId": "BOOK-NOV22-001",
-    "resourceId": "EMP001",
-    "customerId": "CUST001",
-    "syncStatus": "synced",
-    "metadata": { "duration": 120, "color": "purple" }
-  },
-  {
-    "id": "RES-NOV24-002",
-    "title": "Ombre",
-    "start": "2025-11-24T10:00:00Z",
-    "end": "2025-11-24T12:30:00Z",
+    "start": "2025-11-26T10:00:00",
+    "end": "2025-11-26T12:30:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N06",
     "resourceId": "EMP002",
+    "customerId": "CUST006",
     "syncStatus": "synced",
-    "metadata": { "duration": 150, "color": "pink" }
+    "metadata": { "color": "lime" }
   },
   {
-    "id": "RES-NOV24-003",
-    "title": "Fade klipning",
-    "start": "2025-11-24T11:00:00Z",
-    "end": "2025-11-24T11:45:00Z",
+    "id": "EVT-NOV26-002",
+    "title": "Børneklip",
+    "start": "2025-11-26T14:00:00",
+    "end": "2025-11-26T14:30:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N07",
     "resourceId": "EMP003",
+    "customerId": "CUST007",
     "syncStatus": "synced",
-    "metadata": { "duration": 45, "color": "indigo" }
+    "metadata": { "color": "cyan" }
   },
   {
-    "id": "RES-NOV24-004",
-    "title": "Klipning og vask",
-    "start": "2025-11-24T14:00:00Z",
-    "end": "2025-11-24T15:00:00Z",
+    "id": "EVT-NOV27-001",
+    "title": "Olaplex behandling",
+    "start": "2025-11-27T09:00:00",
+    "end": "2025-11-27T10:30:00",
     "type": "customer",
     "allDay": false,
-    "resourceId": "EMP004",
+    "bookingId": "BOOK-N08",
+    "resourceId": "EMP005",
+    "customerId": "CUST008",
     "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "teal" }
+    "metadata": { "color": "pink" }
   },
   {
-    "id": "RES-NOV24-005",
-    "title": "Grundklipning elev",
-    "start": "2025-11-24T13:00:00Z",
-    "end": "2025-11-24T14:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "STUDENT001",
-    "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "light-green" }
-  },
-  {
-    "id": "RES-NOV25-001",
-    "title": "Balayage kort hår",
-    "description": "Daily team sync - status updates",
-    "start": "2025-11-25T09:00:00Z",
-    "end": "2025-11-25T10:30:00Z",
+    "id": "EVT-NOV27-002",
+    "title": "Skæg trim",
+    "start": "2025-11-27T11:00:00",
+    "end": "2025-11-27T11:30:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N09",
     "resourceId": "EMP001",
+    "customerId": "CUST009",
     "syncStatus": "synced",
-    "metadata": { "duration": 90, "color": "purple" }
+    "metadata": { "color": "teal" }
   },
   {
-    "id": "RES-NOV25-002",
+    "id": "EVT-NOV28-001",
     "title": "Extensions",
-    "start": "2025-11-25T11:00:00Z",
-    "end": "2025-11-25T14:00:00Z",
+    "start": "2025-11-28T09:00:00",
+    "end": "2025-11-28T12:00:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N10",
     "resourceId": "EMP002",
+    "customerId": "CUST010",
     "syncStatus": "synced",
-    "metadata": { "duration": 180, "color": "pink" }
+    "metadata": { "color": "deep-purple" }
   },
   {
-    "id": "RES-NOV25-003",
-    "title": "Herreklipning + skæg",
-    "start": "2025-11-25T09:00:00Z",
-    "end": "2025-11-25T10:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "EMP003",
-    "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "indigo" }
-  },
-  {
-    "id": "RES-NOV25-004",
-    "title": "Styling special",
-    "start": "2025-11-25T15:00:00Z",
-    "end": "2025-11-25T16:30:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "EMP004",
-    "syncStatus": "synced",
-    "metadata": { "duration": 90, "color": "teal" }
-  },
-  {
-    "id": "RES-NOV25-005",
-    "title": "Praktik vask",
-    "start": "2025-11-25T10:00:00Z",
-    "end": "2025-11-25T10:30:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "STUDENT002",
-    "syncStatus": "synced",
-    "metadata": { "duration": 30, "color": "orange" }
-  },
-  {
-    "id": "RES-NOV26-001",
-    "title": "Farvekorrektion",
-    "start": "2025-11-26T09:00:00Z",
-    "end": "2025-11-26T12:00:00Z",
+    "id": "EVT-DEC01-001",
+    "title": "Klipning og føn",
+    "start": "2025-12-01T10:00:00",
+    "end": "2025-12-01T11:00:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N11",
     "resourceId": "EMP001",
+    "customerId": "CUST011",
     "syncStatus": "synced",
-    "metadata": { "duration": 180, "color": "purple" }
+    "metadata": { "color": "blue" }
   },
   {
-    "id": "RES-NOV26-002",
-    "title": "Keratinbehandling",
-    "start": "2025-11-26T10:00:00Z",
-    "end": "2025-11-26T12:30:00Z",
+    "id": "EVT-DEC01-002",
+    "title": "Farve korrektion",
+    "start": "2025-12-01T13:00:00",
+    "end": "2025-12-01T16:00:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N12",
+    "resourceId": "EMP004",
+    "customerId": "CUST012",
+    "syncStatus": "synced",
+    "metadata": { "color": "magenta" }
+  },
+  {
+    "id": "EVT-DEC02-001",
+    "title": "Bryllupsfrisure prøve",
+    "start": "2025-12-02T09:00:00",
+    "end": "2025-12-02T11:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-N13",
     "resourceId": "EMP002",
+    "customerId": "CUST013",
     "syncStatus": "synced",
-    "metadata": { "duration": 150, "color": "pink" }
+    "metadata": { "color": "green" }
   },
   {
-    "id": "RES-NOV26-003",
-    "title": "Skin fade",
-    "start": "2025-11-26T13:00:00Z",
-    "end": "2025-11-26T13:45:00Z",
+    "id": "EVT-DEC02-002",
+    "title": "Herreklip express",
+    "start": "2025-12-02T14:00:00",
+    "end": "2025-12-02T14:30:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N14",
     "resourceId": "EMP003",
+    "customerId": "CUST014",
     "syncStatus": "synced",
-    "metadata": { "duration": 45, "color": "indigo" }
+    "metadata": { "color": "amber" }
   },
   {
-    "id": "RES-NOV26-004",
-    "title": "Dameklipning lang",
-    "start": "2025-11-26T14:00:00Z",
-    "end": "2025-11-26T15:30:00Z",
+    "id": "EVT-DEC03-001",
+    "title": "Keratin behandling",
+    "start": "2025-12-03T10:00:00",
+    "end": "2025-12-03T13:00:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-N15",
+    "resourceId": "EMP005",
+    "customerId": "CUST001",
+    "syncStatus": "synced",
+    "metadata": { "color": "violet" }
+  },
+  {
+    "id": "EVT-DEC03-002",
+    "title": "Vask og styling",
+    "start": "2025-12-03T15:00:00",
+    "end": "2025-12-03T15:45:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-N16",
+    "resourceId": "EMP001",
+    "customerId": "CUST002",
+    "syncStatus": "synced",
+    "metadata": { "color": "light-green" }
+  },
+  {
+    "id": "EVT-DEC04-001",
+    "title": "Balayage kort hår",
+    "start": "2025-12-04T09:00:00",
+    "end": "2025-12-04T10:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-N17",
+    "resourceId": "EMP002",
+    "customerId": "CUST003",
+    "syncStatus": "synced",
+    "metadata": { "color": "purple" }
+  },
+  {
+    "id": "EVT-DEC04-002",
+    "title": "Ferie",
+    "start": "2025-12-04T00:00:00",
+    "end": "2025-12-05T23:59:59",
+    "type": "vacation",
+    "allDay": true,
     "resourceId": "EMP004",
     "syncStatus": "synced",
-    "metadata": { "duration": 90, "color": "teal" }
+    "metadata": { "color": "red" }
   },
   {
-    "id": "RES-NOV26-005",
-    "title": "Føntørring træning",
-    "start": "2025-11-26T11:00:00Z",
-    "end": "2025-11-26T12:00:00Z",
+    "id": "EVT-DEC05-001",
+    "title": "Dameklip langt hår",
+    "start": "2025-12-05T11:00:00",
+    "end": "2025-12-05T12:00:00",
     "type": "customer",
     "allDay": false,
-    "resourceId": "STUDENT001",
+    "bookingId": "BOOK-N18",
+    "resourceId": "EMP003",
+    "customerId": "CUST004",
     "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "light-green" }
+    "metadata": { "color": "pink" }
   },
   {
-    "id": "RES-NOV27-001",
-    "title": "Full color",
-    "start": "2025-11-27T09:00:00Z",
-    "end": "2025-11-27T11:00:00Z",
+    "id": "EVT-DEC05-002",
+    "title": "Highlights delvis",
+    "start": "2025-12-05T14:00:00",
+    "end": "2025-12-05T15:30:00",
     "type": "customer",
     "allDay": false,
-    "bookingId": "BOOK-NOV22-001",
+    "bookingId": "BOOK-N19",
+    "resourceId": "EMP005",
+    "customerId": "CUST005",
+    "syncStatus": "synced",
+    "metadata": { "color": "lime" }
+  },
+  {
+    "id": "EVT-DEC08-001",
+    "title": "Balayage langt hår",
+    "description": "Fuld balayage behandling",
+    "start": "2025-12-08T10:00:00",
+    "end": "2025-12-08T11:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-001",
     "resourceId": "EMP001",
     "customerId": "CUST001",
     "syncStatus": "synced",
-    "metadata": { "duration": 120, "color": "purple" }
+    "metadata": { "color": "purple" }
   },
   {
-    "id": "RES-NOV27-002",
-    "title": "Babylights",
-    "start": "2025-11-27T12:00:00Z",
-    "end": "2025-11-27T15:00:00Z",
+    "id": "EVT-DEC08-002",
+    "title": "Klipning og styling",
+    "description": "Dameklipning med føn",
+    "start": "2025-12-08T14:00:00",
+    "end": "2025-12-08T15:30:00",
     "type": "customer",
     "allDay": false,
-    "resourceId": "EMP002",
+    "bookingId": "BOOK-002",
+    "resourceId": "EMP001",
+    "customerId": "CUST002",
     "syncStatus": "synced",
-    "metadata": { "duration": 180, "color": "pink" }
+    "metadata": { "color": "pink" }
   },
   {
-    "id": "RES-NOV27-003",
-    "title": "Klassisk herreklip",
-    "start": "2025-11-27T10:00:00Z",
-    "end": "2025-11-27T10:30:00Z",
+    "id": "EVT-DEC08-003",
+    "title": "Permanent",
+    "description": "Permanent med curler",
+    "start": "2025-12-08T09:00:00",
+    "end": "2025-12-08T11:00:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-003",
+    "resourceId": "EMP002",
+    "customerId": "CUST003",
+    "syncStatus": "synced",
+    "metadata": { "color": "indigo" }
+  },
+  {
+    "id": "EVT-DEC08-004",
+    "title": "Farve behandling",
+    "description": "Farve og pleje",
+    "start": "2025-12-08T13:00:00",
+    "end": "2025-12-08T15:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-004",
+    "resourceId": "EMP002",
+    "customerId": "CUST004",
+    "syncStatus": "synced",
+    "metadata": { "color": "orange" }
+  },
+  {
+    "id": "EVT-DEC09-001",
+    "title": "Herreklipning",
+    "description": "Klassisk herreklip",
+    "start": "2025-12-09T11:00:00",
+    "end": "2025-12-09T11:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-005",
+    "resourceId": "EMP003",
+    "customerId": "CUST005",
+    "syncStatus": "synced",
+    "metadata": { "color": "teal" }
+  },
+  {
+    "id": "EVT-DEC09-002",
+    "title": "Kursus",
+    "description": "Ekstern kursusdag",
+    "start": "2025-12-09T00:00:00",
+    "end": "2025-12-10T23:59:59",
+    "type": "blocked",
+    "allDay": true,
     "resourceId": "EMP003",
     "syncStatus": "synced",
-    "metadata": { "duration": 30, "color": "indigo" }
+    "metadata": { "color": "cyan" }
   },
   {
-    "id": "RES-NOV27-004",
-    "title": "Klipning + styling",
-    "start": "2025-11-27T11:00:00Z",
-    "end": "2025-11-27T12:30:00Z",
+    "id": "EVT-DEC09-003",
+    "title": "Bryllupsfrisure",
+    "description": "Bryllupsfrisure med prøve",
+    "start": "2025-12-09T08:00:00",
+    "end": "2025-12-09T10:00:00",
     "type": "customer",
     "allDay": false,
+    "bookingId": "BOOK-007",
+    "resourceId": "EMP004",
+    "customerId": "CUST007",
+    "syncStatus": "synced",
+    "metadata": { "color": "green" }
+  },
+  {
+    "id": "EVT-DEC10-001",
+    "title": "Highlights",
+    "description": "Highlights med folie",
+    "start": "2025-12-10T12:00:00",
+    "end": "2025-12-10T14:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-008",
+    "resourceId": "EMP005",
+    "customerId": "CUST008",
+    "syncStatus": "synced",
+    "metadata": { "color": "lime" }
+  },
+  {
+    "id": "EVT-DEC10-002",
+    "title": "Styling konsultation",
+    "description": "Rådgivning om ny stil",
+    "start": "2025-12-10T15:00:00",
+    "end": "2025-12-10T15:30:00",
+    "type": "meeting",
+    "allDay": false,
+    "resourceId": "EMP005",
+    "syncStatus": "synced",
+    "metadata": { "color": "amber" }
+  },
+  {
+    "id": "EVT-DEC10-003",
+    "title": "Olaplex behandling",
+    "description": "Fuld Olaplex kur",
+    "start": "2025-12-10T09:00:00",
+    "end": "2025-12-10T10:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-009",
+    "resourceId": "EMP001",
+    "customerId": "CUST009",
+    "syncStatus": "synced",
+    "metadata": { "color": "blue" }
+  },
+  {
+    "id": "EVT-DEC11-001",
+    "title": "Extensions",
+    "description": "Hair extensions påsætning",
+    "start": "2025-12-11T09:00:00",
+    "end": "2025-12-11T12:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-010",
+    "resourceId": "EMP002",
+    "customerId": "CUST010",
+    "syncStatus": "synced",
+    "metadata": { "color": "deep-purple" }
+  },
+  {
+    "id": "EVT-DEC11-002",
+    "title": "Børneklip",
+    "description": "Klipning af barn",
+    "start": "2025-12-11T14:00:00",
+    "end": "2025-12-11T14:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-011",
+    "resourceId": "EMP003",
+    "customerId": "CUST011",
+    "syncStatus": "synced",
+    "metadata": { "color": "light-blue" }
+  },
+  {
+    "id": "EVT-DEC11-003",
+    "title": "Team møde",
+    "description": "Morgen briefing",
+    "start": "2025-12-11T08:00:00",
+    "end": "2025-12-11T08:30:00",
+    "type": "meeting",
+    "allDay": false,
+    "resourceId": "EMP001",
+    "syncStatus": "synced",
+    "metadata": { "color": "red" }
+  },
+  {
+    "id": "EVT-DEC12-001",
+    "title": "Keratin behandling",
+    "description": "Brasiliansk keratin",
+    "start": "2025-12-12T10:00:00",
+    "end": "2025-12-12T13:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-012",
+    "resourceId": "EMP004",
+    "customerId": "CUST012",
+    "syncStatus": "synced",
+    "metadata": { "color": "violet" }
+  },
+  {
+    "id": "EVT-DEC12-002",
+    "title": "Vask og føn",
+    "description": "Express service",
+    "start": "2025-12-12T15:00:00",
+    "end": "2025-12-12T15:45:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-013",
+    "resourceId": "EMP005",
+    "customerId": "CUST013",
+    "syncStatus": "synced",
+    "metadata": { "color": "light-green" }
+  },
+  {
+    "id": "EVT-DEC12-003",
+    "title": "Farvekorrektion",
+    "description": "Korrektion af tidligere farve",
+    "start": "2025-12-12T09:00:00",
+    "end": "2025-12-12T12:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-014",
+    "resourceId": "EMP001",
+    "customerId": "CUST014",
+    "syncStatus": "synced",
+    "metadata": { "color": "magenta" }
+  },
+  {
+    "id": "EVT-DEC15-001",
+    "title": "Juleklipning",
+    "start": "2025-12-15T09:00:00",
+    "end": "2025-12-15T10:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F01",
+    "resourceId": "EMP001",
+    "customerId": "CUST001",
+    "syncStatus": "synced",
+    "metadata": { "color": "red" }
+  },
+  {
+    "id": "EVT-DEC15-002",
+    "title": "Balayage jul",
+    "start": "2025-12-15T11:00:00",
+    "end": "2025-12-15T13:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F02",
+    "resourceId": "EMP002",
+    "customerId": "CUST002",
+    "syncStatus": "synced",
+    "metadata": { "color": "purple" }
+  },
+  {
+    "id": "EVT-DEC15-003",
+    "title": "Herreklip",
+    "start": "2025-12-15T14:00:00",
+    "end": "2025-12-15T14:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F03",
+    "resourceId": "EMP003",
+    "customerId": "CUST003",
+    "syncStatus": "synced",
+    "metadata": { "color": "blue" }
+  },
+  {
+    "id": "EVT-DEC16-001",
+    "title": "Farve og klip",
+    "start": "2025-12-16T10:00:00",
+    "end": "2025-12-16T12:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F04",
+    "resourceId": "EMP004",
+    "customerId": "CUST004",
+    "syncStatus": "synced",
+    "metadata": { "color": "orange" }
+  },
+  {
+    "id": "EVT-DEC16-002",
+    "title": "Permanent",
+    "start": "2025-12-16T13:00:00",
+    "end": "2025-12-16T15:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F05",
+    "resourceId": "EMP005",
+    "customerId": "CUST005",
+    "syncStatus": "synced",
+    "metadata": { "color": "indigo" }
+  },
+  {
+    "id": "EVT-DEC17-001",
+    "title": "Julefrokost",
+    "start": "2025-12-17T12:00:00",
+    "end": "2025-12-17T14:00:00",
+    "type": "meeting",
+    "allDay": false,
+    "resourceId": "EMP001",
+    "syncStatus": "synced",
+    "metadata": { "color": "green" }
+  },
+  {
+    "id": "EVT-DEC17-002",
+    "title": "Extensions fjernelse",
+    "start": "2025-12-17T09:00:00",
+    "end": "2025-12-17T11:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F06",
+    "resourceId": "EMP002",
+    "customerId": "CUST006",
+    "syncStatus": "synced",
+    "metadata": { "color": "deep-purple" }
+  },
+  {
+    "id": "EVT-DEC18-001",
+    "title": "Highlights jul",
+    "start": "2025-12-18T10:00:00",
+    "end": "2025-12-18T12:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F07",
+    "resourceId": "EMP001",
+    "customerId": "CUST007",
+    "syncStatus": "synced",
+    "metadata": { "color": "lime" }
+  },
+  {
+    "id": "EVT-DEC18-002",
+    "title": "Børneklip jul",
+    "start": "2025-12-18T14:00:00",
+    "end": "2025-12-18T14:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F08",
+    "resourceId": "EMP003",
+    "customerId": "CUST008",
+    "syncStatus": "synced",
+    "metadata": { "color": "cyan" }
+  },
+  {
+    "id": "EVT-DEC19-001",
+    "title": "Festfrisure",
+    "start": "2025-12-19T09:00:00",
+    "end": "2025-12-19T10:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F09",
+    "resourceId": "EMP004",
+    "customerId": "CUST009",
+    "syncStatus": "synced",
+    "metadata": { "color": "pink" }
+  },
+  {
+    "id": "EVT-DEC19-002",
+    "title": "Julestyling",
+    "start": "2025-12-19T11:00:00",
+    "end": "2025-12-19T12:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F10",
+    "resourceId": "EMP005",
+    "customerId": "CUST010",
+    "syncStatus": "synced",
+    "metadata": { "color": "amber" }
+  },
+  {
+    "id": "EVT-DEC19-003",
+    "title": "Klipning og farve",
+    "start": "2025-12-19T14:00:00",
+    "end": "2025-12-19T16:30:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F11",
+    "resourceId": "EMP001",
+    "customerId": "CUST011",
+    "syncStatus": "synced",
+    "metadata": { "color": "violet" }
+  },
+  {
+    "id": "EVT-DEC22-001",
+    "title": "Sidste jul klip",
+    "start": "2025-12-22T09:00:00",
+    "end": "2025-12-22T10:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F12",
+    "resourceId": "EMP002",
+    "customerId": "CUST012",
+    "syncStatus": "synced",
+    "metadata": { "color": "red" }
+  },
+  {
+    "id": "EVT-DEC22-002",
+    "title": "Juleaften forberedelse",
+    "start": "2025-12-22T11:00:00",
+    "end": "2025-12-22T13:00:00",
+    "type": "customer",
+    "allDay": false,
+    "bookingId": "BOOK-F13",
+    "resourceId": "EMP003",
+    "customerId": "CUST013",
+    "syncStatus": "synced",
+    "metadata": { "color": "green" }
+  },
+  {
+    "id": "EVT-DEC22-003",
+    "title": "Juleferie start",
+    "start": "2025-12-22T00:00:00",
+    "end": "2025-12-27T23:59:59",
+    "type": "vacation",
+    "allDay": true,
     "resourceId": "EMP004",
     "syncStatus": "synced",
-    "metadata": { "duration": 90, "color": "teal" }
-  },
-  {
-    "id": "RES-NOV27-005",
-    "title": "Vask assistance",
-    "start": "2025-11-27T14:00:00Z",
-    "end": "2025-11-27T14:30:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "STUDENT001",
-    "syncStatus": "synced",
-    "metadata": { "duration": 30, "color": "light-green" }
-  },
-  {
-    "id": "RES-NOV27-006",
-    "title": "Observation",
-    "start": "2025-11-27T15:00:00Z",
-    "end": "2025-11-27T16:00:00Z",
-    "type": "customer",
-    "allDay": false,
-    "resourceId": "STUDENT002",
-    "syncStatus": "synced",
-    "metadata": { "duration": 60, "color": "orange" }
+    "metadata": { "color": "light-blue" }
   }
-]
\ No newline at end of file
+]
diff --git a/wwwroot/data/mock-resources.json b/wwwroot/data/mock-resources.json
index 3600c0a..0776705 100644
--- a/wwwroot/data/mock-resources.json
+++ b/wwwroot/data/mock-resources.json
@@ -7,6 +7,15 @@
     "avatarUrl": "/avatars/camilla.jpg",
     "color": "#9c27b0",
     "isActive": true,
+    "defaultSchedule": {
+      "1": { "start": "09:00", "end": "17:00" },
+      "2": { "start": "09:00", "end": "17:00" },
+      "3": { "start": "09:00", "end": "15:00" },
+      "4": { "start": "09:00", "end": "17:00" },
+      "5": { "start": "09:00", "end": "14:00" },
+      "6": null,
+      "7": null
+    },
     "metadata": {
       "role": "master stylist",
       "specialties": ["balayage", "color", "bridal"]
@@ -20,6 +29,15 @@
     "avatarUrl": "/avatars/isabella.jpg",
     "color": "#e91e63",
     "isActive": true,
+    "defaultSchedule": {
+      "1": { "start": "10:00", "end": "18:00" },
+      "2": { "start": "10:00", "end": "18:00" },
+      "3": { "start": "10:00", "end": "18:00" },
+      "4": { "start": "10:00", "end": "18:00" },
+      "5": { "start": "10:00", "end": "16:00" },
+      "6": null,
+      "7": null
+    },
     "metadata": {
       "role": "master stylist",
       "specialties": ["highlights", "ombre", "styling"]
@@ -33,6 +51,15 @@
     "avatarUrl": "/avatars/alexander.jpg",
     "color": "#3f51b5",
     "isActive": true,
+    "defaultSchedule": {
+      "1": { "start": "08:00", "end": "16:00" },
+      "2": { "start": "08:00", "end": "16:00" },
+      "3": { "start": "08:00", "end": "16:00" },
+      "4": { "start": "08:00", "end": "16:00" },
+      "5": { "start": "08:00", "end": "14:00" },
+      "6": null,
+      "7": null
+    },
     "metadata": {
       "role": "master stylist",
       "specialties": ["men's cuts", "beard", "fade"]
@@ -46,6 +73,15 @@
     "avatarUrl": "/avatars/viktor.jpg",
     "color": "#009688",
     "isActive": true,
+    "defaultSchedule": {
+      "1": { "start": "09:00", "end": "17:00" },
+      "2": null,
+      "3": { "start": "09:00", "end": "17:00" },
+      "4": { "start": "09:00", "end": "17:00" },
+      "5": { "start": "09:00", "end": "17:00" },
+      "6": { "start": "10:00", "end": "14:00" },
+      "7": null
+    },
     "metadata": {
       "role": "stylist",
       "specialties": ["cuts", "styling", "perms"]
@@ -59,6 +95,15 @@
     "avatarUrl": "/avatars/line.jpg",
     "color": "#8bc34a",
     "isActive": true,
+    "defaultSchedule": {
+      "1": { "start": "09:00", "end": "15:00" },
+      "2": { "start": "09:00", "end": "15:00" },
+      "3": { "start": "09:00", "end": "15:00" },
+      "4": null,
+      "5": { "start": "09:00", "end": "15:00" },
+      "6": null,
+      "7": null
+    },
     "metadata": {
       "role": "student",
       "specialties": ["wash", "blow-dry", "basic cuts"]
@@ -72,6 +117,15 @@
     "avatarUrl": "/avatars/mads.jpg",
     "color": "#ff9800",
     "isActive": true,
+    "defaultSchedule": {
+      "1": null,
+      "2": { "start": "10:00", "end": "16:00" },
+      "3": { "start": "10:00", "end": "16:00" },
+      "4": { "start": "10:00", "end": "16:00" },
+      "5": null,
+      "6": null,
+      "7": null
+    },
     "metadata": {
       "role": "student",
       "specialties": ["wash", "styling assistance"]
diff --git a/wwwroot/data/mock-teams.json b/wwwroot/data/mock-teams.json
new file mode 100644
index 0000000..6257ddc
--- /dev/null
+++ b/wwwroot/data/mock-teams.json
@@ -0,0 +1,14 @@
+[
+  {
+    "id": "team1",
+    "name": "Team Alpha",
+    "resourceIds": ["EMP001", "EMP002"],
+    "syncStatus": "synced"
+  },
+  {
+    "id": "team2",
+    "name": "Team Beta",
+    "resourceIds": ["EMP003", "EMP004"],
+    "syncStatus": "synced"
+  }
+]
diff --git a/wwwroot/data/tenant-settings.json b/wwwroot/data/tenant-settings.json
new file mode 100644
index 0000000..40d7782
--- /dev/null
+++ b/wwwroot/data/tenant-settings.json
@@ -0,0 +1,69 @@
+[
+  {
+    "id": "workweek",
+    "syncStatus": "synced",
+    "presets": {
+      "standard": {
+        "id": "standard",
+        "workDays": [1, 2, 3, 4, 5],
+        "label": "Man-Fre",
+        "periodDays": 7
+      },
+      "compressed": {
+        "id": "compressed",
+        "workDays": [1, 2, 3],
+        "label": "Man-Ons",
+        "periodDays": 7
+      },
+      "midweek": {
+        "id": "midweek",
+        "workDays": [4, 5],
+        "label": "Tors-Fre",
+        "periodDays": 7
+      },
+      "weekend": {
+        "id": "weekend",
+        "workDays": [6, 7],
+        "label": "Weekend",
+        "periodDays": 7
+      },
+      "fullweek": {
+        "id": "fullweek",
+        "workDays": [1, 2, 3, 4, 5, 6, 7],
+        "label": "Alle dage",
+        "periodDays": 7
+      },
+      "day": {
+        "id": "day",
+        "workDays": [1],
+        "label": "Dag",
+        "periodDays": 1
+      }
+    },
+    "defaultPreset": "standard",
+    "firstDayOfWeek": 1
+  },
+  {
+    "id": "grid",
+    "syncStatus": "synced",
+    "dayStartHour": 6,
+    "dayEndHour": 22,
+    "workStartHour": 8,
+    "workEndHour": 17,
+    "hourHeight": 80,
+    "snapInterval": 15
+  },
+  {
+    "id": "timeFormat",
+    "syncStatus": "synced",
+    "timezone": "Europe/Copenhagen",
+    "locale": "da-DK",
+    "use24HourFormat": true
+  },
+  {
+    "id": "views",
+    "syncStatus": "synced",
+    "availableViews": ["simple", "resource", "team", "department"],
+    "defaultView": "simple"
+  }
+]
diff --git a/wwwroot/data/viewconfigs.json b/wwwroot/data/viewconfigs.json
new file mode 100644
index 0000000..2e1f027
--- /dev/null
+++ b/wwwroot/data/viewconfigs.json
@@ -0,0 +1,45 @@
+[
+  {
+    "id": "day",
+    "groupings": [
+      { "type": "resource", "values": ["EMP001", "EMP002"], "idProperty": "resourceId" },
+      { "type": "date", "values": [], "idProperty": "date", "derivedFrom": "start", "hideHeader": true }
+    ]
+  },
+  {
+    "id": "simple",
+    "groupings": [
+      { "type": "date", "values": [], "idProperty": "date", "derivedFrom": "start" }
+    ]
+  },
+  {
+    "id": "resource",
+    "groupings": [
+      { "type": "resource", "values": ["EMP001", "EMP002"], "idProperty": "resourceId" },
+      { "type": "date", "values": [], "idProperty": "date", "derivedFrom": "start" }
+    ]
+  },
+  {
+    "id": "team",
+    "groupings": [
+      { "type": "team", "values": ["team1", "team2"] },
+      { "type": "resource", "values": ["EMP001", "EMP002", "EMP003", "EMP004"], "idProperty": "resourceId", "belongsTo": "team.resourceIds" },
+      { "type": "date", "values": [], "idProperty": "date", "derivedFrom": "start" }
+    ]
+  },
+  {
+    "id": "department",
+    "groupings": [
+      { "type": "department", "values": ["dept-styling", "dept-training"] },
+      { "type": "resource", "values": ["EMP001", "EMP002", "EMP003", "EMP004", "STUDENT001", "STUDENT002"], "idProperty": "resourceId", "belongsTo": "department.resourceIds" },
+      { "type": "date", "values": [], "idProperty": "date", "derivedFrom": "start" }
+    ]
+  },
+  {
+    "id": "picker",
+    "groupings": [
+      { "type": "resource", "values": ["EMP001", "EMP002", "EMP003", "EMP004"], "idProperty": "resourceId" },
+      { "type": "date", "values": [], "idProperty": "date", "derivedFrom": "start" }
+    ]
+  }
+]
diff --git a/wwwroot/docs/ai-booking-optimering.md b/wwwroot/docs/ai-booking-optimering.md
new file mode 100644
index 0000000..1312d50
--- /dev/null
+++ b/wwwroot/docs/ai-booking-optimering.md
@@ -0,0 +1,255 @@
+# AI Booking Optimering
+
+## Produktoversigt
+
+AI Booking Optimering er et intelligent tillægsmodul der hjælper saloner med at maksimere deres kalenderudnyttelse og reducere tabt omsætning fra tomme tidsslots.
+
+---
+
+## Features
+
+### Feature 1: Smart Tidsforslag (Real-time)
+
+Når kunder booker online, analyserer AI'en eksisterende bookinger og foreslår de mest optimale tidspunkter.
+
+**Hvordan det virker:**
+1. Kunden vælger ydelse (f.eks. Dameklip, 60 min)
+2. AI'en analyserer dagens/ugens bookinger for den valgte medarbejder
+3. Hvert ledigt tidsslot får en score baseret på:
+   - Minimering af huller
+   - Optimal udnyttelse af åbningstiden
+   - Kontinuitet i bookinger
+4. Top 2-3 bedste slots markeres med "Anbefalet" badge
+
+**Scoring-algoritme:**
+
+| Kriterium | Score |
+|-----------|-------|
+| Starter ved åbningstid | +3 |
+| Slutter præcis på næste booking | +3 |
+| Starter lige efter en booking | +2 |
+| Slutter ved lukketid | +1 |
+| Skaber hul < 30 min | -2 |
+
+**UX-principper:**
+- Blød anbefaling - kunden kan stadig vælge alle ledige tider
+- Grøn badge med AI-ikon på anbefalede tider
+- Info-tekst forklarer fordelen
+
+---
+
+### Feature 2: Kalender-optimering Dashboard
+
+Salonejere får et dashboard der identificerer huller og foreslår handlinger.
+
+**Dashboard-komponenter:**
+
+1. **Statistik-kort**
+   - Huller i dag
+   - Tabt omsætning (estimeret)
+   - Huller denne uge
+   - Potentiel besparelse
+
+2. **Mini-kalender**
+   - Visuel oversigt over ugen
+   - Farvekodede dage (grøn = optimalt, gul = huller, rød = kritisk)
+
+3. **Hul-liste**
+   - Detaljeret visning af hvert identificeret hul
+   - Medarbejder og tidspunkt
+   - Estimeret tabt omsætning
+   - AI-forslag til at fylde hullet
+
+4. **AI-forslag typer:**
+   - **Flyt booking**: Foreslå at flytte en eksisterende kundes tid
+   - **Venteliste**: Kontakt kunde fra ventelisten
+   - **Rabattilbud**: Send SMS med rabat for at fylde hullet
+
+5. **SMS-historik**
+   - Track sendte tilbud
+   - Accept/afvisning statistik
+   - Pending tilbud
+
+---
+
+## Teknisk Implementation
+
+### POC 1: poc-booking-v2.html
+
+**Tilføjede komponenter:**
+
+```javascript
+// Mock data for eksisterende bookinger
+const existingBookings = {
+  'EMP001': {
+    '2026-01-06': [
+      { start: '10:00', end: '11:00', service: 'Dameklip' },
+      { start: '13:30', end: '14:30', service: 'Herreklip' }
+    ]
+  }
+};
+
+// Scoring-algoritme
+function calculateOptimalSlots(serviceDuration, date, employeeId) {
+  // 1. Hent bookinger for dato/medarbejder
+  // 2. Generer alle mulige slots (30 min intervaller)
+  // 3. Tjek overlap med eksisterende bookinger
+  // 4. Beregn score for hvert ledigt slot
+  // 5. Marker top 3 med positiv score som "recommended"
+  return slots;
+}
+```
+
+**CSS-styling:**
+- `.time-slot.recommended` - Grøn border og baggrund
+- `.ai-badge` - Absolut positioneret badge med sparkle-ikon
+- `.ai-info` - Info-boks over tidsgrid
+
+### POC 2: poc-ai-booking-optimizer.html
+
+**Struktur:**
+- Topbar med AI-badge
+- Stats-grid med 4 KPI-kort
+- Main-grid med kalender og hul-liste
+- Sidebar med optimeringsscore og SMS-historik
+
+**Mock data:**
+- `gaps[]` - Identificerede huller med forslag
+- `weekDays[]` - Ugevisning med gap-status
+- `smsHistory[]` - Historik over sendte tilbud
+
+---
+
+## Forretningsværdi
+
+### ROI-beregning
+
+```
+Typisk salon:
+- 4 medarbejdere
+- 40 timer/uge pr. medarbejder
+- 15% tomme slots = 24 timer/uge tabt
+- Gennemsnitlig timepris: 500 kr.
+- Tabt omsætning: 12.000 kr./uge = 624.000 kr./år
+
+AI-optimering fylder 50% af huller:
+- Ekstra omsætning: 312.000 kr./år
+
+Pris for AI-modul: 499 kr./md = 5.988 kr./år
+ROI: 52x investering
+```
+
+### Nøgletal at tracke
+
+| Metrik | Beskrivelse |
+|--------|-------------|
+| Kalenderudnyttelse | % af tilgængelige timer der er booket |
+| Gennemsnitligt hul | Minutter tabt pr. dag i gaps |
+| Accept-rate | % af kunder der accepterer flyttetilbud |
+| Tabt omsætning | Estimeret kr. i tomme slots |
+| Optimeringsscore | Samlet effektivitet (mål: 90%+) |
+
+---
+
+## Fremtidig AI-udvidelse
+
+### Niveau 1: Regelbaseret (Nuværende POC)
+- Statiske scoring-regler
+- Ingen læring
+- Fungerer for alle saloner ens
+
+### Niveau 2: Machine Learning
+- Lærer fra salonens historik
+- Personlige kundeprofilenr
+- Forudsigelse af no-shows
+- Dynamisk prisjustering
+
+### ML-features (fremtidig):
+
+1. **Historisk mønstergenkendelse**
+   - Populære vs. døde tider
+   - Sæsonvariation
+   - Service-specifikke mønstre
+
+2. **Kundesegmentering**
+   - Fleksible vs. fastlåste kunder
+   - Pris-sensitive kunder
+   - No-show risiko-profiler
+
+3. **Intelligent rabat-beregning**
+   - Dynamisk rabat baseret på:
+     - Hullets "værdi"
+     - Kundens prissensitivitet
+     - Sandsynlighed for naturlig booking
+
+4. **Proaktiv optimering**
+   - Forudsig huller før de opstår
+   - Automatisk udsend tilbud
+   - Venteliste-matching
+
+---
+
+## Integration med eksisterende system
+
+### Data-flow
+
+```
+Booking system
+     │
+     ▼
+┌─────────────────┐
+│ AI Optimizer    │
+│  - Analyse      │
+│  - Scoring      │
+│  - Anbefalinger │
+└─────────────────┘
+     │
+     ▼
+┌─────────────────┐    ┌─────────────────┐
+│ Booking Widget  │    │ Dashboard       │
+│ (kundevisning)  │    │ (ejervisning)   │
+└─────────────────┘    └─────────────────┘
+```
+
+### API-endpoints (fremtidig)
+
+```
+GET  /api/ai/optimal-slots?date=X&employee=Y&duration=Z
+POST /api/ai/send-offer
+GET  /api/ai/gaps?week=X
+GET  /api/ai/stats
+```
+
+---
+
+## Konfiguration
+
+### Indstillinger pr. salon
+
+| Indstilling | Beskrivelse | Default |
+|-------------|-------------|---------|
+| `minGapMinutes` | Mindste hul der tæller som tabt | 30 min |
+| `recommendedSlots` | Antal anbefalede slots | 3 |
+| `defaultDiscount` | Standard rabat ved flytning | 5% |
+| `autoSendOffers` | Automatisk udsend tilbud | Fra |
+| `smsEnabled` | Aktiver SMS-udsendelse | Til |
+
+---
+
+## Filer
+
+| Fil | Beskrivelse |
+|-----|-------------|
+| `poc-booking-v2.html` | Kundens booking-widget med AI-anbefalinger |
+| `poc-ai-booking-optimizer.html` | Dashboard til salonejere |
+| `docs/ai-booking-optimering.md` | Denne dokumentation |
+
+---
+
+## Changelog
+
+### Version 1.0 (Januar 2026)
+- Initial POC implementation
+- Regelbaseret scoring-algoritme
+- Dashboard med hul-identifikation
+- SMS-historik tracking
diff --git a/wwwroot/fonts/Poppins-Black.woff b/wwwroot/fonts/Poppins-Black.woff
new file mode 100644
index 0000000..65f3801
Binary files /dev/null and b/wwwroot/fonts/Poppins-Black.woff differ
diff --git a/wwwroot/fonts/Poppins-BlackItalic.woff b/wwwroot/fonts/Poppins-BlackItalic.woff
new file mode 100644
index 0000000..63eb02e
Binary files /dev/null and b/wwwroot/fonts/Poppins-BlackItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-Bold.woff b/wwwroot/fonts/Poppins-Bold.woff
new file mode 100644
index 0000000..28fe6b6
Binary files /dev/null and b/wwwroot/fonts/Poppins-Bold.woff differ
diff --git a/wwwroot/fonts/Poppins-BoldItalic.woff b/wwwroot/fonts/Poppins-BoldItalic.woff
new file mode 100644
index 0000000..8ec438d
Binary files /dev/null and b/wwwroot/fonts/Poppins-BoldItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-ExtraBold.woff b/wwwroot/fonts/Poppins-ExtraBold.woff
new file mode 100644
index 0000000..10df1ac
Binary files /dev/null and b/wwwroot/fonts/Poppins-ExtraBold.woff differ
diff --git a/wwwroot/fonts/Poppins-ExtraBoldItalic.woff b/wwwroot/fonts/Poppins-ExtraBoldItalic.woff
new file mode 100644
index 0000000..38090a0
Binary files /dev/null and b/wwwroot/fonts/Poppins-ExtraBoldItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-ExtraLight.woff b/wwwroot/fonts/Poppins-ExtraLight.woff
new file mode 100644
index 0000000..8eb4095
Binary files /dev/null and b/wwwroot/fonts/Poppins-ExtraLight.woff differ
diff --git a/wwwroot/fonts/Poppins-ExtraLightItalic.woff b/wwwroot/fonts/Poppins-ExtraLightItalic.woff
new file mode 100644
index 0000000..560f65e
Binary files /dev/null and b/wwwroot/fonts/Poppins-ExtraLightItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-Italic.woff b/wwwroot/fonts/Poppins-Italic.woff
new file mode 100644
index 0000000..341cbb3
Binary files /dev/null and b/wwwroot/fonts/Poppins-Italic.woff differ
diff --git a/wwwroot/fonts/Poppins-Light.woff b/wwwroot/fonts/Poppins-Light.woff
new file mode 100644
index 0000000..61f6a5c
Binary files /dev/null and b/wwwroot/fonts/Poppins-Light.woff differ
diff --git a/wwwroot/fonts/Poppins-LightItalic.woff b/wwwroot/fonts/Poppins-LightItalic.woff
new file mode 100644
index 0000000..2706cd4
Binary files /dev/null and b/wwwroot/fonts/Poppins-LightItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-Medium.woff b/wwwroot/fonts/Poppins-Medium.woff
new file mode 100644
index 0000000..e2b717d
Binary files /dev/null and b/wwwroot/fonts/Poppins-Medium.woff differ
diff --git a/wwwroot/fonts/Poppins-MediumItalic.woff b/wwwroot/fonts/Poppins-MediumItalic.woff
new file mode 100644
index 0000000..d8101a7
Binary files /dev/null and b/wwwroot/fonts/Poppins-MediumItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-Regular.woff b/wwwroot/fonts/Poppins-Regular.woff
new file mode 100644
index 0000000..609eb3d
Binary files /dev/null and b/wwwroot/fonts/Poppins-Regular.woff differ
diff --git a/wwwroot/fonts/Poppins-SemiBold.woff b/wwwroot/fonts/Poppins-SemiBold.woff
new file mode 100644
index 0000000..c097e14
Binary files /dev/null and b/wwwroot/fonts/Poppins-SemiBold.woff differ
diff --git a/wwwroot/fonts/Poppins-SemiBoldItalic.woff b/wwwroot/fonts/Poppins-SemiBoldItalic.woff
new file mode 100644
index 0000000..902dcfd
Binary files /dev/null and b/wwwroot/fonts/Poppins-SemiBoldItalic.woff differ
diff --git a/wwwroot/fonts/Poppins-Thin.woff b/wwwroot/fonts/Poppins-Thin.woff
new file mode 100644
index 0000000..d21fbd3
Binary files /dev/null and b/wwwroot/fonts/Poppins-Thin.woff differ
diff --git a/wwwroot/fonts/Poppins-ThinItalic.woff b/wwwroot/fonts/Poppins-ThinItalic.woff
new file mode 100644
index 0000000..ea3a42f
Binary files /dev/null and b/wwwroot/fonts/Poppins-ThinItalic.woff differ
diff --git a/wwwroot/icons/angle-small-left.svg b/wwwroot/icons/angle-small-left.svg
new file mode 100644
index 0000000..aed03e7
--- /dev/null
+++ b/wwwroot/icons/angle-small-left.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512"><g id="_01_align_center" data-name="01 align center"><path d="M13.775,18.707,8.482,13.414a2,2,0,0,1,0-2.828l5.293-5.293,1.414,1.414L9.9,12l5.293,5.293Z"/></g></svg>
diff --git a/wwwroot/icons/angle-small-right.svg b/wwwroot/icons/angle-small-right.svg
new file mode 100644
index 0000000..f2a7cba
--- /dev/null
+++ b/wwwroot/icons/angle-small-right.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512"><g id="_01_align_center" data-name="01 align center"><path d="M10.811,18.707,9.4,17.293,14.689,12,9.4,6.707l1.415-1.414L16.1,10.586a2,2,0,0,1,0,2.828Z"/></g></svg>
diff --git a/wwwroot/icons/bank.svg b/wwwroot/icons/bank.svg
new file mode 100644
index 0000000..838f254
--- /dev/null
+++ b/wwwroot/icons/bank.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="m24 23a1 1 0 0 1 -1 1h-22a1 1 0 0 1 0-2h22a1 1 0 0 1 1 1zm-23.709-14.448a2.443 2.443 0 0 1 .153-2.566 4.716 4.716 0 0 1 1.668-1.5l7.501-3.904a5.174 5.174 0 0 1 4.774 0l7.5 3.907a4.716 4.716 0 0 1 1.668 1.5 2.443 2.443 0 0 1 .153 2.566 2.713 2.713 0 0 1 -2.416 1.445h-.292v8h1a1 1 0 0 1 0 2h-20a1 1 0 0 1 0-2h1v-8h-.292a2.713 2.713 0 0 1 -2.417-1.448zm4.709 9.448h3v-8h-3zm5-8v8h4v-8zm9 0h-3v8h3zm-16.937-2.375a.717.717 0 0 0 .645.375h18.584a.717.717 0 0 0 .645-.375.452.452 0 0 0 -.024-.5 2.7 2.7 0 0 0 -.949-.864l-7.5-3.907a3.176 3.176 0 0 0 -2.926 0l-7.5 3.907a2.712 2.712 0 0 0 -.949.865.452.452 0 0 0 -.026.499z"/></svg>
\ No newline at end of file
diff --git a/wwwroot/icons/booking.svg b/wwwroot/icons/booking.svg
new file mode 100644
index 0000000..7a65614
--- /dev/null
+++ b/wwwroot/icons/booking.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
+  <path d="m3.866,18.965c-.186.32-.521.5-.867.5-.17,0-.342-.043-.5-.134-1.542-.892-2.5-2.551-2.5-4.331V7C0,4.243,2.243,2,5,2v-1c0-.552.448-1,1-1s1,.448,1,1v1h7v-1c0-.552.447-1,1-1s1,.448,1,1v1c2.757,0,5,2.243,5,5v8c0,.552-.447,1-1,1s-1-.448-1-1v-6h-1c-.553,0-1-.448-1-1s.447-1,1-1h1c0-1.654-1.346-3-3-3H5c-1.654,0-3,1.346-3,3h8c.552,0,1,.448,1,1s-.448,1-1,1H2v6c0,1.068.575,2.064,1.5,2.599.478.276.642.888.365,1.366Zm16.892-.385l-3.749-1.401v-5.045c0-1.516-1.076-2.834-2.503-3.066-.881-.143-1.768.102-2.439.673-.672.571-1.058,1.405-1.058,2.286v7.563l-1.015-.808c-.007-.006-.016-.006-.023-.012-1.211-1.053-3.049-.975-4.153.207-1.13,1.208-1.066,3.11.13,4.23l.558.538c.186.18.435.28.694.28.9,0,1.342-1.095.694-1.72l-.568-.548c-.403-.378-.424-1.013-.046-1.416.375-.402,1.008-.421,1.41-.048.01.009,2.697,2.151,2.697,2.151.301.24.713.285,1.057.119.346-.167.566-.517.566-.901v-9.638c0-.294.129-.572.353-.763.228-.193.518-.273.822-.223.463.076.825.556.825,1.093v5.739c0,.417.259.791.65.937l4.399,1.644c1.104.412,1.866,1.438,1.943,2.612.035.529.475.935.997.935.022,0,.044,0,.066-.002.551-.037.969-.513.933-1.063-.129-1.958-1.4-3.668-3.24-4.354Z"/>
+</svg>
diff --git a/wwwroot/icons/check-in-calendar.svg b/wwwroot/icons/check-in-calendar.svg
new file mode 100644
index 0000000..a47968f
--- /dev/null
+++ b/wwwroot/icons/check-in-calendar.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
+  <path d="m24,7.5v11c0,3.033-2.467,5.5-5.5,5.5H5.5c-2.511,0-4.701-1.697-5.327-4.126-.207-.802.276-1.62,1.079-1.827.804-.208,1.62.277,1.827,1.079.284,1.104,1.28,1.874,2.421,1.874h13c1.378,0,2.5-1.122,2.5-2.5v-9.5H3v.5c0,.829-.671,1.5-1.5,1.5s-1.5-.671-1.5-1.5v-2C0,4.467,2.467,2,5.5,2h.5v-.5c0-.829.671-1.5,1.5-1.5s1.5.671,1.5,1.5v.5h6v-.5c0-.829.671-1.5,1.5-1.5s1.5.671,1.5,1.5v.5h.5c3.033,0,5.5,2.467,5.5,5.5Zm-15.346,10.748l3.063-3.063c.378-.378.378-.991,0-1.369l-3.063-3.063c-.61-.61-1.653-.178-1.653.685v1.563H1.5c-.829,0-1.5.671-1.5,1.5s.671,1.5,1.5,1.5h5.501v1.563c0,.863,1.043,1.295,1.653.685Z"/>
+</svg>
diff --git a/wwwroot/icons/coins.svg b/wwwroot/icons/coins.svg
new file mode 100644
index 0000000..6dbea92
--- /dev/null
+++ b/wwwroot/icons/coins.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M16.5,0c-4.206,0-7.5,1.977-7.5,4.5v2.587c-.483-.057-.985-.087-1.5-.087C3.294,7,0,8.977,0,11.5v8c0,2.523,3.294,4.5,7.5,4.5,3.407,0,6.216-1.297,7.16-3.131,.598,.087,1.214,.131,1.84,.131,4.206,0,7.5-1.977,7.5-4.5V4.5c0-2.523-3.294-4.5-7.5-4.5Zm5.5,12.5c0,1.18-2.352,2.5-5.5,2.5-.512,0-1.014-.035-1.5-.103v-1.984c.49,.057,.992,.087,1.5,.087,2.194,0,4.14-.538,5.5-1.411v.911ZM2,14.589c1.36,.873,3.306,1.411,5.5,1.411s4.14-.538,5.5-1.411v.911c0,1.18-2.352,2.5-5.5,2.5s-5.5-1.32-5.5-2.5v-.911Zm20-6.089c0,1.18-2.352,2.5-5.5,2.5-.535,0-1.06-.038-1.566-.112-.193-.887-.8-1.684-1.706-2.323,.984,.28,2.092,.435,3.272,.435,2.194,0,4.14-.538,5.5-1.411v.911Zm-5.5-6.5c3.148,0,5.5,1.32,5.5,2.5s-2.352,2.5-5.5,2.5-5.5-1.32-5.5-2.5,2.352-2.5,5.5-2.5ZM7.5,9c3.148,0,5.5,1.32,5.5,2.5s-2.352,2.5-5.5,2.5-5.5-1.32-5.5-2.5,2.352-2.5,5.5-2.5Zm0,13c-3.148,0-5.5-1.32-5.5-2.5v-.911c1.36,.873,3.306,1.411,5.5,1.411s4.14-.538,5.5-1.411v.911c0,1.18-2.352,2.5-5.5,2.5Zm9-3c-.512,0-1.014-.035-1.5-.103v-1.984c.49,.057,.992,.087,1.5,.087,2.194,0,4.14-.538,5.5-1.411v.911c0,1.18-2.352,2.5-5.5,2.5Z"/></svg>
diff --git a/wwwroot/icons/comment-sms.svg b/wwwroot/icons/comment-sms.svg
new file mode 100644
index 0000000..f6e7a17
--- /dev/null
+++ b/wwwroot/icons/comment-sms.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M19,24h-5.917C6.082,24,.47,19.208,.03,12.854-.211,9.378,1.057,5.977,3.509,3.521,5.96,1.066,9.364-.205,12.836,.028c6.26,.426,11.164,5.833,11.164,12.312v6.66c0,2.757-2.243,5-5,5ZM12.016,2.001c-2.657,0-5.209,1.049-7.092,2.934-2.043,2.046-3.1,4.882-2.899,7.781,.373,5.38,5.024,9.284,11.059,9.284h5.917c1.654,0,3-1.346,3-3v-6.66c0-5.431-4.084-9.962-9.299-10.315-.229-.016-.458-.023-.685-.023Zm2.984,7.624c0-.345-.28-.624-.625-.625-.399,0-.78,.173-1.042,.474l-1.333,1.526-1.352-1.548c-.251-.287-.578-.452-1.023-.452-.345,0-.625,.28-.625,.625v4.75c0,.345,.28,.625,.625,.625s.625-.28,.625-.625l.002-3.269,1.282,1.389c.251,.272,.681,.272,.932,0l1.281-1.388v3.267h.003c0,.345,.28,.625,.625,.625s.625-.28,.625-.625l-.003-.016,.003-4.734Zm-8.53,1.843c-.658-.243-1.257-.506-1.272-.506-.143-.097-.138-.243-.13-.302,.012-.079,.069-.273,.362-.361,.119-.035,.236-.049,.349-.047,.509,.008,.926,.324,.946,.34,.11,.095,.249,.158,.405,.158,.345,0,.625-.28,.625-.625,0-.197-.097-.365-.239-.48-.037-.031-.773-.648-1.766-.645-.216,0-.445,.03-.68,.101-.671,.202-1.146,.731-1.239,1.38-.087,.61,.178,1.197,.777,1.579,0,0,.678,.303,1.43,.58,.159,.059,.672,.276,.61,.621-.046,.256-.361,.521-.81,.521-.468,0-.919-.187-1.206-.503-.114-.125-.275-.206-.458-.206-.345,0-.625,.28-.625,.625,0,.161,.065,.304,.164,.414,.527,.566,1.309,.92,2.124,.92,1.021,0,1.88-.653,2.04-1.552,.121-.678-.186-1.562-1.408-2.014Zm12.558,0c-.658-.243-1.257-.506-1.272-.506-.143-.097-.138-.243-.13-.302,.012-.079,.069-.273,.362-.361,.119-.035,.236-.049,.349-.047,.509,.008,.926,.324,.946,.34,.11,.095,.249,.158,.405,.158,.345,0,.625-.28,.625-.625,0-.197-.097-.365-.239-.48-.037-.031-.773-.648-1.766-.645-.216,0-.445,.03-.68,.101-.671,.202-1.146,.731-1.239,1.38-.087,.61,.178,1.197,.777,1.579,0,0,.678,.303,1.43,.58,.159,.059,.672,.276,.61,.621-.046,.256-.361,.521-.81,.521-.468,0-.919-.187-1.206-.503-.114-.125-.275-.206-.458-.206-.345,0-.625,.28-.625,.625,0,.161,.065,.304,.164,.414,.527,.566,1.309,.92,2.124,.92,1.021,0,1.88-.653,2.04-1.552,.121-.678-.186-1.562-1.408-2.014Z"/></svg>
diff --git a/wwwroot/icons/created.svg b/wwwroot/icons/created.svg
new file mode 100644
index 0000000..663e635
--- /dev/null
+++ b/wwwroot/icons/created.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="m18 9.064a3.049 3.049 0 0 0 -.9-2.164 3.139 3.139 0 0 0 -4.334 0l-11.866 11.869a3.064 3.064 0 0 0 4.33 4.331l11.87-11.869a3.047 3.047 0 0 0 .9-2.167zm-14.184 12.624a1.087 1.087 0 0 1 -1.5 0 1.062 1.062 0 0 1 0-1.5l7.769-7.77 1.505 1.505zm11.872-11.872-2.688 2.689-1.5-1.505 2.689-2.688a1.063 1.063 0 1 1 1.5 1.5zm-10.825-6.961 1.55-.442.442-1.55a1.191 1.191 0 0 1 2.29 0l.442 1.55 1.55.442a1.191 1.191 0 0 1 0 2.29l-1.55.442-.442 1.55a1.191 1.191 0 0 1 -2.29 0l-.442-1.55-1.55-.442a1.191 1.191 0 0 1 0-2.29zm18.274 14.29-1.55.442-.442 1.55a1.191 1.191 0 0 1 -2.29 0l-.442-1.55-1.55-.442a1.191 1.191 0 0 1 0-2.29l1.55-.442.442-1.55a1.191 1.191 0 0 1 2.29 0l.442 1.55 1.55.442a1.191 1.191 0 0 1 0 2.29zm-5.382-14.645 1.356-.387.389-1.358a1.042 1.042 0 0 1 2 0l.387 1.356 1.356.387a1.042 1.042 0 0 1 0 2l-1.356.387-.387 1.359a1.042 1.042 0 0 1 -2 0l-.387-1.355-1.358-.389a1.042 1.042 0 0 1 0-2z"/></svg>
\ No newline at end of file
diff --git a/wwwroot/icons/credit-card.svg b/wwwroot/icons/credit-card.svg
new file mode 100644
index 0000000..e061fd1
--- /dev/null
+++ b/wwwroot/icons/credit-card.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512"><circle cx="5.5" cy="15.5" r="1.5"/><path d="M19,3H5A5.006,5.006,0,0,0,0,8v8a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,19,3ZM5,5H19a3,3,0,0,1,3,3H2A3,3,0,0,1,5,5ZM19,19H5a3,3,0,0,1-3-3V10H22v6A3,3,0,0,1,19,19Z"/></svg>
diff --git a/wwwroot/icons/drag.svg b/wwwroot/icons/drag.svg
new file mode 100644
index 0000000..0ecb252
--- /dev/null
+++ b/wwwroot/icons/drag.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M358.182 179.361c-19.493-24.768-52.679-31.945-79.872-19.098-15.127-15.687-36.182-22.487-56.595-19.629V67c0-36.944-29.736-67-66.286-67S89.143 30.056 89.143 67v161.129c-19.909-7.41-43.272-5.094-62.083 8.872-29.355 21.795-35.793 63.333-14.55 93.152l109.699 154.001C134.632 501.59 154.741 512 176 512h178.286c30.802 0 57.574-21.5 64.557-51.797l27.429-118.999A67.873 67.873 0 0 0 448 326v-84c0-46.844-46.625-79.273-89.818-62.639zM80.985 279.697l27.126 38.079c8.995 12.626 29.031 6.287 29.031-9.283V67c0-25.12 36.571-25.16 36.571 0v175c0 8.836 7.163 16 16 16h6.857c8.837 0 16-7.164 16-16v-35c0-25.12 36.571-25.16 36.571 0v35c0 8.836 7.163 16 16 16H272c8.837 0 16-7.164 16-16v-21c0-25.12 36.571-25.16 36.571 0v21c0 8.836 7.163 16 16 16h6.857c8.837 0 16-7.164 16-16 0-25.121 36.571-25.16 36.571 0v84c0 1.488-.169 2.977-.502 4.423l-27.43 119.001c-1.978 8.582-9.29 14.576-17.782 14.576H176c-5.769 0-11.263-2.878-14.697-7.697l-109.712-154c-14.406-20.223 14.994-42.818 29.394-22.606zM176.143 400v-96c0-8.837 6.268-16 14-16h6c7.732 0 14 7.163 14 16v96c0 8.837-6.268 16-14 16h-6c-7.733 0-14-7.163-14-16zm75.428 0v-96c0-8.837 6.268-16 14-16h6c7.732 0 14 7.163 14 16v96c0 8.837-6.268 16-14 16h-6c-7.732 0-14-7.163-14-16zM327 400v-96c0-8.837 6.268-16 14-16h6c7.732 0 14 7.163 14 16v96c0 8.837-6.268 16-14 16h-6c-7.732 0-14-7.163-14-16z"/></svg>
\ No newline at end of file
diff --git a/wwwroot/icons/envelope.svg b/wwwroot/icons/envelope.svg
new file mode 100644
index 0000000..2da3fb5
--- /dev/null
+++ b/wwwroot/icons/envelope.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Bold" viewBox="0 0 24 24" width="512" height="512"><path d="M18.5,1H5.5A5.506,5.506,0,0,0,0,6.5v11A5.506,5.506,0,0,0,5.5,23h13A5.506,5.506,0,0,0,24,17.5V6.5A5.506,5.506,0,0,0,18.5,1Zm0,3a2.476,2.476,0,0,1,1.643.631l-6.5,6.5a2.373,2.373,0,0,1-3.278,0l-6.5-6.5A2.476,2.476,0,0,1,5.5,4Zm0,16H5.5A2.5,2.5,0,0,1,3,17.5V8.017l5.239,5.239a5.317,5.317,0,0,0,7.521,0L21,8.017V17.5A2.5,2.5,0,0,1,18.5,20Z"/></svg>
diff --git a/wwwroot/icons/exclamation.svg b/wwwroot/icons/exclamation.svg
new file mode 100644
index 0000000..ce5eada
--- /dev/null
+++ b/wwwroot/icons/exclamation.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
+  <path d="m22.389,5.418l-3.808-3.808c-1.039-1.039-2.42-1.611-3.889-1.611h-5.385c-1.469,0-2.85.572-3.889,1.611l-3.808,3.808c-1.039,1.04-1.611,2.421-1.611,3.889v5.385c0,1.468.572,2.85,1.611,3.889l3.808,3.808c1.039,1.039,2.42,1.611,3.889,1.611h5.385c1.469,0,2.85-.572,3.889-1.611l3.808-3.808c1.039-1.04,1.611-2.421,1.611-3.889v-5.385c0-1.468-.572-2.85-1.611-3.889Zm-1.389,9.274c0,.667-.261,1.295-.732,1.768l-3.808,3.808c-.466.465-1.109.732-1.768.732h-5.385c-.658,0-1.302-.267-1.768-.732l-3.808-3.808c-.472-.473-.732-1.101-.732-1.768v-5.385c0-.667.261-1.295.732-1.768l3.808-3.808c.466-.465,1.109-.732,1.768-.732h5.385c.658,0,1.302.267,1.768.732l3.808,3.808c.472.473.732,1.101.732,1.768v5.385Zm-7.5-7.192v5c0,.829-.672,1.5-1.5,1.5s-1.5-.671-1.5-1.5v-5c0-.829.672-1.5,1.5-1.5s1.5.671,1.5,1.5Zm0,9c0,.828-.672,1.5-1.5,1.5s-1.5-.672-1.5-1.5.672-1.5,1.5-1.5,1.5.672,1.5,1.5Z"/>
+</svg>
diff --git a/wwwroot/icons/eye.svg b/wwwroot/icons/eye.svg
new file mode 100644
index 0000000..7e9da41
--- /dev/null
+++ b/wwwroot/icons/eye.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512"><g id="_01_align_center" data-name="01 align center"><path d="M23.821,11.181v0C22.943,9.261,19.5,3,12,3S1.057,9.261.179,11.181a1.969,1.969,0,0,0,0,1.64C1.057,14.739,4.5,21,12,21s10.943-6.261,11.821-8.181A1.968,1.968,0,0,0,23.821,11.181ZM12,19c-6.307,0-9.25-5.366-10-6.989C2.75,10.366,5.693,5,12,5c6.292,0,9.236,5.343,10,7C21.236,13.657,18.292,19,12,19Z"/><path d="M12,7a5,5,0,1,0,5,5A5.006,5.006,0,0,0,12,7Zm0,8a3,3,0,1,1,3-3A3,3,0,0,1,12,15Z"/></g></svg>
diff --git a/wwwroot/icons/gift-card.svg b/wwwroot/icons/gift-card.svg
new file mode 100644
index 0000000..d761c8d
--- /dev/null
+++ b/wwwroot/icons/gift-card.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M19,6h-1.226c1.413-1.38,1.629-3.195,.545-4.64-.545-.728-1.34-1.198-2.239-1.326-.902-.131-1.795,.102-2.521,.646-.678,.508-1.178,1.155-1.547,1.813-.369-.659-.869-1.305-1.547-1.813C9.739,.135,8.844-.097,7.945,.034c-.899,.128-1.694,.599-2.239,1.326-1.078,1.437-.87,3.24,.547,4.64h-1.253C2.243,6,0,8.243,0,11v8c0,2.757,2.243,5,5,5h14c2.757,0,5-2.243,5-5V11c0-2.757-2.243-5-5-5Zm-4.24-3.72c.245-.184,.537-.28,.837-.28,.403,0,.898,.261,1.123,.56,.641,.854,.043,1.644-.343,2.013-1.561,1.385-3.217,1.427-3.358,1.428h-.013c.019-.091,.025-.186,.017-.283l-.002-.021c.089-.598,.461-2.458,1.739-3.416Zm-7.084,2.316c-.414-.395-1.011-1.182-.37-2.037,.225-.299,.552-.493,.922-.546,.373-.048,.739,.043,1.038,.267,1.279,.959,1.651,2.822,1.74,3.416l-.002,.021c-.008,.097-.002,.192,.017,.283h-.013c-.141,0-1.797-.042-3.332-1.403Zm-2.676,3.403h5.824c-.751,1.951-3.666,1.999-3.826,2-.552,0-.999,.448-.999,1s.448,1,1,1c1.417,0,3.697-.488,5-2.056,1.303,1.569,3.583,2.056,5,2.056,.552,0,1-.447,1-1s-.448-1-1-1c-.142,0-3.078-.026-3.827-2h5.827c1.654,0,3,1.346,3,3v6H2v-6c0-1.654,1.346-3,3-3Zm14,14H5c-1.654,0-3-1.346-3-3H22c0,1.654-1.346,3-3,3Z"/></svg>
diff --git a/wwwroot/icons/journal-alt.svg b/wwwroot/icons/journal-alt.svg
new file mode 100644
index 0000000..2cc7599
--- /dev/null
+++ b/wwwroot/icons/journal-alt.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
+  <path d="m15,2.766v-1.766c0-.553-.448-1-1-1s-1,.447-1,1v1h-2v-1c0-.553-.448-1-1-1s-1,.447-1,1v1h-2v-1c0-.553-.448-1-1-1s-1,.447-1,1v1h-2v-1c0-.553-.448-1-1-1s-1,.447-1,1v1.766c-.613.55-1,1.347-1,2.234v14c0,2.757,2.243,5,5,5h6c2.757,0,5-2.243,5-5V5c0-.886-.387-1.684-1-2.234Zm-1,16.234c0,1.654-1.346,3-3,3h-6c-1.654,0-3-1.346-3-3V5c0-.552.449-1,1-1h10c.551,0,1,.448,1,1v14Zm-2-11c0,.553-.448,1-1,1h-6c-.552,0-1-.447-1-1s.448-1,1-1h6c.552,0,1,.447,1,1Zm0,4c0,.553-.448,1-1,1h-6c-.552,0-1-.447-1-1s.448-1,1-1h6c.552,0,1,.447,1,1Zm-3,4c0,.553-.448,1-1,1h-3c-.552,0-1-.447-1-1s.448-1,1-1h3c.552,0,1,.447,1,1ZM21,0c-1.654,0-3,1.346-3,3v16.758c0,1.054.427,2.084,1.172,2.828l1.121,1.121c.195.195.451.293.707.293s.512-.098.707-.293l1.121-1.121c.745-.744,1.172-1.774,1.172-2.828V3c0-1.654-1.346-3-3-3Zm1,19.758c0,.526-.213,1.042-.586,1.414l-.414.414-.414-.414c-.373-.372-.586-.888-.586-1.414V3c0-.552.449-1,1-1s1,.448,1,1v16.758Z"/>
+</svg>
diff --git a/wwwroot/icons/loan.svg b/wwwroot/icons/loan.svg
new file mode 100644
index 0000000..7db1e08
--- /dev/null
+++ b/wwwroot/icons/loan.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
+  <path d="m23.018,8.785c-.595-.542-1.356-.821-2.169-.782-.804.037-1.545.386-2.085.981l-3.217,3.534c-.427-.704-1.124-1.224-1.945-1.425.246-.477.398-1.009.398-1.582,0-2.517-1.763-5.472-4.115-6.569.337-.352.666-.743.93-1.163.488-.772-.048-1.78-.962-1.78h-3.708c-.914,0-1.449,1.008-.962,1.78.265.42.593.81.93,1.163-2.352,1.096-4.115,4.052-4.115,6.569,0,.654.193,1.26.508,1.783-1.468.593-2.508,2.027-2.508,3.705v5c0,2.206,1.794,4,4,4h4.965c2.85,0,5.57-1.22,7.467-3.348l6.804-7.637c1.094-1.225.996-3.123-.218-4.23Zm-15.018-4.285c1.821.049,4,2.738,4,5.012,0,.821-.673,1.488-1.5,1.488h-5c-.827,0-1.5-.667-1.5-1.488,0-2.274,2.179-4.963,4-5.012Zm13.742,7.184l-6.805,7.638c-1.517,1.702-3.693,2.678-5.973,2.678h-4.965c-1.103,0-2-.897-2-2v-5c0-1.103.897-2,2-2h8.857c.63,0,1.143.512,1.143,1.142,0,.564-.422,1.051-.98,1.131l-5.161.737c-.547.078-.927.584-.849,1.131.078.546.584.922,1.132.848l5.161-.737c1.175-.168,2.128-.988,2.514-2.058l4.427-4.865c.181-.2.43-.316.699-.329.271-.007.528.082.728.262.407.372.44,1.009.072,1.421Z"/>
+</svg>
diff --git a/wwwroot/icons/mobilepay.svg b/wwwroot/icons/mobilepay.svg
new file mode 100644
index 0000000..feb2a8c
--- /dev/null
+++ b/wwwroot/icons/mobilepay.svg
@@ -0,0 +1,19 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="1.6799999999999997">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="3.936">
+
<defs>
+
<style>.a{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}</style>
+
</defs>
+
<path class="a" d="M18.924,19.1788l4.3315,10.45a21.1489,21.1489,0,0,1,9.042-2.1117,19.2351,19.2351,0,0,1,8.7714,2.1117v-10.45a10.3349,10.3349,0,0,0-3.5735-1.4078l-2.22-5.5768A20.3917,20.3917,0,0,0,26.45,13.9268C20.1693,16.6882,18.924,19.1788,18.924,19.1788Z"/>
+
<path class="a" d="M32.8978,27.5311,35.6164,33.76a2.3649,2.3649,0,0,1-1.2215,3.1135L21.9571,42.302a2.3651,2.3651,0,0,1-3.1135-1.2215L7.1292,14.24a2.3649,2.3649,0,0,1,1.2215-3.1135L20.7885,5.698A2.3651,2.3651,0,0,1,23.902,6.92l2.98,6.8279"/>
+
</g>
+
<g id="SVGRepo_iconCarrier">
+
<defs>
+
<style>.a{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}</style>
+
</defs>
+
<path class="a" d="M18.924,19.1788l4.3315,10.45a21.1489,21.1489,0,0,1,9.042-2.1117,19.2351,19.2351,0,0,1,8.7714,2.1117v-10.45a10.3349,10.3349,0,0,0-3.5735-1.4078l-2.22-5.5768A20.3917,20.3917,0,0,0,26.45,13.9268C20.1693,16.6882,18.924,19.1788,18.924,19.1788Z"/>
+
<path class="a" d="M32.8978,27.5311,35.6164,33.76a2.3649,2.3649,0,0,1-1.2215,3.1135L21.9571,42.302a2.3651,2.3651,0,0,1-3.1135-1.2215L7.1292,14.24a2.3649,2.3649,0,0,1,1.2215-3.1135L20.7885,5.698A2.3651,2.3651,0,0,1,23.902,6.92l2.98,6.8279"/>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/wwwroot/icons/note-sticky.svg b/wwwroot/icons/note-sticky.svg
new file mode 100644
index 0000000..fc6bf16
--- /dev/null
+++ b/wwwroot/icons/note-sticky.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M19,0H5C2.24,0,0,2.24,0,5v14c0,2.76,2.24,5,5,5h11.34c1.34,0,2.59-.52,3.54-1.46l2.66-2.66c.94-.94,1.46-2.2,1.46-3.54V5c0-2.76-2.24-5-5-5ZM5,22c-1.65,0-3-1.35-3-3V5c0-1.65,1.35-3,3-3h14c1.65,0,3,1.35,3,3V15h-4c-1.65,0-3,1.35-3,3v4H5Zm13.46-.88c-.4,.4-.91,.68-1.46,.8v-3.93c0-.55,.45-1,1-1h3.93c-.12,.55-.4,1.06-.8,1.46l-2.66,2.66Z"/></svg>
diff --git a/wwwroot/icons/phone-flip.svg b/wwwroot/icons/phone-flip.svg
new file mode 100644
index 0000000..ec83b44
--- /dev/null
+++ b/wwwroot/icons/phone-flip.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M22.17,1.82l-1.05-.91c-1.21-1.21-3.17-1.21-4.38,0-.03,.03-1.88,2.44-1.88,2.44-1.14,1.2-1.14,3.09,0,4.28l1.16,1.46c-1.46,3.31-3.73,5.59-6.93,6.95l-1.46-1.17c-1.19-1.15-3.09-1.15-4.28,0,0,0-2.41,1.85-2.44,1.88-1.21,1.21-1.21,3.17-.05,4.33l1,1.15c1.15,1.15,2.7,1.78,4.38,1.78,7.64,0,17.76-10.13,17.76-17.76,0-1.67-.63-3.23-1.83-4.42ZM6.24,22c-1.14,0-2.19-.42-2.91-1.15l-1-1.15c-.41-.41-.43-1.08-.04-1.51,0,0,2.39-1.84,2.42-1.87,.41-.41,1.13-.41,1.55,0,.03,.03,2.04,1.64,2.04,1.64,.28,.22,.65,.28,.98,.15,4.14-1.58,7.11-4.54,8.82-8.81,.13-.33,.08-.71-.15-1,0,0-1.61-2.02-1.63-2.04-.43-.43-.43-1.12,0-1.55,.03-.03,1.87-2.42,1.87-2.42,.43-.39,1.1-.38,1.56,.08l1.05,.91c.77,.77,1.2,1.82,1.2,2.96,0,6.96-9.77,15.76-15.76,15.76Z"/></svg>
diff --git a/wwwroot/icons/search.svg b/wwwroot/icons/search.svg
new file mode 100644
index 0000000..884067f
--- /dev/null
+++ b/wwwroot/icons/search.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 513.749 513.749" style="enable-background:new 0 0 513.749 513.749;" xml:space="preserve" width="512" height="512">
+<g>
+	<path d="M504.352,459.061l-99.435-99.477c74.402-99.427,54.115-240.344-45.312-314.746S119.261-9.277,44.859,90.15   S-9.256,330.494,90.171,404.896c79.868,59.766,189.565,59.766,269.434,0l99.477,99.477c12.501,12.501,32.769,12.501,45.269,0   c12.501-12.501,12.501-32.769,0-45.269L504.352,459.061z M225.717,385.696c-88.366,0-160-71.634-160-160s71.634-160,160-160   s160,71.634,160,160C385.623,314.022,314.044,385.602,225.717,385.696z"/>
+</g>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</svg>
diff --git a/wwwroot/icons/square-plus.svg b/wwwroot/icons/square-plus.svg
new file mode 100644
index 0000000..d9e4ae1
--- /dev/null
+++ b/wwwroot/icons/square-plus.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M17,12c0,.553-.448,1-1,1h-3v3c0,.553-.448,1-1,1s-1-.447-1-1v-3h-3c-.552,0-1-.447-1-1s.448-1,1-1h3v-3c0-.553,.448-1,1-1s1,.447,1,1v3h3c.552,0,1,.447,1,1Zm7-7v14c0,2.757-2.243,5-5,5H5c-2.757,0-5-2.243-5-5V5C0,2.243,2.243,0,5,0h14c2.757,0,5,2.243,5,5Zm-2,0c0-1.654-1.346-3-3-3H5c-1.654,0-3,1.346-3,3v14c0,1.654,1.346,3,3,3h14c1.654,0,3-1.346,3-3V5Z"/></svg>
diff --git a/wwwroot/icons/unlock.svg b/wwwroot/icons/unlock.svg
new file mode 100644
index 0000000..35971b9
--- /dev/null
+++ b/wwwroot/icons/unlock.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Isolation_Mode" data-name="Isolation Mode" viewBox="0 0 24 24" width="512" height="512"><path d="M8,8V7.151A4,4,0,0,1,15.494,5.2l2.618-1.465A7,7,0,0,0,5,7.151V8H2V21a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V8ZM5,21V11H19l0,10Z"/><rect x="10" y="14" width="4" height="3"/></svg>
diff --git a/wwwroot/icons/user.svg b/wwwroot/icons/user.svg
new file mode 100644
index 0000000..3145a9d
--- /dev/null
+++ b/wwwroot/icons/user.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512"><g id="_01_align_center" data-name="01 align center"><path d="M21,24H19V18.957A2.96,2.96,0,0,0,16.043,16H7.957A2.96,2.96,0,0,0,5,18.957V24H3V18.957A4.963,4.963,0,0,1,7.957,14h8.086A4.963,4.963,0,0,1,21,18.957Z"/><path d="M12,12a6,6,0,1,1,6-6A6.006,6.006,0,0,1,12,12ZM12,2a4,4,0,1,0,4,4A4,4,0,0,0,12,2Z"/></g></svg>
diff --git a/wwwroot/icons/warning.svg b/wwwroot/icons/warning.svg
new file mode 100644
index 0000000..cf7068e
--- /dev/null
+++ b/wwwroot/icons/warning.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M23.08,15.33L15,2.57c-.68-.98-1.81-1.57-3-1.57s-2.32,.58-3.03,1.6L.93,15.31c-1.02,1.46-1.21,3.21-.5,4.56,.7,1.35,2.17,2.12,4.01,2.12h15.12c1.85,0,3.31-.77,4.01-2.12,.7-1.35,.51-3.09-.49-4.54ZM11,7c0-.55,.45-1,1-1s1,.45,1,1v6c0,.55-.45,1-1,1s-1-.45-1-1V7Zm1,12c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5,1.5,.67,1.5,1.5-.67,1.5-1.5,1.5Z"/></svg>
diff --git a/wwwroot/index.html b/wwwroot/index.html
index d1a1629..c507ae5 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -1,76 +1,83 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Calendar Plantempus - Week View</title>
-    
-    <!-- Modular CSS Files -->
-    <link rel="stylesheet" href="css/calendar-base-css.css">
-    <link rel="stylesheet" href="css/calendar-layout-css.css">
-    <link rel="stylesheet" href="css/calendar-components-css.css">
-    <link rel="stylesheet" href="css/calendar-events-css.css">
-    <link rel="stylesheet" href="css/calendar-month-css.css">
-    <link rel="stylesheet" href="css/calendar-popup-css.css">
-</head>
-<body>
-    <div class="calendar-wrapper">
-        <swp-calendar>
-            <!-- Navigation Bar -->
-            <swp-calendar-nav>
-                <swp-nav-group>
-                    <swp-nav-button data-action="prev">←</swp-nav-button>
-                    <swp-nav-button data-action="next">→</swp-nav-button>
-                    <swp-nav-button data-action="today">Today</swp-nav-button>
-                </swp-nav-group>
-                
-                <swp-week-info>
-                    <swp-week-number>Week 3</swp-week-number>
-                    <swp-date-range>Jan 15 - Jan 21, 2024</swp-date-range>
-                </swp-week-info>
-                
-                <swp-search-container>
-                    <swp-search-icon>
-                        <svg width="16" height="16" viewBox="0 0 16 16">
-                            <circle cx="6" cy="6" r="5" stroke="currentColor" fill="none" stroke-width="1.5"/>
-                            <path d="M10 10l4 4" stroke="currentColor" stroke-width="1.5"/>
-                        </svg>
-                    </swp-search-icon>
-                    <input type="search" placeholder="Search events..." />
-                    <swp-search-clear hidden>
-                        <svg width="14" height="14" viewBox="0 0 16 16">
-                            <path d="M5 5l6 6M11 5l-6 6" stroke="currentColor" stroke-width="2"/>
-                        </svg>
-                    </swp-search-clear>
-                </swp-search-container>
-                
-                <swp-view-selector>
-                    <swp-view-button data-view="day">Day</swp-view-button>
-                    <swp-view-button data-view="week" data-active="true">Week</swp-view-button>
-                    <swp-view-button data-view="month">Month</swp-view-button>
-                </swp-view-selector>
-                
-                <swp-workweek-presets>
-                    <swp-preset-button data-workweek="standard" data-active="true">Mon-Fri</swp-preset-button>
-                    <swp-preset-button data-workweek="compressed">Mon-Thu</swp-preset-button>  
-                    <swp-preset-button data-workweek="midweek">Wed-Fri</swp-preset-button>
-                    <swp-preset-button data-workweek="weekend">Sat-Sun</swp-preset-button>
-                    <swp-preset-button data-workweek="fullweek">7 Days</swp-preset-button>
-                </swp-workweek-presets>
-            </swp-calendar-nav>
-            
-            <!-- Calendar Grid Container -->
-            <swp-calendar-container>
-                <!-- Headers and time slots will be generated dynamically by JavaScript -->
-            </swp-calendar-container>
-            
-            <swp-loading-overlay hidden>
-                <swp-spinner></swp-spinner>
-            </swp-loading-overlay>
-        </swp-calendar>
-    </div>
-
-    <!-- JavaScript Bundle -->
-    <script type="module" src="js/calendar.js"></script>
-</body>
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Calendar</title>
+  <link rel="stylesheet" href="css/calendar.css">
+</head>
+<body>
+  <div class="calendar-wrapper">
+    <swp-calendar>
+      <swp-calendar-nav>
+        <!-- View switcher (small chips) -->
+        <swp-view-switcher>
+          <button class="view-chip active" data-view="simple">Datoer</button>
+          <button class="view-chip" data-view="day">Dag</button>
+          <button class="view-chip" data-view="resource">Resource</button>
+          <button class="view-chip" data-view="picker">Picker</button>
+          <button class="view-chip" data-view="team">Team</button>
+          <button class="view-chip" data-view="department">Dept</button>
+        </swp-view-switcher>
+
+        <!-- Resource selector (only visible in picker view) -->
+        <swp-resource-selector class="hidden">
+          <fieldset>
+            <legend>Vælg resources</legend>
+            <div class="resource-checkboxes"></div>
+          </fieldset>
+        </swp-resource-selector>
+
+        <!-- Workweek preset dropdown -->
+        <select id="workweek-select" class="workweek-dropdown">
+          <option value="standard">Man-Fre</option>
+          <option value="compressed">Man-Ons</option>
+          <option value="midweek">Tors-Fre</option>
+          <option value="weekend">Weekend</option>
+          <option value="fullweek">Alle dage</option>
+        </select>
+
+        <!-- Navigation -->
+        <swp-nav-group>
+          <swp-nav-button id="btn-prev">←</swp-nav-button>
+          <swp-nav-button id="btn-next">→</swp-nav-button>
+        </swp-nav-group>
+
+        <swp-week-info>
+          <swp-week-number>Demo</swp-week-number>
+          <swp-date-range id="view-info"></swp-date-range>
+        </swp-week-info>
+
+        <swp-nav-button id="btn-drawer" class="btn-small">Drawer</swp-nav-button>
+      </swp-calendar-nav>
+
+      <swp-calendar-container>
+        <swp-time-axis>
+          <swp-header-spacer></swp-header-spacer>
+          <swp-time-axis-content id="time-axis"></swp-time-axis-content>
+        </swp-time-axis>
+        <swp-grid-container>
+          <swp-header-viewport>
+            <swp-header-track>
+              <swp-calendar-header></swp-calendar-header>
+            </swp-header-track>
+            <swp-header-drawer></swp-header-drawer>
+          </swp-header-viewport>
+          <swp-content-viewport>
+            <swp-content-track>
+              <swp-scrollable-content>
+                <swp-time-grid>
+                  <swp-grid-lines></swp-grid-lines>
+                  <swp-day-columns></swp-day-columns>
+                </swp-time-grid>
+              </swp-scrollable-content>
+            </swp-content-track>
+          </swp-content-viewport>
+        </swp-grid-container>
+      </swp-calendar-container>
+    </swp-calendar>
+  </div>
+
+  <script type="module" src="js/demo.js"></script>
+</body>
+</html>
diff --git a/wwwroot/js/calendar-min.js b/wwwroot/js/calendar-min.js
new file mode 100644
index 0000000..322988f
--- /dev/null
+++ b/wwwroot/js/calendar-min.js
@@ -0,0 +1,26 @@
+var Lt=Object.create;var vt=Object.defineProperty;var $t=Object.getOwnPropertyDescriptor;var Ht=Object.getOwnPropertyNames;var Bt=Object.getPrototypeOf,Wt=Object.prototype.hasOwnProperty;var se=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Pt=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Ht(e))!Wt.call(o,r)&&r!==t&&vt(o,r,{get:()=>e[r],enumerable:!(n=$t(e,r))||n.enumerable});return o};var ie=(o,e,t)=>(t=o!=null?Lt(Bt(o)):{},Pt(e||!o||!o.__esModule?vt(t,"default",{value:o,enumerable:!0}):t,o));var Et=se((rt,st)=>{(function(o,e){typeof rt=="object"&&typeof st<"u"?st.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs=e()})(rt,function(){"use strict";var o=1e3,e=6e4,t=36e5,n="millisecond",r="second",s="minute",i="hour",a="day",c="week",d="month",g="quarter",w="year",E="date",m="Invalid Date",u=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,D=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,C={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(S){var f=["th","st","nd","rd"],h=S%100;return"["+S+(f[(h-20)%10]||f[h]||f[0])+"]"}},k=function(S,f,h){var y=String(S);return!y||y.length>=f?S:""+Array(f+1-y.length).join(h)+S},l={s:k,z:function(S){var f=-S.utcOffset(),h=Math.abs(f),y=Math.floor(h/60),p=h%60;return(f<=0?"+":"-")+k(y,2,"0")+":"+k(p,2,"0")},m:function S(f,h){if(f.date()<h.date())return-S(h,f);var y=12*(h.year()-f.year())+(h.month()-f.month()),p=f.clone().add(y,d),T=h-p<0,M=f.clone().add(y+(T?-1:1),d);return+(-(y+(h-p)/(T?p-M:M-p))||0)},a:function(S){return S<0?Math.ceil(S)||0:Math.floor(S)},p:function(S){return{M:d,y:w,w:c,d:a,D:E,h:i,m:s,s:r,ms:n,Q:g}[S]||String(S||"").toLowerCase().replace(/s$/,"")},u:function(S){return S===void 0}},O="en",W={};W[O]=C;var P="$isDayjsObject",N=function(S){return S instanceof Y||!(!S||!S[P])},$=function S(f,h,y){var p;if(!f)return O;if(typeof f=="string"){var T=f.toLowerCase();W[T]&&(p=T),h&&(W[T]=h,p=T);var M=f.split("-");if(!p&&M.length>1)return S(M[0])}else{var R=f.name;W[R]=f,p=R}return!y&&p&&(O=p),p||!y&&O},x=function(S,f){if(N(S))return S.clone();var h=typeof f=="object"?f:{};return h.date=S,h.args=arguments,new Y(h)},A=l;A.l=$,A.i=N,A.w=function(S,f){return x(S,{locale:f.$L,utc:f.$u,x:f.$x,$offset:f.$offset})};var Y=function(){function S(h){this.$L=$(h.locale,null,!0),this.parse(h),this.$x=this.$x||h.x||{},this[P]=!0}var f=S.prototype;return f.parse=function(h){this.$d=function(y){var p=y.date,T=y.utc;if(p===null)return new Date(NaN);if(A.u(p))return new Date;if(p instanceof Date)return new Date(p);if(typeof p=="string"&&!/Z$/i.test(p)){var M=p.match(u);if(M){var R=M[2]-1||0,L=(M[7]||"0").substring(0,3);return T?new Date(Date.UTC(M[1],R,M[3]||1,M[4]||0,M[5]||0,M[6]||0,L)):new Date(M[1],R,M[3]||1,M[4]||0,M[5]||0,M[6]||0,L)}}return new Date(p)}(h),this.init()},f.init=function(){var h=this.$d;this.$y=h.getFullYear(),this.$M=h.getMonth(),this.$D=h.getDate(),this.$W=h.getDay(),this.$H=h.getHours(),this.$m=h.getMinutes(),this.$s=h.getSeconds(),this.$ms=h.getMilliseconds()},f.$utils=function(){return A},f.isValid=function(){return this.$d.toString()!==m},f.isSame=function(h,y){var p=x(h);return this.startOf(y)<=p&&p<=this.endOf(y)},f.isAfter=function(h,y){return x(h)<this.startOf(y)},f.isBefore=function(h,y){return this.endOf(y)<x(h)},f.$g=function(h,y,p){return A.u(h)?this[y]:this.set(p,h)},f.unix=function(){return Math.floor(this.valueOf()/1e3)},f.valueOf=function(){return this.$d.getTime()},f.startOf=function(h,y){var p=this,T=!!A.u(y)||y,M=A.p(h),R=function(j,_){var G=A.w(p.$u?Date.UTC(p.$y,_,j):new Date(p.$y,_,j),p);return T?G:G.endOf(a)},L=function(j,_){return A.w(p.toDate()[j].apply(p.toDate("s"),(T?[0,0,0,0]:[23,59,59,999]).slice(_)),p)},H=this.$W,F=this.$M,q=this.$D,ee="set"+(this.$u?"UTC":"");switch(M){case w:return T?R(1,0):R(31,11);case d:return T?R(1,F):R(0,F+1);case c:var Z=this.$locale().weekStart||0,re=(H<Z?H+7:H)-Z;return R(T?q-re:q+(6-re),F);case a:case E:return L(ee+"Hours",0);case i:return L(ee+"Minutes",1);case s:return L(ee+"Seconds",2);case r:return L(ee+"Milliseconds",3);default:return this.clone()}},f.endOf=function(h){return this.startOf(h,!1)},f.$set=function(h,y){var p,T=A.p(h),M="set"+(this.$u?"UTC":""),R=(p={},p[a]=M+"Date",p[E]=M+"Date",p[d]=M+"Month",p[w]=M+"FullYear",p[i]=M+"Hours",p[s]=M+"Minutes",p[r]=M+"Seconds",p[n]=M+"Milliseconds",p)[T],L=T===a?this.$D+(y-this.$W):y;if(T===d||T===w){var H=this.clone().set(E,1);H.$d[R](L),H.init(),this.$d=H.set(E,Math.min(this.$D,H.daysInMonth())).$d}else R&&this.$d[R](L);return this.init(),this},f.set=function(h,y){return this.clone().$set(h,y)},f.get=function(h){return this[A.p(h)]()},f.add=function(h,y){var p,T=this;h=Number(h);var M=A.p(y),R=function(F){var q=x(T);return A.w(q.date(q.date()+Math.round(F*h)),T)};if(M===d)return this.set(d,this.$M+h);if(M===w)return this.set(w,this.$y+h);if(M===a)return R(1);if(M===c)return R(7);var L=(p={},p[s]=e,p[i]=t,p[r]=o,p)[M]||1,H=this.$d.getTime()+h*L;return A.w(H,this)},f.subtract=function(h,y){return this.add(-1*h,y)},f.format=function(h){var y=this,p=this.$locale();if(!this.isValid())return p.invalidDate||m;var T=h||"YYYY-MM-DDTHH:mm:ssZ",M=A.z(this),R=this.$H,L=this.$m,H=this.$M,F=p.weekdays,q=p.months,ee=p.meridiem,Z=function(_,G,X,te){return _&&(_[G]||_(y,T))||X[G].slice(0,te)},re=function(_){return A.s(R%12||12,_,"0")},j=ee||function(_,G,X){var te=_<12?"AM":"PM";return X?te.toLowerCase():te};return T.replace(D,function(_,G){return G||function(X){switch(X){case"YY":return String(y.$y).slice(-2);case"YYYY":return A.s(y.$y,4,"0");case"M":return H+1;case"MM":return A.s(H+1,2,"0");case"MMM":return Z(p.monthsShort,H,q,3);case"MMMM":return Z(q,H);case"D":return y.$D;case"DD":return A.s(y.$D,2,"0");case"d":return String(y.$W);case"dd":return Z(p.weekdaysMin,y.$W,F,2);case"ddd":return Z(p.weekdaysShort,y.$W,F,3);case"dddd":return F[y.$W];case"H":return String(R);case"HH":return A.s(R,2,"0");case"h":return re(1);case"hh":return re(2);case"a":return j(R,L,!0);case"A":return j(R,L,!1);case"m":return String(L);case"mm":return A.s(L,2,"0");case"s":return String(y.$s);case"ss":return A.s(y.$s,2,"0");case"SSS":return A.s(y.$ms,3,"0");case"Z":return M}return null}(_)||M.replace(":","")})},f.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},f.diff=function(h,y,p){var T,M=this,R=A.p(y),L=x(h),H=(L.utcOffset()-this.utcOffset())*e,F=this-L,q=function(){return A.m(M,L)};switch(R){case w:T=q()/12;break;case d:T=q();break;case g:T=q()/3;break;case c:T=(F-H)/6048e5;break;case a:T=(F-H)/864e5;break;case i:T=F/t;break;case s:T=F/e;break;case r:T=F/o;break;default:T=F}return p?T:A.a(T)},f.daysInMonth=function(){return this.endOf(d).$D},f.$locale=function(){return W[this.$L]},f.locale=function(h,y){if(!h)return this.$L;var p=this.clone(),T=$(h,y,!0);return T&&(p.$L=T),p},f.clone=function(){return A.w(this.$d,this)},f.toDate=function(){return new Date(this.valueOf())},f.toJSON=function(){return this.isValid()?this.toISOString():null},f.toISOString=function(){return this.$d.toISOString()},f.toString=function(){return this.$d.toUTCString()},S}(),z=Y.prototype;return x.prototype=z,[["$ms",n],["$s",r],["$m",s],["$H",i],["$W",a],["$M",d],["$y",w],["$D",E]].forEach(function(S){z[S[1]]=function(f){return this.$g(f,S[0],S[1])}}),x.extend=function(S,f){return S.$i||(S(f,Y,x),S.$i=!0),x},x.locale=$,x.isDayjs=N,x.unix=function(S){return x(1e3*S)},x.en=W[O],x.Ls=W,x.p={},x})});var Dt=se((it,at)=>{(function(o,e){typeof it=="object"&&typeof at<"u"?at.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs_plugin_utc=e()})(it,function(){"use strict";var o="minute",e=/[+-]\d\d(?::?\d\d)?/g,t=/([+-]|\d\d)/g;return function(n,r,s){var i=r.prototype;s.utc=function(m){var u={date:m,utc:!0,args:arguments};return new r(u)},i.utc=function(m){var u=s(this.toDate(),{locale:this.$L,utc:!0});return m?u.add(this.utcOffset(),o):u},i.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var a=i.parse;i.parse=function(m){m.utc&&(this.$u=!0),this.$utils().u(m.$offset)||(this.$offset=m.$offset),a.call(this,m)};var c=i.init;i.init=function(){if(this.$u){var m=this.$d;this.$y=m.getUTCFullYear(),this.$M=m.getUTCMonth(),this.$D=m.getUTCDate(),this.$W=m.getUTCDay(),this.$H=m.getUTCHours(),this.$m=m.getUTCMinutes(),this.$s=m.getUTCSeconds(),this.$ms=m.getUTCMilliseconds()}else c.call(this)};var d=i.utcOffset;i.utcOffset=function(m,u){var D=this.$utils().u;if(D(m))return this.$u?0:D(this.$offset)?d.call(this):this.$offset;if(typeof m=="string"&&(m=function(O){O===void 0&&(O="");var W=O.match(e);if(!W)return null;var P=(""+W[0]).match(t)||["-",0,0],N=P[0],$=60*+P[1]+ +P[2];return $===0?0:N==="+"?$:-$}(m),m===null))return this;var C=Math.abs(m)<=16?60*m:m;if(C===0)return this.utc(u);var k=this.clone();if(u)return k.$offset=C,k.$u=!1,k;var l=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(k=this.local().add(C+l,o)).$offset=C,k.$x.$localOffset=l,k};var g=i.format;i.format=function(m){var u=m||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return g.call(this,u)},i.valueOf=function(){var m=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*m},i.isUTC=function(){return!!this.$u},i.toISOString=function(){return this.toDate().toISOString()},i.toString=function(){return this.toDate().toUTCString()};var w=i.toDate;i.toDate=function(m){return m==="s"&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():w.call(this)};var E=i.diff;i.diff=function(m,u,D){if(m&&this.$u===m.$u)return E.call(this,m,u,D);var C=this.local(),k=s(m).local();return E.call(C,k,u,D)}}})});var St=se((ot,lt)=>{(function(o,e){typeof ot=="object"&&typeof lt<"u"?lt.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs_plugin_timezone=e()})(ot,function(){"use strict";var o={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(t,n,r){var s,i=function(g,w,E){E===void 0&&(E={});var m=new Date(g),u=function(D,C){C===void 0&&(C={});var k=C.timeZoneName||"short",l=D+"|"+k,O=e[l];return O||(O=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:D,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:k}),e[l]=O),O}(w,E);return u.formatToParts(m)},a=function(g,w){for(var E=i(g,w),m=[],u=0;u<E.length;u+=1){var D=E[u],C=D.type,k=D.value,l=o[C];l>=0&&(m[l]=parseInt(k,10))}var O=m[3],W=O===24?0:O,P=m[0]+"-"+m[1]+"-"+m[2]+" "+W+":"+m[4]+":"+m[5]+":000",N=+g;return(r.utc(P).valueOf()-(N-=N%1e3))/6e4},c=n.prototype;c.tz=function(g,w){g===void 0&&(g=s);var E,m=this.utcOffset(),u=this.toDate(),D=u.toLocaleString("en-US",{timeZone:g}),C=Math.round((u-new Date(D))/1e3/60),k=15*-Math.round(u.getTimezoneOffset()/15)-C;if(!Number(k))E=this.utcOffset(0,w);else if(E=r(D,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(k,!0),w){var l=E.utcOffset();E=E.add(m-l,"minute")}return E.$x.$timezone=g,E},c.offsetName=function(g){var w=this.$x.$timezone||r.tz.guess(),E=i(this.valueOf(),w,{timeZoneName:g}).find(function(m){return m.type.toLowerCase()==="timezonename"});return E&&E.value};var d=c.startOf;c.startOf=function(g,w){if(!this.$x||!this.$x.$timezone)return d.call(this,g,w);var E=r(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return d.call(E,g,w).tz(this.$x.$timezone,!0)},r.tz=function(g,w,E){var m=E&&w,u=E||w||s,D=a(+r(),u);if(typeof g!="string")return r(g).tz(u);var C=function(W,P,N){var $=W-60*P*1e3,x=a($,N);if(P===x)return[$,P];var A=a($-=60*(x-P)*1e3,N);return x===A?[$,x]:[W-60*Math.min(x,A)*1e3,Math.max(x,A)]}(r.utc(g,m).valueOf(),D,u),k=C[0],l=C[1],O=r(k).utcOffset(l);return O.$x.$timezone=u,O},r.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},r.tz.setDefault=function(g){s=g}}})});var wt=se((ct,dt)=>{(function(o,e){typeof ct=="object"&&typeof dt<"u"?dt.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs_plugin_isoWeek=e()})(ct,function(){"use strict";var o="day";return function(e,t,n){var r=function(a){return a.add(4-a.isoWeekday(),o)},s=t.prototype;s.isoWeekYear=function(){return r(this).year()},s.isoWeek=function(a){if(!this.$utils().u(a))return this.add(7*(a-this.isoWeek()),o);var c,d,g,w,E=r(this),m=(c=this.isoWeekYear(),d=this.$u,g=(d?n.utc:n)().year(c).startOf("year"),w=4-g.isoWeekday(),g.isoWeekday()>4&&(w+=7),g.add(w,o));return E.diff(m,"week")+1},s.isoWeekday=function(a){return this.$utils().u(a)?this.day()||7:this.day(this.day()%7?a:a-7)};var i=s.startOf;s.startOf=function(a,c){var d=this.$utils(),g=!!d.u(c)||c;return d.p(a)==="isoweek"?g?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):i.bind(this)(a,c)}}})});var Ct=se((ut,ht)=>{(function(o,e){typeof ut=="object"&&typeof ht<"u"?ht.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs_plugin_customParseFormat=e()})(ut,function(){"use strict";var o={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,t=/\d/,n=/\d\d/,r=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,i={},a=function(u){return(u=+u)+(u>68?1900:2e3)},c=function(u){return function(D){this[u]=+D}},d=[/[+-]\d\d:?(\d\d)?|Z/,function(u){(this.zone||(this.zone={})).offset=function(D){if(!D||D==="Z")return 0;var C=D.match(/([+-]|\d\d)/g),k=60*C[1]+(+C[2]||0);return k===0?0:C[0]==="+"?-k:k}(u)}],g=function(u){var D=i[u];return D&&(D.indexOf?D:D.s.concat(D.f))},w=function(u,D){var C,k=i.meridiem;if(k){for(var l=1;l<=24;l+=1)if(u.indexOf(k(l,0,D))>-1){C=l>12;break}}else C=u===(D?"pm":"PM");return C},E={A:[s,function(u){this.afternoon=w(u,!1)}],a:[s,function(u){this.afternoon=w(u,!0)}],Q:[t,function(u){this.month=3*(u-1)+1}],S:[t,function(u){this.milliseconds=100*+u}],SS:[n,function(u){this.milliseconds=10*+u}],SSS:[/\d{3}/,function(u){this.milliseconds=+u}],s:[r,c("seconds")],ss:[r,c("seconds")],m:[r,c("minutes")],mm:[r,c("minutes")],H:[r,c("hours")],h:[r,c("hours")],HH:[r,c("hours")],hh:[r,c("hours")],D:[r,c("day")],DD:[n,c("day")],Do:[s,function(u){var D=i.ordinal,C=u.match(/\d+/);if(this.day=C[0],D)for(var k=1;k<=31;k+=1)D(k).replace(/\[|\]/g,"")===u&&(this.day=k)}],w:[r,c("week")],ww:[n,c("week")],M:[r,c("month")],MM:[n,c("month")],MMM:[s,function(u){var D=g("months"),C=(g("monthsShort")||D.map(function(k){return k.slice(0,3)})).indexOf(u)+1;if(C<1)throw new Error;this.month=C%12||C}],MMMM:[s,function(u){var D=g("months").indexOf(u)+1;if(D<1)throw new Error;this.month=D%12||D}],Y:[/[+-]?\d+/,c("year")],YY:[n,function(u){this.year=a(u)}],YYYY:[/\d{4}/,c("year")],Z:d,ZZ:d};function m(u){var D,C;D=u,C=i&&i.formats;for(var k=(u=D.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(x,A,Y){var z=Y&&Y.toUpperCase();return A||C[Y]||o[Y]||C[z].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(S,f,h){return f||h.slice(1)})})).match(e),l=k.length,O=0;O<l;O+=1){var W=k[O],P=E[W],N=P&&P[0],$=P&&P[1];k[O]=$?{regex:N,parser:$}:W.replace(/^\[|\]$/g,"")}return function(x){for(var A={},Y=0,z=0;Y<l;Y+=1){var S=k[Y];if(typeof S=="string")z+=S.length;else{var f=S.regex,h=S.parser,y=x.slice(z),p=f.exec(y)[0];h.call(A,p),x=x.replace(p,"")}}return function(T){var M=T.afternoon;if(M!==void 0){var R=T.hours;M?R<12&&(T.hours+=12):R===12&&(T.hours=0),delete T.afternoon}}(A),A}}return function(u,D,C){C.p.customParseFormat=!0,u&&u.parseTwoDigitYear&&(a=u.parseTwoDigitYear);var k=D.prototype,l=k.parse;k.parse=function(O){var W=O.date,P=O.utc,N=O.args;this.$u=P;var $=N[1];if(typeof $=="string"){var x=N[2]===!0,A=N[3]===!0,Y=x||A,z=N[2];A&&(z=N[2]),i=this.$locale(),!x&&z&&(i=C.Ls[z]),this.$d=function(y,p,T,M){try{if(["x","X"].indexOf(p)>-1)return new Date((p==="X"?1e3:1)*y);var R=m(p)(y),L=R.year,H=R.month,F=R.day,q=R.hours,ee=R.minutes,Z=R.seconds,re=R.milliseconds,j=R.zone,_=R.week,G=new Date,X=F||(L||H?1:G.getDate()),te=L||G.getFullYear(),ve=0;L&&!H||(ve=H>0?H-1:G.getMonth());var ye,Qe=q||0,Ze=ee||0,Xe=Z||0,Ke=re||0;return j?new Date(Date.UTC(te,ve,X,Qe,Ze,Xe,Ke+60*j.offset*1e3)):T?new Date(Date.UTC(te,ve,X,Qe,Ze,Xe,Ke)):(ye=new Date(te,ve,X,Qe,Ze,Xe,Ke),_&&(ye=M(ye).week(_).toDate()),ye)}catch{return new Date("")}}(W,$,P,C),this.init(),z&&z!==!0&&(this.$L=this.locale(z).$L),Y&&W!=this.format($)&&(this.$d=new Date("")),i={}}else if($ instanceof Array)for(var S=$.length,f=1;f<=S;f+=1){N[1]=$[f-1];var h=C.apply(this,N);if(h.isValid()){this.$d=h.$d,this.$L=h.$L,this.init();break}f===S&&(this.$d=new Date(""))}else l.call(this,O)}}})});var Tt=se((gt,mt)=>{(function(o,e){typeof gt=="object"&&typeof mt<"u"?mt.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs_plugin_isSameOrAfter=e()})(gt,function(){"use strict";return function(o,e){e.prototype.isSameOrAfter=function(t,n){return this.isSame(t,n)||this.isAfter(t,n)}}})});var kt=se((ft,pt)=>{(function(o,e){typeof ft=="object"&&typeof pt<"u"?pt.exports=e():typeof define=="function"&&define.amd?define(e):(o=typeof globalThis<"u"?globalThis:o||self).dayjs_plugin_isSameOrBefore=e()})(ft,function(){"use strict";return function(o,e){e.prototype.isSameOrBefore=function(t,n){return this.isSame(t,n)||this.isBefore(t,n)}}})});var Nt=0;function ae(o){let e=++Nt;return{symbol:Symbol(o?`Token(${o})`:`Token#${e}`),description:o,toString(){return o?`Token<${o}>`:`Token<#${e}>`}}}var de=class extends Error{constructor(e){super(e),this.name="ContainerError"}},ue=class extends de{constructor(e,t=[]){let n=t.length>0?`
+  Dependency path: ${t.join(" -> ")}`:"";super(`Token "${e}" is not bound or registered in the container.${n}`),this.name="BindingNotFoundError"}},he=class extends de{constructor(e){super(`Circular dependency detected: ${e.join(" -> ")}`),this.name="CircularDependencyError"}};var yt=new WeakMap;function Ft(o){let e=yt.get(o);if(e)return e;let t=o.toString(),n=t.match(/constructor\s*\(([^)]*)\)/)||t.match(/^[^(]*\(([^)]*)\)/);if(!n||!n[1])return[];let r=n[1].split(",").map(s=>s.trim()).filter(s=>s.length>0).map(s=>{let i=s.split(/[:=]/)[0].trim();return i=i.replace(/^((public|private|protected|readonly)\s+)+/,""),i.includes("{")||i.includes("[")?null:i}).filter(s=>s!==null);return yt.set(o,r),r}function _t(o,e,t){if(!t.map)throw new Error("AutoWire map strategy requires options.map to be defined");let n=Ft(o),r=[];for(let s of n){let i=t.map[s];if(i===void 0){if(t.strict)throw new Error(`Cannot resolve parameter "${s}" on ${o.name}. Not found in autowire map. Add it to the map: .autoWire({ map: { ${s}: ... } })`);r.push(void 0);continue}typeof i=="function"?r.push(i(e)):r.push(e.resolve(i))}return r}function Yt(o,e,t){if(!t.mapResolvers||t.mapResolvers.length===0)return[];let n=[];for(let r=0;r<t.mapResolvers.length;r++){let s=t.mapResolvers[r];s===void 0?n.push(void 0):typeof s=="function"?n.push(s(e)):n.push(e.resolve(s))}return n}function Je(o,e,t){let n={by:"paramName",strict:!1,...t};return n.mapResolvers&&n.mapResolvers.length>0?Yt(o,e,n):n.map&&Object.keys(n.map).length>0?_t(o,e,n):[]}var le=class{constructor(e,t){this.registrations=t,this.configs=[],this.defaultLifetime="singleton",this.pending=e}as(e){if(e&&typeof e=="object"&&"symbol"in e){let t={token:e,type:this.pending.type,value:this.pending.value,factory:this.pending.factory,constructor:this.pending.constructor,lifetime:this.defaultLifetime};return this.configs.push(t),this.registrations.push(t),this}else{let t={token:null,type:this.pending.type,value:this.pending.value,factory:this.pending.factory,constructor:this.pending.constructor,lifetime:this.defaultLifetime,interfaceType:e};return this.configs.push(t),this.registrations.push(t),this}}asDefaultInterface(e){return this.as("TInterface",e),this.asDefault()}asKeyedInterface(e,t){return this.as("TInterface",t),this.keyed(e)}asImplementedInterfaces(e){if(e.length===0)return this;if(this.configs.length>0){for(let n of this.configs)n.lifetime="singleton",n.additionalTokens=n.additionalTokens||[],n.additionalTokens.push(...e);return this}let t={token:e[0],type:this.pending.type,value:this.pending.value,factory:this.pending.factory,constructor:this.pending.constructor,lifetime:"singleton"};this.configs.push(t),this.registrations.push(t);for(let n=1;n<e.length;n++)t.additionalTokens=t.additionalTokens||[],t.additionalTokens.push(e[n]);return this}singleInstance(){for(let e of this.configs)e.lifetime="singleton";return this}instancePerRequest(){for(let e of this.configs)e.lifetime="per-request";return this}instancePerDependency(){for(let e of this.configs)e.lifetime="transient";return this}named(e){for(let t of this.configs)t.name=e;return this}keyed(e){for(let t of this.configs)t.key=e;return this}asDefault(){for(let e of this.configs)e.isDefault=!0;return this}ifNotRegistered(){for(let e of this.configs)e.ifNotRegistered=!0;return this}withParameters(e){for(let t of this.configs)t.parameterValues=e;return this}autoWire(e){for(let t of this.configs)t.autowireOptions=e||{by:"paramName",strict:!1};return this}},ge=class{constructor(e){this.baseContainer=e,this.registrations=[]}registerType(e){let t={type:"type",value:null,constructor:e};return new le(t,this.registrations)}registerInstance(e){let t={type:"instance",value:e,constructor:void 0};return new le(t,this.registrations)}register(e){let t={type:"factory",value:null,factory:e,constructor:void 0};return new le(t,this.registrations)}module(e){return e(this),this}resolveInterfaceTokens(e){for(let t of this.registrations)t.interfaceType!==void 0&&!t.token&&(t.token=e.interfaceToken(t.interfaceType))}identifyNonDefaultTokens(){let e=new Set;for(let t of this.registrations)!t.isDefault&&!t.name&&t.key===void 0&&e.add(t.token);return e}shouldSkipRegistration(e,t,n){return!!(e.isDefault&&!e.name&&e.key===void 0&&t.has(e.token)||e.ifNotRegistered&&n.has(e.token)||e.isDefault&&n.has(e.token))}createBindingToken(e,t,n,r){if(e.name){let s=ae(`__named_${e.name}`);return t.set(e.name,{...e,token:s}),s}else if(e.key!==void 0){let s=typeof e.key=="symbol"?e.key.toString():e.key,i=ae(`__keyed_${s}`);return n.set(e.key,{...e,token:i}),i}else if(r.has(e.token)){let s=ae(`__multi_${e.token.toString()}_${r.get(e.token).length}`);return r.get(e.token).push(s),s}else return r.set(e.token,[e.token]),e.token}registerAdditionalInterfaces(e,t,n,r){if(t.additionalTokens)for(let s of t.additionalTokens)e.bindFactory(s,i=>i.resolve(n),{lifetime:t.lifetime}),r.add(s)}build(){let e=this.baseContainer.createChild();this.resolveInterfaceTokens(e);let t=new Set,n=new Map,r=new Map,s=new Map,i=this.identifyNonDefaultTokens();for(let a of this.registrations){if(this.shouldSkipRegistration(a,i,t))continue;let c=this.createBindingToken(a,n,r,s);this.applyRegistration(e,{...a,token:c}),t.add(a.token),this.registerAdditionalInterfaces(e,a,c,t)}return e.__namedRegistrations=n,e.__keyedRegistrations=r,e.__multiRegistrations=s,e}analyzeConstructor(e){let t=e.toString();return{hasDependencies:/constructor\s*\([^)]+\)/.test(t)}}createOptimizedFactory(e,t,n){if(t.lifetime==="singleton"){let r=new t.constructor;e.bindValue(t.token,r)}else if(t.lifetime==="transient"){let r=t.constructor,s=()=>new r;e.fastTransientCache.set(t.token,s),e.bindFactory(t.token,s,n)}else{let r=()=>new t.constructor;e.bindFactory(t.token,r,n)}}createAutoWireFactory(e,t,n){let r=s=>{let i=Je(t.constructor,s,t.autowireOptions);return new t.constructor(...i)};e.bindFactory(t.token,r,n)}createParameterFactory(e,t,n){let r=()=>{let s=Object.values(t.parameterValues);return new t.constructor(...s)};e.bindFactory(t.token,r,n)}applyTypeRegistration(e,t,n){let{hasDependencies:r}=this.analyzeConstructor(t.constructor);if(!r&&!t.autowireOptions&&!t.parameterValues){this.createOptimizedFactory(e,t,n);return}if(t.autowireOptions){this.createAutoWireFactory(e,t,n);return}if(t.parameterValues){this.createParameterFactory(e,t,n);return}if(r){let i=t.constructor.name||"UnnamedClass";throw new Error(`Service "${i}" has constructor dependencies but no autowiring configuration.
+
+Solutions:
+  1. \u2B50 Use the NovaDI transformer (recommended):
+     - Add "@novadi/core/unplugin" to your build config
+     - Transformer automatically generates .autoWire() for all dependencies
+
+  2. Add manual autowiring:
+     .autoWire({ map: { /* param: resolver */ } })
+
+  3. Use a factory function:
+     .register((c) => new ${i}(...))
+
+See docs: https://github.com/janus007/NovaDI#autowire`)}let s=()=>new t.constructor;e.bindFactory(t.token,s,n)}applyRegistration(e,t){let n={lifetime:t.lifetime};switch(t.type){case"instance":e.bindValue(t.token,t.value);break;case"factory":e.bindFactory(t.token,t.factory,n);break;case"type":this.applyTypeRegistration(e,t,n);break}}};function Vt(o){return o&&typeof o.dispose=="function"}var et=class{constructor(){this.resolvingStack=new Set,this.perRequestCache=new Map}isResolving(e){return this.resolvingStack.has(e)}enterResolve(e){this.resolvingStack.add(e)}exitResolve(e){this.resolvingStack.delete(e),this.path=void 0}getPath(){return this.path||(this.path=Array.from(this.resolvingStack).map(e=>e.toString())),[...this.path]}cachePerRequest(e,t){this.perRequestCache.set(e,t)}getPerRequest(e){return this.perRequestCache.get(e)}hasPerRequest(e){return this.perRequestCache.has(e)}reset(){this.resolvingStack.clear(),this.perRequestCache.clear(),this.path=void 0}},tt=class{constructor(){this.pool=[],this.maxSize=10}acquire(){let e=this.pool.pop();return e?(e.reset(),e):new et}release(e){this.pool.length<this.maxSize&&this.pool.push(e)}},ce=class o{constructor(e){this.bindings=new Map,this.singletonCache=new Map,this.singletonOrder=[],this.interfaceRegistry=new Map,this.interfaceTokenCache=new Map,this.fastTransientCache=new Map,this.ultraFastSingletonCache=new Map,this.parent=e}bindValue(e,t){this.bindings.set(e,{type:"value",lifetime:"singleton",value:t,constructor:void 0}),this.invalidateBindingCache()}bindFactory(e,t,n){this.bindings.set(e,{type:"factory",lifetime:n?.lifetime||"transient",factory:t,dependencies:n?.dependencies,constructor:void 0}),this.invalidateBindingCache()}bindClass(e,t,n){let r={type:"class",lifetime:n?.lifetime||"transient",constructor:t,dependencies:n?.dependencies};this.bindings.set(e,r),this.invalidateBindingCache(),r.lifetime==="transient"&&(!r.dependencies||r.dependencies.length===0)&&this.fastTransientCache.set(e,()=>new t)}resolve(e){let t=this.tryGetFromCaches(e);if(t!==void 0)return t;if(this.currentContext)return this.resolveWithContext(e,this.currentContext);let n=o.contextPool.acquire();this.currentContext=n;try{return this.resolveWithContext(e,n)}finally{this.currentContext=void 0,o.contextPool.release(n)}}resolveSingletonUnsafe(e){return this.ultraFastSingletonCache.get(e)??this.singletonCache.get(e)}resolveTransientSimple(e){let t=this.fastTransientCache.get(e);return t?t():this.resolve(e)}resolveBatch(e){let t=!!this.currentContext,n=this.currentContext||o.contextPool.acquire();t||(this.currentContext=n);try{return e.map(s=>{let i=this.tryGetFromCaches(s);return i!==void 0?i:this.resolveWithContext(s,n)})}finally{t||(this.currentContext=void 0,o.contextPool.release(n))}}async resolveAsync(e){if(this.currentContext)return this.resolveAsyncWithContext(e,this.currentContext);let t=o.contextPool.acquire();this.currentContext=t;try{return await this.resolveAsyncWithContext(e,t)}finally{this.currentContext=void 0,o.contextPool.release(t)}}tryGetFromCaches(e){let t=this.ultraFastSingletonCache.get(e);if(t!==void 0)return t;if(this.singletonCache.has(e)){let r=this.singletonCache.get(e);return this.ultraFastSingletonCache.set(e,r),r}let n=this.fastTransientCache.get(e);if(n)return n()}cacheInstance(e,t,n,r){n==="singleton"?(this.singletonCache.set(e,t),this.singletonOrder.push(e),this.ultraFastSingletonCache.set(e,t)):n==="per-request"&&r&&r.cachePerRequest(e,t)}validateAndGetBinding(e,t){if(t.isResolving(e))throw new he([...t.getPath(),e.toString()]);let n=this.getBinding(e);if(!n)throw new ue(e.toString(),t.getPath());return n}instantiateBindingSync(e,t,n){switch(e.type){case"value":return e.value;case"factory":let r=e.factory(this);if(r instanceof Promise)throw new Error(`Async factory detected for ${t.toString()}. Use resolveAsync() instead.`);return r;case"class":let i=(e.dependencies||[]).map(a=>this.resolveWithContext(a,n));return new e.constructor(...i);case"inline-class":return new e.constructor;default:throw new Error(`Unknown binding type: ${e.type}`)}}async instantiateBindingAsync(e,t){switch(e.type){case"value":return e.value;case"factory":return await Promise.resolve(e.factory(this));case"class":let n=e.dependencies||[],r=await Promise.all(n.map(s=>this.resolveAsyncWithContext(s,t)));return new e.constructor(...r);case"inline-class":return new e.constructor;default:throw new Error(`Unknown binding type: ${e.type}`)}}createChild(){return new o(this)}async dispose(){let e=[];for(let t=this.singletonOrder.length-1;t>=0;t--){let n=this.singletonOrder[t],r=this.singletonCache.get(n);if(r&&Vt(r))try{await r.dispose()}catch(s){e.push(s)}}this.singletonCache.clear(),this.singletonOrder.length=0}builder(){return new ge(this)}resolveNamed(e){let t=this.__namedRegistrations;if(!t)throw new Error(`Named service "${e}" not found. No named registrations exist.`);let n=t.get(e);if(!n)throw new Error(`Named service "${e}" not found`);return this.resolve(n.token)}resolveKeyed(e){let t=this.__keyedRegistrations;if(!t)throw new Error("Keyed service not found. No keyed registrations exist.");let n=t.get(e);if(!n){let r=typeof e=="symbol"?e.toString():`"${e}"`;throw new Error(`Keyed service ${r} not found`)}return this.resolve(n.token)}resolveAll(e){let t=this.__multiRegistrations;if(!t)return[];let n=t.get(e);return!n||n.length===0?[]:n.map(r=>this.resolve(r))}getRegistry(){let e=[];return this.bindings.forEach((t,n)=>{e.push({token:n.description||n.symbol.toString(),type:t.type,lifetime:t.lifetime,dependencies:t.dependencies?.map(r=>r.description||r.symbol.toString())})}),e}interfaceToken(e){let t=e||`Interface_${Math.random().toString(36).substr(2,9)}`;if(this.interfaceRegistry.has(t))return this.interfaceRegistry.get(t);if(this.parent)return this.parent.interfaceToken(t);let n=ae(t);return this.interfaceRegistry.set(t,n),n}resolveType(e){let t=e||"",n=this.interfaceTokenCache.get(t);return n||(n=this.interfaceToken(e),this.interfaceTokenCache.set(t,n)),this.resolve(n)}resolveTypeKeyed(e,t){return this.resolveKeyed(e)}resolveTypeAll(e){let t=this.interfaceToken(e);return this.resolveAll(t)}resolveWithContext(e,t){let n=this.validateAndGetBinding(e,t);if(n.lifetime==="per-request"&&t.hasPerRequest(e))return t.getPerRequest(e);if(n.lifetime==="singleton"&&this.singletonCache.has(e))return this.singletonCache.get(e);t.enterResolve(e);try{let r=this.instantiateBindingSync(n,e,t);return this.cacheInstance(e,r,n.lifetime,t),r}finally{t.exitResolve(e)}}async resolveAsyncWithContext(e,t){let n=this.validateAndGetBinding(e,t);if(n.lifetime==="per-request"&&t.hasPerRequest(e))return t.getPerRequest(e);if(n.lifetime==="singleton"&&this.singletonCache.has(e))return this.singletonCache.get(e);t.enterResolve(e);try{let r=await this.instantiateBindingAsync(n,t);return this.cacheInstance(e,r,n.lifetime,t),r}finally{t.exitResolve(e)}}getBinding(e){return this.bindingCache||this.buildBindingCache(),this.bindingCache.get(e)}buildBindingCache(){this.bindingCache=new Map;let e=this;for(;e;)e.bindings.forEach((t,n)=>{this.bindingCache.has(n)||this.bindingCache.set(n,t)}),e=e.parent}invalidateBindingCache(){this.bindingCache=void 0,this.ultraFastSingletonCache.clear()}};ce.contextPool=new tt;var nt=class{constructor(){this.eventLog=[],this.debug=!1,this.listeners=new Set,this.logConfig={calendar:!0,grid:!0,event:!0,scroll:!0,navigation:!0,view:!0,default:!0}}on(e,t,n){return document.addEventListener(e,t,n),this.listeners.add({eventType:e,handler:t,options:n}),()=>this.off(e,t)}once(e,t){return this.on(e,t,{once:!0})}off(e,t){document.removeEventListener(e,t);for(let n of this.listeners)if(n.eventType===e&&n.handler===t){this.listeners.delete(n);break}}emit(e,t={}){if(!e)return!1;let n=new CustomEvent(e,{detail:t??{},bubbles:!0,cancelable:!0});return this.debug&&this.logEventWithGrouping(e,t),this.eventLog.push({type:e,detail:t??{},timestamp:Date.now()}),!document.dispatchEvent(n)}logEventWithGrouping(e,t){let n=this.extractCategory(e);if(!this.logConfig[n])return;let{emoji:r,color:s}=this.getCategoryStyle(n)}extractCategory(e){if(!e)return"unknown";if(e.includes(":"))return e.split(":")[0];let t=e.toLowerCase();return t.includes("grid")||t.includes("rendered")?"grid":t.includes("event")||t.includes("sync")?"event":t.includes("scroll")?"scroll":t.includes("nav")||t.includes("date")?"navigation":t.includes("view")?"view":"default"}getCategoryStyle(e){let t={calendar:{emoji:"\u{1F5D3}\uFE0F",color:"#2196F3"},grid:{emoji:"\u{1F4CA}",color:"#4CAF50"},event:{emoji:"\u{1F4C5}",color:"#FF9800"},scroll:{emoji:"\u{1F4DC}",color:"#9C27B0"},navigation:{emoji:"\u{1F9ED}",color:"#F44336"},view:{emoji:"\u{1F441}\uFE0F",color:"#00BCD4"},default:{emoji:"\u{1F4E2}",color:"#607D8B"}};return t[e]||t.default}setLogConfig(e){this.logConfig={...this.logConfig,...e}}getLogConfig(){return{...this.logConfig}}getEventLog(e){return e?this.eventLog.filter(t=>t.type===e):this.eventLog}setDebug(e){this.debug=e}},b=new nt;var ne={EVENT_HEIGHT:22,EVENT_GAP:2,CONTAINER_PADDING:4,MAX_COLLAPSED_ROWS:4,get SINGLE_ROW_HEIGHT(){return this.EVENT_HEIGHT+this.EVENT_GAP}},me={standard:{id:"standard",workDays:[1,2,3,4,5],totalDays:5,firstWorkDay:1},compressed:{id:"compressed",workDays:[1,2,3,4],totalDays:4,firstWorkDay:1},midweek:{id:"midweek",workDays:[3,4,5],totalDays:3,firstWorkDay:3},weekend:{id:"weekend",workDays:[6,7],totalDays:2,firstWorkDay:6},fullweek:{id:"fullweek",workDays:[1,2,3,4,5,6,7],totalDays:7,firstWorkDay:1}},K=class o{constructor(e,t,n,r,s,i,a=new Date){this.apiEndpoint="/api",this.config=e,this.gridSettings=t,this.dateViewSettings=n,this.timeFormatConfig=r,this.currentWorkWeek=s,this.currentView=i,this.selectedDate=a,o._instance=this}static getInstance(){if(!o._instance)throw new Error("Configuration has not been initialized. Call ConfigManager.load() first.");return o._instance}setSelectedDate(e){this.selectedDate=e}getWorkWeekSettings(){return me[this.currentWorkWeek]||me.standard}};K._instance=null;var I=ie(Et(),1),Mt=ie(Dt(),1),At=ie(St(),1),Rt=ie(wt(),1),bt=ie(Ct(),1),xt=ie(Tt(),1),It=ie(kt(),1);I.default.extend(Mt.default);I.default.extend(At.default);I.default.extend(Rt.default);I.default.extend(bt.default);I.default.extend(xt.default);I.default.extend(It.default);var U=class{constructor(e){this.timezone=e.timeFormatConfig.timezone}toUTC(e){return I.default.tz(e,this.timezone).utc().toISOString()}fromUTC(e){return I.default.utc(e).tz(this.timezone).toDate()}formatTime(e,t=!1){let n=t?"HH:mm:ss":"HH:mm";return(0,I.default)(e).format(n)}formatTimeRange(e,t){return`${this.formatTime(e)} - ${this.formatTime(t)}`}formatTechnicalDateTime(e){return(0,I.default)(e).format("YYYY-MM-DD HH:mm:ss")}formatDate(e){return(0,I.default)(e).format("YYYY-MM-DD")}formatMonthYear(e,t="en-US"){return e.toLocaleDateString(t,{month:"long",year:"numeric"})}formatISODate(e){return this.formatDate(e)}formatTime12(e){return(0,I.default)(e).format("h:mm A")}getDayName(e,t="short",n="da-DK"){return new Intl.DateTimeFormat(n,{weekday:t}).format(e)}formatDateRange(e,t,n={}){let{locale:r="en-US",month:s="short",day:i="numeric"}=n,a=e.getFullYear(),c=t.getFullYear(),d=new Intl.DateTimeFormat(r,{month:s,day:i,year:a!==c?"numeric":void 0});return typeof d.formatRange=="function"?d.formatRange(e,t):`${d.format(e)} - ${d.format(t)}`}timeToMinutes(e){let t=e.split(":").map(Number),n=t[0]||0,r=t[1]||0;return n*60+r}minutesToTime(e){let t=Math.floor(e/60),n=e%60;return(0,I.default)().hour(t).minute(n).format("HH:mm")}formatTimeFromMinutes(e){return this.minutesToTime(e)}getMinutesSinceMidnight(e){let t=(0,I.default)(e);return t.hour()*60+t.minute()}getDurationMinutes(e,t){let n=(0,I.default)(e);return(0,I.default)(t).diff(n,"minute")}getWeekBounds(e){let t=(0,I.default)(e);return{start:t.startOf("week").add(1,"day").toDate(),end:t.endOf("week").add(1,"day").toDate()}}addWeeks(e,t){return(0,I.default)(e).add(t,"week").toDate()}addMonths(e,t){return(0,I.default)(e).add(t,"month").toDate()}getWeekNumber(e){return(0,I.default)(e).isoWeek()}getFullWeekDates(e){let t=[];for(let n=0;n<7;n++)t.push(this.addDays(e,n));return t}getWorkWeekDates(e,t){let n=[],r=this.getWeekBounds(e),s=this.startOfDay(r.start);return t.forEach(i=>{let a=new Date(s),c=i===7?6:i-1;a.setDate(s.getDate()+c),n.push(a)}),n}createDateAtTime(e,t){let n=Math.floor(t/60),r=t%60;return(0,I.default)(e).startOf("day").hour(n).minute(r).toDate()}snapToInterval(e,t){let n=this.getMinutesSinceMidnight(e),r=Math.round(n/t)*t;return this.createDateAtTime(e,r)}isSameDay(e,t){return(0,I.default)(e).isSame(t,"day")}startOfDay(e){return(0,I.default)(e).startOf("day").toDate()}endOfDay(e){return(0,I.default)(e).endOf("day").toDate()}addDays(e,t){return(0,I.default)(e).add(t,"day").toDate()}addMinutes(e,t){return(0,I.default)(e).add(t,"minute").toDate()}parseISO(e){return(0,I.default)(e).toDate()}isValid(e){return(0,I.default)(e).isValid()}differenceInCalendarDays(e,t){let n=(0,I.default)(e).startOf("day"),r=(0,I.default)(t).startOf("day");return n.diff(r,"day")}isValidRange(e,t){return!this.isValid(e)||!this.isValid(t)?!1:e.getTime()<=t.getTime()}isWithinBounds(e){if(!this.isValid(e))return!1;let t=e.getFullYear();return t>=1900&&t<=2100}validateDate(e,t={}){if(!this.isValid(e))return{valid:!1,error:"Invalid date"};if(!this.isWithinBounds(e))return{valid:!1,error:"Date out of bounds (1900-2100)"};let n=new Date;return t.requireFuture&&e<=n?{valid:!1,error:"Date must be in the future"}:t.requirePast&&e>=n?{valid:!1,error:"Date must be in the past"}:t.minDate&&e<t.minDate?{valid:!1,error:`Date must be after ${this.formatDate(t.minDate)}`}:t.maxDate&&e>t.maxDate?{valid:!1,error:`Date must be before ${this.formatDate(t.maxDate)}`}:{valid:!0}}};var V=class o{static getDateService(){if(!o.dateService){if(!o.settings)throw new Error("TimeFormatter must be configured before use. Call TimeFormatter.configure() first.");let e={timeFormatConfig:{timezone:o.settings.timezone}};o.dateService=new U(e)}return o.dateService}static configure(e){o.settings=e,o.dateService=null}static convertToLocalTime(e){if(typeof e=="string")return o.getDateService().fromUTC(e);let t=e.toISOString();return o.getDateService().fromUTC(t)}static format24Hour(e){if(!o.settings)throw new Error("TimeFormatter must be configured before use. Call TimeFormatter.configure() first.");let t=o.convertToLocalTime(e);return o.getDateService().formatTime(t,o.settings.showSeconds)}static formatTime(e){return o.format24Hour(e)}static formatTimeRange(e,t){let n=o.convertToLocalTime(e),r=o.convertToLocalTime(t);return o.getDateService().formatTimeRange(n,r)}};V.settings=null;V.dateService=null;var v={INITIALIZED:"core:initialized",READY:"core:ready",DESTROYED:"core:destroyed",VIEW_CHANGED:"view:changed",VIEW_RENDERED:"view:rendered",WORKWEEK_CHANGED:"workweek:changed",NAV_BUTTON_CLICKED:"nav:button-clicked",DATE_CHANGED:"nav:date-changed",NAVIGATION_COMPLETED:"nav:navigation-completed",PERIOD_INFO_UPDATE:"nav:period-info-update",NAVIGATE_TO_EVENT:"nav:navigate-to-event",DATA_LOADING:"data:loading",DATA_LOADED:"data:loaded",DATA_ERROR:"data:error",EVENTS_FILTERED:"data:events-filtered",REMOTE_UPDATE_RECEIVED:"data:remote-update",GRID_RENDERED:"grid:rendered",GRID_CLICKED:"grid:clicked",CELL_SELECTED:"grid:cell-selected",EVENT_CREATED:"event:created",EVENT_UPDATED:"event:updated",EVENT_DELETED:"event:deleted",EVENT_SELECTED:"event:selected",ERROR:"system:error",REFRESH_REQUESTED:"system:refresh",OFFLINE_MODE_CHANGED:"system:offline-mode-changed",SYNC_STARTED:"sync:started",SYNC_COMPLETED:"sync:completed",SYNC_FAILED:"sync:failed",SYNC_RETRY:"sync:retry",FILTER_CHANGED:"filter:changed",EVENTS_RENDERED:"events:rendered"};var fe=class{constructor(e,t){this.eventBus=e,this.config=t,this.setupEventListeners(),this.syncGridCSSVariables(),this.syncWorkweekCSSVariables()}setupEventListeners(){this.eventBus.on(v.WORKWEEK_CHANGED,e=>{let{settings:t}=e.detail;this.syncWorkweekCSSVariables(t)})}syncGridCSSVariables(){let e=this.config.gridSettings;document.documentElement.style.setProperty("--hour-height",`${e.hourHeight}px`),document.documentElement.style.setProperty("--day-start-hour",e.dayStartHour.toString()),document.documentElement.style.setProperty("--day-end-hour",e.dayEndHour.toString()),document.documentElement.style.setProperty("--work-start-hour",e.workStartHour.toString()),document.documentElement.style.setProperty("--work-end-hour",e.workEndHour.toString())}syncWorkweekCSSVariables(e){let t=e||this.config.getWorkWeekSettings();document.documentElement.style.setProperty("--grid-columns",t.totalDays.toString())}static async load(){let e=await fetch("/wwwroot/data/calendar-config.json");if(!e.ok)throw new Error(`Failed to load config: ${e.statusText}`);let t=await e.json(),n={scrollbarWidth:t.scrollbar.width,scrollbarColor:t.scrollbar.color,scrollbarTrackColor:t.scrollbar.trackColor,scrollbarHoverColor:t.scrollbar.hoverColor,scrollbarBorderRadius:t.scrollbar.borderRadius,allowDrag:t.interaction.allowDrag,allowResize:t.interaction.allowResize,allowCreate:t.interaction.allowCreate,apiEndpoint:t.api.endpoint,dateFormat:t.api.dateFormat,timeFormat:t.api.timeFormat,enableSearch:t.features.enableSearch,enableTouch:t.features.enableTouch,defaultEventDuration:t.eventDefaults.defaultEventDuration,minEventDuration:t.gridSettings.snapInterval,maxEventDuration:t.eventDefaults.maxEventDuration},r=new K(n,t.gridSettings,t.dateViewSettings,t.timeFormatConfig,t.currentWorkWeek,t.currentView||"week");return V.configure(r.timeFormatConfig),r}};var Ee=class{constructor(e){this.eventBus=e}parseEventIdFromURL(){try{let t=new URLSearchParams(window.location.search).get("eventId");return t&&t.trim()!==""?t.trim():null}catch(e){return console.warn("URLManager: Failed to parse URL parameters:",e),null}}getAllQueryParams(){try{let e=new URLSearchParams(window.location.search),t={};for(let[n,r]of e.entries())t[n]=r;return t}catch(e){return console.warn("URLManager: Failed to parse URL parameters:",e),{}}}updateURL(e){try{let t=new URL(window.location.href);Object.entries(e).forEach(([n,r])=>{r===null?t.searchParams.delete(n):t.searchParams.set(n,r)}),window.history.replaceState({},"",t.toString())}catch(t){console.warn("URLManager: Failed to update URL:",t)}}hasQueryParams(){return window.location.search.length>0}};var De=class{constructor(e,t,n,r){this.eventBus=e,this.dateService=t,this.config=n,this.repository=r}async loadData(){try{await this.repository.loadEvents()}catch(e){throw console.error("Failed to load event data:",e),e}}async getEvents(e=!1){let t=await this.repository.loadEvents();return e?[...t]:t}async getEventById(e){return(await this.repository.loadEvents()).find(n=>n.id===e)}async getEventForNavigation(e){let t=await this.getEventById(e);if(!t)return null;let n=this.dateService.validateDate(t.start);return n.valid?this.dateService.isValidRange(t.start,t.end)?{event:t,eventDate:t.start}:(console.warn(`EventManager: Invalid date range for event ${e}: start must be before end`),null):(console.warn(`EventManager: Invalid event start date for event ${e}:`,n.error),null)}async navigateToEvent(e){let t=await this.getEventForNavigation(e);if(!t)return console.warn(`EventManager: Event with ID ${e} not found`),!1;let{event:n,eventDate:r}=t;return this.eventBus.emit(v.NAVIGATE_TO_EVENT,{eventId:e,event:n,eventDate:r,eventStartTime:n.start}),!0}async getEventsForPeriod(e,t){return(await this.repository.loadEvents()).filter(r=>r.start<=t&&r.end>=e)}async addEvent(e){let t=await this.repository.createEvent(e,"local");return this.eventBus.emit(v.EVENT_CREATED,{event:t}),t}async updateEvent(e,t){try{let n=await this.repository.updateEvent(e,t,"local");return this.eventBus.emit(v.EVENT_UPDATED,{event:n}),n}catch(n){return console.error(`Failed to update event ${e}:`,n),null}}async deleteEvent(e){try{return await this.repository.deleteEvent(e,"local"),this.eventBus.emit(v.EVENT_DELETED,{eventId:e}),!0}catch(t){return console.error(`Failed to delete event ${e}:`,t),!1}}async handleRemoteUpdate(e){try{await this.repository.updateEvent(e.id,e,"remote"),this.eventBus.emit(v.REMOTE_UPDATE_RECEIVED,{event:e}),this.eventBus.emit(v.EVENT_UPDATED,{event:e})}catch(t){console.error(`Failed to handle remote update for event ${e.id}:`,t)}}};var B=class{static updateColumnBoundsCache(){this.columnBoundsCache=[];let e=document.querySelectorAll("swp-day-column"),t=1;e.forEach(n=>{let r=n.getBoundingClientRect(),s=n.dataset.date;s&&this.columnBoundsCache.push({boundingClientRect:r,element:n,date:s,left:r.left,right:r.right,index:t++})}),this.columnBoundsCache.sort((n,r)=>n.left-r.left)}static getColumnBounds(e){this.columnBoundsCache.length===0&&this.updateColumnBoundsCache();let t=this.columnBoundsCache.find(n=>e.x>=n.left&&e.x<=n.right);return t||null}static getColumnBoundsByDate(e){this.columnBoundsCache.length===0&&this.updateColumnBoundsCache();let t=e.toISOString().split("T")[0];return this.columnBoundsCache.find(r=>r.date===t)||null}static getColumns(){return[...this.columnBoundsCache]}static getHeaderColumns(){let e=[],t=document.querySelectorAll("swp-calendar-header swp-day-header"),n=1;return t.forEach(r=>{let s=r.getBoundingClientRect(),i=r.dataset.date;i&&e.push({boundingClientRect:s,element:r,date:i,left:s.left,right:s.right,index:n++})}),e.sort((r,s)=>r.left-s.left),e}};B.columnBoundsCache=[];var Se=class{constructor(e,t,n,r){this.dragMouseLeaveHeaderListener=null,this.eventBus=e,this.eventManager=t,this.strategy=n,this.dateService=r,this.setupEventListeners()}async renderEvents(e){this.strategy.clearEvents(e.container);let t=await this.eventManager.getEventsForPeriod(e.startDate,e.endDate);if(t.length===0)return;let n=t.filter(r=>!r.allDay);console.log("\u{1F3AF} EventRenderingService: Event filtering",{totalEvents:t.length,timedEvents:n.length,allDayEvents:t.length-n.length}),n.length>0&&this.strategy.renderEvents(n,e.container),this.eventBus.emit(v.EVENTS_RENDERED,{events:t,container:e.container})}setupEventListeners(){this.eventBus.on(v.GRID_RENDERED,e=>{this.handleGridRendered(e)}),this.eventBus.on(v.VIEW_CHANGED,e=>{this.handleViewChanged(e)}),this.setupDragEventListeners()}handleGridRendered(e){let{container:t,startDate:n,endDate:r}=e.detail;!t||!n||!r||this.renderEvents({container:t,startDate:n,endDate:r})}handleViewChanged(e){this.clearEvents()}setupDragEventListeners(){this.setupDragStartListener(),this.setupDragMoveListener(),this.setupDragEndListener(),this.setupDragColumnChangeListener(),this.setupDragMouseLeaveHeaderListener(),this.setupDragMouseEnterColumnListener(),this.setupResizeEndListener(),this.setupNavigationCompletedListener()}setupDragStartListener(){this.eventBus.on("drag:start",e=>{let t=e.detail;t.originalElement.hasAttribute("data-allday")||t.originalElement&&this.strategy.handleDragStart&&t.columnBounds&&this.strategy.handleDragStart(t)})}setupDragMoveListener(){this.eventBus.on("drag:move",e=>{let t=e.detail;t.draggedClone.hasAttribute("data-allday")||this.strategy.handleDragMove&&this.strategy.handleDragMove(t)})}setupDragEndListener(){this.eventBus.on("drag:end",async e=>{let{originalElement:t,draggedClone:n,originalSourceColumn:r,finalPosition:s,target:i}=e.detail,a=s.column,c=s.snappedY,d=n;i==="swp-day-column"&&a&&(t&&n&&this.strategy.handleDragEnd&&this.strategy.handleDragEnd(t,n,a,c),await this.eventManager.updateEvent(d.eventId,{start:d.start,end:d.end,allDay:!1}),await this.reRenderAffectedColumns(r,a))})}setupDragColumnChangeListener(){this.eventBus.on("drag:column-change",e=>{let t=e.detail;t.draggedClone&&t.draggedClone.hasAttribute("data-allday")||this.strategy.handleColumnChange&&this.strategy.handleColumnChange(t)})}setupDragMouseLeaveHeaderListener(){this.dragMouseLeaveHeaderListener=e=>{let{targetDate:t,mousePosition:n,originalElement:r,draggedClone:s}=e.detail;s&&(s.style.display=""),console.log("\u{1F6AA} EventRendererManager: Received drag:mouseleave-header",{targetDate:t,originalElement:r,cloneElement:s})},this.eventBus.on("drag:mouseleave-header",this.dragMouseLeaveHeaderListener)}setupDragMouseEnterColumnListener(){this.eventBus.on("drag:mouseenter-column",e=>{let t=e.detail;t.draggedClone.hasAttribute("data-allday")&&(console.log("\u{1F3AF} EventRendererManager: Received drag:mouseenter-column",{targetColumn:t.targetColumn,snappedY:t.snappedY,calendarEvent:t.calendarEvent}),this.strategy.handleConvertAllDayToTimed&&this.strategy.handleConvertAllDayToTimed(t))})}setupResizeEndListener(){this.eventBus.on("resize:end",async e=>{let{eventId:t,element:n}=e.detail,r=n,s=r.start,i=r.end;await this.eventManager.updateEvent(t,{start:s,end:i}),console.log("\u{1F4DD} EventRendererManager: Updated event after resize",{eventId:t,newStart:s,newEnd:i});let a=B.getColumnBoundsByDate(s);a&&await this.renderSingleColumn(a)})}setupNavigationCompletedListener(){this.eventBus.on(v.NAVIGATION_COMPLETED,()=>{this.strategy.handleNavigationCompleted&&this.strategy.handleNavigationCompleted()})}async reRenderAffectedColumns(e,t){e&&await this.renderSingleColumn(e),t&&t.date!==e?.date&&await this.renderSingleColumn(t)}clearColumnEvents(e){let t=e.querySelectorAll("swp-event"),n=e.querySelectorAll("swp-event-group");t.forEach(r=>r.remove()),n.forEach(r=>r.remove())}async renderSingleColumn(e){let t=this.dateService.parseISO(`${e.date}T00:00:00`),n=this.dateService.parseISO(`${e.date}T23:59:59.999`),s=(await this.eventManager.getEventsForPeriod(t,n)).filter(a=>!a.allDay),i=e.element.querySelector("swp-events-layer");if(!i){console.warn("EventRendererManager: Events layer not found in column");return}this.clearColumnEvents(i),this.strategy.renderSingleColumnEvents&&this.strategy.renderSingleColumnEvents(e,s),console.log("\u{1F504} EventRendererManager: Re-rendered single column",{columnDate:e.date,eventsCount:s.length})}clearEvents(e){this.strategy.clearEvents(e)}refresh(e){this.clearEvents(e)}};var we=class{constructor(e,t){this.container=null,this.currentDate=new Date,this.currentView="week",this.gridRenderer=e,this.dateService=t,this.init()}init(){this.findElements(),this.subscribeToEvents()}getISOWeekStart(e){let t=this.dateService.getWeekBounds(e);return this.dateService.startOfDay(t.start)}getWeekEnd(e){let t=this.dateService.getWeekBounds(e);return this.dateService.endOfDay(t.end)}findElements(){this.container=document.querySelector("swp-calendar-container")}subscribeToEvents(){b.on(v.VIEW_CHANGED,e=>{let t=e.detail;this.currentView=t.currentView,this.render()}),b.on(v.REFRESH_REQUESTED,e=>{this.render()}),b.on(v.WORKWEEK_CHANGED,()=>{this.render()})}async render(){if(!this.container)return;this.gridRenderer.renderGrid(this.container,this.currentDate);let e=this.getPeriodRange(),t=this.getLayoutConfig();b.emit(v.GRID_RENDERED,{container:this.container,currentDate:this.currentDate,startDate:e.startDate,endDate:e.endDate,layoutConfig:t,columnCount:t.columnCount})}getCurrentPeriodLabel(){switch(this.currentView){case"week":case"day":let e=this.getISOWeekStart(this.currentDate),t=this.getWeekEnd(this.currentDate);return this.dateService.formatDateRange(e,t);case"month":return this.dateService.formatMonthYear(this.currentDate);default:let n=this.getISOWeekStart(this.currentDate),r=this.getWeekEnd(this.currentDate);return this.dateService.formatDateRange(n,r)}}navigateNext(){let e;switch(this.currentView){case"week":e=this.dateService.addWeeks(this.currentDate,1);break;case"month":e=this.dateService.addMonths(this.currentDate,1);break;case"day":e=this.dateService.addDays(this.currentDate,1);break;default:e=this.dateService.addWeeks(this.currentDate,1)}this.currentDate=e,b.emit(v.NAVIGATION_COMPLETED,{direction:"next",newDate:e,periodLabel:this.getCurrentPeriodLabel()}),this.render()}navigatePrevious(){let e;switch(this.currentView){case"week":e=this.dateService.addWeeks(this.currentDate,-1);break;case"month":e=this.dateService.addMonths(this.currentDate,-1);break;case"day":e=this.dateService.addDays(this.currentDate,-1);break;default:e=this.dateService.addWeeks(this.currentDate,-1)}this.currentDate=e,b.emit(v.NAVIGATION_COMPLETED,{direction:"previous",newDate:e,periodLabel:this.getCurrentPeriodLabel()}),this.render()}getDisplayDates(){switch(this.currentView){case"week":let e=this.getISOWeekStart(this.currentDate);return this.dateService.getFullWeekDates(e);case"month":return this.getMonthDates(this.currentDate);case"day":return[this.currentDate];default:let t=this.getISOWeekStart(this.currentDate);return this.dateService.getFullWeekDates(t)}}getPeriodRange(){switch(this.currentView){case"week":let e=this.getISOWeekStart(this.currentDate),t=this.getWeekEnd(this.currentDate);return{startDate:e,endDate:t};case"month":return{startDate:this.getMonthStart(this.currentDate),endDate:this.getMonthEnd(this.currentDate)};case"day":return{startDate:this.currentDate,endDate:this.currentDate};default:let n=this.getISOWeekStart(this.currentDate),r=this.getWeekEnd(this.currentDate);return{startDate:n,endDate:r}}}getLayoutConfig(){switch(this.currentView){case"week":return{columnCount:7,type:"week"};case"month":return{columnCount:7,type:"month"};case"day":return{columnCount:1,type:"day"};default:return{columnCount:7,type:"week"}}}getMonthStart(e){let t=e.getFullYear(),n=e.getMonth();return this.dateService.startOfDay(new Date(t,n,1))}getMonthEnd(e){let t=this.dateService.addMonths(e,1),n=this.getMonthStart(t);return this.dateService.endOfDay(this.dateService.addDays(n,-1))}getMonthDates(e){let t=[],n=this.getMonthStart(e),r=this.getMonthEnd(e),s=Math.ceil((r.getTime()-n.getTime())/(1e3*60*60*24))+1;for(let i=0;i<s;i++)t.push(this.dateService.addDays(n,i));return t}};var Ce=class{constructor(e){this.scrollableContent=null,this.calendarContainer=null,this.timeAxis=null,this.calendarHeader=null,this.resizeObserver=null,this.positionUtils=e,this.init()}init(){this.subscribeToEvents()}initialize(){this.setupScrolling()}subscribeToEvents(){b.on(v.NAVIGATION_COMPLETED,()=>{this.syncTimeAxisPosition(),this.setupScrolling()}),b.on("header:height-changed",()=>{this.updateScrollableHeight()}),b.on("header:ready",()=>{this.calendarHeader=document.querySelector("swp-calendar-header"),this.scrollableContent&&this.calendarHeader&&(this.setupHorizontalScrollSynchronization(),this.syncCalendarHeaderPosition()),this.updateScrollableHeight()}),window.addEventListener("resize",()=>{this.updateScrollableHeight()}),b.on("scroll:to-event-time",e=>{let t=e,{eventStartTime:n}=t.detail;n&&this.scrollToEventTime(n)})}setupScrolling(){this.findElements(),this.scrollableContent&&this.calendarContainer&&(this.setupResizeObserver(),this.updateScrollableHeight(),this.setupScrollSynchronization()),this.scrollableContent&&this.calendarHeader&&this.setupHorizontalScrollSynchronization()}findElements(){this.scrollableContent=document.querySelector("swp-scrollable-content"),this.calendarContainer=document.querySelector("swp-calendar-container"),this.timeAxis=document.querySelector("swp-time-axis"),this.calendarHeader=document.querySelector("swp-calendar-header")}scrollTo(e){this.scrollableContent&&(this.scrollableContent.scrollTop=e)}scrollToHour(e){let t=`${e.toString().padStart(2,"0")}:00`,n=this.positionUtils.timeToPixels(t);this.scrollTo(n)}scrollToEventTime(e){try{let t=new Date(e),n=t.getHours(),r=t.getMinutes(),s=n+r/60;this.scrollToHour(s)}catch(t){console.warn("ScrollManager: Failed to scroll to event time:",t)}}setupResizeObserver(){this.calendarContainer&&(this.resizeObserver&&this.resizeObserver.disconnect(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.updateScrollableHeight()}),this.resizeObserver.observe(this.calendarContainer))}updateScrollableHeight(){if(!this.scrollableContent||!this.calendarContainer)return;let e=this.calendarContainer.getBoundingClientRect(),t=document.querySelector("swp-calendar-nav"),n=t?t.getBoundingClientRect().height:0,r=document.querySelector("swp-calendar-header"),s=r?r.getBoundingClientRect().height:80,i=e.height-s,a=e.width-60;i>0&&(this.scrollableContent.style.height=`${i}px`),a>0&&(this.scrollableContent.style.width=`${a}px`)}setupScrollSynchronization(){if(!this.scrollableContent||!this.timeAxis)return;let e=null;this.scrollableContent.addEventListener("scroll",()=>{e&&cancelAnimationFrame(e),e=requestAnimationFrame(()=>{this.syncTimeAxisPosition()})})}syncTimeAxisPosition(){if(!this.scrollableContent||!this.timeAxis)return;let e=this.scrollableContent.scrollTop,t=this.timeAxis.querySelector("swp-time-axis-content");t&&(t.style.transform=`translateY(-${e}px)`,e%100)}setupHorizontalScrollSynchronization(){!this.scrollableContent||!this.calendarHeader||this.scrollableContent.addEventListener("scroll",()=>{this.syncCalendarHeaderPosition()})}syncCalendarHeaderPosition(){if(!this.scrollableContent||!this.calendarHeader)return;let e=this.scrollableContent.scrollLeft;this.calendarHeader.style.transform=`translateX(-${e}px)`,e%100}};var Te=class{constructor(e,t,n,r,s){this.animationQueue=0,this.eventBus=e,this.dateService=r,this.weekInfoRenderer=s,this.gridRenderer=n,this.currentWeek=this.getISOWeekStart(new Date),this.targetWeek=new Date(this.currentWeek),this.init()}init(){this.setupEventListeners()}getISOWeekStart(e){let t=this.dateService.getWeekBounds(e);return this.dateService.startOfDay(t.start)}setupEventListeners(){this.eventBus.on(v.INITIALIZED,()=>{this.updateWeekInfo()}),this.eventBus.on(v.FILTER_CHANGED,e=>{let t=e.detail;this.weekInfoRenderer.applyFilterToPreRenderedGrids(t)}),this.eventBus.on(v.NAV_BUTTON_CLICKED,e=>{let{action:t}=e.detail;switch(t){case"prev":this.navigateToPreviousWeek();break;case"next":this.navigateToNextWeek();break;case"today":this.navigateToToday();break}}),this.eventBus.on(v.DATE_CHANGED,e=>{let n=e.detail.currentDate;if(!n){console.warn("NavigationManager: No date provided in DATE_CHANGED event");return}let r=new Date(n),s=this.dateService.validateDate(r);if(!s.valid){console.warn("NavigationManager: Invalid date received:",s.error);return}this.navigateToDate(r)}),this.eventBus.on(v.NAVIGATE_TO_EVENT,e=>{let t=e,{eventDate:n,eventStartTime:r}=t.detail;if(!n||!r){console.warn("NavigationManager: Invalid event navigation data");return}this.navigateToEventDate(n,r)})}navigateToEventDate(e,t){let n=this.getISOWeekStart(e);this.targetWeek=new Date(n);let r=this.currentWeek.getTime(),s=n.getTime(),i=()=>{this.eventBus.emit("scroll:to-event-time",{eventStartTime:t})};r<s?(this.animationQueue++,this.animateTransition("next",n),this.eventBus.once(v.NAVIGATION_COMPLETED,i)):r>s?(this.animationQueue++,this.animateTransition("prev",n),this.eventBus.once(v.NAVIGATION_COMPLETED,i)):i()}navigateToPreviousWeek(){this.targetWeek=this.dateService.addWeeks(this.targetWeek,-1);let e=new Date(this.targetWeek);this.animationQueue++,this.animateTransition("prev",e)}navigateToNextWeek(){this.targetWeek=this.dateService.addWeeks(this.targetWeek,1);let e=new Date(this.targetWeek);this.animationQueue++,this.animateTransition("next",e)}navigateToToday(){let e=new Date,t=this.getISOWeekStart(e);this.targetWeek=new Date(t);let n=this.currentWeek.getTime(),r=t.getTime();n<r?(this.animationQueue++,this.animateTransition("next",t)):n>r&&(this.animationQueue++,this.animateTransition("prev",t))}navigateToDate(e){let t=this.getISOWeekStart(e);this.targetWeek=new Date(t);let n=this.currentWeek.getTime(),r=t.getTime();n<r?(this.animationQueue++,this.animateTransition("next",t)):n>r&&(this.animationQueue++,this.animateTransition("prev",t))}animateTransition(e,t){let n=document.querySelector("swp-calendar-container"),r=document.querySelector("swp-calendar-container swp-grid-container:not([data-prerendered])");if(!n||!r)return;document.documentElement.style.setProperty("--all-day-row-height","0px");let i;console.group("\u{1F527} NavigationManager.refactored"),console.log("Calling GridRenderer instead of NavigationRenderer"),console.log("Target week:",t),i=this.gridRenderer.createNavigationGrid(n,t),console.groupEnd(),i.style.transform="",r.style.transform="";let a=r.animate([{transform:"translateX(0)",opacity:"1"},{transform:e==="next"?"translateX(-100%)":"translateX(100%)",opacity:"0.5"}],{duration:400,easing:"ease-in-out",fill:"forwards"});i.animate([{transform:e==="next"?"translateX(100%)":"translateX(-100%)"},{transform:"translateX(0)"}],{duration:400,easing:"ease-in-out",fill:"forwards"}).addEventListener("finish",()=>{let d=n.querySelectorAll("swp-grid-container");for(let g=0;g<d.length-1;g++)d[g].remove();i.style.position="relative",i.removeAttribute("data-prerendered"),this.currentWeek=new Date(t),this.animationQueue--,this.animationQueue===0&&(this.currentWeek=new Date(this.targetWeek)),this.updateWeekInfo(),this.eventBus.emit(v.NAVIGATION_COMPLETED,{direction:e,currentDate:this.currentWeek})})}updateWeekInfo(){let e=this.dateService.getWeekNumber(this.currentWeek),t=this.dateService.addDays(this.currentWeek,6),n=this.dateService.formatDateRange(this.currentWeek,t);this.eventBus.emit(v.PERIOD_INFO_UPDATE,{weekNumber:e,dateRange:n,weekStart:this.currentWeek,weekEnd:t})}};var ke=class{constructor(e){this.buttonListeners=new Map,this.eventBus=e,this.setupButtonListeners()}setupButtonListeners(){document.querySelectorAll("swp-nav-button[data-action]").forEach(t=>{let n=r=>{r.preventDefault();let s=t.getAttribute("data-action");s&&this.isValidAction(s)&&this.handleNavigation(s)};t.addEventListener("click",n),this.buttonListeners.set(t,n)})}handleNavigation(e){this.eventBus.emit(v.NAV_BUTTON_CLICKED,{action:e})}isValidAction(e){return["prev","next","today"].includes(e)}};var Me=class{constructor(e,t){this.buttonListeners=new Map,this.eventBus=e,this.config=t,this.setupButtonListeners(),this.setupEventListeners()}setupButtonListeners(){document.querySelectorAll("swp-view-button[data-view]").forEach(t=>{let n=r=>{r.preventDefault();let s=t.getAttribute("data-view");s&&this.isValidView(s)&&this.changeView(s)};t.addEventListener("click",n),this.buttonListeners.set(t,n)}),this.updateButtonStates()}setupEventListeners(){this.eventBus.on(v.INITIALIZED,()=>{this.initializeView()}),this.eventBus.on(v.DATE_CHANGED,()=>{this.refreshCurrentView()})}changeView(e){if(e===this.config.currentView)return;let t=this.config.currentView;this.config.currentView=e,this.updateButtonStates(),this.eventBus.emit(v.VIEW_CHANGED,{previousView:t,currentView:e})}updateButtonStates(){document.querySelectorAll("swp-view-button[data-view]").forEach(t=>{t.getAttribute("data-view")===this.config.currentView?t.setAttribute("data-active","true"):t.removeAttribute("data-active")})}initializeView(){this.updateButtonStates(),this.emitViewRendered()}emitViewRendered(){this.eventBus.emit(v.VIEW_RENDERED,{view:this.config.currentView})}refreshCurrentView(){this.emitViewRendered()}isValidView(e){return["day","week","month"].includes(e)}};var Ae=class{constructor(e,t,n,r,s,i){this.currentView="week",this.currentDate=new Date,this.isInitialized=!1,this.eventBus=e,this.eventManager=t,this.gridManager=n,this.eventRenderer=r,this.scrollManager=s,this.config=i,this.setupEventListeners()}async initialize(){if(!this.isInitialized)try{await this.eventManager.loadData(),await this.gridManager.render(),this.scrollManager.initialize(),this.setView(this.currentView),this.setCurrentDate(this.currentDate),this.isInitialized=!0,this.eventBus.emit(v.INITIALIZED,{currentDate:this.currentDate,currentView:this.currentView})}catch(e){throw e}}setView(e){if(this.currentView===e)return;let t=this.currentView;this.currentView=e,this.eventBus.emit(v.VIEW_CHANGED,{previousView:t,currentView:e,date:this.currentDate})}setCurrentDate(e){let t=this.currentDate;this.currentDate=new Date(e),this.eventBus.emit(v.DATE_CHANGED,{previousDate:t,currentDate:this.currentDate,view:this.currentView})}setupEventListeners(){this.eventBus.on(v.WORKWEEK_CHANGED,e=>{let t=e;this.handleWorkweekChange()})}calculateCurrentPeriod(){let e=new Date(this.currentDate);switch(this.currentView){case"day":let t=new Date(e);t.setHours(0,0,0,0);let n=new Date(e);return n.setHours(23,59,59,999),{start:t.toISOString(),end:n.toISOString()};case"week":let r=new Date(e),s=r.getDay(),i=s===0?6:s-1;r.setDate(r.getDate()-i),r.setHours(0,0,0,0);let a=new Date(r);return a.setDate(a.getDate()+6),a.setHours(23,59,59,999),{start:r.toISOString(),end:a.toISOString()};case"month":let c=new Date(e.getFullYear(),e.getMonth(),1),d=new Date(e.getFullYear(),e.getMonth()+1,0,23,59,59,999);return{start:c.toISOString(),end:d.toISOString()};default:let g=new Date(e);g.setDate(g.getDate()-3),g.setHours(0,0,0,0);let w=new Date(e);return w.setDate(w.getDate()+3),w.setHours(23,59,59,999),{start:g.toISOString(),end:w.toISOString()}}}handleWorkweekChange(){this.eventBus.emit("workweek:header-update",{currentDate:this.currentDate,currentView:this.currentView})}};var Re=class extends HTMLElement{constructor(){super(),this.config=K.getInstance(),this.dateService=new U(this.config)}get eventId(){return this.dataset.eventId||""}set eventId(e){this.dataset.eventId=e}get start(){return new Date(this.dataset.start||"")}set start(e){this.dataset.start=this.dateService.toUTC(e)}get end(){return new Date(this.dataset.end||"")}set end(e){this.dataset.end=this.dateService.toUTC(e)}get title(){return this.dataset.title||""}set title(e){this.dataset.title=e}get description(){return this.dataset.description||""}set description(e){this.dataset.description=e}get type(){return this.dataset.type||"work"}set type(e){this.dataset.type=e}},Q=class extends Re{static get observedAttributes(){return["data-start","data-end","data-title","data-description","data-type"]}connectedCallback(){this.hasChildNodes()||this.render()}attributeChangedCallback(e,t,n){t!==n&&this.isConnected&&this.updateDisplay()}updatePosition(e,t){this.style.top=`${t+1}px`;let{startMinutes:n,endMinutes:r}=this.calculateTimesFromPosition(t),s=this.dateService.createDateAtTime(e,n),i=this.dateService.createDateAtTime(e,r);if(r>=1440){let a=Math.floor(r/1440);i=this.dateService.addDays(i,a)}this.start=s,this.end=i}updateHeight(e){this.style.height=`${e}px`;let t=this.config.gridSettings,{hourHeight:n,snapInterval:r}=t,s=this.start,i=e/n*60,a=Math.round(i/r)*r,c=this.dateService.addMinutes(s,a);this.end=c}createClone(){let e=this.cloneNode(!0);e.dataset.eventId=`clone-${this.eventId}`,e.style.pointerEvents="none";let t=this.querySelector("swp-event-time");if(t){let n=t.getAttribute("data-duration");n&&(e.dataset.originalDuration=n)}return e.style.height=this.style.height||`${this.getBoundingClientRect().height}px`,e}render(){let e=this.start,t=this.end,n=V.formatTimeRange(e,t),r=(t.getTime()-e.getTime())/(1e3*60);this.innerHTML=`
+      <swp-event-time data-duration="${r}">${n}</swp-event-time>
+      <swp-event-title>${this.title}</swp-event-title>
+      ${this.description?`<swp-event-description>${this.description}</swp-event-description>`:""}
+    `}updateDisplay(){let e=this.querySelector("swp-event-time"),t=this.querySelector("swp-event-title"),n=this.querySelector("swp-event-description");if(e&&this.dataset.start&&this.dataset.end){let r=new Date(this.dataset.start),s=new Date(this.dataset.end),i=V.formatTimeRange(r,s);e.textContent=i;let a=(s.getTime()-r.getTime())/(1e3*60);e.setAttribute("data-duration",a.toString())}if(t&&this.dataset.title&&(t.textContent=this.dataset.title),this.dataset.description){if(n)n.textContent=this.dataset.description;else if(this.description){let r=document.createElement("swp-event-description");r.textContent=this.description,this.appendChild(r)}}else n&&n.remove()}calculateTimesFromPosition(e){let t=this.config.gridSettings,{hourHeight:n,dayStartHour:r,snapInterval:s}=t,i=parseInt(this.dataset.originalDuration||this.dataset.duration||"60"),a=e/n*60,c=r*60+a,d=Math.round(c/s)*s,g=d+i;return{startMinutes:d,endMinutes:g}}static fromCalendarEvent(e){let t=document.createElement("swp-event"),n=K.getInstance(),r=new U(n);return t.dataset.eventId=e.id,t.dataset.title=e.title,t.dataset.description=e.description||"",t.dataset.start=r.toUTC(e.start),t.dataset.end=r.toUTC(e.end),t.dataset.type=e.type,t.dataset.duration=e.metadata?.duration?.toString()||"60",t}static extractCalendarEventFromElement(e){return{id:e.dataset.eventId||"",title:e.dataset.title||"",description:e.dataset.description||void 0,start:new Date(e.dataset.start||""),end:new Date(e.dataset.end||""),type:e.dataset.type||"work",allDay:!1,syncStatus:"synced",metadata:{duration:e.dataset.duration}}}},oe=class extends Re{connectedCallback(){this.textContent||(this.textContent=this.dataset.title||"Untitled")}createClone(){let e=this.cloneNode(!0);return e.dataset.eventId=`clone-${this.eventId}`,e.style.pointerEvents="none",e.style.opacity="1",e}applyGridPositioning(e,t,n){let r=`${e} / ${t} / ${e+1} / ${n+1}`;this.style.gridArea=r}static fromCalendarEvent(e){let t=document.createElement("swp-allday-event"),n=K.getInstance(),r=new U(n);return t.dataset.eventId=e.id,t.dataset.title=e.title,t.dataset.start=r.toUTC(e.start),t.dataset.end=r.toUTC(e.end),t.dataset.type=e.type,t.dataset.allday="true",t.textContent=e.title,t}};customElements.define("swp-event",Q);customElements.define("swp-allday-event",oe);var be=class{constructor(e,t){this.mouseDownPosition={x:0,y:0},this.currentMousePosition={x:0,y:0},this.mouseOffset={x:0,y:0},this.currentColumn=null,this.previousColumn=null,this.originalSourceColumn=null,this.isDragStarted=!1,this.dragThreshold=5,this.scrollableContent=null,this.scrollDeltaY=0,this.lastScrollTop=0,this.isScrollCompensating=!1,this.dragAnimationId=null,this.targetY=0,this.currentY=0,this.targetColumn=null,this.eventBus=e,this.positionUtils=t,this.init()}init(){document.body.addEventListener("mousemove",this.handleMouseMove.bind(this)),document.body.addEventListener("mousedown",this.handleMouseDown.bind(this)),document.body.addEventListener("mouseup",this.handleMouseUp.bind(this));let e=document.querySelector("swp-calendar-container");e&&(e.addEventListener("mouseleave",()=>{this.originalElement&&this.isDragStarted&&this.cancelDrag()}),e.addEventListener("mouseenter",t=>{let n=t.target;n.closest("swp-calendar-header")?this.handleHeaderMouseEnter(t):n.closest("swp-day-column")&&this.handleColumnMouseEnter(t)},!0),e.addEventListener("mouseleave",t=>{t.target.closest("swp-calendar-header")&&this.handleHeaderMouseLeave(t)},!0)),B.updateColumnBoundsCache(),window.addEventListener("resize",()=>{B.updateColumnBoundsCache()}),this.eventBus.on("navigation:completed",()=>{B.updateColumnBoundsCache()}),this.eventBus.on(v.GRID_RENDERED,t=>{this.handleGridRendered(t)}),this.eventBus.on("edgescroll:started",()=>{this.isScrollCompensating=!0,this.scrollableContent&&(this.lastScrollTop=this.scrollableContent.scrollTop)}),this.eventBus.on("edgescroll:stopped",()=>{this.isScrollCompensating=!1}),this.eventBus.on("drag:mouseenter-header",()=>{this.scrollDeltaY=0,this.lastScrollTop=0}),this.eventBus.on("drag:mouseenter-column",()=>{this.scrollDeltaY=0,this.lastScrollTop=0})}handleGridRendered(e){this.scrollableContent=document.querySelector("swp-scrollable-content"),this.scrollableContent.addEventListener("scroll",this.handleScroll.bind(this),{passive:!0})}handleMouseDown(e){this.cleanupDragState(),B.updateColumnBoundsCache();let t=e.target;if(t.closest("swp-resize-handle"))return;let n=t;for(;n&&n.tagName!=="SWP-GRID-CONTAINER"&&!(n.tagName==="SWP-EVENT"||n.tagName==="SWP-ALLDAY-EVENT");)if(n=n.parentElement,!n)return;if(n){this.originalElement=n;let r=n.getBoundingClientRect();this.mouseOffset={x:e.clientX-r.left,y:e.clientY-r.top},this.mouseDownPosition={x:e.clientX,y:e.clientY}}}handleMouseMove(e){if(e.buttons===1){if(this.currentMousePosition={x:e.clientX,y:e.clientY},!this.isDragStarted&&this.originalElement&&!this.initializeDrag(this.currentMousePosition))return;this.isDragStarted&&this.originalElement&&this.draggedClone&&(this.continueDrag(this.currentMousePosition),this.detectColumnChange(this.currentMousePosition))}}initializeDrag(e){let t=Math.abs(e.x-this.mouseDownPosition.x),n=Math.abs(e.y-this.mouseDownPosition.y);if(Math.sqrt(t*t+n*n)<this.dragThreshold)return!1;this.isDragStarted=!0;let s=this.originalElement.closest("swp-event-group");s?s.style.zIndex="9999":this.originalElement.style.zIndex="9999";let i=this.originalElement;this.currentColumn=B.getColumnBounds(e),this.originalSourceColumn=this.currentColumn,this.draggedClone=i.createClone();let a={originalElement:this.originalElement,draggedClone:this.draggedClone,mousePosition:this.mouseDownPosition,mouseOffset:this.mouseOffset,columnBounds:this.currentColumn};return this.eventBus.emit("drag:start",a),!0}continueDrag(e){if(!this.draggedClone.hasAttribute("data-allday")){let t=B.getColumnBounds(e);if(t){let n=t.boundingClientRect,s=e.y+this.scrollDeltaY-n.top-this.mouseOffset.y;this.targetY=Math.max(0,s),this.targetColumn=t,this.dragAnimationId===null&&(this.currentY=parseFloat(this.draggedClone.style.top)||0,this.animateDrag())}}}detectColumnChange(e){let t=B.getColumnBounds(e);if(t!=null&&t.index!==this.currentColumn?.index){this.previousColumn=this.currentColumn,this.currentColumn=t;let n={originalElement:this.originalElement,draggedClone:this.draggedClone,previousColumn:this.previousColumn,newColumn:t,mousePosition:e};this.eventBus.emit("drag:column-change",n)}}handleMouseUp(e){if(this.stopDragAnimation(),this.originalElement)if(this.isDragStarted){let t={x:e.clientX,y:e.clientY},n=B.getColumnBounds(t);if(!n)return;let r=this.calculateSnapPosition(t.y,n);this.draggedClone&&(this.draggedClone.style.top=`${r}px`);let s=this.detectDropTarget(t);if(!s)throw"dropTarget is null";let i={originalElement:this.originalElement,draggedClone:this.draggedClone,mousePosition:t,originalSourceColumn:this.originalSourceColumn,finalPosition:{column:n,snappedY:r},target:s};this.eventBus.emit("drag:end",i),this.cleanupDragState()}else this.eventBus.emit("event:click",{clickedElement:this.originalElement,mousePosition:{x:e.clientX,y:e.clientY}})}cleanupAllClones(){let e=document.querySelectorAll('[data-event-id^="clone"]');e.length>0&&e.forEach(t=>t.remove())}cancelDrag(){if(!this.originalElement||!this.draggedClone)return;let e=this.draggedClone.getBoundingClientRect(),t=this.originalElement.getBoundingClientRect(),n=t.left-e.left,r=t.top-e.top;this.draggedClone.style.transition="transform 300ms ease-out",this.draggedClone.style.transform=`translate(${n}px, ${r}px)`,setTimeout(()=>{this.cleanupAllClones(),this.originalElement&&(this.originalElement.style.opacity="",this.originalElement.style.cursor=""),this.eventBus.emit("drag:cancelled",{originalElement:this.originalElement,reason:"mouse-left-grid"}),this.cleanupDragState(),this.stopDragAnimation()},300)}calculateSnapPosition(e,t){let n=e-this.mouseOffset.y,r=this.positionUtils.getPositionFromCoordinate(n,t);return Math.max(0,r)}animateDrag(){if(!this.isDragStarted||!this.draggedClone||!this.targetColumn){this.dragAnimationId=null;return}let e=this.targetY-this.currentY,t=e*.3;if(Math.abs(e)>.5){this.currentY+=t;let n={originalElement:this.originalElement,draggedClone:this.draggedClone,mousePosition:this.currentMousePosition,snappedY:this.currentY,columnBounds:this.targetColumn,mouseOffset:this.mouseOffset};this.eventBus.emit("drag:move",n),this.dragAnimationId=requestAnimationFrame(()=>this.animateDrag())}else{this.currentY=this.targetY;let n={originalElement:this.originalElement,draggedClone:this.draggedClone,mousePosition:this.currentMousePosition,snappedY:this.currentY,columnBounds:this.targetColumn,mouseOffset:this.mouseOffset};this.eventBus.emit("drag:move",n),this.dragAnimationId=null}}handleScroll(){if(!this.isDragStarted||!this.draggedClone||!this.scrollableContent||!this.isScrollCompensating)return;let e=this.scrollableContent.scrollTop,t=e-this.lastScrollTop;this.scrollDeltaY+=t,this.lastScrollTop=e,this.continueDrag(this.currentMousePosition)}stopDragAnimation(){this.dragAnimationId!==null&&(cancelAnimationFrame(this.dragAnimationId),this.dragAnimationId=null)}cleanupDragState(){this.previousColumn=null,this.originalElement=null,this.draggedClone=null,this.currentColumn=null,this.originalSourceColumn=null,this.isDragStarted=!1,this.scrollDeltaY=0,this.lastScrollTop=0}detectDropTarget(e){let t=this.draggedClone;for(;t&&t!==document.body;){if(t.tagName==="SWP-ALLDAY-CONTAINER")return"swp-day-header";if(t.tagName==="SWP-DAY-COLUMN")return"swp-day-column";t=t.parentElement}return null}handleHeaderMouseEnter(e){if(!this.isDragStarted||!this.draggedClone)return;let t={x:e.clientX,y:e.clientY},n=B.getColumnBounds(t);if(n){let r=Q.extractCalendarEventFromElement(this.draggedClone),s={targetColumn:n,mousePosition:t,originalElement:this.originalElement,draggedClone:this.draggedClone,calendarEvent:r,replaceClone:i=>{this.draggedClone=i,this.dragAnimationId}};this.eventBus.emit("drag:mouseenter-header",s)}}handleColumnMouseEnter(e){if(!this.isDragStarted||!this.draggedClone||!this.draggedClone.hasAttribute("data-allday"))return;let t={x:e.clientX,y:e.clientY},n=B.getColumnBounds(t);if(!n)return;let r=this.calculateSnapPosition(t.y,n),s=Q.extractCalendarEventFromElement(this.draggedClone),i={targetColumn:n,mousePosition:t,snappedY:r,originalElement:this.originalElement,draggedClone:this.draggedClone,calendarEvent:s,replaceClone:a=>{this.draggedClone=a,this.dragAnimationId,this.stopDragAnimation()}};this.eventBus.emit("drag:mouseenter-column",i)}handleHeaderMouseLeave(e){if(!this.isDragStarted||!this.draggedClone||!this.draggedClone.hasAttribute("data-allday"))return;let t={x:e.clientX,y:e.clientY},n=B.getColumnBounds(t);if(!n)return;let r={targetDate:n.date,mousePosition:t,originalElement:this.originalElement,draggedClone:this.draggedClone};this.eventBus.emit("drag:mouseleave-header",r)}};var xe=class{constructor(e){this.weekDates=e,this.tracks=[]}calculateLayout(e){let t=[];this.tracks=[new Array(this.weekDates.length).fill(!1)];let n=e.filter(r=>this.isEventVisible(r));for(let r of n){let s=this.getEventStartDay(r),i=this.getEventEndDay(r);if(s>0&&i>0){let a=this.findAvailableTrack(s-1,i-1);for(let d=s-1;d<=i-1;d++)this.tracks[a][d]=!0;let c={calenderEvent:r,gridArea:`${a+1} / ${s} / ${a+2} / ${i+1}`,startColumn:s,endColumn:i,row:a+1,columnSpan:i-s+1};t.push(c)}}return t}findAvailableTrack(e,t){for(let n=0;n<this.tracks.length;n++)if(this.isTrackAvailable(n,e,t))return n;return this.tracks.push(new Array(this.weekDates.length).fill(!1)),this.tracks.length-1}isTrackAvailable(e,t,n){for(let r=t;r<=n;r++)if(this.tracks[e][r])return!1;return!0}getEventStartDay(e){let t=this.formatDate(e.start),n=this.weekDates[0],r=t<n?n:t,s=this.weekDates.indexOf(r);return s>=0?s+1:0}getEventEndDay(e){let t=this.formatDate(e.end),n=this.weekDates[this.weekDates.length-1],r=t>n?n:t,s=this.weekDates.indexOf(r);return s>=0?s+1:0}isEventVisible(e){if(this.weekDates.length===0)return!1;let t=this.formatDate(e.start),n=this.formatDate(e.end),r=this.weekDates[0],s=this.weekDates[this.weekDates.length-1];return!(n<r||t>s)}formatDate(e){let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${r}`}};var Ie=class{constructor(e,t,n){this.layoutEngine=null,this.currentAllDayEvents=[],this.currentWeekDates=[],this.isExpanded=!1,this.actualRowCount=0,this.eventManager=e,this.allDayEventRenderer=t,this.dateService=n,document.documentElement.style.setProperty("--single-row-height",`${ne.EVENT_HEIGHT}px`),this.setupEventListeners()}setupEventListeners(){b.on("drag:mouseenter-header",e=>{let t=e.detail;t.draggedClone.hasAttribute("data-allday")||(console.log("\u{1F504} AllDayManager: Received drag:mouseenter-header",{targetDate:t.targetColumn,originalElementId:t.originalElement?.dataset?.eventId,originalElementTag:t.originalElement?.tagName}),this.handleConvertToAllDay(t))}),b.on("drag:mouseleave-header",e=>{let{originalElement:t,cloneElement:n}=e.detail;console.log("\u{1F6AA} AllDayManager: Received drag:mouseleave-header",{originalElementId:t?.dataset?.eventId})}),b.on("drag:start",e=>{let t=e.detail;t.draggedClone?.hasAttribute("data-allday")&&this.allDayEventRenderer.handleDragStart(t)}),b.on("drag:column-change",e=>{let t=e.detail;t.draggedClone?.hasAttribute("data-allday")&&this.handleColumnChange(t)}),b.on("drag:end",e=>{let t=e.detail;if(console.log("\u{1F3AF} AllDayManager: drag:end received",{target:t.target,originalElementTag:t.originalElement?.tagName,hasAllDayAttribute:t.originalElement?.hasAttribute("data-allday"),eventId:t.originalElement?.dataset.eventId}),t.target==="swp-day-header"&&t.originalElement?.hasAttribute("data-allday")){console.log("\u2705 AllDayManager: Handling all-day \u2192 all-day drop"),this.handleDragEnd(t);return}if(t.target==="swp-day-header"&&!t.originalElement?.hasAttribute("data-allday")){console.log("\u{1F504} AllDayManager: Timed \u2192 all-day conversion on drop"),this.handleTimedToAllDayDrop(t);return}if(t.target==="swp-day-column"&&t.originalElement?.hasAttribute("data-allday")){let n=t.originalElement.dataset.eventId;console.log("\u{1F504} AllDayManager: All-day \u2192 timed conversion",{eventId:n}),this.fadeOutAndRemove(t.originalElement);let r=this.currentAllDayEvents.filter(i=>i.id!==n),s=this.calculateAllDayEventsLayout(r,this.currentWeekDates);this.allDayEventRenderer.renderAllDayEventsForPeriod(s),this.checkAndAnimateAllDayHeight()}}),b.on("drag:cancelled",e=>{let{draggedElement:t,reason:n}=e.detail;console.log("\u{1F6AB} AllDayManager: Drag cancelled",{eventId:t?.dataset?.eventId,reason:n})}),b.on("header:ready",async e=>{let t=e.detail,n=new Date(t.headerElements.at(0).date),r=new Date(t.headerElements.at(-1).date),i=(await this.eventManager.getEventsForPeriod(n,r)).filter(c=>c.allDay),a=this.calculateAllDayEventsLayout(i,t.headerElements);this.allDayEventRenderer.renderAllDayEventsForPeriod(a),this.checkAndAnimateAllDayHeight()}),b.on(v.VIEW_CHANGED,e=>{this.allDayEventRenderer.handleViewChanged(e)})}getAllDayContainer(){return document.querySelector("swp-calendar-header swp-allday-container")}getCalendarHeader(){return document.querySelector("swp-calendar-header")}getHeaderSpacer(){return document.querySelector("swp-header-spacer")}getMaxRowFromDOM(){let e=this.getAllDayContainer();if(!e)return 0;let t=0;return e.querySelectorAll("swp-allday-event:not(.max-event-indicator):not([data-removing])").forEach(r=>{let i=parseInt(r.style.gridRow)||1;t=Math.max(t,i)}),t}getGridAreaFromDOM(e){let t=this.getAllDayContainer();return t&&t.querySelector(`[data-event-id="${e}"]`)?.style.gridArea||null}countEventsInColumnFromDOM(e){let t=this.getAllDayContainer();if(!t)return 0;let n=0;return t.querySelectorAll("swp-allday-event:not(.max-event-indicator)").forEach(s=>{let c=s.style.gridColumn.match(/(\d+)\s*\/\s*(\d+)/);if(c){let d=parseInt(c[1]),g=parseInt(c[2])-1;d<=e&&g>=e&&n++}}),n}calculateAllDayHeight(e){let t=document.documentElement,n=e*ne.SINGLE_ROW_HEIGHT,r=t.style.getPropertyValue("--all-day-row-height")||"0px",s=parseInt(r)||0,i=n-s;return{targetHeight:n,currentHeight:s,heightDifference:i}}checkAndAnimateAllDayHeight(){let e=this.getMaxRowFromDOM();console.log("\u{1F4CA} AllDayManager: Height calculation",{maxRows:e,isExpanded:this.isExpanded}),this.actualRowCount=e;let t=e;e>ne.MAX_COLLAPSED_ROWS?(this.updateChevronButton(!0),this.isExpanded?this.clearOverflowIndicators():(t=ne.MAX_COLLAPSED_ROWS,this.updateOverflowIndicators())):(this.updateChevronButton(!1),this.clearOverflowIndicators()),console.log("\u{1F3AC} AllDayManager: Will animate to",{displayRows:t,maxRows:e,willAnimate:t!==this.actualRowCount}),console.log(`\u{1F3AF} AllDayManager: Animating to ${t} rows`),this.animateToRows(t)}animateToRows(e){let{targetHeight:t,currentHeight:n,heightDifference:r}=this.calculateAllDayHeight(e);if(t===n)return;console.log(`\u{1F3AC} All-day height animation: ${n}px \u2192 ${t}px (${Math.ceil(n/ne.SINGLE_ROW_HEIGHT)} \u2192 ${e} rows)`);let s=this.getCalendarHeader(),i=this.getHeaderSpacer(),a=this.getAllDayContainer();if(!s||!a)return;let c=parseFloat(getComputedStyle(s).height),d=c+r,g=[s.animate([{height:`${c}px`},{height:`${d}px`}],{duration:150,easing:"ease-out",fill:"forwards"})];if(i){let E=document.documentElement.style.getPropertyValue("--header-height"),m=parseInt(E),u=m+n,D=m+t;g.push(i.animate([{height:`${u}px`},{height:`${D}px`}],{duration:150,easing:"ease-out"}))}Promise.all(g.map(w=>w.finished)).then(()=>{document.documentElement.style.setProperty("--all-day-row-height",`${t}px`),b.emit("header:height-changed")})}calculateAllDayEventsLayout(e,t){return this.currentAllDayEvents=e,this.currentWeekDates=t,new xe(t.map(r=>r.date)).calculateLayout(e)}handleConvertToAllDay(e){let t=this.getAllDayContainer();if(!t)return;let n=oe.fromCalendarEvent(e.calendarEvent);n.style.gridRow="1",n.style.gridColumn=e.targetColumn.index.toString(),e.draggedClone.remove(),e.replaceClone(n),t.appendChild(n),B.updateColumnBoundsCache(),this.checkAndAnimateAllDayHeight()}handleColumnChange(e){if(!this.getAllDayContainer())return;let n=B.getColumnBounds(e.mousePosition);if(n==null||!e.draggedClone)return;let r=window.getComputedStyle(e.draggedClone),s=parseInt(r.gridColumnStart)||n.index,a=(parseInt(r.gridColumnEnd)||n.index+1)-s,c=n.index,d=c+a;e.draggedClone.style.gridColumn=`${c} / ${d}`}fadeOutAndRemove(e){console.log("\u{1F5D1}\uFE0F AllDayManager: About to remove all-day event",{eventId:e.dataset.eventId,element:e.tagName}),e.setAttribute("data-removing","true"),e.style.transition="opacity 0.3s ease-out",e.style.opacity="0",setTimeout(()=>{e.remove(),console.log("\u2705 AllDayManager: All-day event removed from DOM")},300)}async handleTimedToAllDayDrop(e){if(!e.draggedClone||!e.finalPosition.column)return;let t=e.draggedClone,n=t.eventId.replace("clone-",""),r=e.finalPosition.column.date;console.log("\u{1F504} AllDayManager: Converting timed event to all-day",{eventId:n,targetDate:r});let s=new Date(r);s.setHours(t.start.getHours(),t.start.getMinutes(),0,0);let i=new Date(r);i.setHours(t.end.getHours(),t.end.getMinutes(),0,0),await this.eventManager.updateEvent(n,{start:s,end:i,allDay:!0}),this.fadeOutAndRemove(e.originalElement);let a={id:n,title:t.title,start:s,end:i,type:t.type,allDay:!0,syncStatus:"synced"},c=[...this.currentAllDayEvents,a],d=this.calculateAllDayEventsLayout(c,this.currentWeekDates);this.allDayEventRenderer.renderAllDayEventsForPeriod(d),this.checkAndAnimateAllDayHeight()}async handleDragEnd(e){if(!e.draggedClone||!e.finalPosition.column)return;let t=e.draggedClone,n=t.eventId.replace("clone-",""),r=e.finalPosition.column.date,s=this.dateService.differenceInCalendarDays(t.end,t.start),i=new Date(r);i.setHours(t.start.getHours(),t.start.getMinutes(),0,0);let a=new Date(r);a.setDate(a.getDate()+s),a.setHours(t.end.getHours(),t.end.getMinutes(),0,0),await this.eventManager.updateEvent(n,{start:i,end:a,allDay:!0}),this.fadeOutAndRemove(e.originalElement);let c=this.currentAllDayEvents.map(g=>g.id===n?{...g,start:i,end:a}:g),d=this.calculateAllDayEventsLayout(c,this.currentWeekDates);this.allDayEventRenderer.renderAllDayEventsForPeriod(d),this.checkAndAnimateAllDayHeight()}updateChevronButton(e){let t=this.getHeaderSpacer();if(!t)return;let n=t.querySelector(".allday-chevron");e&&!n?(n=document.createElement("button"),n.className="allday-chevron collapsed",n.innerHTML=`
+        <svg width="12" height="8" viewBox="0 0 12 8">
+          <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" fill="none"/>
+        </svg>
+      `,n.onclick=()=>this.toggleExpanded(),t.appendChild(n)):!e&&n?n.remove():n&&(n.classList.toggle("collapsed",!this.isExpanded),n.classList.toggle("expanded",this.isExpanded))}toggleExpanded(){this.isExpanded=!this.isExpanded,this.checkAndAnimateAllDayHeight(),document.querySelectorAll("swp-allday-container swp-allday-event.max-event-overflow-hide, swp-allday-container swp-allday-event.max-event-overflow-show").forEach(t=>{this.isExpanded?(t.classList.remove("max-event-overflow-hide"),t.classList.add("max-event-overflow-show")):(t.classList.remove("max-event-overflow-show"),t.classList.add("max-event-overflow-hide"))})}countEventsInColumn(e){return this.countEventsInColumnFromDOM(e.index)}updateOverflowIndicators(){let e=this.getAllDayContainer();if(!e)return;B.getColumns().forEach(n=>{let s=this.countEventsInColumn(n)-ne.MAX_COLLAPSED_ROWS;if(s>0){let i=e.querySelector(`.max-event-indicator[data-column="${n.index}"]`);if(i)i.innerHTML=`<span>+${s+1} more</span>`;else{let a=document.createElement("swp-allday-event");a.className="max-event-indicator",a.setAttribute("data-column",n.index.toString()),a.style.gridRow=ne.MAX_COLLAPSED_ROWS.toString(),a.style.gridColumn=n.index.toString(),a.innerHTML=`<span>+${s+1} more</span>`,a.onclick=c=>{c.stopPropagation(),this.toggleExpanded()},e.appendChild(a)}}})}clearOverflowIndicators(){let e=this.getAllDayContainer();e&&e.querySelectorAll(".max-event-indicator").forEach(t=>{t.remove()})}};var Oe=class{constructor(e,t){this.config=e,this.positionUtils=t,this.isResizing=!1,this.targetEl=null,this.startY=0,this.startDurationMin=0,this.animationId=null,this.currentHeight=0,this.targetHeight=0,this.pointerCaptured=!1,this.ANIMATION_SPEED=.35,this.Z_INDEX_RESIZING="1000",this.EVENT_REFRESH_THRESHOLD=.5,this.onMouseOver=r=>{let i=r.target.closest("swp-event");if(i&&!this.isResizing&&!i.querySelector(":scope > swp-resize-handle")){let a=this.createResizeHandle();i.appendChild(a)}},this.onPointerDown=r=>{let s=r.target.closest("swp-resize-handle");if(!s)return;let i=s.parentElement;this.startResizing(i,r)},this.onPointerMove=r=>{!this.isResizing||!this.targetEl||this.updateResizeHeight(r.clientY)},this.animate=()=>{if(!this.isResizing||!this.targetEl){this.animationId=null;return}let r=this.targetHeight-this.currentHeight;Math.abs(r)>this.EVENT_REFRESH_THRESHOLD?(this.currentHeight+=r*this.ANIMATION_SPEED,this.targetEl.updateHeight?.(this.currentHeight),this.animationId=requestAnimationFrame(this.animate)):this.finalizeAnimation()},this.onPointerUp=r=>{!this.isResizing||!this.targetEl||(this.cleanupAnimation(),this.snapToGrid(),this.emitResizeEndEvent(),this.cleanupResizing(r))};let n=this.config.gridSettings;this.snapMin=n.snapInterval,this.minDurationMin=this.snapMin}initialize(){this.attachGlobalListeners()}destroy(){this.removeEventListeners()}removeEventListeners(){let e=document.querySelector("swp-calendar-container");e&&e.removeEventListener("mouseover",this.onMouseOver,!0),document.removeEventListener("pointerdown",this.onPointerDown,!0),document.removeEventListener("pointermove",this.onPointerMove,!0),document.removeEventListener("pointerup",this.onPointerUp,!0)}createResizeHandle(){let e=document.createElement("swp-resize-handle");return e.setAttribute("aria-label","Resize event"),e.setAttribute("role","separator"),e}attachGlobalListeners(){let e=document.querySelector("swp-calendar-container");e&&e.addEventListener("mouseover",this.onMouseOver,!0),document.addEventListener("pointerdown",this.onPointerDown,!0),document.addEventListener("pointermove",this.onPointerMove,!0),document.addEventListener("pointerup",this.onPointerUp,!0)}startResizing(e,t){this.targetEl=e,this.isResizing=!0,this.startY=t.clientY;let n=e.offsetHeight;this.startDurationMin=Math.max(this.minDurationMin,Math.round(this.positionUtils.pixelsToMinutes(n))),this.setZIndexForResizing(e),this.capturePointer(t),document.documentElement.classList.add("swp--resizing"),t.preventDefault()}setZIndexForResizing(e){let t=e.closest("swp-event-group")??e;this.prevZ=t.style.zIndex,t.style.zIndex=this.Z_INDEX_RESIZING}capturePointer(e){try{e.target.setPointerCapture?.(e.pointerId),this.pointerCaptured=!0}catch(t){console.warn("Pointer capture failed:",t)}}updateResizeHeight(e){let t=e-this.startY,r=this.positionUtils.minutesToPixels(this.startDurationMin)+t,s=this.positionUtils.minutesToPixels(this.minDurationMin);this.targetHeight=Math.max(s,r),this.animationId==null&&(this.currentHeight=this.targetEl?.offsetHeight,this.animate())}finalizeAnimation(){this.targetEl&&(this.currentHeight=this.targetHeight,this.targetEl.updateHeight?.(this.currentHeight),this.animationId=null)}cleanupAnimation(){this.animationId!=null&&(cancelAnimationFrame(this.animationId),this.animationId=null)}snapToGrid(){if(!this.targetEl)return;let e=this.targetEl.offsetHeight,t=this.positionUtils.minutesToPixels(this.snapMin),n=Math.round(e/t)*t,r=this.positionUtils.minutesToPixels(this.minDurationMin),s=Math.max(r,n)-3;this.targetEl.updateHeight?.(s)}emitResizeEndEvent(){if(!this.targetEl)return;let t={eventId:this.targetEl.dataset.eventId||"",element:this.targetEl,finalHeight:this.targetEl.offsetHeight};b.emit("resize:end",t)}cleanupResizing(e){this.restoreZIndex(),this.releasePointer(e),this.isResizing=!1,this.targetEl=null,document.documentElement.classList.remove("swp--resizing")}restoreZIndex(){if(!this.targetEl||this.prevZ===void 0)return;let e=this.targetEl.closest("swp-event-group")??this.targetEl;e.style.zIndex=this.prevZ,this.prevZ=void 0}releasePointer(e){if(this.pointerCaptured)try{e.target.releasePointerCapture?.(e.pointerId),this.pointerCaptured=!1}catch(t){console.warn("Pointer release failed:",t)}}};var Le=class{constructor(e){this.eventBus=e,this.scrollableContent=null,this.timeGrid=null,this.draggedClone=null,this.scrollRAF=null,this.mouseY=0,this.isDragging=!1,this.isScrolling=!1,this.lastTs=0,this.rect=null,this.initialScrollTop=0,this.scrollListener=null,this.OUTER_ZONE=100,this.INNER_ZONE=50,this.SLOW_SPEED_PXS=140,this.FAST_SPEED_PXS=640,this.init()}init(){setTimeout(()=>{this.scrollableContent=document.querySelector("swp-scrollable-content"),this.timeGrid=document.querySelector("swp-time-grid"),this.scrollableContent&&(this.scrollableContent.style.scrollBehavior="auto",this.scrollListener=this.handleScroll.bind(this),this.scrollableContent.addEventListener("scroll",this.scrollListener,{passive:!0}))},100),document.body.addEventListener("mousemove",e=>{this.isDragging&&(this.mouseY=e.clientY)}),this.subscribeToEvents()}subscribeToEvents(){this.eventBus.on("drag:start",e=>{let t=e.detail;this.draggedClone=t.draggedClone,this.startDrag()}),this.eventBus.on("drag:end",()=>this.stopDrag()),this.eventBus.on("drag:cancelled",()=>this.stopDrag()),this.eventBus.on("drag:mouseenter-header",()=>{console.log("\u{1F504} EdgeScrollManager: Event converting to all-day - stopping scroll"),this.stopDrag()}),this.eventBus.on("drag:mouseenter-column",()=>{this.startDrag()})}startDrag(){console.log("\u{1F3AC} EdgeScrollManager: Starting drag"),this.isDragging=!0,this.isScrolling=!1,this.lastTs=performance.now(),this.scrollableContent&&(this.initialScrollTop=this.scrollableContent.scrollTop),this.scrollRAF===null&&(this.scrollRAF=requestAnimationFrame(e=>this.scrollTick(e)))}stopDrag(){this.isDragging=!1,this.isScrolling&&(this.isScrolling=!1,console.log("\u{1F6D1} EdgeScrollManager: Edge-scroll stopped (drag ended)"),this.eventBus.emit("edgescroll:stopped",{})),this.scrollRAF!==null&&(cancelAnimationFrame(this.scrollRAF),this.scrollRAF=null),this.rect=null,this.lastTs=0,this.initialScrollTop=0}handleScroll(){if(!this.isDragging||!this.scrollableContent)return;let e=this.scrollableContent.scrollTop,t=Math.abs(e-this.initialScrollTop);t>1&&!this.isScrolling&&(this.isScrolling=!0,console.log("\u{1F4BE} EdgeScrollManager: Edge-scroll started (actual scroll detected)",{initialScrollTop:this.initialScrollTop,currentScrollTop:e,scrollDelta:t}),this.eventBus.emit("edgescroll:started",{}))}scrollTick(e){let t=this.lastTs?(e-this.lastTs)/1e3:0;if(this.lastTs=e,!this.scrollableContent){this.stopDrag();return}this.rect||(this.rect=this.scrollableContent.getBoundingClientRect());let n=0;if(this.isDragging){let r=this.mouseY-this.rect.top,s=this.rect.bottom-this.mouseY;r<this.INNER_ZONE?n=-this.FAST_SPEED_PXS:r<this.OUTER_ZONE?n=-this.SLOW_SPEED_PXS:s<this.INNER_ZONE?n=this.FAST_SPEED_PXS:s<this.OUTER_ZONE&&(n=this.SLOW_SPEED_PXS)}if(n!==0&&this.isDragging&&this.timeGrid&&this.draggedClone){let r=this.scrollableContent.scrollTop,s=this.scrollableContent.clientHeight,i=this.timeGrid.clientHeight,c=this.draggedClone.getBoundingClientRect().bottom,g=this.timeGrid.getBoundingClientRect().bottom,w=r<=0&&n<0,E=c>=g&&n>0;w||E?(this.isScrolling&&(this.isScrolling=!1,this.initialScrollTop=this.scrollableContent.scrollTop,console.log("\u{1F6D1} EdgeScrollManager: Edge-scroll stopped (reached boundary)"),this.eventBus.emit("edgescroll:stopped",{})),this.isDragging&&(this.scrollRAF=requestAnimationFrame(m=>this.scrollTick(m)))):(this.scrollableContent.scrollTop+=n*t,this.rect=null,this.scrollRAF=requestAnimationFrame(m=>this.scrollTick(m)))}else this.isScrolling&&(this.isScrolling=!1,this.initialScrollTop=this.scrollableContent.scrollTop,console.log("\u{1F6D1} EdgeScrollManager: Edge-scroll stopped (mouse left edge)"),this.eventBus.emit("edgescroll:stopped",{})),this.isDragging?this.scrollRAF=requestAnimationFrame(r=>this.scrollTick(r)):this.stopDrag()}};var $e=class{constructor(e,t){this.headerRenderer=e,this.config=t,this.handleDragMouseEnterHeader=this.handleDragMouseEnterHeader.bind(this),this.handleDragMouseLeaveHeader=this.handleDragMouseLeaveHeader.bind(this),this.setupNavigationListener()}setupHeaderDragListeners(){console.log("\u{1F3AF} HeaderManager: Setting up drag event listeners"),b.on("drag:mouseenter-header",this.handleDragMouseEnterHeader),b.on("drag:mouseleave-header",this.handleDragMouseLeaveHeader),console.log("\u2705 HeaderManager: Drag event listeners attached")}handleDragMouseEnterHeader(e){let{targetColumn:t,mousePosition:n,originalElement:r,draggedClone:s}=e.detail;console.log("\u{1F3AF} HeaderManager: Received drag:mouseenter-header",{targetDate:t,originalElement:!!r,cloneElement:!!s})}handleDragMouseLeaveHeader(e){let{targetDate:t,mousePosition:n,originalElement:r,draggedClone:s}=e.detail;console.log("\u{1F6AA} HeaderManager: Received drag:mouseleave-header",{targetDate:t,originalElement:!!r,cloneElement:!!s})}setupNavigationListener(){b.on(v.NAVIGATION_COMPLETED,e=>{let{currentDate:t}=e.detail;this.updateHeader(t)}),b.on(v.DATE_CHANGED,e=>{let{currentDate:t}=e.detail;this.updateHeader(t)}),b.on("workweek:header-update",e=>{let{currentDate:t}=e.detail;this.updateHeader(t)})}updateHeader(e){console.log("\u{1F3AF} HeaderManager.updateHeader called",{currentDate:e,rendererType:this.headerRenderer.constructor.name});let t=document.querySelector("swp-calendar-header");if(!t){console.warn("\u274C HeaderManager: No calendar header found!");return}t.innerHTML="";let n={currentWeek:e,config:this.config};this.headerRenderer.render(t,n),this.setupHeaderDragListeners();let r={headerElements:B.getHeaderColumns()};b.emit("header:ready",r)}};var He=class{constructor(e,t){this.buttonListeners=new Map,this.eventBus=e,this.config=t,this.setupButtonListeners()}setupButtonListeners(){document.querySelectorAll("swp-preset-button[data-workweek]").forEach(t=>{let n=r=>{r.preventDefault();let s=t.getAttribute("data-workweek");s&&this.changePreset(s)};t.addEventListener("click",n),this.buttonListeners.set(t,n)}),this.updateButtonStates()}changePreset(e){if(!me[e]){console.warn(`Invalid preset ID "${e}"`);return}if(e===this.config.currentWorkWeek)return;let t=this.config.currentWorkWeek;this.config.currentWorkWeek=e;let n=me[e];this.updateButtonStates(),this.eventBus.emit(v.WORKWEEK_CHANGED,{workWeekId:e,previousWorkWeekId:t,settings:n})}updateButtonStates(){document.querySelectorAll("swp-preset-button[data-workweek]").forEach(t=>{t.getAttribute("data-workweek")===this.config.currentWorkWeek?t.setAttribute("data-active","true"):t.removeAttribute("data-active")})}};var Be=class{constructor(e,t){this.indexedDB=e,this.queue=t}async loadEvents(){return this.indexedDB.isInitialized()||(await this.indexedDB.initialize(),await this.indexedDB.seedIfEmpty()),await this.indexedDB.getAllEvents()}async createEvent(e,t="local"){let n=this.generateEventId(),s={...e,id:n,syncStatus:t==="local"?"pending":"synced"};return await this.indexedDB.saveEvent(s),t==="local"&&await this.queue.enqueue({type:"create",eventId:n,data:s,timestamp:Date.now(),retryCount:0}),s}async updateEvent(e,t,n="local"){let r=await this.indexedDB.getEvent(e);if(!r)throw new Error(`Event with ID ${e} not found`);let i={...r,...t,id:e,syncStatus:n==="local"?"pending":"synced"};return await this.indexedDB.saveEvent(i),n==="local"&&await this.queue.enqueue({type:"update",eventId:e,data:t,timestamp:Date.now(),retryCount:0}),i}async deleteEvent(e,t="local"){if(!await this.indexedDB.getEvent(e))throw new Error(`Event with ID ${e} not found`);t==="local"&&await this.queue.enqueue({type:"delete",eventId:e,data:{},timestamp:Date.now(),retryCount:0}),await this.indexedDB.deleteEvent(e)}generateEventId(){let e=Date.now(),t=Math.random().toString(36).substring(2,9);return`${e}-${t}`}};var We=class{constructor(e){this.apiEndpoint=e.apiEndpoint}async sendCreate(e){throw new Error("ApiEventRepository.sendCreate not implemented yet")}async sendUpdate(e,t){throw new Error("ApiEventRepository.sendUpdate not implemented yet")}async sendDelete(e){throw new Error("ApiEventRepository.sendDelete not implemented yet")}async fetchAll(){throw new Error("ApiEventRepository.fetchAll not implemented yet")}async initializeSignalR(){throw new Error("SignalR not implemented yet")}};var J=class o{constructor(){this.db=null,this.initialized=!1}async initialize(){return new Promise((e,t)=>{let n=indexedDB.open(o.DB_NAME,o.DB_VERSION);n.onerror=()=>{t(new Error(`Failed to open IndexedDB: ${n.error}`))},n.onsuccess=()=>{this.db=n.result,this.initialized=!0,e()},n.onupgradeneeded=r=>{let s=r.target.result;if(!s.objectStoreNames.contains(o.EVENTS_STORE)){let i=s.createObjectStore(o.EVENTS_STORE,{keyPath:"id"});i.createIndex("start","start",{unique:!1}),i.createIndex("end","end",{unique:!1}),i.createIndex("syncStatus","syncStatus",{unique:!1})}s.objectStoreNames.contains(o.QUEUE_STORE)||s.createObjectStore(o.QUEUE_STORE,{keyPath:"id"}).createIndex("timestamp","timestamp",{unique:!1}),s.objectStoreNames.contains(o.SYNC_STATE_STORE)||s.createObjectStore(o.SYNC_STATE_STORE,{keyPath:"key"})}})}isInitialized(){return this.initialized}ensureDB(){if(!this.db)throw new Error("IndexedDB not initialized. Call initialize() first.");return this.db}async getEvent(e){let t=this.ensureDB();return new Promise((n,r)=>{let a=t.transaction([o.EVENTS_STORE],"readonly").objectStore(o.EVENTS_STORE).get(e);a.onsuccess=()=>{let c=a.result;n(c?this.deserializeEvent(c):null)},a.onerror=()=>{r(new Error(`Failed to get event ${e}: ${a.error}`))}})}async getAllEvents(){let e=this.ensureDB();return new Promise((t,n)=>{let i=e.transaction([o.EVENTS_STORE],"readonly").objectStore(o.EVENTS_STORE).getAll();i.onsuccess=()=>{let a=i.result;t(a.map(c=>this.deserializeEvent(c)))},i.onerror=()=>{n(new Error(`Failed to get all events: ${i.error}`))}})}async saveEvent(e){let t=this.ensureDB(),n=this.serializeEvent(e);return new Promise((r,s)=>{let c=t.transaction([o.EVENTS_STORE],"readwrite").objectStore(o.EVENTS_STORE).put(n);c.onsuccess=()=>{r()},c.onerror=()=>{s(new Error(`Failed to save event ${e.id}: ${c.error}`))}})}async deleteEvent(e){let t=this.ensureDB();return new Promise((n,r)=>{let a=t.transaction([o.EVENTS_STORE],"readwrite").objectStore(o.EVENTS_STORE).delete(e);a.onsuccess=()=>{n()},a.onerror=()=>{r(new Error(`Failed to delete event ${e}: ${a.error}`))}})}async addToQueue(e){let t=this.ensureDB(),n={...e,id:`${e.type}-${e.eventId}-${Date.now()}`};return new Promise((r,s)=>{let c=t.transaction([o.QUEUE_STORE],"readwrite").objectStore(o.QUEUE_STORE).put(n);c.onsuccess=()=>{r()},c.onerror=()=>{s(new Error(`Failed to add to queue: ${c.error}`))}})}async getQueue(){let e=this.ensureDB();return new Promise((t,n)=>{let a=e.transaction([o.QUEUE_STORE],"readonly").objectStore(o.QUEUE_STORE).index("timestamp").getAll();a.onsuccess=()=>{t(a.result)},a.onerror=()=>{n(new Error(`Failed to get queue: ${a.error}`))}})}async removeFromQueue(e){let t=this.ensureDB();return new Promise((n,r)=>{let a=t.transaction([o.QUEUE_STORE],"readwrite").objectStore(o.QUEUE_STORE).delete(e);a.onsuccess=()=>{n()},a.onerror=()=>{r(new Error(`Failed to remove from queue: ${a.error}`))}})}async clearQueue(){let e=this.ensureDB();return new Promise((t,n)=>{let i=e.transaction([o.QUEUE_STORE],"readwrite").objectStore(o.QUEUE_STORE).clear();i.onsuccess=()=>{t()},i.onerror=()=>{n(new Error(`Failed to clear queue: ${i.error}`))}})}async setSyncState(e,t){let n=this.ensureDB();return new Promise((r,s)=>{let c=n.transaction([o.SYNC_STATE_STORE],"readwrite").objectStore(o.SYNC_STATE_STORE).put({key:e,value:t});c.onsuccess=()=>{r()},c.onerror=()=>{s(new Error(`Failed to set sync state ${e}: ${c.error}`))}})}async getSyncState(e){let t=this.ensureDB();return new Promise((n,r)=>{let a=t.transaction([o.SYNC_STATE_STORE],"readonly").objectStore(o.SYNC_STATE_STORE).get(e);a.onsuccess=()=>{let c=a.result;n(c?c.value:null)},a.onerror=()=>{r(new Error(`Failed to get sync state ${e}: ${a.error}`))}})}serializeEvent(e){return{...e,start:e.start instanceof Date?e.start.toISOString():e.start,end:e.end instanceof Date?e.end.toISOString():e.end}}deserializeEvent(e){return{...e,start:typeof e.start=="string"?new Date(e.start):e.start,end:typeof e.end=="string"?new Date(e.end):e.end}}close(){this.db&&(this.db.close(),this.db=null)}static async deleteDatabase(){return new Promise((e,t)=>{let n=indexedDB.deleteDatabase(o.DB_NAME);n.onsuccess=()=>{e()},n.onerror=()=>{t(new Error(`Failed to delete database: ${n.error}`))}})}async seedIfEmpty(e="data/mock-events.json"){try{let t=await this.getAllEvents();if(t.length>0){console.log(`IndexedDB already has ${t.length} events - skipping seed`);return}if(console.log("IndexedDB is empty - seeding with mock data"),!navigator.onLine){console.warn("Offline and IndexedDB empty - starting with no events");return}let n=await fetch(e);if(!n.ok)throw new Error(`Failed to fetch mock events: ${n.statusText}`);let r=await n.json();for(let s of r){let i={...s,start:new Date(s.start),end:new Date(s.end),allDay:s.allDay||!1,syncStatus:"synced"};await this.saveEvent(i)}console.log(`Seeded IndexedDB with ${r.length} mock events`)}catch(t){console.error("Failed to seed IndexedDB:",t)}}};J.DB_NAME="CalendarDB";J.DB_VERSION=1;J.EVENTS_STORE="events";J.QUEUE_STORE="operationQueue";J.SYNC_STATE_STORE="syncState";var Pe=class{constructor(e){this.indexedDB=e}async enqueue(e){await this.indexedDB.addToQueue(e)}async peek(){let e=await this.indexedDB.getQueue();return e.length>0?e[0]:null}async getAll(){return await this.indexedDB.getQueue()}async remove(e){await this.indexedDB.removeFromQueue(e)}async dequeue(){let e=await this.peek();return e&&await this.remove(e.id),e}async clear(){await this.indexedDB.clearQueue()}async size(){return(await this.getAll()).length}async isEmpty(){return await this.size()===0}async getOperationsForEvent(e){return(await this.getAll()).filter(n=>n.eventId===e)}async removeOperationsForEvent(e){let t=await this.getOperationsForEvent(e);for(let n of t)await this.remove(n.id)}async incrementRetryCount(e){let n=(await this.getAll()).find(r=>r.id===e);n&&(n.retryCount++,await this.remove(e),await this.enqueue(n))}};var Ne=class{constructor(e,t,n,r){this.isOnline=navigator.onLine,this.isSyncing=!1,this.syncInterval=5e3,this.maxRetries=5,this.intervalId=null,this.eventBus=e,this.queue=t,this.indexedDB=n,this.apiRepository=r,this.setupNetworkListeners(),this.startSync(),console.log("SyncManager initialized and started")}setupNetworkListeners(){window.addEventListener("online",()=>{this.isOnline=!0,this.eventBus.emit(v.OFFLINE_MODE_CHANGED,{isOnline:!0}),console.log("SyncManager: Network online - starting sync"),this.startSync()}),window.addEventListener("offline",()=>{this.isOnline=!1,this.eventBus.emit(v.OFFLINE_MODE_CHANGED,{isOnline:!1}),console.log("SyncManager: Network offline - pausing sync"),this.stopSync()})}startSync(){this.intervalId||(console.log("SyncManager: Starting background sync"),this.processQueue(),this.intervalId=window.setInterval(()=>{this.processQueue()},this.syncInterval))}stopSync(){this.intervalId&&(window.clearInterval(this.intervalId),this.intervalId=null,console.log("SyncManager: Stopped background sync"))}async processQueue(){if(this.isOnline&&!this.isSyncing&&!await this.queue.isEmpty()){this.isSyncing=!0;try{let e=await this.queue.getAll();this.eventBus.emit(v.SYNC_STARTED,{operationCount:e.length});for(let t of e)await this.processOperation(t);this.eventBus.emit(v.SYNC_COMPLETED,{operationCount:e.length})}catch(e){console.error("SyncManager: Queue processing error:",e),this.eventBus.emit(v.SYNC_FAILED,{error:e instanceof Error?e.message:"Unknown error"})}finally{this.isSyncing=!1}}}async processOperation(e){if(e.retryCount>=this.maxRetries){console.error(`SyncManager: Max retries exceeded for operation ${e.id}`,e),await this.queue.remove(e.id),await this.markEventAsError(e.eventId);return}try{switch(e.type){case"create":await this.apiRepository.sendCreate(e.data);break;case"update":await this.apiRepository.sendUpdate(e.eventId,e.data);break;case"delete":await this.apiRepository.sendDelete(e.eventId);break;default:console.error(`SyncManager: Unknown operation type ${e.type}`),await this.queue.remove(e.id);return}await this.queue.remove(e.id),await this.markEventAsSynced(e.eventId),console.log(`SyncManager: Successfully synced operation ${e.id}`)}catch(t){console.error(`SyncManager: Failed to sync operation ${e.id}:`,t),await this.queue.incrementRetryCount(e.id);let n=this.calculateBackoff(e.retryCount+1);this.eventBus.emit(v.SYNC_RETRY,{operationId:e.id,retryCount:e.retryCount+1,nextRetryIn:n})}}async markEventAsSynced(e){try{let t=await this.indexedDB.getEvent(e);t&&(t.syncStatus="synced",await this.indexedDB.saveEvent(t))}catch(t){console.error(`SyncManager: Failed to mark event ${e} as synced:`,t)}}async markEventAsError(e){try{let t=await this.indexedDB.getEvent(e);t&&(t.syncStatus="error",await this.indexedDB.saveEvent(t))}catch(t){console.error(`SyncManager: Failed to mark event ${e} as error:`,t)}}calculateBackoff(e){let n=Math.pow(2,e)*1e3;return Math.min(n,6e4)}async triggerManualSync(){console.log("SyncManager: Manual sync triggered"),await this.processQueue()}getSyncStatus(){return{isOnline:this.isOnline,isSyncing:this.isSyncing,isRunning:this.intervalId!==null}}destroy(){this.stopSync()}};var Fe=class{render(e,t){let{currentWeek:n,config:r}=t,s=document.createElement("swp-allday-container");e.appendChild(s);let i=r.timeFormatConfig.timezone,a=r.timeFormatConfig.locale;this.dateService=new U(r);let c=r.getWorkWeekSettings(),d=this.dateService.getWorkWeekDates(n,c.workDays),g=r.dateViewSettings.weekDays;d.slice(0,g).forEach((E,m)=>{let u=document.createElement("swp-day-header");this.dateService.isSameDay(E,new Date)&&(u.dataset.today="true");let D=this.dateService.getDayName(E,"long",a).toUpperCase();u.innerHTML=`
+        <swp-day-name>${D}</swp-day-name>
+        <swp-day-date>${E.getDate()}</swp-day-date>
+      `,u.dataset.date=this.dateService.formatISODate(E),e.appendChild(u)})}};var _e=class{constructor(e,t){this.dateService=e,this.workHoursManager=t}render(e,t){let{currentWeek:n,config:r}=t,s=r.getWorkWeekSettings(),i=this.dateService.getWorkWeekDates(n,s.workDays),a=r.dateViewSettings;i.slice(0,a.weekDays).forEach(d=>{let g=document.createElement("swp-day-column");g.dataset.date=this.dateService.formatISODate(d),this.applyWorkHoursToColumn(g,d);let w=document.createElement("swp-events-layer");g.appendChild(w),e.appendChild(g)})}applyWorkHoursToColumn(e,t){let n=this.workHoursManager.getWorkHoursForDate(t);if(n==="off")e.dataset.workHours="off";else{let r=this.workHoursManager.calculateNonWorkHoursStyle(n);r&&(e.style.setProperty("--before-work-height",`${r.beforeWorkHeight}px`),e.style.setProperty("--after-work-top",`${r.afterWorkTop}px`))}}};var Ye=class{constructor(e,t,n,r,s){this.draggedClone=null,this.originalEvent=null,this.dateService=e,this.stackManager=t,this.layoutCoordinator=n,this.config=r,this.positionUtils=s}applyDragStyling(e){e.classList.add("dragging"),e.style.removeProperty("margin-left")}handleDragStart(e){if(this.originalEvent=e.originalElement,this.draggedClone=e.draggedClone,this.draggedClone&&e.columnBounds){this.applyDragStyling(this.draggedClone);let t=e.columnBounds.element.querySelector("swp-events-layer");if(t){t.appendChild(this.draggedClone);let n=this.originalEvent.getBoundingClientRect(),r=e.columnBounds.boundingClientRect,s=n.top-r.top;this.draggedClone.style.top=`${s}px`}}this.originalEvent.style.opacity="0.3",this.originalEvent.style.userSelect="none"}handleDragMove(e){let t=e.draggedClone,n=this.dateService.parseISO(e.columnBounds.date);t.updatePosition(n,e.snappedY)}handleColumnChange(e){let t=e.newColumn.element.querySelector("swp-events-layer");if(t&&e.draggedClone.parentElement!==t){t.appendChild(e.draggedClone);let n=parseFloat(e.draggedClone.style.top)||0,r=e.draggedClone,s=this.dateService.parseISO(e.newColumn.date);r.updatePosition(s,n)}}handleConvertAllDayToTimed(e){console.log("\u{1F3AF} DateEventRenderer: Converting all-day to timed event",{eventId:e.calendarEvent.id,targetColumn:e.targetColumn.date,snappedY:e.snappedY});let t=Q.fromCalendarEvent(e.calendarEvent),n=this.calculateEventPosition(e.calendarEvent);t.style.height=`${n.height-3}px`,t.style.left="2px",t.style.right="2px",t.style.width="auto",t.style.pointerEvents="none",this.applyDragStyling(t);let r=e.targetColumn.element.querySelector("swp-events-layer");e.draggedClone.remove(),e.replaceClone(t),r.appendChild(t)}handleDragEnd(e,t,n,r){if(!t||!e){console.warn("Missing draggedClone or originalElement");return}e.tagName==="SWP-EVENT"&&this.fadeOutAndRemove(e);let s=t.dataset.eventId;s&&s.startsWith("clone-")&&(t.dataset.eventId=s.replace("clone-","")),t.classList.remove("dragging"),t.style.pointerEvents="",this.draggedClone=null,this.originalEvent=null;let i=document.querySelector(`swp-event[data-event-id="clone-${s}"]`);i&&i.remove()}handleNavigationCompleted(){}fadeOutAndRemove(e){e.style.transition="opacity 0.3s ease-out",e.style.opacity="0",setTimeout(()=>{e.remove()},300)}renderEvents(e,t){let n=e.filter(s=>!s.allDay);this.getColumns(t).forEach(s=>{let i=this.getEventsForColumn(s,n),a=s.querySelector("swp-events-layer");a&&this.renderColumnEvents(i,a)})}renderSingleColumnEvents(e,t){let n=this.getEventsForColumn(e.element,t),r=e.element.querySelector("swp-events-layer");r&&this.renderColumnEvents(n,r)}renderColumnEvents(e,t){if(e.length===0)return;let n=this.layoutCoordinator.calculateColumnLayout(e);n.gridGroups.forEach(r=>{this.renderGridGroup(r,t)}),n.stackedEvents.forEach(r=>{let s=this.renderEvent(r.event);this.stackManager.applyStackLinkToElement(s,r.stackLink),this.stackManager.applyVisualStyling(s,r.stackLink.stackLevel),t.appendChild(s)})}renderGridGroup(e,t){let n=document.createElement("swp-event-group"),r=e.columns.length;n.classList.add(`cols-${r}`),n.classList.add(`stack-level-${e.stackLevel}`),n.style.top=`${e.position.top}px`;let s={stackLevel:e.stackLevel};this.stackManager.applyStackLinkToElement(n,s),this.stackManager.applyVisualStyling(n,e.stackLevel);let i=e.events[0];e.columns.forEach(a=>{let c=this.renderGridColumn(a,i.start);n.appendChild(c)}),t.appendChild(n)}renderGridColumn(e,t){let n=document.createElement("div");return n.style.position="relative",e.forEach(r=>{let s=this.renderEventInGrid(r,t);n.appendChild(s)}),n}renderEventInGrid(e,t){let n=Q.fromCalendarEvent(e),r=this.calculateEventPosition(e),i=(e.start.getTime()-t.getTime())/(1e3*60),a=this.config.gridSettings,c=i>0?i/60*a.hourHeight:0;return n.style.position="absolute",n.style.top=`${c}px`,n.style.height=`${r.height-3}px`,n.style.left="0",n.style.right="0",n}renderEvent(e){let t=Q.fromCalendarEvent(e),n=this.calculateEventPosition(e);return t.style.position="absolute",t.style.top=`${n.top+1}px`,t.style.height=`${n.height-3}px`,t.style.left="2px",t.style.right="2px",t}calculateEventPosition(e){return this.positionUtils.calculateEventPosition(e.start,e.end)}clearEvents(e){let t="swp-event",n="swp-event-group",r=e?e.querySelectorAll(t):document.querySelectorAll(t),s=e?e.querySelectorAll(n):document.querySelectorAll(n);r.forEach(i=>i.remove()),s.forEach(i=>i.remove())}getColumns(e){let t=e.querySelectorAll("swp-day-column");return Array.from(t)}getEventsForColumn(e,t){let n=e.dataset.date;if(!n)return[];let r=this.dateService.parseISO(`${n}T00:00:00`),s=this.dateService.parseISO(`${n}T23:59:59.999`);return t.filter(a=>a.start<s&&a.end>r)}};var Ve=class{constructor(){this.container=null,this.originalEvent=null,this.draggedClone=null,this.getContainer()}getContainer(){let e=document.querySelector("swp-calendar-header");return e&&(this.container=e.querySelector("swp-allday-container"),this.container||(this.container=document.createElement("swp-allday-container"),e.appendChild(this.container))),this.container}getAllDayContainer(){return document.querySelector("swp-calendar-header swp-allday-container")}handleDragStart(e){if(this.originalEvent=e.originalElement,this.draggedClone=e.draggedClone,this.draggedClone){let t=this.getAllDayContainer();if(!t)return;this.draggedClone.style.gridColumn=this.originalEvent.style.gridColumn,this.draggedClone.style.gridRow=this.originalEvent.style.gridRow,console.log("handleDragStart:this.draggedClone",this.draggedClone),t.appendChild(this.draggedClone),this.draggedClone.classList.add("dragging"),this.draggedClone.style.zIndex="1000",this.draggedClone.style.cursor="grabbing",this.originalEvent.style.opacity="0.3",this.originalEvent.style.userSelect="none"}}renderAllDayEventWithLayout(e,t){let n=this.getContainer();if(!n)return null;let r=oe.fromCalendarEvent(e);r.applyGridPositioning(t.row,t.startColumn,t.endColumn),r.classList.add("highlight"),n.appendChild(r)}removeAllDayEvent(e){let t=this.getContainer();if(!t)return;let n=t.querySelector(`swp-allday-event[data-event-id="${e}"]`);n&&n.remove()}clearCache(){this.container=null}renderAllDayEventsForPeriod(e){this.clearAllDayEvents(),e.forEach(t=>{this.renderAllDayEventWithLayout(t.calenderEvent,t)})}clearAllDayEvents(){let e=document.querySelector("swp-allday-container");e&&e.querySelectorAll("swp-allday-event:not(.max-event-indicator)").forEach(t=>t.remove())}handleViewChanged(e){this.clearAllDayEvents()}};var ze=class{constructor(e,t,n){this.cachedGridContainer=null,this.cachedTimeAxis=null,this.dateService=t,this.columnRenderer=e,this.config=n}renderGrid(e,t,n="week"){!e||!t||(this.cachedGridContainer=e,e.children.length===0?this.createCompleteGridStructure(e,t,n):this.updateGridContent(e,t,n))}createCompleteGridStructure(e,t,n){let r=document.createDocumentFragment(),s=document.createElement("swp-header-spacer");r.appendChild(s);let i=this.createOptimizedTimeAxis();this.cachedTimeAxis=i,r.appendChild(i);let a=this.createOptimizedGridContainer(t,n);this.cachedGridContainer=a,r.appendChild(a),e.appendChild(r)}createOptimizedTimeAxis(){let e=document.createElement("swp-time-axis"),t=document.createElement("swp-time-axis-content"),n=this.config.gridSettings,r=n.dayStartHour,s=n.dayEndHour,i=document.createDocumentFragment();for(let a=r;a<s;a++){let c=document.createElement("swp-hour-marker"),d=new Date(2024,0,1,a,0);c.textContent=V.formatTime(d),i.appendChild(c)}return t.appendChild(i),t.style.top="-1px",e.appendChild(t),e}createOptimizedGridContainer(e,t){let n=document.createElement("swp-grid-container"),r=document.createElement("swp-calendar-header");n.appendChild(r);let s=document.createElement("swp-scrollable-content"),i=document.createElement("swp-time-grid"),a=document.createElement("swp-grid-lines");i.appendChild(a);let c=document.createElement("swp-day-columns");return this.renderColumnContainer(c,e,t),i.appendChild(c),s.appendChild(i),n.appendChild(s),n}renderColumnContainer(e,t,n){let r={currentWeek:t,config:this.config};this.columnRenderer.render(e,r)}updateGridContent(e,t,n){let r=e.querySelector("swp-day-columns");r&&(r.innerHTML="",this.renderColumnContainer(r,t,n))}createNavigationGrid(e,t){let n=this.createOptimizedGridContainer(t,"week");return n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",e.appendChild(n),n}};var qe=class{constructor(e,t){this.eventBus=e,this.setupEventListeners()}setupEventListeners(){this.eventBus.on(v.PERIOD_INFO_UPDATE,e=>{let t=e,{weekNumber:n,dateRange:r}=t.detail;this.updateWeekInfoInDOM(n,r)})}updateWeekInfoInDOM(e,t){let n=document.querySelector("swp-week-number"),r=document.querySelector("swp-date-range");n&&(n.textContent=`Week ${e}`),r&&(r.textContent=t)}applyFilterToPreRenderedGrids(e){document.querySelectorAll("swp-grid-container").forEach(n=>{n.querySelectorAll("swp-events-layer").forEach(s=>{e.active?(s.setAttribute("data-filter-active","true"),s.querySelectorAll("swp-event").forEach(a=>{let c=a.getAttribute("data-event-id");c&&e.matchingIds.includes(c)?a.setAttribute("data-matches","true"):a.removeAttribute("data-matches")})):(s.removeAttribute("data-filter-active"),s.querySelectorAll("swp-event").forEach(a=>{a.removeAttribute("data-matches")}))})})}};var Ge=class{constructor(e,t){this.dateService=e,this.config=t}minutesToPixels(e){let n=this.config.gridSettings.hourHeight;return e/60*n}pixelsToMinutes(e){let n=this.config.gridSettings.hourHeight;return e/n*60}timeToPixels(e){let t=this.dateService.timeToMinutes(e),r=this.config.gridSettings.dayStartHour*60,s=t-r;return this.minutesToPixels(s)}dateToPixels(e){let t=this.dateService.getMinutesSinceMidnight(e),r=this.config.gridSettings.dayStartHour*60,s=t-r;return this.minutesToPixels(s)}pixelsToTime(e){let t=this.pixelsToMinutes(e),s=this.config.gridSettings.dayStartHour*60+t;return this.dateService.minutesToTime(s)}calculateEventPosition(e,t){let n,r;typeof e=="string"?n=this.timeToPixels(e):n=this.dateToPixels(e),typeof t=="string"?r=this.timeToPixels(t):r=this.dateToPixels(t);let s=Math.max(r-n,this.getMinimumEventHeight()),i=this.pixelsToMinutes(s);return{top:n,height:s,duration:i}}snapToGrid(e){let n=this.config.gridSettings.snapInterval,r=this.minutesToPixels(n);return Math.round(e/r)*r}snapTimeToInterval(e){let t=this.dateService.timeToMinutes(e),r=this.config.gridSettings.snapInterval,s=Math.round(t/r)*r;return this.dateService.minutesToTime(s)}calculateColumnPosition(e,t,n){let r=n/t,s=e*r,i=2,a=r-i;return{left:s+i/2,width:Math.max(a,50)}}eventsOverlap(e,t,n,r){let s=this.calculateEventPosition(e,t),i=this.calculateEventPosition(n,r),a=s.top+s.height,c=i.top+i.height;return!(a<=i.top||c<=s.top)}getPositionFromCoordinate(e,t){let n=e-t.boundingClientRect.top;return this.snapToGrid(n)}isWithinWorkHours(e){let[t]=e.split(":").map(Number),n=this.config.gridSettings;return t>=n.workStartHour&&t<n.workEndHour}isWithinDayBounds(e){let[t]=e.split(":").map(Number),n=this.config.gridSettings;return t>=n.dayStartHour&&t<n.dayEndHour}getMinimumEventHeight(){return this.minutesToPixels(15)}getMaximumEventHeight(){let e=this.config.gridSettings;return(e.dayEndHour-e.dayStartHour)*e.hourHeight}getTotalCalendarHeight(){return this.getMaximumEventHeight()}isoToTimeString(e){let t=new Date(e);return V.formatTime(t)}timeStringToIso(e,t=new Date){let n=this.dateService.timeToMinutes(e),r=this.dateService.createDateAtTime(t,n);return this.dateService.toUTC(r)}calculateDuration(e,t){return this.dateService.getDurationMinutes(e,t)}formatDuration(e){if(e<60)return`${e} min`;let t=Math.floor(e/60),n=e%60;return n===0?`${t} time${t!==1?"r":""}`:`${t}t ${n}m`}};var Ue=class{constructor(e,t,n){this.dateService=e,this.config=t,this.positionUtils=n,this.workSchedule={weeklyDefault:{monday:{start:9,end:17},tuesday:{start:9,end:17},wednesday:{start:9,end:17},thursday:{start:9,end:17},friday:{start:9,end:15},saturday:"off",sunday:"off"},dateOverrides:{"2025-01-20":{start:10,end:16},"2025-01-21":{start:8,end:14},"2025-01-22":"off"}}}getWorkHoursForDate(e){let t=this.dateService.formatISODate(e);if(this.workSchedule.dateOverrides[t])return this.workSchedule.dateOverrides[t];let n=this.getDayName(e);return this.workSchedule.weeklyDefault[n]}getWorkHoursForDateRange(e){let t=new Map;return e.forEach(n=>{let r=this.dateService.formatISODate(n),s=this.getWorkHoursForDate(n);t.set(r,s)}),t}calculateNonWorkHoursStyle(e){if(e==="off")return null;let t=this.config.gridSettings,n=t.dayStartHour,r=t.hourHeight,s=(e.start-n)*r,i=(e.end-n)*r;return{beforeWorkHeight:Math.max(0,s),afterWorkTop:Math.max(0,i)}}calculateWorkHoursStyle(e){if(e==="off")return null;let t=`${e.start.toString().padStart(2,"0")}:00`,n=`${e.end.toString().padStart(2,"0")}:00`,r=this.positionUtils.calculateEventPosition(t,n);return{top:r.top,height:r.height}}async loadWorkSchedule(e){this.workSchedule=e}getWorkSchedule(){return this.workSchedule}getDayName(e){return["sunday","monday","tuesday","wednesday","thursday","friday","saturday"][e.getDay()]}};var pe=class o{constructor(e){this.config=e}groupEventsByStartTime(e){if(e.length===0)return[];let n=this.config.gridSettings.gridStartThresholdMinutes,r=[...e].sort((i,a)=>i.start.getTime()-a.start.getTime()),s=[];for(let i of r){let a=s.find(c=>c.events.some(d=>{if(Math.abs(i.start.getTime()-d.start.getTime())/6e4<=n)return!0;let w=(d.end.getTime()-i.start.getTime())/(1e3*60);if(w>0&&w<=n)return!0;let E=(i.end.getTime()-d.start.getTime())/(1e3*60);return E>0&&E<=n}));a?a.events.push(i):s.push({events:[i],containerType:"NONE",startTime:i.start})}return s}decideContainerType(e){return e.events.length===1?"NONE":"GRID"}doEventsOverlap(e,t){return e.start<t.end&&e.end>t.start}createOptimizedStackLinks(e){let t=new Map;if(e.length===0)return t;let n=[...e].sort((r,s)=>r.start.getTime()-s.start.getTime());for(let r of n){let s=n.filter(a=>a!==r&&this.doEventsOverlap(r,a)),i=0;for(let a of s){let c=t.get(a.id);c&&(i=Math.max(i,c.stackLevel+1))}t.set(r.id,{stackLevel:i})}for(let r of n){let s=t.get(r.id),i=n.filter(d=>d!==r&&this.doEventsOverlap(r,d)),a=i.filter(d=>{let g=t.get(d.id);return g&&g.stackLevel===s.stackLevel-1});a.length>0&&(s.prev=a[0].id);let c=i.filter(d=>{let g=t.get(d.id);return g&&g.stackLevel===s.stackLevel+1});c.length>0&&(s.next=c[0].id)}return t}calculateMarginLeft(e){return e*o.STACK_OFFSET_PX}calculateZIndex(e){return 100+e}serializeStackLink(e){return JSON.stringify(e)}deserializeStackLink(e){try{return JSON.parse(e)}catch{return null}}applyStackLinkToElement(e,t){e.dataset.stackLink=this.serializeStackLink(t)}getStackLinkFromElement(e){let t=e.dataset.stackLink;return t?this.deserializeStackLink(t):null}applyVisualStyling(e,t){e.style.marginLeft=`${this.calculateMarginLeft(t)}px`,e.style.zIndex=`${this.calculateZIndex(t)}`}clearStackLinkFromElement(e){delete e.dataset.stackLink}clearVisualStyling(e){e.style.marginLeft="",e.style.zIndex=""}};pe.STACK_OFFSET_PX=15;var je=class{constructor(e,t,n){this.stackManager=e,this.config=t,this.positionUtils=n}calculateColumnLayout(e){if(e.length===0)return{gridGroups:[],stackedEvents:[]};let t=[],n=[],r=[],s=[...e].sort((i,a)=>i.start.getTime()-a.start.getTime());for(;s.length>0;){let i=s[0],c=this.config.gridSettings.gridStartThresholdMinutes,d=this.expandGridCandidates(i,s,c),g={events:d,containerType:"NONE",startTime:i.start};if(this.stackManager.decideContainerType(g)==="GRID"&&d.length>1){let E=this.calculateGridGroupStackLevelFromRendered(d,r),m=[...d].sort((C,k)=>C.start.getTime()-k.start.getTime())[0],u=this.positionUtils.calculateEventPosition(m.start,m.end),D=this.allocateColumns(d);t.push({events:d,stackLevel:E,position:{top:u.top+1},columns:D}),d.forEach(C=>r.push({event:C,level:E})),s=s.filter(C=>!d.includes(C))}else{let E=this.calculateStackLevelFromRendered(i,r),m=this.positionUtils.calculateEventPosition(i.start,i.end);n.push({event:i,stackLink:{stackLevel:E},position:{top:m.top+1,height:m.height-3}}),r.push({event:i,level:E}),s=s.slice(1)}}return{gridGroups:t,stackedEvents:n}}calculateGridGroupStackLevelFromRendered(e,t){let n=-1;for(let r of e)for(let s of t)this.stackManager.doEventsOverlap(r,s.event)&&(n=Math.max(n,s.level));return n+1}calculateStackLevelFromRendered(e,t){let n=-1;for(let r of t)this.stackManager.doEventsOverlap(e,r.event)&&(n=Math.max(n,r.level));return n+1}detectConflict(e,t,n){if(Math.abs(e.start.getTime()-t.start.getTime())/6e4<=n&&this.stackManager.doEventsOverlap(e,t))return!0;let s=(t.end.getTime()-e.start.getTime())/(1e3*60);if(s>0&&s<=n)return!0;let i=(e.end.getTime()-t.start.getTime())/(1e3*60);return i>0&&i<=n}expandGridCandidates(e,t,n){let r=[e],s=!0;for(;s;){s=!1;for(let i=1;i<t.length;i++){let a=t[i];if(!r.includes(a)){for(let c of r)if(this.detectConflict(a,c,n)){r.push(a),s=!0;break}}}}return r}allocateColumns(e){if(e.length===0)return[];if(e.length===1)return[[e[0]]];let t=[];for(let n of e){let r=!1;for(let s of t)if(!s.some(a=>this.stackManager.doEventsOverlap(n,a))){s.push(n),r=!0;break}r||t.push([n])}return t}};async function zt(o,e){try{let t=e.parseEventIdFromURL();t&&(console.log(`Deep linking to event ID: ${t}`),setTimeout(async()=>{await o.navigateToEvent(t)||console.warn(`Deep linking failed: Event with ID ${t} not found`)},500))}catch(t){console.warn("Deep linking failed:",t)}}async function Ot(){try{let o=await fe.load(),t=new ce().builder();b.setDebug(!0),t.registerInstance(b).as("IEventBus"),t.registerInstance(o).as("Configuration"),t.registerType(J).as("IndexedDBService"),t.registerType(Pe).as("OperationQueue").autoWire({mapResolvers:[l=>l.resolveType("IndexedDBService")]}),t.registerType(We).as("ApiEventRepository").autoWire({mapResolvers:[l=>l.resolveType("Configuration")]}),t.registerType(Be).as("IEventRepository").autoWire({mapResolvers:[l=>l.resolveType("IndexedDBService"),l=>l.resolveType("OperationQueue")]}),t.registerType(Ne).as("SyncManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("OperationQueue"),l=>l.resolveType("IndexedDBService"),l=>l.resolveType("ApiEventRepository")]}),t.registerType(Fe).as("IHeaderRenderer"),t.registerType(_e).as("IColumnRenderer").autoWire({mapResolvers:[l=>l.resolveType("DateService"),l=>l.resolveType("WorkHoursManager")]}),t.registerType(Ye).as("IEventRenderer").autoWire({mapResolvers:[l=>l.resolveType("DateService"),l=>l.resolveType("EventStackManager"),l=>l.resolveType("EventLayoutCoordinator"),l=>l.resolveType("Configuration"),l=>l.resolveType("PositionUtils")]}),t.registerType(U).as("DateService").autoWire({mapResolvers:[l=>l.resolveType("Configuration")]}),t.registerType(pe).as("EventStackManager").autoWire({mapResolvers:[l=>l.resolveType("Configuration")]}),t.registerType(je).as("EventLayoutCoordinator").autoWire({mapResolvers:[l=>l.resolveType("EventStackManager"),l=>l.resolveType("Configuration"),l=>l.resolveType("PositionUtils")]}),t.registerType(Ue).as("WorkHoursManager").autoWire({mapResolvers:[l=>l.resolveType("DateService"),l=>l.resolveType("Configuration"),l=>l.resolveType("PositionUtils")]}),t.registerType(Ee).as("URLManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus")]}),t.registerType(V).as("TimeFormatter"),t.registerType(Ge).as("PositionUtils").autoWire({mapResolvers:[l=>l.resolveType("DateService"),l=>l.resolveType("Configuration")]}),t.registerType(qe).as("WeekInfoRenderer").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("EventRenderingService")]}),t.registerType(Ve).as("AllDayEventRenderer"),t.registerType(Se).as("EventRenderingService").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("EventManager"),l=>l.resolveType("IEventRenderer"),l=>l.resolveType("DateService")]}),t.registerType(ze).as("GridRenderer").autoWire({mapResolvers:[l=>l.resolveType("IColumnRenderer"),l=>l.resolveType("DateService"),l=>l.resolveType("Configuration")]}),t.registerType(we).as("GridManager").autoWire({mapResolvers:[l=>l.resolveType("GridRenderer"),l=>l.resolveType("DateService")]}),t.registerType(Ce).as("ScrollManager").autoWire({mapResolvers:[l=>l.resolveType("PositionUtils")]}),t.registerType(Te).as("NavigationManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("EventRenderingService"),l=>l.resolveType("GridRenderer"),l=>l.resolveType("DateService"),l=>l.resolveType("WeekInfoRenderer")]}),t.registerType(ke).as("NavigationButtons").autoWire({mapResolvers:[l=>l.resolveType("IEventBus")]}),t.registerType(Me).as("ViewSelector").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("Configuration")]}),t.registerType(be).as("DragDropManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("PositionUtils")]}),t.registerType(Ie).as("AllDayManager").autoWire({mapResolvers:[l=>l.resolveType("EventManager"),l=>l.resolveType("AllDayEventRenderer"),l=>l.resolveType("DateService")]}),t.registerType(Oe).as("ResizeHandleManager").autoWire({mapResolvers:[l=>l.resolveType("Configuration"),l=>l.resolveType("PositionUtils")]}),t.registerType(Le).as("EdgeScrollManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus")]}),t.registerType($e).as("HeaderManager").autoWire({mapResolvers:[l=>l.resolveType("IHeaderRenderer"),l=>l.resolveType("Configuration")]}),t.registerType(Ae).as("CalendarManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("EventManager"),l=>l.resolveType("GridManager"),l=>l.resolveType("EventRenderingService"),l=>l.resolveType("ScrollManager"),l=>l.resolveType("Configuration")]}),t.registerType(He).as("WorkweekPresets").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("Configuration")]}),t.registerType(fe).as("ConfigManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("Configuration")]}),t.registerType(De).as("EventManager").autoWire({mapResolvers:[l=>l.resolveType("IEventBus"),l=>l.resolveType("DateService"),l=>l.resolveType("Configuration"),l=>l.resolveType("IEventRepository")]});let n=t.build(),r=n.resolveType("IEventBus"),s=n.resolveType("CalendarManager"),i=n.resolveType("EventManager"),a=n.resolveType("ResizeHandleManager"),c=n.resolveType("HeaderManager"),d=n.resolveType("DragDropManager"),g=n.resolveType("ViewSelector"),w=n.resolveType("NavigationManager"),E=n.resolveType("NavigationButtons"),m=n.resolveType("EdgeScrollManager"),u=n.resolveType("AllDayManager"),D=n.resolveType("URLManager"),C=n.resolveType("WorkweekPresets"),k=n.resolveType("ConfigManager");await s.initialize?.(),await a.initialize?.(),await zt(i,D),window.calendarDebug={eventBus:b,app:n,calendarManager:s,eventManager:i,workweekPresetsManager:C}}catch(o){throw o}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{Ot().catch(o=>{console.error("Calendar initialization failed:",o)})}):Ot().catch(o=>{console.error("Calendar initialization failed:",o)});
diff --git a/wwwroot/js/calendar-v2.js b/wwwroot/js/calendar-v2.js
new file mode 100644
index 0000000..7287e63
--- /dev/null
+++ b/wwwroot/js/calendar-v2.js
@@ -0,0 +1,1631 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/dayjs/dayjs.min.js
+var require_dayjs_min = __commonJS({
+  "node_modules/dayjs/dayjs.min.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
+    }(exports, function() {
+      "use strict";
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = /* @__PURE__ */ __name(function(t2, e2, n2) {
+        var r2 = String(t2);
+        return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+      }, "m"), v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: /* @__PURE__ */ __name(function t2(e2, n2) {
+        if (e2.date() < n2.date())
+          return -t2(n2, e2);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+        return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, "t"), a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n2, r2) {
+        var i2;
+        if (!e2)
+          return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1)
+            return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
+        }
+        return !r2 && i2 && (g = i2), i2 || !r2 && g;
+      }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
+        if (S(t2))
+          return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, "O"), b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        __name(M2, "M");
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2)
+              return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e2))
+              return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date)
+              return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r2 = e2.match($);
+              if (r2) {
+                var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+              }
+            }
+            return new Date(e2);
+          }(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = O(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return O(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < O(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = /* @__PURE__ */ __name(function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r2 ? i2 : i2.endOf(a);
+          }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, "$"), y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r2 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r2 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r2, f2) {
+          var d2, l2 = this;
+          r2 = Number(r2);
+          var $2 = b.p(f2), y2 = /* @__PURE__ */ __name(function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          }, "y");
+          if ($2 === c)
+            return this.set(c, this.$M + r2);
+          if ($2 === h)
+            return this.set(h, this.$y + r2);
+          if ($2 === a)
+            return y2(1);
+          if ($2 === o)
+            return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid())
+            return n2.invalidDate || l;
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+          }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, "d"), $2 = f2 || function(t3, e3, n3) {
+            var r3 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r3.toLowerCase() : r3;
+          };
+          return r2.replace(y, function(t3, r3) {
+            return r3 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r2, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = /* @__PURE__ */ __name(function() {
+            return b.m(y2, m3);
+          }, "D");
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2)
+            return this.$L;
+          var n2 = this.clone(), r2 = w(t2, e2, true);
+          return r2 && (n2.$L = r2), n2;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
+        };
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/utc.js
+var require_utc = __commonJS({
+  "node_modules/dayjs/plugin/utc.js"(exports, module) {
+    !function(t, i) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = i() : "function" == typeof define && define.amd ? define(i) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_utc = i();
+    }(exports, function() {
+      "use strict";
+      var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+      return function(s, f, n) {
+        var u = f.prototype;
+        n.utc = function(t2) {
+          var i2 = { date: t2, utc: true, args: arguments };
+          return new f(i2);
+        }, u.utc = function(i2) {
+          var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+          return i2 ? e2.add(this.utcOffset(), t) : e2;
+        }, u.local = function() {
+          return n(this.toDate(), { locale: this.$L, utc: false });
+        };
+        var r = u.parse;
+        u.parse = function(t2) {
+          t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), r.call(this, t2);
+        };
+        var o = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var t2 = this.$d;
+            this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+          } else
+            o.call(this);
+        };
+        var a = u.utcOffset;
+        u.utcOffset = function(s2, f2) {
+          var n2 = this.$utils().u;
+          if (n2(s2))
+            return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+          if ("string" == typeof s2 && (s2 = function(t2) {
+            void 0 === t2 && (t2 = "");
+            var s3 = t2.match(i);
+            if (!s3)
+              return null;
+            var f3 = ("" + s3[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+          }(s2), null === s2))
+            return this;
+          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2;
+          if (0 === u2)
+            return this.utc(f2);
+          var r2 = this.clone();
+          if (f2)
+            return r2.$offset = u2, r2.$u = false, r2;
+          var o2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (r2 = this.local().add(u2 + o2, t)).$offset = u2, r2.$x.$localOffset = o2, r2;
+        };
+        var h = u.format;
+        u.format = function(t2) {
+          var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, i2);
+        }, u.valueOf = function() {
+          var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * t2;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var l = u.toDate;
+        u.toDate = function(t2) {
+          return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+        };
+        var c = u.diff;
+        u.diff = function(t2, i2, e2) {
+          if (t2 && this.$u === t2.$u)
+            return c.call(this, t2, i2, e2);
+          var s2 = this.local(), f2 = n(t2).local();
+          return c.call(s2, f2, i2, e2);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/timezone.js
+var require_timezone = __commonJS({
+  "node_modules/dayjs/plugin/timezone.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_timezone = e();
+    }(exports, function() {
+      "use strict";
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+      return function(n, i, o) {
+        var r, a = /* @__PURE__ */ __name(function(t2, n2, i2) {
+          void 0 === i2 && (i2 = {});
+          var o2 = new Date(t2), r2 = function(t3, n3) {
+            void 0 === n3 && (n3 = {});
+            var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+            return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+          }(n2, i2);
+          return r2.formatToParts(o2);
+        }, "a"), u = /* @__PURE__ */ __name(function(e2, n2) {
+          for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+            var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+            c >= 0 && (r2[c] = parseInt(m, 10));
+          }
+          var d = r2[3], l = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+          return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+        }, "u"), f = i.prototype;
+        f.tz = function(t2, e2) {
+          void 0 === t2 && (t2 = r);
+          var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s2 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+          if (!Number(s2))
+            n2 = this.utcOffset(0, e2);
+          else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s2, true), e2) {
+            var m = n2.utcOffset();
+            n2 = n2.add(i2 - m, "minute");
+          }
+          return n2.$x.$timezone = t2, n2;
+        }, f.offsetName = function(t2) {
+          var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find(function(t3) {
+            return "timezonename" === t3.type.toLowerCase();
+          });
+          return n2 && n2.value;
+        };
+        var s = f.startOf;
+        f.startOf = function(t2, e2) {
+          if (!this.$x || !this.$x.$timezone)
+            return s.call(this, t2, e2);
+          var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return s.call(n2, t2, e2).tz(this.$x.$timezone, true);
+        }, o.tz = function(t2, e2, n2) {
+          var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+          if ("string" != typeof t2)
+            return o(t2).tz(a2);
+          var s2 = function(t3, e3, n3) {
+            var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+            if (e3 === o2)
+              return [i3, e3];
+            var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+            return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+          }(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+          return d.$x.$timezone = a2, d;
+        }, o.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, o.tz.setDefault = function(t2) {
+          r = t2;
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/isoWeek.js
+var require_isoWeek = __commonJS({
+  "node_modules/dayjs/plugin/isoWeek.js"(exports, module) {
+    !function(e, t) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_plugin_isoWeek = t();
+    }(exports, function() {
+      "use strict";
+      var e = "day";
+      return function(t, i, s) {
+        var a = /* @__PURE__ */ __name(function(t2) {
+          return t2.add(4 - t2.isoWeekday(), e);
+        }, "a"), d = i.prototype;
+        d.isoWeekYear = function() {
+          return a(this).year();
+        }, d.isoWeek = function(t2) {
+          if (!this.$utils().u(t2))
+            return this.add(7 * (t2 - this.isoWeek()), e);
+          var i2, d2, n2, o, r = a(this), u = (i2 = this.isoWeekYear(), d2 = this.$u, n2 = (d2 ? s.utc : s)().year(i2).startOf("year"), o = 4 - n2.isoWeekday(), n2.isoWeekday() > 4 && (o += 7), n2.add(o, e));
+          return r.diff(u, "week") + 1;
+        }, d.isoWeekday = function(e2) {
+          return this.$utils().u(e2) ? this.day() || 7 : this.day(this.day() % 7 ? e2 : e2 - 7);
+        };
+        var n = d.startOf;
+        d.startOf = function(e2, t2) {
+          var i2 = this.$utils(), s2 = !!i2.u(t2) || t2;
+          return "isoweek" === i2.p(e2) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n.bind(this)(e2, t2);
+        };
+      };
+    });
+  }
+});
+
+// src/v2/core/RenderBuilder.ts
+function buildPipeline(renderers) {
+  return {
+    async run(context) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
+__name(buildPipeline, "buildPipeline");
+
+// src/v2/core/FilterTemplate.ts
+var _FilterTemplate = class _FilterTemplate {
+  constructor(dateService, entityResolver) {
+    this.dateService = dateService;
+    this.entityResolver = entityResolver;
+    this.fields = [];
+  }
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty, derivedFrom) {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  parseDotNotation(idProperty) {
+    if (!idProperty.includes("."))
+      return null;
+    const [entityType, property] = idProperty.split(".");
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + "Id"
+      // Convention: resource → resourceId
+    };
+  }
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  getDatasetKey(idProperty) {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property;
+    }
+    return idProperty;
+  }
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column) {
+    return this.fields.map((f) => {
+      const key = this.getDatasetKey(f.idProperty);
+      return column.dataset[key] || "";
+    }).join(":");
+  }
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event) {
+    const eventRecord = event;
+    return this.fields.map((f) => {
+      const dotNotation = this.parseDotNotation(f.idProperty);
+      if (dotNotation) {
+        return this.resolveDotNotation(eventRecord, dotNotation);
+      }
+      if (f.derivedFrom) {
+        const sourceValue = eventRecord[f.derivedFrom];
+        if (sourceValue instanceof Date) {
+          return this.dateService.getDateKey(sourceValue);
+        }
+        return String(sourceValue || "");
+      }
+      return String(eventRecord[f.idProperty] || "");
+    }).join(":");
+  }
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  resolveDotNotation(eventRecord, dotNotation) {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return "";
+    }
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId)
+      return "";
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity)
+      return "";
+    return String(entity[dotNotation.property] || "");
+  }
+  /**
+   * Match event mod kolonne
+   */
+  matches(event, column) {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+};
+__name(_FilterTemplate, "FilterTemplate");
+var FilterTemplate = _FilterTemplate;
+
+// src/v2/core/CalendarOrchestrator.ts
+var _CalendarOrchestrator = class _CalendarOrchestrator {
+  constructor(allRenderers, eventRenderer, scheduleRenderer, headerDrawerRenderer, dateService, entityServices) {
+    this.allRenderers = allRenderers;
+    this.eventRenderer = eventRenderer;
+    this.scheduleRenderer = scheduleRenderer;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.dateService = dateService;
+    this.entityServices = entityServices;
+  }
+  async render(viewConfig, container) {
+    const headerContainer = container.querySelector("swp-calendar-header");
+    const columnContainer = container.querySelector("swp-day-columns");
+    if (!headerContainer || !columnContainer) {
+      throw new Error("Missing swp-calendar-header or swp-day-columns");
+    }
+    const filter = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+    const context = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+    headerContainer.innerHTML = "";
+    columnContainer.innerHTML = "";
+    const levels = viewConfig.groupings.map((g) => g.type).join(" ");
+    headerContainer.dataset.levels = levels;
+    const activeRenderers = this.selectRenderers(viewConfig);
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+    await this.scheduleRenderer.render(container, filter);
+    await this.eventRenderer.render(container, filter, filterTemplate);
+    await this.headerDrawerRenderer.render(container, filter, filterTemplate);
+  }
+  selectRenderers(viewConfig) {
+    const types = viewConfig.groupings.map((g) => g.type);
+    return types.map((type) => this.allRenderers.find((r) => r.type === type)).filter((r) => r !== void 0);
+  }
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  async resolveBelongsTo(groupings, filter) {
+    const childGrouping = groupings.find((g) => g.belongsTo);
+    if (!childGrouping?.belongsTo)
+      return {};
+    const [entityType, property] = childGrouping.belongsTo.split(".");
+    if (!entityType || !property)
+      return {};
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0)
+      return {};
+    const service = this.entityServices.find(
+      (s) => s.entityType.toLowerCase() === entityType
+    );
+    if (!service)
+      return {};
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter(
+      (e) => parentIds.includes(e.id)
+    );
+    const map = {};
+    for (const entity of entities) {
+      const entityRecord = entity;
+      const children = entityRecord[property] || [];
+      map[entityRecord.id] = children;
+    }
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+};
+__name(_CalendarOrchestrator, "CalendarOrchestrator");
+var CalendarOrchestrator = _CalendarOrchestrator;
+
+// src/v2/core/NavigationAnimator.ts
+var _NavigationAnimator = class _NavigationAnimator {
+  constructor(headerTrack, contentTrack) {
+    this.headerTrack = headerTrack;
+    this.contentTrack = contentTrack;
+  }
+  async slide(direction, renderFn) {
+    const out = direction === "left" ? "-100%" : "100%";
+    const into = direction === "left" ? "100%" : "-100%";
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+  async animateOut(translate) {
+    await Promise.all([
+      this.headerTrack.animate(
+        [{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: "ease-in" }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: "ease-in" }
+      ).finished
+    ]);
+  }
+  async animateIn(translate) {
+    await Promise.all([
+      this.headerTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }],
+        { duration: 200, easing: "ease-out" }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }],
+        { duration: 200, easing: "ease-out" }
+      ).finished
+    ]);
+  }
+};
+__name(_NavigationAnimator, "NavigationAnimator");
+var NavigationAnimator = _NavigationAnimator;
+
+// src/v2/features/date/DateRenderer.ts
+var _DateRenderer = class _DateRenderer {
+  constructor(dateService) {
+    this.dateService = dateService;
+    this.type = "date";
+  }
+  render(context) {
+    const dates = context.filter["date"] || [];
+    const resourceIds = context.filter["resource"] || [];
+    const dateGrouping = context.groupings?.find((g) => g.type === "date");
+    const hideHeader = dateGrouping?.hideHeader === true;
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r];
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+        const segments = { date: dateStr };
+        if (resourceId)
+          segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+        const header = document.createElement("swp-day-header");
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = "true";
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, "short")}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+        const column = document.createElement("swp-day-column");
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = "<swp-events-layer></swp-events-layer>";
+        context.columnContainer.appendChild(column);
+        columnCount++;
+      }
+    }
+    const container = context.columnContainer.closest("swp-calendar-container");
+    if (container) {
+      container.style.setProperty("--grid-columns", String(columnCount));
+    }
+  }
+};
+__name(_DateRenderer, "DateRenderer");
+var DateRenderer = _DateRenderer;
+
+// src/v2/core/DateService.ts
+var import_dayjs = __toESM(require_dayjs_min(), 1);
+var import_utc = __toESM(require_utc(), 1);
+var import_timezone = __toESM(require_timezone(), 1);
+var import_isoWeek = __toESM(require_isoWeek(), 1);
+import_dayjs.default.extend(import_utc.default);
+import_dayjs.default.extend(import_timezone.default);
+import_dayjs.default.extend(import_isoWeek.default);
+var _DateService = class _DateService {
+  constructor(config, baseDate) {
+    this.config = config;
+    this.timezone = config.timezone;
+    this.baseDate = baseDate ? (0, import_dayjs.default)(baseDate) : (0, import_dayjs.default)();
+  }
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date) {
+    this.baseDate = (0, import_dayjs.default)(date);
+  }
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate() {
+    return this.baseDate.toDate();
+  }
+  parseISO(isoString) {
+    return (0, import_dayjs.default)(isoString).toDate();
+  }
+  getDayName(date, format = "short") {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+  getWeekDates(offset = 0, days = 7) {
+    const monday = this.baseDate.startOf("week").add(1, "day").add(offset, "week");
+    return Array.from(
+      { length: days },
+      (_, i) => monday.add(i, "day").format("YYYY-MM-DD")
+    );
+  }
+  /**
+   * Get dates for specific weekdays within a week
+   * @param offset - Week offset from base date (0 = current week)
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkWeekDates(offset, workDays) {
+    const monday = this.baseDate.startOf("week").add(1, "day").add(offset, "week");
+    return workDays.map((isoDay) => {
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, "day").format("YYYY-MM-DD");
+    });
+  }
+  // ============================================
+  // FORMATTING
+  // ============================================
+  formatTime(date, showSeconds = false) {
+    const pattern = showSeconds ? "HH:mm:ss" : "HH:mm";
+    return (0, import_dayjs.default)(date).format(pattern);
+  }
+  formatTimeRange(start, end) {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+  formatDate(date) {
+    return (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+  }
+  getDateKey(date) {
+    return this.formatDate(date);
+  }
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments) {
+    const date = segments.date;
+    const others = Object.entries(segments).filter(([k]) => k !== "date").sort(([a], [b]) => a.localeCompare(b)).map(([, v]) => v);
+    return date ? [date, ...others].join(":") : others.join(":");
+  }
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey) {
+    const parts = columnKey.split(":");
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey) {
+    return columnKey.split(":")[0];
+  }
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+  timeToMinutes(timeString) {
+    const parts = timeString.split(":").map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+  minutesToTime(totalMinutes) {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)().hour(hours).minute(minutes).format("HH:mm");
+  }
+  getMinutesSinceMidnight(date) {
+    const d = (0, import_dayjs.default)(date);
+    return d.hour() * 60 + d.minute();
+  }
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+  toUTC(localDate) {
+    return import_dayjs.default.tz(localDate, this.timezone).utc().toISOString();
+  }
+  fromUTC(utcString) {
+    return import_dayjs.default.utc(utcString).tz(this.timezone).toDate();
+  }
+  // ============================================
+  // DATE CREATION
+  // ============================================
+  createDateAtTime(baseDate, timeString) {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)(baseDate).startOf("day").hour(hours).minute(minutes).toDate();
+  }
+  getISOWeekDay(date) {
+    return (0, import_dayjs.default)(date).isoWeekday();
+  }
+};
+__name(_DateService, "DateService");
+var DateService = _DateService;
+
+// src/v2/utils/PositionUtils.ts
+function calculateEventPosition(start, end, config) {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+  return { top, height };
+}
+__name(calculateEventPosition, "calculateEventPosition");
+function minutesToPixels(minutes, config) {
+  return minutes / 60 * config.hourHeight;
+}
+__name(minutesToPixels, "minutesToPixels");
+function pixelsToMinutes(pixels, config) {
+  return pixels / config.hourHeight * 60;
+}
+__name(pixelsToMinutes, "pixelsToMinutes");
+function snapToGrid(pixels, config) {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
+__name(snapToGrid, "snapToGrid");
+
+// src/v2/constants/CoreEvents.ts
+var CoreEvents = {
+  // Lifecycle events
+  INITIALIZED: "core:initialized",
+  READY: "core:ready",
+  DESTROYED: "core:destroyed",
+  // View events
+  VIEW_CHANGED: "view:changed",
+  VIEW_RENDERED: "view:rendered",
+  // Navigation events
+  DATE_CHANGED: "nav:date-changed",
+  NAVIGATION_COMPLETED: "nav:navigation-completed",
+  // Data events
+  DATA_LOADING: "data:loading",
+  DATA_LOADED: "data:loaded",
+  DATA_ERROR: "data:error",
+  // Grid events
+  GRID_RENDERED: "grid:rendered",
+  GRID_CLICKED: "grid:clicked",
+  // Event management
+  EVENT_CREATED: "event:created",
+  EVENT_UPDATED: "event:updated",
+  EVENT_DELETED: "event:deleted",
+  EVENT_SELECTED: "event:selected",
+  // Event drag-drop
+  EVENT_DRAG_START: "event:drag-start",
+  EVENT_DRAG_MOVE: "event:drag-move",
+  EVENT_DRAG_END: "event:drag-end",
+  EVENT_DRAG_CANCEL: "event:drag-cancel",
+  EVENT_DRAG_COLUMN_CHANGE: "event:drag-column-change",
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: "event:drag-enter-header",
+  EVENT_DRAG_MOVE_HEADER: "event:drag-move-header",
+  EVENT_DRAG_LEAVE_HEADER: "event:drag-leave-header",
+  // Event resize
+  EVENT_RESIZE_START: "event:resize-start",
+  EVENT_RESIZE_END: "event:resize-end",
+  // Edge scroll
+  EDGE_SCROLL_TICK: "edge-scroll:tick",
+  EDGE_SCROLL_STARTED: "edge-scroll:started",
+  EDGE_SCROLL_STOPPED: "edge-scroll:stopped",
+  // System events
+  ERROR: "system:error",
+  // Sync events
+  SYNC_STARTED: "sync:started",
+  SYNC_COMPLETED: "sync:completed",
+  SYNC_FAILED: "sync:failed",
+  // Entity events - for audit and sync
+  ENTITY_SAVED: "entity:saved",
+  ENTITY_DELETED: "entity:deleted",
+  // Audit events
+  AUDIT_LOGGED: "audit:logged",
+  // Rendering events
+  EVENTS_RENDERED: "events:rendered"
+};
+
+// src/v2/features/event/EventLayoutEngine.ts
+function eventsOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+__name(eventsOverlap, "eventsOverlap");
+function eventsWithinThreshold(a, b, thresholdMinutes) {
+  const thresholdMs = thresholdMinutes * 60 * 1e3;
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs)
+    return true;
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs)
+    return true;
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs)
+    return true;
+  return false;
+}
+__name(eventsWithinThreshold, "eventsWithinThreshold");
+function findOverlapGroups(events) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsOverlap(member, candidate));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findOverlapGroups, "findOverlapGroups");
+function findGridCandidates(events, thresholdMinutes) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some(
+          (member) => eventsWithinThreshold(member, candidate, thresholdMinutes)
+        );
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findGridCandidates, "findGridCandidates");
+function calculateStackLevels(events) {
+  const levels = /* @__PURE__ */ new Map();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+    for (const [id, level] of levels) {
+      const other = events.find((e) => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+  return levels;
+}
+__name(calculateStackLevels, "calculateStackLevels");
+function allocateColumns(events) {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns = [];
+  for (const event of sorted) {
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some((e) => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+  return columns;
+}
+__name(allocateColumns, "allocateColumns");
+function calculateColumnLayout(events, config) {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+  const result = {
+    grids: [],
+    stacked: []
+  };
+  if (events.length === 0)
+    return result;
+  const overlapGroups = findOverlapGroups(events);
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+    const largestGridCandidate = gridSubgroups.reduce((max, g) => g.length > max.length ? g : max, gridSubgroups[0]);
+    if (largestGridCandidate.length === overlapGroup.length) {
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) => e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+  return result;
+}
+__name(calculateColumnLayout, "calculateColumnLayout");
+
+// src/v2/features/event/EventRenderer.ts
+var _EventRenderer = class _EventRenderer {
+  constructor(eventService, dateService, gridConfig, eventBus) {
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+    this.eventBus = eventBus;
+    this.container = null;
+    this.setupListeners();
+  }
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = e.detail;
+      this.handleColumnChange(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = e.detail;
+      this.updateDragTimestamp(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = e.detail;
+      this.handleEventUpdated(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  handleDragLeaveHeader(payload) {
+    if (payload.source !== "header")
+      return;
+    if (!payload.targetColumn || !payload.start || !payload.end)
+      return;
+    if (payload.element) {
+      payload.element.classList.add("drag-ghost");
+      payload.element.style.opacity = "0.3";
+      payload.element.style.pointerEvents = "none";
+    }
+    const event = {
+      id: payload.eventId,
+      title: payload.title || "",
+      description: "",
+      start: payload.start,
+      end: payload.end,
+      type: "customer",
+      allDay: false,
+      syncStatus: "pending"
+    };
+    const element = this.createEventElement(event);
+    let eventsLayer = payload.targetColumn.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+    element.classList.add("dragging");
+  }
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  async handleEventUpdated(payload) {
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  async rerenderColumn(columnKey) {
+    const column = this.findColumn(columnKey);
+    if (!column)
+      return;
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+    if (!date)
+      return;
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+    const events = resourceId ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate) : await this.eventService.getByDateRange(startDate, endDate);
+    const timedEvents = events.filter(
+      (event) => !event.allDay && this.dateService.getDateKey(event.start) === date
+    );
+    let eventsLayer = column.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      column.appendChild(eventsLayer);
+    }
+    eventsLayer.innerHTML = "";
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+    layout.grids.forEach((grid) => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer.appendChild(groupEl);
+    });
+    layout.stacked.forEach((item) => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer.appendChild(eventEl);
+    });
+  }
+  /**
+   * Find a column element by columnKey
+   */
+  findColumn(columnKey) {
+    if (!this.container)
+      return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`);
+  }
+  /**
+   * Handle event moving to a new column during drag
+   */
+  handleColumnChange(payload) {
+    const eventsLayer = payload.newColumn.querySelector("swp-events-layer");
+    if (!eventsLayer)
+      return;
+    eventsLayer.appendChild(payload.element);
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  updateDragTimestamp(payload) {
+    const timeEl = payload.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + minutesFromGridStart;
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container, filter, filterTemplate) {
+    this.container = container;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const dayColumns = container.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    columns.forEach((column) => {
+      const columnEl = column;
+      const columnEvents = events.filter((event) => filterTemplate.matches(event, columnEl));
+      let eventsLayer = column.querySelector("swp-events-layer");
+      if (!eventsLayer) {
+        eventsLayer = document.createElement("swp-events-layer");
+        column.appendChild(eventsLayer);
+      }
+      eventsLayer.innerHTML = "";
+      const timedEvents = columnEvents.filter((event) => !event.allDay);
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+      layout.grids.forEach((grid) => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer.appendChild(groupEl);
+      });
+      layout.stacked.forEach((item) => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer.appendChild(eventEl);
+      });
+    });
+  }
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  createEventElement(event) {
+    const element = document.createElement("swp-event");
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ""}
+    `;
+    return element;
+  }
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  renderGridGroup(layout) {
+    const group = document.createElement("swp-event-group");
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom)
+        maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+    layout.columns.forEach((columnEvents) => {
+      const wrapper = document.createElement("div");
+      wrapper.style.position = "relative";
+      columnEvents.forEach((event) => {
+        const eventEl = this.createEventElement(event);
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = "absolute";
+        eventEl.style.left = "0";
+        eventEl.style.right = "0";
+        wrapper.appendChild(eventEl);
+      });
+      group.appendChild(wrapper);
+    });
+    return group;
+  }
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  renderStackedEvent(event, stackLevel) {
+    const element = this.createEventElement(event);
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+    return element;
+  }
+};
+__name(_EventRenderer, "EventRenderer");
+var EventRenderer = _EventRenderer;
+
+// src/v2/core/BaseGroupingRenderer.ts
+var _BaseGroupingRenderer = class _BaseGroupingRenderer {
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context) {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0)
+      return;
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter["date"]?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter((id) => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+      this.renderHeader(entity, header, context);
+      context.headerContainer.appendChild(header);
+    }
+  }
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  renderHeader(entity, header, _context) {
+    header.textContent = this.getDisplayName(entity);
+  }
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  createHeader(entity, context) {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+};
+__name(_BaseGroupingRenderer, "BaseGroupingRenderer");
+var BaseGroupingRenderer = _BaseGroupingRenderer;
+
+// src/v2/features/resource/ResourceRenderer.ts
+var _ResourceRenderer = class _ResourceRenderer extends BaseGroupingRenderer {
+  constructor(resourceService) {
+    super();
+    this.resourceService = resourceService;
+    this.type = "resource";
+    this.config = {
+      elementTag: "swp-resource-header",
+      idAttribute: "resourceId",
+      colspanVar: "--resource-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.resourceService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.displayName;
+  }
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context) {
+    const resourceIds = context.filter["resource"] || [];
+    const dateCount = context.filter["date"]?.length || 1;
+    let orderedResourceIds;
+    if (context.parentChildMap) {
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+    const resources = await this.getEntities(orderedResourceIds);
+    const resourceMap = new Map(resources.map((r) => [r.id, r]));
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource)
+        continue;
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+};
+__name(_ResourceRenderer, "ResourceRenderer");
+var ResourceRenderer = _ResourceRenderer;
+
+// src/v2/features/team/TeamRenderer.ts
+var _TeamRenderer = class _TeamRenderer extends BaseGroupingRenderer {
+  constructor(teamService) {
+    super();
+    this.teamService = teamService;
+    this.type = "team";
+    this.config = {
+      elementTag: "swp-team-header",
+      idAttribute: "teamId",
+      colspanVar: "--team-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.teamService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.name;
+  }
+};
+__name(_TeamRenderer, "TeamRenderer");
+var TeamRenderer = _TeamRenderer;
+
+// src/v2/features/timeaxis/TimeAxisRenderer.ts
+var _TimeAxisRenderer = class _TimeAxisRenderer {
+  render(container, startHour = 6, endHour = 20) {
+    container.innerHTML = "";
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement("swp-hour-marker");
+      marker.textContent = `${hour.toString().padStart(2, "0")}:00`;
+      container.appendChild(marker);
+    }
+  }
+};
+__name(_TimeAxisRenderer, "TimeAxisRenderer");
+var TimeAxisRenderer = _TimeAxisRenderer;
+export {
+  CalendarOrchestrator,
+  DateRenderer,
+  DateService,
+  EventRenderer,
+  NavigationAnimator,
+  ResourceRenderer,
+  TeamRenderer,
+  TimeAxisRenderer,
+  buildPipeline
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vbm9kZV9tb2R1bGVzL2RheWpzL2RheWpzLm1pbi5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3V0Yy5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3RpbWV6b25lLmpzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9kYXlqcy9wbHVnaW4vaXNvV2Vlay5qcyIsICIuLi8uLi9zcmMvdjIvY29yZS9SZW5kZXJCdWlsZGVyLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL0ZpbHRlclRlbXBsYXRlLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL0NhbGVuZGFyT3JjaGVzdHJhdG9yLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL05hdmlnYXRpb25BbmltYXRvci50cyIsICIuLi8uLi9zcmMvdjIvZmVhdHVyZXMvZGF0ZS9EYXRlUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3YyL2NvcmUvRGF0ZVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3YyL3V0aWxzL1Bvc2l0aW9uVXRpbHMudHMiLCAiLi4vLi4vc3JjL3YyL2NvbnN0YW50cy9Db3JlRXZlbnRzLnRzIiwgIi4uLy4uL3NyYy92Mi9mZWF0dXJlcy9ldmVudC9FdmVudExheW91dEVuZ2luZS50cyIsICIuLi8uLi9zcmMvdjIvZmVhdHVyZXMvZXZlbnQvRXZlbnRSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvdjIvY29yZS9CYXNlR3JvdXBpbmdSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvdjIvZmVhdHVyZXMvcmVzb3VyY2UvUmVzb3VyY2VSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvdjIvZmVhdHVyZXMvdGVhbS9UZWFtUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3YyL2ZlYXR1cmVzL3RpbWVheGlzL1RpbWVBeGlzUmVuZGVyZXIudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIiFmdW5jdGlvbih0LGUpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPWUoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKGUpOih0PVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6dHx8c2VsZikuZGF5anM9ZSgpfSh0aGlzLChmdW5jdGlvbigpe1widXNlIHN0cmljdFwiO3ZhciB0PTFlMyxlPTZlNCxuPTM2ZTUscj1cIm1pbGxpc2Vjb25kXCIsaT1cInNlY29uZFwiLHM9XCJtaW51dGVcIix1PVwiaG91clwiLGE9XCJkYXlcIixvPVwid2Vla1wiLGM9XCJtb250aFwiLGY9XCJxdWFydGVyXCIsaD1cInllYXJcIixkPVwiZGF0ZVwiLGw9XCJJbnZhbGlkIERhdGVcIiwkPS9eKFxcZHs0fSlbLS9dPyhcXGR7MSwyfSk/Wy0vXT8oXFxkezAsMn0pW1R0XFxzXSooXFxkezEsMn0pPzo/KFxcZHsxLDJ9KT86PyhcXGR7MSwyfSk/Wy46XT8oXFxkKyk/JC8seT0vXFxbKFteXFxdXSspXXxZezEsNH18TXsxLDR9fER7MSwyfXxkezEsNH18SHsxLDJ9fGh7MSwyfXxhfEF8bXsxLDJ9fHN7MSwyfXxaezEsMn18U1NTL2csTT17bmFtZTpcImVuXCIsd2Vla2RheXM6XCJTdW5kYXlfTW9uZGF5X1R1ZXNkYXlfV2VkbmVzZGF5X1RodXJzZGF5X0ZyaWRheV9TYXR1cmRheVwiLnNwbGl0KFwiX1wiKSxtb250aHM6XCJKYW51YXJ5X0ZlYnJ1YXJ5X01hcmNoX0FwcmlsX01heV9KdW5lX0p1bHlfQXVndXN0X1NlcHRlbWJlcl9PY3RvYmVyX05vdmVtYmVyX0RlY2VtYmVyXCIuc3BsaXQoXCJfXCIpLG9yZGluYWw6ZnVuY3Rpb24odCl7dmFyIGU9W1widGhcIixcInN0XCIsXCJuZFwiLFwicmRcIl0sbj10JTEwMDtyZXR1cm5cIltcIit0KyhlWyhuLTIwKSUxMF18fGVbbl18fGVbMF0pK1wiXVwifX0sbT1mdW5jdGlvbih0LGUsbil7dmFyIHI9U3RyaW5nKHQpO3JldHVybiFyfHxyLmxlbmd0aD49ZT90OlwiXCIrQXJyYXkoZSsxLXIubGVuZ3RoKS5qb2luKG4pK3R9LHY9e3M6bSx6OmZ1bmN0aW9uKHQpe3ZhciBlPS10LnV0Y09mZnNldCgpLG49TWF0aC5hYnMoZSkscj1NYXRoLmZsb29yKG4vNjApLGk9biU2MDtyZXR1cm4oZTw9MD9cIitcIjpcIi1cIikrbShyLDIsXCIwXCIpK1wiOlwiK20oaSwyLFwiMFwiKX0sbTpmdW5jdGlvbiB0KGUsbil7aWYoZS5kYXRlKCk8bi5kYXRlKCkpcmV0dXJuLXQobixlKTt2YXIgcj0xMioobi55ZWFyKCktZS55ZWFyKCkpKyhuLm1vbnRoKCktZS5tb250aCgpKSxpPWUuY2xvbmUoKS5hZGQocixjKSxzPW4taTwwLHU9ZS5jbG9uZSgpLmFkZChyKyhzPy0xOjEpLGMpO3JldHVybisoLShyKyhuLWkpLyhzP2ktdTp1LWkpKXx8MCl9LGE6ZnVuY3Rpb24odCl7cmV0dXJuIHQ8MD9NYXRoLmNlaWwodCl8fDA6TWF0aC5mbG9vcih0KX0scDpmdW5jdGlvbih0KXtyZXR1cm57TTpjLHk6aCx3Om8sZDphLEQ6ZCxoOnUsbTpzLHM6aSxtczpyLFE6Zn1bdF18fFN0cmluZyh0fHxcIlwiKS50b0xvd2VyQ2FzZSgpLnJlcGxhY2UoL3MkLyxcIlwiKX0sdTpmdW5jdGlvbih0KXtyZXR1cm4gdm9pZCAwPT09dH19LGc9XCJlblwiLEQ9e307RFtnXT1NO3ZhciBwPVwiJGlzRGF5anNPYmplY3RcIixTPWZ1bmN0aW9uKHQpe3JldHVybiB0IGluc3RhbmNlb2YgX3x8ISghdHx8IXRbcF0pfSx3PWZ1bmN0aW9uIHQoZSxuLHIpe3ZhciBpO2lmKCFlKXJldHVybiBnO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlKXt2YXIgcz1lLnRvTG93ZXJDYXNlKCk7RFtzXSYmKGk9cyksbiYmKERbc109bixpPXMpO3ZhciB1PWUuc3BsaXQoXCItXCIpO2lmKCFpJiZ1Lmxlbmd0aD4xKXJldHVybiB0KHVbMF0pfWVsc2V7dmFyIGE9ZS5uYW1lO0RbYV09ZSxpPWF9cmV0dXJuIXImJmkmJihnPWkpLGl8fCFyJiZnfSxPPWZ1bmN0aW9uKHQsZSl7aWYoUyh0KSlyZXR1cm4gdC5jbG9uZSgpO3ZhciBuPVwib2JqZWN0XCI9PXR5cGVvZiBlP2U6e307cmV0dXJuIG4uZGF0ZT10LG4uYXJncz1hcmd1bWVudHMsbmV3IF8obil9LGI9djtiLmw9dyxiLmk9UyxiLnc9ZnVuY3Rpb24odCxlKXtyZXR1cm4gTyh0LHtsb2NhbGU6ZS4kTCx1dGM6ZS4kdSx4OmUuJHgsJG9mZnNldDplLiRvZmZzZXR9KX07dmFyIF89ZnVuY3Rpb24oKXtmdW5jdGlvbiBNKHQpe3RoaXMuJEw9dyh0LmxvY2FsZSxudWxsLCEwKSx0aGlzLnBhcnNlKHQpLHRoaXMuJHg9dGhpcy4keHx8dC54fHx7fSx0aGlzW3BdPSEwfXZhciBtPU0ucHJvdG90eXBlO3JldHVybiBtLnBhcnNlPWZ1bmN0aW9uKHQpe3RoaXMuJGQ9ZnVuY3Rpb24odCl7dmFyIGU9dC5kYXRlLG49dC51dGM7aWYobnVsbD09PWUpcmV0dXJuIG5ldyBEYXRlKE5hTik7aWYoYi51KGUpKXJldHVybiBuZXcgRGF0ZTtpZihlIGluc3RhbmNlb2YgRGF0ZSlyZXR1cm4gbmV3IERhdGUoZSk7aWYoXCJzdHJpbmdcIj09dHlwZW9mIGUmJiEvWiQvaS50ZXN0KGUpKXt2YXIgcj1lLm1hdGNoKCQpO2lmKHIpe3ZhciBpPXJbMl0tMXx8MCxzPShyWzddfHxcIjBcIikuc3Vic3RyaW5nKDAsMyk7cmV0dXJuIG4/bmV3IERhdGUoRGF0ZS5VVEMoclsxXSxpLHJbM118fDEscls0XXx8MCxyWzVdfHwwLHJbNl18fDAscykpOm5ldyBEYXRlKHJbMV0saSxyWzNdfHwxLHJbNF18fDAscls1XXx8MCxyWzZdfHwwLHMpfX1yZXR1cm4gbmV3IERhdGUoZSl9KHQpLHRoaXMuaW5pdCgpfSxtLmluaXQ9ZnVuY3Rpb24oKXt2YXIgdD10aGlzLiRkO3RoaXMuJHk9dC5nZXRGdWxsWWVhcigpLHRoaXMuJE09dC5nZXRNb250aCgpLHRoaXMuJEQ9dC5nZXREYXRlKCksdGhpcy4kVz10LmdldERheSgpLHRoaXMuJEg9dC5nZXRIb3VycygpLHRoaXMuJG09dC5nZXRNaW51dGVzKCksdGhpcy4kcz10LmdldFNlY29uZHMoKSx0aGlzLiRtcz10LmdldE1pbGxpc2Vjb25kcygpfSxtLiR1dGlscz1mdW5jdGlvbigpe3JldHVybiBifSxtLmlzVmFsaWQ9ZnVuY3Rpb24oKXtyZXR1cm4hKHRoaXMuJGQudG9TdHJpbmcoKT09PWwpfSxtLmlzU2FtZT1mdW5jdGlvbih0LGUpe3ZhciBuPU8odCk7cmV0dXJuIHRoaXMuc3RhcnRPZihlKTw9biYmbjw9dGhpcy5lbmRPZihlKX0sbS5pc0FmdGVyPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIE8odCk8dGhpcy5zdGFydE9mKGUpfSxtLmlzQmVmb3JlPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIHRoaXMuZW5kT2YoZSk8Tyh0KX0sbS4kZz1mdW5jdGlvbih0LGUsbil7cmV0dXJuIGIudSh0KT90aGlzW2VdOnRoaXMuc2V0KG4sdCl9LG0udW5peD1mdW5jdGlvbigpe3JldHVybiBNYXRoLmZsb29yKHRoaXMudmFsdWVPZigpLzFlMyl9LG0udmFsdWVPZj1mdW5jdGlvbigpe3JldHVybiB0aGlzLiRkLmdldFRpbWUoKX0sbS5zdGFydE9mPWZ1bmN0aW9uKHQsZSl7dmFyIG49dGhpcyxyPSEhYi51KGUpfHxlLGY9Yi5wKHQpLGw9ZnVuY3Rpb24odCxlKXt2YXIgaT1iLncobi4kdT9EYXRlLlVUQyhuLiR5LGUsdCk6bmV3IERhdGUobi4keSxlLHQpLG4pO3JldHVybiByP2k6aS5lbmRPZihhKX0sJD1mdW5jdGlvbih0LGUpe3JldHVybiBiLncobi50b0RhdGUoKVt0XS5hcHBseShuLnRvRGF0ZShcInNcIiksKHI/WzAsMCwwLDBdOlsyMyw1OSw1OSw5OTldKS5zbGljZShlKSksbil9LHk9dGhpcy4kVyxNPXRoaXMuJE0sbT10aGlzLiRELHY9XCJzZXRcIisodGhpcy4kdT9cIlVUQ1wiOlwiXCIpO3N3aXRjaChmKXtjYXNlIGg6cmV0dXJuIHI/bCgxLDApOmwoMzEsMTEpO2Nhc2UgYzpyZXR1cm4gcj9sKDEsTSk6bCgwLE0rMSk7Y2FzZSBvOnZhciBnPXRoaXMuJGxvY2FsZSgpLndlZWtTdGFydHx8MCxEPSh5PGc/eSs3OnkpLWc7cmV0dXJuIGwocj9tLUQ6bSsoNi1EKSxNKTtjYXNlIGE6Y2FzZSBkOnJldHVybiAkKHYrXCJIb3Vyc1wiLDApO2Nhc2UgdTpyZXR1cm4gJCh2K1wiTWludXRlc1wiLDEpO2Nhc2UgczpyZXR1cm4gJCh2K1wiU2Vjb25kc1wiLDIpO2Nhc2UgaTpyZXR1cm4gJCh2K1wiTWlsbGlzZWNvbmRzXCIsMyk7ZGVmYXVsdDpyZXR1cm4gdGhpcy5jbG9uZSgpfX0sbS5lbmRPZj1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5zdGFydE9mKHQsITEpfSxtLiRzZXQ9ZnVuY3Rpb24odCxlKXt2YXIgbixvPWIucCh0KSxmPVwic2V0XCIrKHRoaXMuJHU/XCJVVENcIjpcIlwiKSxsPShuPXt9LG5bYV09ZitcIkRhdGVcIixuW2RdPWYrXCJEYXRlXCIsbltjXT1mK1wiTW9udGhcIixuW2hdPWYrXCJGdWxsWWVhclwiLG5bdV09ZitcIkhvdXJzXCIsbltzXT1mK1wiTWludXRlc1wiLG5baV09ZitcIlNlY29uZHNcIixuW3JdPWYrXCJNaWxsaXNlY29uZHNcIixuKVtvXSwkPW89PT1hP3RoaXMuJEQrKGUtdGhpcy4kVyk6ZTtpZihvPT09Y3x8bz09PWgpe3ZhciB5PXRoaXMuY2xvbmUoKS5zZXQoZCwxKTt5LiRkW2xdKCQpLHkuaW5pdCgpLHRoaXMuJGQ9eS5zZXQoZCxNYXRoLm1pbih0aGlzLiRELHkuZGF5c0luTW9udGgoKSkpLiRkfWVsc2UgbCYmdGhpcy4kZFtsXSgkKTtyZXR1cm4gdGhpcy5pbml0KCksdGhpc30sbS5zZXQ9ZnVuY3Rpb24odCxlKXtyZXR1cm4gdGhpcy5jbG9uZSgpLiRzZXQodCxlKX0sbS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXNbYi5wKHQpXSgpfSxtLmFkZD1mdW5jdGlvbihyLGYpe3ZhciBkLGw9dGhpcztyPU51bWJlcihyKTt2YXIgJD1iLnAoZikseT1mdW5jdGlvbih0KXt2YXIgZT1PKGwpO3JldHVybiBiLncoZS5kYXRlKGUuZGF0ZSgpK01hdGgucm91bmQodCpyKSksbCl9O2lmKCQ9PT1jKXJldHVybiB0aGlzLnNldChjLHRoaXMuJE0rcik7aWYoJD09PWgpcmV0dXJuIHRoaXMuc2V0KGgsdGhpcy4keStyKTtpZigkPT09YSlyZXR1cm4geSgxKTtpZigkPT09bylyZXR1cm4geSg3KTt2YXIgTT0oZD17fSxkW3NdPWUsZFt1XT1uLGRbaV09dCxkKVskXXx8MSxtPXRoaXMuJGQuZ2V0VGltZSgpK3IqTTtyZXR1cm4gYi53KG0sdGhpcyl9LG0uc3VidHJhY3Q9ZnVuY3Rpb24odCxlKXtyZXR1cm4gdGhpcy5hZGQoLTEqdCxlKX0sbS5mb3JtYXQ9ZnVuY3Rpb24odCl7dmFyIGU9dGhpcyxuPXRoaXMuJGxvY2FsZSgpO2lmKCF0aGlzLmlzVmFsaWQoKSlyZXR1cm4gbi5pbnZhbGlkRGF0ZXx8bDt2YXIgcj10fHxcIllZWVktTU0tRERUSEg6bW06c3NaXCIsaT1iLnoodGhpcykscz10aGlzLiRILHU9dGhpcy4kbSxhPXRoaXMuJE0sbz1uLndlZWtkYXlzLGM9bi5tb250aHMsZj1uLm1lcmlkaWVtLGg9ZnVuY3Rpb24odCxuLGkscyl7cmV0dXJuIHQmJih0W25dfHx0KGUscikpfHxpW25dLnNsaWNlKDAscyl9LGQ9ZnVuY3Rpb24odCl7cmV0dXJuIGIucyhzJTEyfHwxMix0LFwiMFwiKX0sJD1mfHxmdW5jdGlvbih0LGUsbil7dmFyIHI9dDwxMj9cIkFNXCI6XCJQTVwiO3JldHVybiBuP3IudG9Mb3dlckNhc2UoKTpyfTtyZXR1cm4gci5yZXBsYWNlKHksKGZ1bmN0aW9uKHQscil7cmV0dXJuIHJ8fGZ1bmN0aW9uKHQpe3N3aXRjaCh0KXtjYXNlXCJZWVwiOnJldHVybiBTdHJpbmcoZS4keSkuc2xpY2UoLTIpO2Nhc2VcIllZWVlcIjpyZXR1cm4gYi5zKGUuJHksNCxcIjBcIik7Y2FzZVwiTVwiOnJldHVybiBhKzE7Y2FzZVwiTU1cIjpyZXR1cm4gYi5zKGErMSwyLFwiMFwiKTtjYXNlXCJNTU1cIjpyZXR1cm4gaChuLm1vbnRoc1Nob3J0LGEsYywzKTtjYXNlXCJNTU1NXCI6cmV0dXJuIGgoYyxhKTtjYXNlXCJEXCI6cmV0dXJuIGUuJEQ7Y2FzZVwiRERcIjpyZXR1cm4gYi5zKGUuJEQsMixcIjBcIik7Y2FzZVwiZFwiOnJldHVybiBTdHJpbmcoZS4kVyk7Y2FzZVwiZGRcIjpyZXR1cm4gaChuLndlZWtkYXlzTWluLGUuJFcsbywyKTtjYXNlXCJkZGRcIjpyZXR1cm4gaChuLndlZWtkYXlzU2hvcnQsZS4kVyxvLDMpO2Nhc2VcImRkZGRcIjpyZXR1cm4gb1tlLiRXXTtjYXNlXCJIXCI6cmV0dXJuIFN0cmluZyhzKTtjYXNlXCJISFwiOnJldHVybiBiLnMocywyLFwiMFwiKTtjYXNlXCJoXCI6cmV0dXJuIGQoMSk7Y2FzZVwiaGhcIjpyZXR1cm4gZCgyKTtjYXNlXCJhXCI6cmV0dXJuICQocyx1LCEwKTtjYXNlXCJBXCI6cmV0dXJuICQocyx1LCExKTtjYXNlXCJtXCI6cmV0dXJuIFN0cmluZyh1KTtjYXNlXCJtbVwiOnJldHVybiBiLnModSwyLFwiMFwiKTtjYXNlXCJzXCI6cmV0dXJuIFN0cmluZyhlLiRzKTtjYXNlXCJzc1wiOnJldHVybiBiLnMoZS4kcywyLFwiMFwiKTtjYXNlXCJTU1NcIjpyZXR1cm4gYi5zKGUuJG1zLDMsXCIwXCIpO2Nhc2VcIlpcIjpyZXR1cm4gaX1yZXR1cm4gbnVsbH0odCl8fGkucmVwbGFjZShcIjpcIixcIlwiKX0pKX0sbS51dGNPZmZzZXQ9ZnVuY3Rpb24oKXtyZXR1cm4gMTUqLU1hdGgucm91bmQodGhpcy4kZC5nZXRUaW1lem9uZU9mZnNldCgpLzE1KX0sbS5kaWZmPWZ1bmN0aW9uKHIsZCxsKXt2YXIgJCx5PXRoaXMsTT1iLnAoZCksbT1PKHIpLHY9KG0udXRjT2Zmc2V0KCktdGhpcy51dGNPZmZzZXQoKSkqZSxnPXRoaXMtbSxEPWZ1bmN0aW9uKCl7cmV0dXJuIGIubSh5LG0pfTtzd2l0Y2goTSl7Y2FzZSBoOiQ9RCgpLzEyO2JyZWFrO2Nhc2UgYzokPUQoKTticmVhaztjYXNlIGY6JD1EKCkvMzticmVhaztjYXNlIG86JD0oZy12KS82MDQ4ZTU7YnJlYWs7Y2FzZSBhOiQ9KGctdikvODY0ZTU7YnJlYWs7Y2FzZSB1OiQ9Zy9uO2JyZWFrO2Nhc2UgczokPWcvZTticmVhaztjYXNlIGk6JD1nL3Q7YnJlYWs7ZGVmYXVsdDokPWd9cmV0dXJuIGw/JDpiLmEoJCl9LG0uZGF5c0luTW9udGg9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy5lbmRPZihjKS4kRH0sbS4kbG9jYWxlPWZ1bmN0aW9uKCl7cmV0dXJuIERbdGhpcy4kTF19LG0ubG9jYWxlPWZ1bmN0aW9uKHQsZSl7aWYoIXQpcmV0dXJuIHRoaXMuJEw7dmFyIG49dGhpcy5jbG9uZSgpLHI9dyh0LGUsITApO3JldHVybiByJiYobi4kTD1yKSxufSxtLmNsb25lPWZ1bmN0aW9uKCl7cmV0dXJuIGIudyh0aGlzLiRkLHRoaXMpfSxtLnRvRGF0ZT1mdW5jdGlvbigpe3JldHVybiBuZXcgRGF0ZSh0aGlzLnZhbHVlT2YoKSl9LG0udG9KU09OPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuaXNWYWxpZCgpP3RoaXMudG9JU09TdHJpbmcoKTpudWxsfSxtLnRvSVNPU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuJGQudG9JU09TdHJpbmcoKX0sbS50b1N0cmluZz1mdW5jdGlvbigpe3JldHVybiB0aGlzLiRkLnRvVVRDU3RyaW5nKCl9LE19KCksaz1fLnByb3RvdHlwZTtyZXR1cm4gTy5wcm90b3R5cGU9ayxbW1wiJG1zXCIscl0sW1wiJHNcIixpXSxbXCIkbVwiLHNdLFtcIiRIXCIsdV0sW1wiJFdcIixhXSxbXCIkTVwiLGNdLFtcIiR5XCIsaF0sW1wiJERcIixkXV0uZm9yRWFjaCgoZnVuY3Rpb24odCl7a1t0WzFdXT1mdW5jdGlvbihlKXtyZXR1cm4gdGhpcy4kZyhlLHRbMF0sdFsxXSl9fSkpLE8uZXh0ZW5kPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIHQuJGl8fCh0KGUsXyxPKSx0LiRpPSEwKSxPfSxPLmxvY2FsZT13LE8uaXNEYXlqcz1TLE8udW5peD1mdW5jdGlvbih0KXtyZXR1cm4gTygxZTMqdCl9LE8uZW49RFtnXSxPLkxzPUQsTy5wPXt9LE99KSk7IiwgIiFmdW5jdGlvbih0LGkpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPWkoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKGkpOih0PVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6dHx8c2VsZikuZGF5anNfcGx1Z2luX3V0Yz1pKCl9KHRoaXMsKGZ1bmN0aW9uKCl7XCJ1c2Ugc3RyaWN0XCI7dmFyIHQ9XCJtaW51dGVcIixpPS9bKy1dXFxkXFxkKD86Oj9cXGRcXGQpPy9nLGU9LyhbKy1dfFxcZFxcZCkvZztyZXR1cm4gZnVuY3Rpb24ocyxmLG4pe3ZhciB1PWYucHJvdG90eXBlO24udXRjPWZ1bmN0aW9uKHQpe3ZhciBpPXtkYXRlOnQsdXRjOiEwLGFyZ3M6YXJndW1lbnRzfTtyZXR1cm4gbmV3IGYoaSl9LHUudXRjPWZ1bmN0aW9uKGkpe3ZhciBlPW4odGhpcy50b0RhdGUoKSx7bG9jYWxlOnRoaXMuJEwsdXRjOiEwfSk7cmV0dXJuIGk/ZS5hZGQodGhpcy51dGNPZmZzZXQoKSx0KTplfSx1LmxvY2FsPWZ1bmN0aW9uKCl7cmV0dXJuIG4odGhpcy50b0RhdGUoKSx7bG9jYWxlOnRoaXMuJEwsdXRjOiExfSl9O3ZhciByPXUucGFyc2U7dS5wYXJzZT1mdW5jdGlvbih0KXt0LnV0YyYmKHRoaXMuJHU9ITApLHRoaXMuJHV0aWxzKCkudSh0LiRvZmZzZXQpfHwodGhpcy4kb2Zmc2V0PXQuJG9mZnNldCksci5jYWxsKHRoaXMsdCl9O3ZhciBvPXUuaW5pdDt1LmluaXQ9ZnVuY3Rpb24oKXtpZih0aGlzLiR1KXt2YXIgdD10aGlzLiRkO3RoaXMuJHk9dC5nZXRVVENGdWxsWWVhcigpLHRoaXMuJE09dC5nZXRVVENNb250aCgpLHRoaXMuJEQ9dC5nZXRVVENEYXRlKCksdGhpcy4kVz10LmdldFVUQ0RheSgpLHRoaXMuJEg9dC5nZXRVVENIb3VycygpLHRoaXMuJG09dC5nZXRVVENNaW51dGVzKCksdGhpcy4kcz10LmdldFVUQ1NlY29uZHMoKSx0aGlzLiRtcz10LmdldFVUQ01pbGxpc2Vjb25kcygpfWVsc2Ugby5jYWxsKHRoaXMpfTt2YXIgYT11LnV0Y09mZnNldDt1LnV0Y09mZnNldD1mdW5jdGlvbihzLGYpe3ZhciBuPXRoaXMuJHV0aWxzKCkudTtpZihuKHMpKXJldHVybiB0aGlzLiR1PzA6bih0aGlzLiRvZmZzZXQpP2EuY2FsbCh0aGlzKTp0aGlzLiRvZmZzZXQ7aWYoXCJzdHJpbmdcIj09dHlwZW9mIHMmJihzPWZ1bmN0aW9uKHQpe3ZvaWQgMD09PXQmJih0PVwiXCIpO3ZhciBzPXQubWF0Y2goaSk7aWYoIXMpcmV0dXJuIG51bGw7dmFyIGY9KFwiXCIrc1swXSkubWF0Y2goZSl8fFtcIi1cIiwwLDBdLG49ZlswXSx1PTYwKitmWzFdKyArZlsyXTtyZXR1cm4gMD09PXU/MDpcIitcIj09PW4/dTotdX0ocyksbnVsbD09PXMpKXJldHVybiB0aGlzO3ZhciB1PU1hdGguYWJzKHMpPD0xNj82MCpzOnM7aWYoMD09PXUpcmV0dXJuIHRoaXMudXRjKGYpO3ZhciByPXRoaXMuY2xvbmUoKTtpZihmKXJldHVybiByLiRvZmZzZXQ9dSxyLiR1PSExLHI7dmFyIG89dGhpcy4kdT90aGlzLnRvRGF0ZSgpLmdldFRpbWV6b25lT2Zmc2V0KCk6LTEqdGhpcy51dGNPZmZzZXQoKTtyZXR1cm4ocj10aGlzLmxvY2FsKCkuYWRkKHUrbyx0KSkuJG9mZnNldD11LHIuJHguJGxvY2FsT2Zmc2V0PW8scn07dmFyIGg9dS5mb3JtYXQ7dS5mb3JtYXQ9ZnVuY3Rpb24odCl7dmFyIGk9dHx8KHRoaXMuJHU/XCJZWVlZLU1NLUREVEhIOm1tOnNzW1pdXCI6XCJcIik7cmV0dXJuIGguY2FsbCh0aGlzLGkpfSx1LnZhbHVlT2Y9ZnVuY3Rpb24oKXt2YXIgdD10aGlzLiR1dGlscygpLnUodGhpcy4kb2Zmc2V0KT8wOnRoaXMuJG9mZnNldCsodGhpcy4keC4kbG9jYWxPZmZzZXR8fHRoaXMuJGQuZ2V0VGltZXpvbmVPZmZzZXQoKSk7cmV0dXJuIHRoaXMuJGQudmFsdWVPZigpLTZlNCp0fSx1LmlzVVRDPWZ1bmN0aW9uKCl7cmV0dXJuISF0aGlzLiR1fSx1LnRvSVNPU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMudG9EYXRlKCkudG9JU09TdHJpbmcoKX0sdS50b1N0cmluZz1mdW5jdGlvbigpe3JldHVybiB0aGlzLnRvRGF0ZSgpLnRvVVRDU3RyaW5nKCl9O3ZhciBsPXUudG9EYXRlO3UudG9EYXRlPWZ1bmN0aW9uKHQpe3JldHVyblwic1wiPT09dCYmdGhpcy4kb2Zmc2V0P24odGhpcy5mb3JtYXQoXCJZWVlZLU1NLUREIEhIOm1tOnNzOlNTU1wiKSkudG9EYXRlKCk6bC5jYWxsKHRoaXMpfTt2YXIgYz11LmRpZmY7dS5kaWZmPWZ1bmN0aW9uKHQsaSxlKXtpZih0JiZ0aGlzLiR1PT09dC4kdSlyZXR1cm4gYy5jYWxsKHRoaXMsdCxpLGUpO3ZhciBzPXRoaXMubG9jYWwoKSxmPW4odCkubG9jYWwoKTtyZXR1cm4gYy5jYWxsKHMsZixpLGUpfX19KSk7IiwgIiFmdW5jdGlvbih0LGUpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPWUoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKGUpOih0PVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6dHx8c2VsZikuZGF5anNfcGx1Z2luX3RpbWV6b25lPWUoKX0odGhpcywoZnVuY3Rpb24oKXtcInVzZSBzdHJpY3RcIjt2YXIgdD17eWVhcjowLG1vbnRoOjEsZGF5OjIsaG91cjozLG1pbnV0ZTo0LHNlY29uZDo1fSxlPXt9O3JldHVybiBmdW5jdGlvbihuLGksbyl7dmFyIHIsYT1mdW5jdGlvbih0LG4saSl7dm9pZCAwPT09aSYmKGk9e30pO3ZhciBvPW5ldyBEYXRlKHQpLHI9ZnVuY3Rpb24odCxuKXt2b2lkIDA9PT1uJiYobj17fSk7dmFyIGk9bi50aW1lWm9uZU5hbWV8fFwic2hvcnRcIixvPXQrXCJ8XCIraSxyPWVbb107cmV0dXJuIHJ8fChyPW5ldyBJbnRsLkRhdGVUaW1lRm9ybWF0KFwiZW4tVVNcIix7aG91cjEyOiExLHRpbWVab25lOnQseWVhcjpcIm51bWVyaWNcIixtb250aDpcIjItZGlnaXRcIixkYXk6XCIyLWRpZ2l0XCIsaG91cjpcIjItZGlnaXRcIixtaW51dGU6XCIyLWRpZ2l0XCIsc2Vjb25kOlwiMi1kaWdpdFwiLHRpbWVab25lTmFtZTppfSksZVtvXT1yKSxyfShuLGkpO3JldHVybiByLmZvcm1hdFRvUGFydHMobyl9LHU9ZnVuY3Rpb24oZSxuKXtmb3IodmFyIGk9YShlLG4pLHI9W10sdT0wO3U8aS5sZW5ndGg7dSs9MSl7dmFyIGY9aVt1XSxzPWYudHlwZSxtPWYudmFsdWUsYz10W3NdO2M+PTAmJihyW2NdPXBhcnNlSW50KG0sMTApKX12YXIgZD1yWzNdLGw9MjQ9PT1kPzA6ZCxoPXJbMF0rXCItXCIrclsxXStcIi1cIityWzJdK1wiIFwiK2wrXCI6XCIrcls0XStcIjpcIityWzVdK1wiOjAwMFwiLHY9K2U7cmV0dXJuKG8udXRjKGgpLnZhbHVlT2YoKS0odi09diUxZTMpKS82ZTR9LGY9aS5wcm90b3R5cGU7Zi50ej1mdW5jdGlvbih0LGUpe3ZvaWQgMD09PXQmJih0PXIpO3ZhciBuLGk9dGhpcy51dGNPZmZzZXQoKSxhPXRoaXMudG9EYXRlKCksdT1hLnRvTG9jYWxlU3RyaW5nKFwiZW4tVVNcIix7dGltZVpvbmU6dH0pLGY9TWF0aC5yb3VuZCgoYS1uZXcgRGF0ZSh1KSkvMWUzLzYwKSxzPTE1Ki1NYXRoLnJvdW5kKGEuZ2V0VGltZXpvbmVPZmZzZXQoKS8xNSktZjtpZighTnVtYmVyKHMpKW49dGhpcy51dGNPZmZzZXQoMCxlKTtlbHNlIGlmKG49byh1LHtsb2NhbGU6dGhpcy4kTH0pLiRzZXQoXCJtaWxsaXNlY29uZFwiLHRoaXMuJG1zKS51dGNPZmZzZXQocywhMCksZSl7dmFyIG09bi51dGNPZmZzZXQoKTtuPW4uYWRkKGktbSxcIm1pbnV0ZVwiKX1yZXR1cm4gbi4keC4kdGltZXpvbmU9dCxufSxmLm9mZnNldE5hbWU9ZnVuY3Rpb24odCl7dmFyIGU9dGhpcy4keC4kdGltZXpvbmV8fG8udHouZ3Vlc3MoKSxuPWEodGhpcy52YWx1ZU9mKCksZSx7dGltZVpvbmVOYW1lOnR9KS5maW5kKChmdW5jdGlvbih0KXtyZXR1cm5cInRpbWV6b25lbmFtZVwiPT09dC50eXBlLnRvTG93ZXJDYXNlKCl9KSk7cmV0dXJuIG4mJm4udmFsdWV9O3ZhciBzPWYuc3RhcnRPZjtmLnN0YXJ0T2Y9ZnVuY3Rpb24odCxlKXtpZighdGhpcy4keHx8IXRoaXMuJHguJHRpbWV6b25lKXJldHVybiBzLmNhbGwodGhpcyx0LGUpO3ZhciBuPW8odGhpcy5mb3JtYXQoXCJZWVlZLU1NLUREIEhIOm1tOnNzOlNTU1wiKSx7bG9jYWxlOnRoaXMuJEx9KTtyZXR1cm4gcy5jYWxsKG4sdCxlKS50eih0aGlzLiR4LiR0aW1lem9uZSwhMCl9LG8udHo9ZnVuY3Rpb24odCxlLG4pe3ZhciBpPW4mJmUsYT1ufHxlfHxyLGY9dSgrbygpLGEpO2lmKFwic3RyaW5nXCIhPXR5cGVvZiB0KXJldHVybiBvKHQpLnR6KGEpO3ZhciBzPWZ1bmN0aW9uKHQsZSxuKXt2YXIgaT10LTYwKmUqMWUzLG89dShpLG4pO2lmKGU9PT1vKXJldHVybltpLGVdO3ZhciByPXUoaS09NjAqKG8tZSkqMWUzLG4pO3JldHVybiBvPT09cj9baSxvXTpbdC02MCpNYXRoLm1pbihvLHIpKjFlMyxNYXRoLm1heChvLHIpXX0oby51dGModCxpKS52YWx1ZU9mKCksZixhKSxtPXNbMF0sYz1zWzFdLGQ9byhtKS51dGNPZmZzZXQoYyk7cmV0dXJuIGQuJHguJHRpbWV6b25lPWEsZH0sby50ei5ndWVzcz1mdW5jdGlvbigpe3JldHVybiBJbnRsLkRhdGVUaW1lRm9ybWF0KCkucmVzb2x2ZWRPcHRpb25zKCkudGltZVpvbmV9LG8udHouc2V0RGVmYXVsdD1mdW5jdGlvbih0KXtyPXR9fX0pKTsiLCAiIWZ1bmN0aW9uKGUsdCl7XCJvYmplY3RcIj09dHlwZW9mIGV4cG9ydHMmJlwidW5kZWZpbmVkXCIhPXR5cGVvZiBtb2R1bGU/bW9kdWxlLmV4cG9ydHM9dCgpOlwiZnVuY3Rpb25cIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUodCk6KGU9XCJ1bmRlZmluZWRcIiE9dHlwZW9mIGdsb2JhbFRoaXM/Z2xvYmFsVGhpczplfHxzZWxmKS5kYXlqc19wbHVnaW5faXNvV2Vlaz10KCl9KHRoaXMsKGZ1bmN0aW9uKCl7XCJ1c2Ugc3RyaWN0XCI7dmFyIGU9XCJkYXlcIjtyZXR1cm4gZnVuY3Rpb24odCxpLHMpe3ZhciBhPWZ1bmN0aW9uKHQpe3JldHVybiB0LmFkZCg0LXQuaXNvV2Vla2RheSgpLGUpfSxkPWkucHJvdG90eXBlO2QuaXNvV2Vla1llYXI9ZnVuY3Rpb24oKXtyZXR1cm4gYSh0aGlzKS55ZWFyKCl9LGQuaXNvV2Vlaz1mdW5jdGlvbih0KXtpZighdGhpcy4kdXRpbHMoKS51KHQpKXJldHVybiB0aGlzLmFkZCg3Kih0LXRoaXMuaXNvV2VlaygpKSxlKTt2YXIgaSxkLG4sbyxyPWEodGhpcyksdT0oaT10aGlzLmlzb1dlZWtZZWFyKCksZD10aGlzLiR1LG49KGQ/cy51dGM6cykoKS55ZWFyKGkpLnN0YXJ0T2YoXCJ5ZWFyXCIpLG89NC1uLmlzb1dlZWtkYXkoKSxuLmlzb1dlZWtkYXkoKT40JiYobys9Nyksbi5hZGQobyxlKSk7cmV0dXJuIHIuZGlmZih1LFwid2Vla1wiKSsxfSxkLmlzb1dlZWtkYXk9ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuJHV0aWxzKCkudShlKT90aGlzLmRheSgpfHw3OnRoaXMuZGF5KHRoaXMuZGF5KCklNz9lOmUtNyl9O3ZhciBuPWQuc3RhcnRPZjtkLnN0YXJ0T2Y9ZnVuY3Rpb24oZSx0KXt2YXIgaT10aGlzLiR1dGlscygpLHM9ISFpLnUodCl8fHQ7cmV0dXJuXCJpc293ZWVrXCI9PT1pLnAoZSk/cz90aGlzLmRhdGUodGhpcy5kYXRlKCktKHRoaXMuaXNvV2Vla2RheSgpLTEpKS5zdGFydE9mKFwiZGF5XCIpOnRoaXMuZGF0ZSh0aGlzLmRhdGUoKS0xLSh0aGlzLmlzb1dlZWtkYXkoKS0xKSs3KS5lbmRPZihcImRheVwiKTpuLmJpbmQodGhpcykoZSx0KX19fSkpOyIsICJpbXBvcnQgeyBJUmVuZGVyZXIsIElSZW5kZXJDb250ZXh0IH0gZnJvbSAnLi9JR3JvdXBpbmdSZW5kZXJlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGlwZWxpbmUge1xuICBydW4oY29udGV4dDogSVJlbmRlckNvbnRleHQpOiBQcm9taXNlPHZvaWQ+O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYnVpbGRQaXBlbGluZShyZW5kZXJlcnM6IElSZW5kZXJlcltdKTogUGlwZWxpbmUge1xuICByZXR1cm4ge1xuICAgIGFzeW5jIHJ1bihjb250ZXh0OiBJUmVuZGVyQ29udGV4dCkge1xuICAgICAgZm9yIChjb25zdCByZW5kZXJlciBvZiByZW5kZXJlcnMpIHtcbiAgICAgICAgYXdhaXQgcmVuZGVyZXIucmVuZGVyKGNvbnRleHQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiIsICJpbXBvcnQgeyBJQ2FsZW5kYXJFdmVudCB9IGZyb20gJy4uL3R5cGVzL0NhbGVuZGFyVHlwZXMnO1xyXG5pbXBvcnQgeyBEYXRlU2VydmljZSB9IGZyb20gJy4vRGF0ZVNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJRW50aXR5UmVzb2x2ZXIgfSBmcm9tICcuL0lFbnRpdHlSZXNvbHZlcic7XHJcblxyXG4vKipcclxuICogRmllbGQgZGVmaW5pdGlvbiBmb3IgRmlsdGVyVGVtcGxhdGVcclxuICovXHJcbmludGVyZmFjZSBJRmlsdGVyRmllbGQge1xyXG4gIGlkUHJvcGVydHk6IHN0cmluZztcclxuICBkZXJpdmVkRnJvbT86IHN0cmluZztcclxufVxyXG5cclxuLyoqXHJcbiAqIFBhcnNlZCBkb3Qtbm90YXRpb24gcmVmZXJlbmNlXHJcbiAqL1xyXG5pbnRlcmZhY2UgSURvdE5vdGF0aW9uIHtcclxuICBlbnRpdHlUeXBlOiBzdHJpbmc7ICAgLy8gZS5nLiwgJ3Jlc291cmNlJ1xyXG4gIHByb3BlcnR5OiBzdHJpbmc7ICAgICAvLyBlLmcuLCAndGVhbUlkJ1xyXG4gIGZvcmVpZ25LZXk6IHN0cmluZzsgICAvLyBlLmcuLCAncmVzb3VyY2VJZCdcclxufVxyXG5cclxuLyoqXHJcbiAqIEZpbHRlclRlbXBsYXRlIC0gQnlnZ2VyIG5cdTAwRjhnbGVyIHRpbCBldmVudC1rb2xvbm5lIG1hdGNoaW5nXHJcbiAqXHJcbiAqIFZpZXdDb25maWcgZGVmaW5lcmVyIGh2aWxrZSBmZWx0ZXIgKGlkUHJvcGVydGllcykgZGVyIGluZGdcdTAwRTVyIGkga29sb25uZW5zIG5cdTAwRjhnbGUuXHJcbiAqIFNhbW1lIHRlbXBsYXRlIGJydWdlcyB0aWwgYXQgYnlnZ2Ugblx1MDBGOGdsZSBmb3IgYlx1MDBFNWRlIGtvbG9ubmUgb2cgZXZlbnQuXHJcbiAqXHJcbiAqIFN1cHBvcnRzIGRvdC1ub3RhdGlvbiBmb3IgaGllcmFyY2hpY2FsIHJlbGF0aW9uczpcclxuICogLSAncmVzb3VyY2UudGVhbUlkJyBcdTIxOTIgbG9va3MgdXAgZXZlbnQucmVzb3VyY2VJZCBcdTIxOTIgcmVzb3VyY2UgZW50aXR5IFx1MjE5MiB0ZWFtSWRcclxuICpcclxuICogUHJpbmNpcDogS29sb25uZW5zIG5cdTAwRjhnbGUtdGVtcGxhdGUgYmVzdGVtbWVyIGh2YWQgZGVyIG1hdGNoZXMgcFx1MDBFNS5cclxuICpcclxuICogQHNlZSBkb2NzL2ZpbHRlci10ZW1wbGF0ZS5tZFxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIEZpbHRlclRlbXBsYXRlIHtcclxuICBwcml2YXRlIGZpZWxkczogSUZpbHRlckZpZWxkW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGRhdGVTZXJ2aWNlOiBEYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgZW50aXR5UmVzb2x2ZXI/OiBJRW50aXR5UmVzb2x2ZXJcclxuICApIHt9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRpbGZcdTAwRjhqIGZlbHQgdGlsIHRlbXBsYXRlXHJcbiAgICogQHBhcmFtIGlkUHJvcGVydHkgLSBQcm9wZXJ0eS1uYXZuIChicnVnZXMgcFx1MDBFNSBiXHUwMEU1ZGUgZXZlbnQgb2cgY29sdW1uLmRhdGFzZXQpXHJcbiAgICogQHBhcmFtIGRlcml2ZWRGcm9tIC0gSHZpcyBmZWx0ZXQgdWRsZWRlcyBmcmEgYW5kZW4gcHJvcGVydHkgKGYuZWtzLiBkYXRlIGZyYSBzdGFydClcclxuICAgKi9cclxuICBhZGRGaWVsZChpZFByb3BlcnR5OiBzdHJpbmcsIGRlcml2ZWRGcm9tPzogc3RyaW5nKTogdGhpcyB7XHJcbiAgICB0aGlzLmZpZWxkcy5wdXNoKHsgaWRQcm9wZXJ0eSwgZGVyaXZlZEZyb20gfSk7XHJcbiAgICByZXR1cm4gdGhpcztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFBhcnNlIGRvdC1ub3RhdGlvbiBzdHJpbmcgaW50byBjb21wb25lbnRzXHJcbiAgICogQGV4YW1wbGUgJ3Jlc291cmNlLnRlYW1JZCcgXHUyMTkyIHsgZW50aXR5VHlwZTogJ3Jlc291cmNlJywgcHJvcGVydHk6ICd0ZWFtSWQnLCBmb3JlaWduS2V5OiAncmVzb3VyY2VJZCcgfVxyXG4gICAqL1xyXG4gIHByaXZhdGUgcGFyc2VEb3ROb3RhdGlvbihpZFByb3BlcnR5OiBzdHJpbmcpOiBJRG90Tm90YXRpb24gfCBudWxsIHtcclxuICAgIGlmICghaWRQcm9wZXJ0eS5pbmNsdWRlcygnLicpKSByZXR1cm4gbnVsbDtcclxuICAgIGNvbnN0IFtlbnRpdHlUeXBlLCBwcm9wZXJ0eV0gPSBpZFByb3BlcnR5LnNwbGl0KCcuJyk7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBlbnRpdHlUeXBlLFxyXG4gICAgICBwcm9wZXJ0eSxcclxuICAgICAgZm9yZWlnbktleTogZW50aXR5VHlwZSArICdJZCcgLy8gQ29udmVudGlvbjogcmVzb3VyY2UgXHUyMTkyIHJlc291cmNlSWRcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBHZXQgZGF0YXNldCBrZXkgZm9yIGNvbHVtbiBsb29rdXBcclxuICAgKiBGb3IgZG90LW5vdGF0aW9uICdyZXNvdXJjZS50ZWFtSWQnLCB3ZSBsb29rIGZvciAndGVhbUlkJyBpbiBkYXRhc2V0XHJcbiAgICovXHJcbiAgcHJpdmF0ZSBnZXREYXRhc2V0S2V5KGlkUHJvcGVydHk6IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBkb3ROb3RhdGlvbiA9IHRoaXMucGFyc2VEb3ROb3RhdGlvbihpZFByb3BlcnR5KTtcclxuICAgIGlmIChkb3ROb3RhdGlvbikge1xyXG4gICAgICByZXR1cm4gZG90Tm90YXRpb24ucHJvcGVydHk7IC8vICd0ZWFtSWQnXHJcbiAgICB9XHJcbiAgICByZXR1cm4gaWRQcm9wZXJ0eTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEJ5ZyBuXHUwMEY4Z2xlIGZyYSBrb2xvbm5lXHJcbiAgICogTFx1MDBFNnNlciB2XHUwMEU2cmRpZXIgZnJhIGNvbHVtbi5kYXRhc2V0W2lkUHJvcGVydHldXHJcbiAgICogRm9yIGRvdC1ub3RhdGlvbiwgdXNlcyB0aGUgcHJvcGVydHkgcGFydCAocmVzb3VyY2UudGVhbUlkIFx1MjE5MiB0ZWFtSWQpXHJcbiAgICovXHJcbiAgYnVpbGRLZXlGcm9tQ29sdW1uKGNvbHVtbjogSFRNTEVsZW1lbnQpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZmllbGRzXHJcbiAgICAgIC5tYXAoZiA9PiB7XHJcbiAgICAgICAgY29uc3Qga2V5ID0gdGhpcy5nZXREYXRhc2V0S2V5KGYuaWRQcm9wZXJ0eSk7XHJcbiAgICAgICAgcmV0dXJuIGNvbHVtbi5kYXRhc2V0W2tleV0gfHwgJyc7XHJcbiAgICAgIH0pXHJcbiAgICAgIC5qb2luKCc6Jyk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBCeWcgblx1MDBGOGdsZSBmcmEgZXZlbnRcclxuICAgKiBMXHUwMEU2c2VyIHZcdTAwRTZyZGllciBmcmEgZXZlbnRbaWRQcm9wZXJ0eV0gZWxsZXIgdWRsZWRlciBmcmEgZGVyaXZlZEZyb21cclxuICAgKiBGb3IgZG90LW5vdGF0aW9uLCByZXNvbHZlcyB2aWEgRW50aXR5UmVzb2x2ZXJcclxuICAgKi9cclxuICBidWlsZEtleUZyb21FdmVudChldmVudDogSUNhbGVuZGFyRXZlbnQpOiBzdHJpbmcge1xyXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICAgIGNvbnN0IGV2ZW50UmVjb3JkID0gZXZlbnQgYXMgYW55O1xyXG4gICAgcmV0dXJuIHRoaXMuZmllbGRzXHJcbiAgICAgIC5tYXAoZiA9PiB7XHJcbiAgICAgICAgLy8gQ2hlY2sgZm9yIGRvdC1ub3RhdGlvbiAoZS5nLiwgJ3Jlc291cmNlLnRlYW1JZCcpXHJcbiAgICAgICAgY29uc3QgZG90Tm90YXRpb24gPSB0aGlzLnBhcnNlRG90Tm90YXRpb24oZi5pZFByb3BlcnR5KTtcclxuICAgICAgICBpZiAoZG90Tm90YXRpb24pIHtcclxuICAgICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVEb3ROb3RhdGlvbihldmVudFJlY29yZCwgZG90Tm90YXRpb24pO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKGYuZGVyaXZlZEZyb20pIHtcclxuICAgICAgICAgIC8vIFVkbGVkIHZcdTAwRTZyZGkgKGYuZWtzLiBkYXRlIGZyYSBzdGFydClcclxuICAgICAgICAgIGNvbnN0IHNvdXJjZVZhbHVlID0gZXZlbnRSZWNvcmRbZi5kZXJpdmVkRnJvbV07XHJcbiAgICAgICAgICBpZiAoc291cmNlVmFsdWUgaW5zdGFuY2VvZiBEYXRlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmRhdGVTZXJ2aWNlLmdldERhdGVLZXkoc291cmNlVmFsdWUpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgcmV0dXJuIFN0cmluZyhzb3VyY2VWYWx1ZSB8fCAnJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBTdHJpbmcoZXZlbnRSZWNvcmRbZi5pZFByb3BlcnR5XSB8fCAnJyk7XHJcbiAgICAgIH0pXHJcbiAgICAgIC5qb2luKCc6Jyk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZXNvbHZlIGRvdC1ub3RhdGlvbiByZWZlcmVuY2UgdmlhIEVudGl0eVJlc29sdmVyXHJcbiAgICovXHJcbiAgcHJpdmF0ZSByZXNvbHZlRG90Tm90YXRpb24oZXZlbnRSZWNvcmQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+LCBkb3ROb3RhdGlvbjogSURvdE5vdGF0aW9uKTogc3RyaW5nIHtcclxuICAgIGlmICghdGhpcy5lbnRpdHlSZXNvbHZlcikge1xyXG4gICAgICBjb25zb2xlLndhcm4oYEZpbHRlclRlbXBsYXRlOiBFbnRpdHlSZXNvbHZlciByZXF1aXJlZCBmb3IgZG90LW5vdGF0aW9uICcke2RvdE5vdGF0aW9uLmVudGl0eVR5cGV9LiR7ZG90Tm90YXRpb24ucHJvcGVydHl9J2ApO1xyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gR2V0IGZvcmVpZ24ga2V5IHZhbHVlIGZyb20gZXZlbnQgKGUuZy4sIHJlc291cmNlSWQpXHJcbiAgICBjb25zdCBmb3JlaWduSWQgPSBldmVudFJlY29yZFtkb3ROb3RhdGlvbi5mb3JlaWduS2V5XTtcclxuICAgIGlmICghZm9yZWlnbklkKSByZXR1cm4gJyc7XHJcblxyXG4gICAgLy8gUmVzb2x2ZSBlbnRpdHlcclxuICAgIGNvbnN0IGVudGl0eSA9IHRoaXMuZW50aXR5UmVzb2x2ZXIucmVzb2x2ZShkb3ROb3RhdGlvbi5lbnRpdHlUeXBlLCBTdHJpbmcoZm9yZWlnbklkKSk7XHJcbiAgICBpZiAoIWVudGl0eSkgcmV0dXJuICcnO1xyXG5cclxuICAgIC8vIFJldHVybiBwcm9wZXJ0eSB2YWx1ZSBmcm9tIGVudGl0eVxyXG4gICAgcmV0dXJuIFN0cmluZyhlbnRpdHlbZG90Tm90YXRpb24ucHJvcGVydHldIHx8ICcnKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE1hdGNoIGV2ZW50IG1vZCBrb2xvbm5lXHJcbiAgICovXHJcbiAgbWF0Y2hlcyhldmVudDogSUNhbGVuZGFyRXZlbnQsIGNvbHVtbjogSFRNTEVsZW1lbnQpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmJ1aWxkS2V5RnJvbUV2ZW50KGV2ZW50KSA9PT0gdGhpcy5idWlsZEtleUZyb21Db2x1bW4oY29sdW1uKTtcclxuICB9XHJcbn1cclxuIiwgImltcG9ydCB7IElSZW5kZXJlciwgSVJlbmRlckNvbnRleHQgfSBmcm9tICcuL0lHcm91cGluZ1JlbmRlcmVyJztcclxuaW1wb3J0IHsgYnVpbGRQaXBlbGluZSB9IGZyb20gJy4vUmVuZGVyQnVpbGRlcic7XHJcbmltcG9ydCB7IEV2ZW50UmVuZGVyZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9ldmVudC9FdmVudFJlbmRlcmVyJztcclxuaW1wb3J0IHsgU2NoZWR1bGVSZW5kZXJlciB9IGZyb20gJy4uL2ZlYXR1cmVzL3NjaGVkdWxlL1NjaGVkdWxlUmVuZGVyZXInO1xyXG5pbXBvcnQgeyBIZWFkZXJEcmF3ZXJSZW5kZXJlciB9IGZyb20gJy4uL2ZlYXR1cmVzL2hlYWRlcmRyYXdlci9IZWFkZXJEcmF3ZXJSZW5kZXJlcic7XHJcbmltcG9ydCB7IFZpZXdDb25maWcsIEdyb3VwaW5nQ29uZmlnIH0gZnJvbSAnLi9WaWV3Q29uZmlnJztcclxuaW1wb3J0IHsgRmlsdGVyVGVtcGxhdGUgfSBmcm9tICcuL0ZpbHRlclRlbXBsYXRlJztcclxuaW1wb3J0IHsgRGF0ZVNlcnZpY2UgfSBmcm9tICcuL0RhdGVTZXJ2aWNlJztcclxuaW1wb3J0IHsgSUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9zdG9yYWdlL0lFbnRpdHlTZXJ2aWNlJztcclxuaW1wb3J0IHsgSVN5bmMgfSBmcm9tICcuLi90eXBlcy9DYWxlbmRhclR5cGVzJztcclxuXHJcbmV4cG9ydCBjbGFzcyBDYWxlbmRhck9yY2hlc3RyYXRvciB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGFsbFJlbmRlcmVyczogSVJlbmRlcmVyW10sXHJcbiAgICBwcml2YXRlIGV2ZW50UmVuZGVyZXI6IEV2ZW50UmVuZGVyZXIsXHJcbiAgICBwcml2YXRlIHNjaGVkdWxlUmVuZGVyZXI6IFNjaGVkdWxlUmVuZGVyZXIsXHJcbiAgICBwcml2YXRlIGhlYWRlckRyYXdlclJlbmRlcmVyOiBIZWFkZXJEcmF3ZXJSZW5kZXJlcixcclxuICAgIHByaXZhdGUgZGF0ZVNlcnZpY2U6IERhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBlbnRpdHlTZXJ2aWNlczogSUVudGl0eVNlcnZpY2U8SVN5bmM+W11cclxuICApIHt9XHJcblxyXG4gIGFzeW5jIHJlbmRlcih2aWV3Q29uZmlnOiBWaWV3Q29uZmlnLCBjb250YWluZXI6IEhUTUxFbGVtZW50KTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBjb25zdCBoZWFkZXJDb250YWluZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWNhbGVuZGFyLWhlYWRlcicpIGFzIEhUTUxFbGVtZW50O1xyXG4gICAgY29uc3QgY29sdW1uQ29udGFpbmVyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1kYXktY29sdW1ucycpIGFzIEhUTUxFbGVtZW50O1xyXG4gICAgaWYgKCFoZWFkZXJDb250YWluZXIgfHwgIWNvbHVtbkNvbnRhaW5lcikge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ01pc3Npbmcgc3dwLWNhbGVuZGFyLWhlYWRlciBvciBzd3AtZGF5LWNvbHVtbnMnKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBCeWcgZmlsdGVyIGZyYSB2aWV3Q29uZmlnXHJcbiAgICBjb25zdCBmaWx0ZXI6IFJlY29yZDxzdHJpbmcsIHN0cmluZ1tdPiA9IHt9O1xyXG4gICAgZm9yIChjb25zdCBncm91cGluZyBvZiB2aWV3Q29uZmlnLmdyb3VwaW5ncykge1xyXG4gICAgICBmaWx0ZXJbZ3JvdXBpbmcudHlwZV0gPSBncm91cGluZy52YWx1ZXM7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gQnlnIEZpbHRlclRlbXBsYXRlIGZyYSB2aWV3Q29uZmlnIGdyb3VwaW5ncyAoa3VuIGRlIG1lZCBpZFByb3BlcnR5KVxyXG4gICAgY29uc3QgZmlsdGVyVGVtcGxhdGUgPSBuZXcgRmlsdGVyVGVtcGxhdGUodGhpcy5kYXRlU2VydmljZSk7XHJcbiAgICBmb3IgKGNvbnN0IGdyb3VwaW5nIG9mIHZpZXdDb25maWcuZ3JvdXBpbmdzKSB7XHJcbiAgICAgIGlmIChncm91cGluZy5pZFByb3BlcnR5KSB7XHJcbiAgICAgICAgZmlsdGVyVGVtcGxhdGUuYWRkRmllbGQoZ3JvdXBpbmcuaWRQcm9wZXJ0eSwgZ3JvdXBpbmcuZGVyaXZlZEZyb20pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLy8gUmVzb2x2ZSBiZWxvbmdzVG8gcmVsYXRpb25zIChlLmcuLCB0ZWFtLnJlc291cmNlSWRzKVxyXG4gICAgY29uc3QgeyBwYXJlbnRDaGlsZE1hcCwgY2hpbGRUeXBlIH0gPSBhd2FpdCB0aGlzLnJlc29sdmVCZWxvbmdzVG8odmlld0NvbmZpZy5ncm91cGluZ3MsIGZpbHRlcik7XHJcblxyXG4gICAgY29uc3QgY29udGV4dDogSVJlbmRlckNvbnRleHQgPSB7IGhlYWRlckNvbnRhaW5lciwgY29sdW1uQ29udGFpbmVyLCBmaWx0ZXIsIGdyb3VwaW5nczogdmlld0NvbmZpZy5ncm91cGluZ3MsIHBhcmVudENoaWxkTWFwLCBjaGlsZFR5cGUgfTtcclxuXHJcbiAgICAvLyBDbGVhclxyXG4gICAgaGVhZGVyQ29udGFpbmVyLmlubmVySFRNTCA9ICcnO1xyXG4gICAgY29sdW1uQ29udGFpbmVyLmlubmVySFRNTCA9ICcnO1xyXG5cclxuICAgIC8vIFNcdTAwRTZ0IGRhdGEtbGV2ZWxzIGF0dHJpYnV0IGZvciBDU1MgZ3JpZC1yb3cgc3R5bGluZ1xyXG4gICAgY29uc3QgbGV2ZWxzID0gdmlld0NvbmZpZy5ncm91cGluZ3MubWFwKGcgPT4gZy50eXBlKS5qb2luKCcgJyk7XHJcbiAgICBoZWFkZXJDb250YWluZXIuZGF0YXNldC5sZXZlbHMgPSBsZXZlbHM7XHJcblxyXG4gICAgLy8gVlx1MDBFNmxnIHJlbmRlcmVycyBiYXNlcmV0IHBcdTAwRTUgZ3JvdXBpbmdzIHR5cGVzXHJcbiAgICBjb25zdCBhY3RpdmVSZW5kZXJlcnMgPSB0aGlzLnNlbGVjdFJlbmRlcmVycyh2aWV3Q29uZmlnKTtcclxuXHJcbiAgICAvLyBCeWcgb2cga1x1MDBGOHIgcGlwZWxpbmVcclxuICAgIGNvbnN0IHBpcGVsaW5lID0gYnVpbGRQaXBlbGluZShhY3RpdmVSZW5kZXJlcnMpO1xyXG4gICAgYXdhaXQgcGlwZWxpbmUucnVuKGNvbnRleHQpO1xyXG5cclxuICAgIC8vIFJlbmRlciBzY2hlZHVsZSB1bmF2YWlsYWJsZSB6b25lcyAoZlx1MDBGOHIgZXZlbnRzKVxyXG4gICAgYXdhaXQgdGhpcy5zY2hlZHVsZVJlbmRlcmVyLnJlbmRlcihjb250YWluZXIsIGZpbHRlcik7XHJcblxyXG4gICAgLy8gUmVuZGVyIHRpbWVkIGV2ZW50cyBpbiBncmlkIChtZWQgZmlsdGVyVGVtcGxhdGUgdGlsIG1hdGNoaW5nKVxyXG4gICAgYXdhaXQgdGhpcy5ldmVudFJlbmRlcmVyLnJlbmRlcihjb250YWluZXIsIGZpbHRlciwgZmlsdGVyVGVtcGxhdGUpO1xyXG5cclxuICAgIC8vIFJlbmRlciBhbGxEYXkgZXZlbnRzIGluIGhlYWRlciBkcmF3ZXIgKG1lZCBmaWx0ZXJUZW1wbGF0ZSB0aWwgbWF0Y2hpbmcpXHJcbiAgICBhd2FpdCB0aGlzLmhlYWRlckRyYXdlclJlbmRlcmVyLnJlbmRlcihjb250YWluZXIsIGZpbHRlciwgZmlsdGVyVGVtcGxhdGUpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZWxlY3RSZW5kZXJlcnModmlld0NvbmZpZzogVmlld0NvbmZpZyk6IElSZW5kZXJlcltdIHtcclxuICAgIGNvbnN0IHR5cGVzID0gdmlld0NvbmZpZy5ncm91cGluZ3MubWFwKGcgPT4gZy50eXBlKTtcclxuICAgIC8vIFNvcnRcdTAwRTlyIHJlbmRlcmVycyBpIHNhbW1lIHJcdTAwRTZra2VmXHUwMEY4bGdlIHNvbSB2aWV3Q29uZmlnLmdyb3VwaW5nc1xyXG4gICAgcmV0dXJuIHR5cGVzXHJcbiAgICAgIC5tYXAodHlwZSA9PiB0aGlzLmFsbFJlbmRlcmVycy5maW5kKHIgPT4gci50eXBlID09PSB0eXBlKSlcclxuICAgICAgLmZpbHRlcigocik6IHIgaXMgSVJlbmRlcmVyID0+IHIgIT09IHVuZGVmaW5lZCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZXNvbHZlIGJlbG9uZ3NUbyByZWxhdGlvbnMgdG8gYnVpbGQgcGFyZW50LWNoaWxkIG1hcFxyXG4gICAqIGUuZy4sIGJlbG9uZ3NUbzogJ3RlYW0ucmVzb3VyY2VJZHMnIFx1MjE5MiB7IHRlYW0xOiBbJ0VNUDAwMScsICdFTVAwMDInXSwgdGVhbTI6IFsuLi5dIH1cclxuICAgKiBBbHNvIHJldHVybnMgdGhlIGNoaWxkVHlwZSAodGhlIGdyb3VwaW5nIHR5cGUgdGhhdCBoYXMgYmVsb25nc1RvKVxyXG4gICAqL1xyXG4gIHByaXZhdGUgYXN5bmMgcmVzb2x2ZUJlbG9uZ3NUbyhcclxuICAgIGdyb3VwaW5nczogR3JvdXBpbmdDb25maWdbXSxcclxuICAgIGZpbHRlcjogUmVjb3JkPHN0cmluZywgc3RyaW5nW10+XHJcbiAgKTogUHJvbWlzZTx7IHBhcmVudENoaWxkTWFwPzogUmVjb3JkPHN0cmluZywgc3RyaW5nW10+OyBjaGlsZFR5cGU/OiBzdHJpbmcgfT4ge1xyXG4gICAgLy8gRmluZCBncm91cGluZyB3aXRoIGJlbG9uZ3NUb1xyXG4gICAgY29uc3QgY2hpbGRHcm91cGluZyA9IGdyb3VwaW5ncy5maW5kKGcgPT4gZy5iZWxvbmdzVG8pO1xyXG4gICAgaWYgKCFjaGlsZEdyb3VwaW5nPy5iZWxvbmdzVG8pIHJldHVybiB7fTtcclxuXHJcbiAgICAvLyBQYXJzZSBiZWxvbmdzVG86ICd0ZWFtLnJlc291cmNlSWRzJ1xyXG4gICAgY29uc3QgW2VudGl0eVR5cGUsIHByb3BlcnR5XSA9IGNoaWxkR3JvdXBpbmcuYmVsb25nc1RvLnNwbGl0KCcuJyk7XHJcbiAgICBpZiAoIWVudGl0eVR5cGUgfHwgIXByb3BlcnR5KSByZXR1cm4ge307XHJcblxyXG4gICAgLy8gR2V0IHBhcmVudCBJRHMgZnJvbSBmaWx0ZXJcclxuICAgIGNvbnN0IHBhcmVudElkcyA9IGZpbHRlcltlbnRpdHlUeXBlXSB8fCBbXTtcclxuICAgIGlmIChwYXJlbnRJZHMubGVuZ3RoID09PSAwKSByZXR1cm4ge307XHJcblxyXG4gICAgLy8gRmluZCBzZXJ2aWNlIGR5bmFtaXNrIGJhc2VyZXQgcFx1MDBFNSBlbnRpdHlUeXBlIChpbmdlbiBoYXJkY29kZWQgdHlwZSBjaGVjaylcclxuICAgIGNvbnN0IHNlcnZpY2UgPSB0aGlzLmVudGl0eVNlcnZpY2VzLmZpbmQocyA9PlxyXG4gICAgICBzLmVudGl0eVR5cGUudG9Mb3dlckNhc2UoKSA9PT0gZW50aXR5VHlwZVxyXG4gICAgKTtcclxuICAgIGlmICghc2VydmljZSkgcmV0dXJuIHt9O1xyXG5cclxuICAgIC8vIEhlbnQgYWxsZSBlbnRpdGllcyBvZyBmaWx0cmVyIHBcdTAwRTUgcGFyZW50SWRzXHJcbiAgICBjb25zdCBhbGxFbnRpdGllcyA9IGF3YWl0IHNlcnZpY2UuZ2V0QWxsKCk7XHJcbiAgICBjb25zdCBlbnRpdGllcyA9IGFsbEVudGl0aWVzLmZpbHRlcihlID0+XHJcbiAgICAgIHBhcmVudElkcy5pbmNsdWRlcygoZSBhcyB1bmtub3duIGFzIFJlY29yZDxzdHJpbmcsIHVua25vd24+KS5pZCBhcyBzdHJpbmcpXHJcbiAgICApO1xyXG5cclxuICAgIC8vIEJ5ZyBwYXJlbnQtY2hpbGQgbWFwXHJcbiAgICBjb25zdCBtYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZ1tdPiA9IHt9O1xyXG4gICAgZm9yIChjb25zdCBlbnRpdHkgb2YgZW50aXRpZXMpIHtcclxuICAgICAgY29uc3QgZW50aXR5UmVjb3JkID0gZW50aXR5IGFzIHVua25vd24gYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj47XHJcbiAgICAgIGNvbnN0IGNoaWxkcmVuID0gKGVudGl0eVJlY29yZFtwcm9wZXJ0eV0gYXMgc3RyaW5nW10pIHx8IFtdO1xyXG4gICAgICBtYXBbZW50aXR5UmVjb3JkLmlkIGFzIHN0cmluZ10gPSBjaGlsZHJlbjtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4geyBwYXJlbnRDaGlsZE1hcDogbWFwLCBjaGlsZFR5cGU6IGNoaWxkR3JvdXBpbmcudHlwZSB9O1xyXG4gIH1cclxufVxyXG4iLCAiZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25BbmltYXRvciB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGhlYWRlclRyYWNrOiBIVE1MRWxlbWVudCxcclxuICAgIHByaXZhdGUgY29udGVudFRyYWNrOiBIVE1MRWxlbWVudFxyXG4gICkge31cclxuXHJcbiAgYXN5bmMgc2xpZGUoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnLCByZW5kZXJGbjogKCkgPT4gUHJvbWlzZTx2b2lkPik6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgY29uc3Qgb3V0ID0gZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnLTEwMCUnIDogJzEwMCUnO1xyXG4gICAgY29uc3QgaW50byA9IGRpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJzEwMCUnIDogJy0xMDAlJztcclxuXHJcbiAgICBhd2FpdCB0aGlzLmFuaW1hdGVPdXQob3V0KTtcclxuICAgIGF3YWl0IHJlbmRlckZuKCk7XHJcbiAgICBhd2FpdCB0aGlzLmFuaW1hdGVJbihpbnRvKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYXN5bmMgYW5pbWF0ZU91dCh0cmFuc2xhdGU6IHN0cmluZyk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgYXdhaXQgUHJvbWlzZS5hbGwoW1xyXG4gICAgICB0aGlzLmhlYWRlclRyYWNrLmFuaW1hdGUoXHJcbiAgICAgICAgW3sgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfSwgeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH1dLFxyXG4gICAgICAgIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1pbicgfVxyXG4gICAgICApLmZpbmlzaGVkLFxyXG4gICAgICB0aGlzLmNvbnRlbnRUcmFjay5hbmltYXRlKFxyXG4gICAgICAgIFt7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH0sIHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9XSxcclxuICAgICAgICB7IGR1cmF0aW9uOiAyMDAsIGVhc2luZzogJ2Vhc2UtaW4nIH1cclxuICAgICAgKS5maW5pc2hlZFxyXG4gICAgXSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGFzeW5jIGFuaW1hdGVJbih0cmFuc2xhdGU6IHN0cmluZyk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgYXdhaXQgUHJvbWlzZS5hbGwoW1xyXG4gICAgICB0aGlzLmhlYWRlclRyYWNrLmFuaW1hdGUoXHJcbiAgICAgICAgW3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9LCB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH1dLFxyXG4gICAgICAgIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1vdXQnIH1cclxuICAgICAgKS5maW5pc2hlZCxcclxuICAgICAgdGhpcy5jb250ZW50VHJhY2suYW5pbWF0ZShcclxuICAgICAgICBbeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH0sIHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfV0sXHJcbiAgICAgICAgeyBkdXJhdGlvbjogMjAwLCBlYXNpbmc6ICdlYXNlLW91dCcgfVxyXG4gICAgICApLmZpbmlzaGVkXHJcbiAgICBdKTtcclxuICB9XHJcbn1cclxuIiwgImltcG9ydCB7IElSZW5kZXJlciwgSVJlbmRlckNvbnRleHQgfSBmcm9tICcuLi8uLi9jb3JlL0lHcm91cGluZ1JlbmRlcmVyJztcclxuaW1wb3J0IHsgRGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL0RhdGVTZXJ2aWNlJztcclxuXHJcbmV4cG9ydCBjbGFzcyBEYXRlUmVuZGVyZXIgaW1wbGVtZW50cyBJUmVuZGVyZXIge1xyXG4gIHJlYWRvbmx5IHR5cGUgPSAnZGF0ZSc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGF0ZVNlcnZpY2U6IERhdGVTZXJ2aWNlKSB7fVxyXG5cclxuICByZW5kZXIoY29udGV4dDogSVJlbmRlckNvbnRleHQpOiB2b2lkIHtcclxuICAgIGNvbnN0IGRhdGVzID0gY29udGV4dC5maWx0ZXJbJ2RhdGUnXSB8fCBbXTtcclxuICAgIGNvbnN0IHJlc291cmNlSWRzID0gY29udGV4dC5maWx0ZXJbJ3Jlc291cmNlJ10gfHwgW107XHJcblxyXG4gICAgLy8gQ2hlY2sgaWYgZGF0ZSBoZWFkZXJzIHNob3VsZCBiZSBoaWRkZW4gKGUuZy4sIGluIGRheSB2aWV3KVxyXG4gICAgY29uc3QgZGF0ZUdyb3VwaW5nID0gY29udGV4dC5ncm91cGluZ3M/LmZpbmQoZyA9PiBnLnR5cGUgPT09ICdkYXRlJyk7XHJcbiAgICBjb25zdCBoaWRlSGVhZGVyID0gZGF0ZUdyb3VwaW5nPy5oaWRlSGVhZGVyID09PSB0cnVlO1xyXG5cclxuICAgIC8vIFJlbmRlciBkYXRlcyBmb3IgSFZFUiByZXNvdXJjZSAoZWxsZXIgMSBnYW5nIGh2aXMgaW5nZW4gcmVzb3VyY2VzKVxyXG4gICAgY29uc3QgaXRlcmF0aW9ucyA9IHJlc291cmNlSWRzLmxlbmd0aCB8fCAxO1xyXG4gICAgbGV0IGNvbHVtbkNvdW50ID0gMDtcclxuXHJcbiAgICBmb3IgKGxldCByID0gMDsgciA8IGl0ZXJhdGlvbnM7IHIrKykge1xyXG4gICAgICBjb25zdCByZXNvdXJjZUlkID0gcmVzb3VyY2VJZHNbcl07IC8vIHVuZGVmaW5lZCBodmlzIGluZ2VuIHJlc291cmNlc1xyXG5cclxuICAgICAgZm9yIChjb25zdCBkYXRlU3RyIG9mIGRhdGVzKSB7XHJcbiAgICAgICAgY29uc3QgZGF0ZSA9IHRoaXMuZGF0ZVNlcnZpY2UucGFyc2VJU08oZGF0ZVN0cik7XHJcblxyXG4gICAgICAgIC8vIEJ1aWxkIGNvbHVtbktleSBmb3IgdW5pZm9ybSBpZGVudGlmaWNhdGlvblxyXG4gICAgICAgIGNvbnN0IHNlZ21lbnRzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0geyBkYXRlOiBkYXRlU3RyIH07XHJcbiAgICAgICAgaWYgKHJlc291cmNlSWQpIHNlZ21lbnRzLnJlc291cmNlID0gcmVzb3VyY2VJZDtcclxuICAgICAgICBjb25zdCBjb2x1bW5LZXkgPSB0aGlzLmRhdGVTZXJ2aWNlLmJ1aWxkQ29sdW1uS2V5KHNlZ21lbnRzKTtcclxuXHJcbiAgICAgICAgLy8gSGVhZGVyXHJcbiAgICAgICAgY29uc3QgaGVhZGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWRheS1oZWFkZXInKTtcclxuICAgICAgICBoZWFkZXIuZGF0YXNldC5kYXRlID0gZGF0ZVN0cjtcclxuICAgICAgICBoZWFkZXIuZGF0YXNldC5jb2x1bW5LZXkgPSBjb2x1bW5LZXk7XHJcbiAgICAgICAgaWYgKHJlc291cmNlSWQpIHtcclxuICAgICAgICAgIGhlYWRlci5kYXRhc2V0LnJlc291cmNlSWQgPSByZXNvdXJjZUlkO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoaGlkZUhlYWRlcikge1xyXG4gICAgICAgICAgaGVhZGVyLmRhdGFzZXQuaGlkZGVuID0gJ3RydWUnO1xyXG4gICAgICAgIH1cclxuICAgICAgICBoZWFkZXIuaW5uZXJIVE1MID0gYFxyXG4gICAgICAgICAgPHN3cC1kYXktbmFtZT4ke3RoaXMuZGF0ZVNlcnZpY2UuZ2V0RGF5TmFtZShkYXRlLCAnc2hvcnQnKX08L3N3cC1kYXktbmFtZT5cclxuICAgICAgICAgIDxzd3AtZGF5LWRhdGU+JHtkYXRlLmdldERhdGUoKX08L3N3cC1kYXktZGF0ZT5cclxuICAgICAgICBgO1xyXG4gICAgICAgIGNvbnRleHQuaGVhZGVyQ29udGFpbmVyLmFwcGVuZENoaWxkKGhlYWRlcik7XHJcblxyXG4gICAgICAgIC8vIENvbHVtblxyXG4gICAgICAgIGNvbnN0IGNvbHVtbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1kYXktY29sdW1uJyk7XHJcbiAgICAgICAgY29sdW1uLmRhdGFzZXQuZGF0ZSA9IGRhdGVTdHI7XHJcbiAgICAgICAgY29sdW1uLmRhdGFzZXQuY29sdW1uS2V5ID0gY29sdW1uS2V5O1xyXG4gICAgICAgIGlmIChyZXNvdXJjZUlkKSB7XHJcbiAgICAgICAgICBjb2x1bW4uZGF0YXNldC5yZXNvdXJjZUlkID0gcmVzb3VyY2VJZDtcclxuICAgICAgICB9XHJcbiAgICAgICAgY29sdW1uLmlubmVySFRNTCA9ICc8c3dwLWV2ZW50cy1sYXllcj48L3N3cC1ldmVudHMtbGF5ZXI+JztcclxuICAgICAgICBjb250ZXh0LmNvbHVtbkNvbnRhaW5lci5hcHBlbmRDaGlsZChjb2x1bW4pO1xyXG5cclxuICAgICAgICBjb2x1bW5Db3VudCsrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLy8gU2V0IGdyaWQgY29sdW1ucyBvbiBjb250YWluZXJcclxuICAgIGNvbnN0IGNvbnRhaW5lciA9IGNvbnRleHQuY29sdW1uQ29udGFpbmVyLmNsb3Nlc3QoJ3N3cC1jYWxlbmRhci1jb250YWluZXInKTtcclxuICAgIGlmIChjb250YWluZXIpIHtcclxuICAgICAgKGNvbnRhaW5lciBhcyBIVE1MRWxlbWVudCkuc3R5bGUuc2V0UHJvcGVydHkoJy0tZ3JpZC1jb2x1bW5zJywgU3RyaW5nKGNvbHVtbkNvdW50KSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsICJpbXBvcnQgZGF5anMgZnJvbSAnZGF5anMnO1xyXG5pbXBvcnQgdXRjIGZyb20gJ2RheWpzL3BsdWdpbi91dGMnO1xyXG5pbXBvcnQgdGltZXpvbmUgZnJvbSAnZGF5anMvcGx1Z2luL3RpbWV6b25lJztcclxuaW1wb3J0IGlzb1dlZWsgZnJvbSAnZGF5anMvcGx1Z2luL2lzb1dlZWsnO1xyXG5pbXBvcnQgeyBJVGltZUZvcm1hdENvbmZpZyB9IGZyb20gJy4vSVRpbWVGb3JtYXRDb25maWcnO1xyXG5cclxuLy8gRW5hYmxlIGRheWpzIHBsdWdpbnNcclxuZGF5anMuZXh0ZW5kKHV0Yyk7XHJcbmRheWpzLmV4dGVuZCh0aW1lem9uZSk7XHJcbmRheWpzLmV4dGVuZChpc29XZWVrKTtcclxuXHJcbmV4cG9ydCBjbGFzcyBEYXRlU2VydmljZSB7XHJcbiAgcHJpdmF0ZSB0aW1lem9uZTogc3RyaW5nO1xyXG4gIHByaXZhdGUgYmFzZURhdGU6IGRheWpzLkRheWpzO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbmZpZzogSVRpbWVGb3JtYXRDb25maWcsIGJhc2VEYXRlPzogRGF0ZSkge1xyXG4gICAgdGhpcy50aW1lem9uZSA9IGNvbmZpZy50aW1lem9uZTtcclxuICAgIC8vIEFsbG93IHNldHRpbmcgYSBmaXhlZCBiYXNlIGRhdGUgZm9yIGRlbW8vdGVzdGluZyBwdXJwb3Nlc1xyXG4gICAgdGhpcy5iYXNlRGF0ZSA9IGJhc2VEYXRlID8gZGF5anMoYmFzZURhdGUpIDogZGF5anMoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldCBhIGZpeGVkIGJhc2UgZGF0ZSAodXNlZnVsIGZvciBkZW1vcyB3aXRoIHN0YXRpYyBtb2NrIGRhdGEpXHJcbiAgICovXHJcbiAgc2V0QmFzZURhdGUoZGF0ZTogRGF0ZSk6IHZvaWQge1xyXG4gICAgdGhpcy5iYXNlRGF0ZSA9IGRheWpzKGRhdGUpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogR2V0IHRoZSBjdXJyZW50IGJhc2UgZGF0ZSAoZWl0aGVyIGZpeGVkIG9yIHRvZGF5KVxyXG4gICAqL1xyXG4gIGdldEJhc2VEYXRlKCk6IERhdGUge1xyXG4gICAgcmV0dXJuIHRoaXMuYmFzZURhdGUudG9EYXRlKCk7XHJcbiAgfVxyXG5cclxuICBwYXJzZUlTTyhpc29TdHJpbmc6IHN0cmluZyk6IERhdGUge1xyXG4gICAgcmV0dXJuIGRheWpzKGlzb1N0cmluZykudG9EYXRlKCk7XHJcbiAgfVxyXG5cclxuICBnZXREYXlOYW1lKGRhdGU6IERhdGUsIGZvcm1hdDogJ3Nob3J0JyB8ICdsb25nJyA9ICdzaG9ydCcpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIG5ldyBJbnRsLkRhdGVUaW1lRm9ybWF0KHRoaXMuY29uZmlnLmxvY2FsZSwgeyB3ZWVrZGF5OiBmb3JtYXQgfSkuZm9ybWF0KGRhdGUpO1xyXG4gIH1cclxuXHJcbiAgZ2V0V2Vla0RhdGVzKG9mZnNldCA9IDAsIGRheXMgPSA3KTogc3RyaW5nW10ge1xyXG4gICAgY29uc3QgbW9uZGF5ID0gdGhpcy5iYXNlRGF0ZS5zdGFydE9mKCd3ZWVrJykuYWRkKDEsICdkYXknKS5hZGQob2Zmc2V0LCAnd2VlaycpO1xyXG4gICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IGRheXMgfSwgKF8sIGkpID0+XHJcbiAgICAgIG1vbmRheS5hZGQoaSwgJ2RheScpLmZvcm1hdCgnWVlZWS1NTS1ERCcpXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogR2V0IGRhdGVzIGZvciBzcGVjaWZpYyB3ZWVrZGF5cyB3aXRoaW4gYSB3ZWVrXHJcbiAgICogQHBhcmFtIG9mZnNldCAtIFdlZWsgb2Zmc2V0IGZyb20gYmFzZSBkYXRlICgwID0gY3VycmVudCB3ZWVrKVxyXG4gICAqIEBwYXJhbSB3b3JrRGF5cyAtIEFycmF5IG9mIElTTyB3ZWVrZGF5IG51bWJlcnMgKDE9TW9uZGF5LCA3PVN1bmRheSlcclxuICAgKiBAcmV0dXJucyBBcnJheSBvZiBkYXRlIHN0cmluZ3MgaW4gWVlZWS1NTS1ERCBmb3JtYXRcclxuICAgKi9cclxuICBnZXRXb3JrV2Vla0RhdGVzKG9mZnNldDogbnVtYmVyLCB3b3JrRGF5czogbnVtYmVyW10pOiBzdHJpbmdbXSB7XHJcbiAgICBjb25zdCBtb25kYXkgPSB0aGlzLmJhc2VEYXRlLnN0YXJ0T2YoJ3dlZWsnKS5hZGQoMSwgJ2RheScpLmFkZChvZmZzZXQsICd3ZWVrJyk7XHJcbiAgICByZXR1cm4gd29ya0RheXMubWFwKGlzb0RheSA9PiB7XHJcbiAgICAgIC8vIElTTzogMT1Nb25kYXksIDc9U3VuZGF5IFx1MjE5MiBkYXlzIGZyb20gTW9uZGF5OiAwLTZcclxuICAgICAgY29uc3QgZGF5c0Zyb21Nb25kYXkgPSBpc29EYXkgPT09IDcgPyA2IDogaXNvRGF5IC0gMTtcclxuICAgICAgcmV0dXJuIG1vbmRheS5hZGQoZGF5c0Zyb21Nb25kYXksICdkYXknKS5mb3JtYXQoJ1lZWVktTU0tREQnKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuICAvLyBGT1JNQVRUSU5HXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuXHJcbiAgZm9ybWF0VGltZShkYXRlOiBEYXRlLCBzaG93U2Vjb25kcyA9IGZhbHNlKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IHBhdHRlcm4gPSBzaG93U2Vjb25kcyA/ICdISDptbTpzcycgOiAnSEg6bW0nO1xyXG4gICAgcmV0dXJuIGRheWpzKGRhdGUpLmZvcm1hdChwYXR0ZXJuKTtcclxuICB9XHJcblxyXG4gIGZvcm1hdFRpbWVSYW5nZShzdGFydDogRGF0ZSwgZW5kOiBEYXRlKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmZvcm1hdFRpbWUoc3RhcnQpfSAtICR7dGhpcy5mb3JtYXRUaW1lKGVuZCl9YDtcclxuICB9XHJcblxyXG4gIGZvcm1hdERhdGUoZGF0ZTogRGF0ZSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gZGF5anMoZGF0ZSkuZm9ybWF0KCdZWVlZLU1NLUREJyk7XHJcbiAgfVxyXG5cclxuICBnZXREYXRlS2V5KGRhdGU6IERhdGUpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybWF0RGF0ZShkYXRlKTtcclxuICB9XHJcblxyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcbiAgLy8gQ09MVU1OIEtFWVxyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcblxyXG4gIC8qKlxyXG4gICAqIEJ1aWxkIGEgdW5pZm9ybSBjb2x1bW5LZXkgZnJvbSBncm91cGluZyBzZWdtZW50c1xyXG4gICAqIEhhbmRsZXMgYW55IGNvbWJpbmF0aW9uIG9mIGRhdGUsIHJlc291cmNlLCB0ZWFtLCBldGMuXHJcbiAgICpcclxuICAgKiBAZXhhbXBsZVxyXG4gICAqIGJ1aWxkQ29sdW1uS2V5KHsgZGF0ZTogJzIwMjUtMTItMDknIH0pIFx1MjE5MiBcIjIwMjUtMTItMDlcIlxyXG4gICAqIGJ1aWxkQ29sdW1uS2V5KHsgZGF0ZTogJzIwMjUtMTItMDknLCByZXNvdXJjZTogJ0VNUDAwMScgfSkgXHUyMTkyIFwiMjAyNS0xMi0wOTpFTVAwMDFcIlxyXG4gICAqL1xyXG4gIGJ1aWxkQ29sdW1uS2V5KHNlZ21lbnRzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogc3RyaW5nIHtcclxuICAgIC8vIEFsd2F5cyBwdXQgZGF0ZSBmaXJzdCBpZiBwcmVzZW50LCB0aGVuIG90aGVyIHNlZ21lbnRzIGFscGhhYmV0aWNhbGx5XHJcbiAgICBjb25zdCBkYXRlID0gc2VnbWVudHMuZGF0ZTtcclxuICAgIGNvbnN0IG90aGVycyA9IE9iamVjdC5lbnRyaWVzKHNlZ21lbnRzKVxyXG4gICAgICAuZmlsdGVyKChba10pID0+IGsgIT09ICdkYXRlJylcclxuICAgICAgLnNvcnQoKFthXSwgW2JdKSA9PiBhLmxvY2FsZUNvbXBhcmUoYikpXHJcbiAgICAgIC5tYXAoKFssIHZdKSA9PiB2KTtcclxuXHJcbiAgICByZXR1cm4gZGF0ZSA/IFtkYXRlLCAuLi5vdGhlcnNdLmpvaW4oJzonKSA6IG90aGVycy5qb2luKCc6Jyk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBQYXJzZSBhIGNvbHVtbktleSBiYWNrIGludG8gc2VnbWVudHNcclxuICAgKiBBc3N1bWVzIGZvcm1hdDogXCJkYXRlOnJlc291cmNlOi4uLlwiIG9yIGp1c3QgXCJkYXRlXCJcclxuICAgKi9cclxuICBwYXJzZUNvbHVtbktleShjb2x1bW5LZXk6IHN0cmluZyk6IHsgZGF0ZTogc3RyaW5nOyByZXNvdXJjZT86IHN0cmluZyB9IHtcclxuICAgIGNvbnN0IHBhcnRzID0gY29sdW1uS2V5LnNwbGl0KCc6Jyk7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBkYXRlOiBwYXJ0c1swXSxcclxuICAgICAgcmVzb3VyY2U6IHBhcnRzWzFdXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRXh0cmFjdCBkYXRlS2V5IGZyb20gY29sdW1uS2V5IChmaXJzdCBzZWdtZW50KVxyXG4gICAqL1xyXG4gIGdldERhdGVGcm9tQ29sdW1uS2V5KGNvbHVtbktleTogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBjb2x1bW5LZXkuc3BsaXQoJzonKVswXTtcclxuICB9XHJcblxyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcbiAgLy8gVElNRSBDQUxDVUxBVElPTlNcclxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxyXG5cclxuICB0aW1lVG9NaW51dGVzKHRpbWVTdHJpbmc6IHN0cmluZyk6IG51bWJlciB7XHJcbiAgICBjb25zdCBwYXJ0cyA9IHRpbWVTdHJpbmcuc3BsaXQoJzonKS5tYXAoTnVtYmVyKTtcclxuICAgIGNvbnN0IGhvdXJzID0gcGFydHNbMF0gfHwgMDtcclxuICAgIGNvbnN0IG1pbnV0ZXMgPSBwYXJ0c1sxXSB8fCAwO1xyXG4gICAgcmV0dXJuIGhvdXJzICogNjAgKyBtaW51dGVzO1xyXG4gIH1cclxuXHJcbiAgbWludXRlc1RvVGltZSh0b3RhbE1pbnV0ZXM6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICBjb25zdCBob3VycyA9IE1hdGguZmxvb3IodG90YWxNaW51dGVzIC8gNjApO1xyXG4gICAgY29uc3QgbWludXRlcyA9IHRvdGFsTWludXRlcyAlIDYwO1xyXG4gICAgcmV0dXJuIGRheWpzKCkuaG91cihob3VycykubWludXRlKG1pbnV0ZXMpLmZvcm1hdCgnSEg6bW0nKTtcclxuICB9XHJcblxyXG4gIGdldE1pbnV0ZXNTaW5jZU1pZG5pZ2h0KGRhdGU6IERhdGUpOiBudW1iZXIge1xyXG4gICAgY29uc3QgZCA9IGRheWpzKGRhdGUpO1xyXG4gICAgcmV0dXJuIGQuaG91cigpICogNjAgKyBkLm1pbnV0ZSgpO1xyXG4gIH1cclxuXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuICAvLyBVVEMgQ09OVkVSU0lPTlNcclxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxyXG5cclxuICB0b1VUQyhsb2NhbERhdGU6IERhdGUpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGRheWpzLnR6KGxvY2FsRGF0ZSwgdGhpcy50aW1lem9uZSkudXRjKCkudG9JU09TdHJpbmcoKTtcclxuICB9XHJcblxyXG4gIGZyb21VVEModXRjU3RyaW5nOiBzdHJpbmcpOiBEYXRlIHtcclxuICAgIHJldHVybiBkYXlqcy51dGModXRjU3RyaW5nKS50eih0aGlzLnRpbWV6b25lKS50b0RhdGUoKTtcclxuICB9XHJcblxyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcbiAgLy8gREFURSBDUkVBVElPTlxyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcblxyXG4gIGNyZWF0ZURhdGVBdFRpbWUoYmFzZURhdGU6IERhdGUgfCBzdHJpbmcsIHRpbWVTdHJpbmc6IHN0cmluZyk6IERhdGUge1xyXG4gICAgY29uc3QgdG90YWxNaW51dGVzID0gdGhpcy50aW1lVG9NaW51dGVzKHRpbWVTdHJpbmcpO1xyXG4gICAgY29uc3QgaG91cnMgPSBNYXRoLmZsb29yKHRvdGFsTWludXRlcyAvIDYwKTtcclxuICAgIGNvbnN0IG1pbnV0ZXMgPSB0b3RhbE1pbnV0ZXMgJSA2MDtcclxuICAgIHJldHVybiBkYXlqcyhiYXNlRGF0ZSkuc3RhcnRPZignZGF5JykuaG91cihob3VycykubWludXRlKG1pbnV0ZXMpLnRvRGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0SVNPV2Vla0RheShkYXRlOiBEYXRlIHwgc3RyaW5nKTogbnVtYmVyIHtcclxuICAgIHJldHVybiBkYXlqcyhkYXRlKS5pc29XZWVrZGF5KCk7ICAvLyAxPU1vbmRheSwgNz1TdW5kYXlcclxuICB9XHJcbn1cclxuIiwgIi8qKlxuICogUG9zaXRpb25VdGlscyAtIFBpeGVsL3Bvc2l0aW9uIGNhbGN1bGF0aW9ucyBmb3IgY2FsZW5kYXIgZ3JpZFxuICpcbiAqIFJFU1BPTlNJQklMSVRZOiBDb252ZXJ0IGJldHdlZW4gdGltZSBhbmQgcGl4ZWwgcG9zaXRpb25zXG4gKiBOT1RFOiBEYXRlIGZvcm1hdHRpbmcgYmVsb25ncyBpbiBEYXRlU2VydmljZSwgbm90IGhlcmVcbiAqL1xuXG5pbXBvcnQgeyBJR3JpZENvbmZpZyB9IGZyb20gJy4uL2NvcmUvSUdyaWRDb25maWcnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEV2ZW50UG9zaXRpb24ge1xuICB0b3A6IG51bWJlcjsgICAgLy8gcGl4ZWxzIGZyb20gZGF5IHN0YXJ0XG4gIGhlaWdodDogbnVtYmVyOyAvLyBwaXhlbHNcbn1cblxuLyoqXG4gKiBDYWxjdWxhdGUgcGl4ZWwgcG9zaXRpb24gZm9yIGFuIGV2ZW50IGJhc2VkIG9uIGl0cyB0aW1lc1xuICovXG5leHBvcnQgZnVuY3Rpb24gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihcbiAgc3RhcnQ6IERhdGUsXG4gIGVuZDogRGF0ZSxcbiAgY29uZmlnOiBJR3JpZENvbmZpZ1xuKTogRXZlbnRQb3NpdGlvbiB7XG4gIGNvbnN0IHN0YXJ0TWludXRlcyA9IHN0YXJ0LmdldEhvdXJzKCkgKiA2MCArIHN0YXJ0LmdldE1pbnV0ZXMoKTtcbiAgY29uc3QgZW5kTWludXRlcyA9IGVuZC5nZXRIb3VycygpICogNjAgKyBlbmQuZ2V0TWludXRlcygpO1xuXG4gIGNvbnN0IGRheVN0YXJ0TWludXRlcyA9IGNvbmZpZy5kYXlTdGFydEhvdXIgKiA2MDtcbiAgY29uc3QgbWludXRlSGVpZ2h0ID0gY29uZmlnLmhvdXJIZWlnaHQgLyA2MDtcblxuICBjb25zdCB0b3AgPSAoc3RhcnRNaW51dGVzIC0gZGF5U3RhcnRNaW51dGVzKSAqIG1pbnV0ZUhlaWdodDtcbiAgY29uc3QgaGVpZ2h0ID0gKGVuZE1pbnV0ZXMgLSBzdGFydE1pbnV0ZXMpICogbWludXRlSGVpZ2h0O1xuXG4gIHJldHVybiB7IHRvcCwgaGVpZ2h0IH07XG59XG5cbi8qKlxuICogQ29udmVydCBtaW51dGVzIHRvIHBpeGVsc1xuICovXG5leHBvcnQgZnVuY3Rpb24gbWludXRlc1RvUGl4ZWxzKG1pbnV0ZXM6IG51bWJlciwgY29uZmlnOiBJR3JpZENvbmZpZyk6IG51bWJlciB7XG4gIHJldHVybiAobWludXRlcyAvIDYwKSAqIGNvbmZpZy5ob3VySGVpZ2h0O1xufVxuXG4vKipcbiAqIENvbnZlcnQgcGl4ZWxzIHRvIG1pbnV0ZXNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHBpeGVsc1RvTWludXRlcyhwaXhlbHM6IG51bWJlciwgY29uZmlnOiBJR3JpZENvbmZpZyk6IG51bWJlciB7XG4gIHJldHVybiAocGl4ZWxzIC8gY29uZmlnLmhvdXJIZWlnaHQpICogNjA7XG59XG5cbi8qKlxuICogU25hcCBwaXhlbCBwb3NpdGlvbiB0byBncmlkIGludGVydmFsXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzbmFwVG9HcmlkKHBpeGVsczogbnVtYmVyLCBjb25maWc6IElHcmlkQ29uZmlnKTogbnVtYmVyIHtcbiAgY29uc3Qgc25hcFBpeGVscyA9IG1pbnV0ZXNUb1BpeGVscyhjb25maWcuc25hcEludGVydmFsLCBjb25maWcpO1xuICByZXR1cm4gTWF0aC5yb3VuZChwaXhlbHMgLyBzbmFwUGl4ZWxzKSAqIHNuYXBQaXhlbHM7XG59XG4iLCAiLyoqXG4gKiBDb3JlRXZlbnRzIC0gQ29uc29saWRhdGVkIGVzc2VudGlhbCBldmVudHMgZm9yIHRoZSBjYWxlbmRhciBWMlxuICovXG5leHBvcnQgY29uc3QgQ29yZUV2ZW50cyA9IHtcbiAgLy8gTGlmZWN5Y2xlIGV2ZW50c1xuICBJTklUSUFMSVpFRDogJ2NvcmU6aW5pdGlhbGl6ZWQnLFxuICBSRUFEWTogJ2NvcmU6cmVhZHknLFxuICBERVNUUk9ZRUQ6ICdjb3JlOmRlc3Ryb3llZCcsXG5cbiAgLy8gVmlldyBldmVudHNcbiAgVklFV19DSEFOR0VEOiAndmlldzpjaGFuZ2VkJyxcbiAgVklFV19SRU5ERVJFRDogJ3ZpZXc6cmVuZGVyZWQnLFxuXG4gIC8vIE5hdmlnYXRpb24gZXZlbnRzXG4gIERBVEVfQ0hBTkdFRDogJ25hdjpkYXRlLWNoYW5nZWQnLFxuICBOQVZJR0FUSU9OX0NPTVBMRVRFRDogJ25hdjpuYXZpZ2F0aW9uLWNvbXBsZXRlZCcsXG5cbiAgLy8gRGF0YSBldmVudHNcbiAgREFUQV9MT0FESU5HOiAnZGF0YTpsb2FkaW5nJyxcbiAgREFUQV9MT0FERUQ6ICdkYXRhOmxvYWRlZCcsXG4gIERBVEFfRVJST1I6ICdkYXRhOmVycm9yJyxcblxuICAvLyBHcmlkIGV2ZW50c1xuICBHUklEX1JFTkRFUkVEOiAnZ3JpZDpyZW5kZXJlZCcsXG4gIEdSSURfQ0xJQ0tFRDogJ2dyaWQ6Y2xpY2tlZCcsXG5cbiAgLy8gRXZlbnQgbWFuYWdlbWVudFxuICBFVkVOVF9DUkVBVEVEOiAnZXZlbnQ6Y3JlYXRlZCcsXG4gIEVWRU5UX1VQREFURUQ6ICdldmVudDp1cGRhdGVkJyxcbiAgRVZFTlRfREVMRVRFRDogJ2V2ZW50OmRlbGV0ZWQnLFxuICBFVkVOVF9TRUxFQ1RFRDogJ2V2ZW50OnNlbGVjdGVkJyxcblxuICAvLyBFdmVudCBkcmFnLWRyb3BcbiAgRVZFTlRfRFJBR19TVEFSVDogJ2V2ZW50OmRyYWctc3RhcnQnLFxuICBFVkVOVF9EUkFHX01PVkU6ICdldmVudDpkcmFnLW1vdmUnLFxuICBFVkVOVF9EUkFHX0VORDogJ2V2ZW50OmRyYWctZW5kJyxcbiAgRVZFTlRfRFJBR19DQU5DRUw6ICdldmVudDpkcmFnLWNhbmNlbCcsXG4gIEVWRU5UX0RSQUdfQ09MVU1OX0NIQU5HRTogJ2V2ZW50OmRyYWctY29sdW1uLWNoYW5nZScsXG5cbiAgLy8gSGVhZGVyIGRyYWcgKHRpbWVkIFx1MjE5MiBoZWFkZXIgY29udmVyc2lvbilcbiAgRVZFTlRfRFJBR19FTlRFUl9IRUFERVI6ICdldmVudDpkcmFnLWVudGVyLWhlYWRlcicsXG4gIEVWRU5UX0RSQUdfTU9WRV9IRUFERVI6ICdldmVudDpkcmFnLW1vdmUtaGVhZGVyJyxcbiAgRVZFTlRfRFJBR19MRUFWRV9IRUFERVI6ICdldmVudDpkcmFnLWxlYXZlLWhlYWRlcicsXG5cbiAgLy8gRXZlbnQgcmVzaXplXG4gIEVWRU5UX1JFU0laRV9TVEFSVDogJ2V2ZW50OnJlc2l6ZS1zdGFydCcsXG4gIEVWRU5UX1JFU0laRV9FTkQ6ICdldmVudDpyZXNpemUtZW5kJyxcblxuICAvLyBFZGdlIHNjcm9sbFxuICBFREdFX1NDUk9MTF9USUNLOiAnZWRnZS1zY3JvbGw6dGljaycsXG4gIEVER0VfU0NST0xMX1NUQVJURUQ6ICdlZGdlLXNjcm9sbDpzdGFydGVkJyxcbiAgRURHRV9TQ1JPTExfU1RPUFBFRDogJ2VkZ2Utc2Nyb2xsOnN0b3BwZWQnLFxuXG4gIC8vIFN5c3RlbSBldmVudHNcbiAgRVJST1I6ICdzeXN0ZW06ZXJyb3InLFxuXG4gIC8vIFN5bmMgZXZlbnRzXG4gIFNZTkNfU1RBUlRFRDogJ3N5bmM6c3RhcnRlZCcsXG4gIFNZTkNfQ09NUExFVEVEOiAnc3luYzpjb21wbGV0ZWQnLFxuICBTWU5DX0ZBSUxFRDogJ3N5bmM6ZmFpbGVkJyxcblxuICAvLyBFbnRpdHkgZXZlbnRzIC0gZm9yIGF1ZGl0IGFuZCBzeW5jXG4gIEVOVElUWV9TQVZFRDogJ2VudGl0eTpzYXZlZCcsXG4gIEVOVElUWV9ERUxFVEVEOiAnZW50aXR5OmRlbGV0ZWQnLFxuXG4gIC8vIEF1ZGl0IGV2ZW50c1xuICBBVURJVF9MT0dHRUQ6ICdhdWRpdDpsb2dnZWQnLFxuXG4gIC8vIFJlbmRlcmluZyBldmVudHNcbiAgRVZFTlRTX1JFTkRFUkVEOiAnZXZlbnRzOnJlbmRlcmVkJ1xufSBhcyBjb25zdDtcbiIsICIvKipcclxuICogRXZlbnRMYXlvdXRFbmdpbmUgLSBTaW1wbGlmaWVkIHN0YWNraW5nL2dyb3VwaW5nIGFsZ29yaXRobSBmb3IgVjJcclxuICpcclxuICogU3VwcG9ydHMgdHdvIGxheW91dCBtb2RlczpcclxuICogLSBHUklEOiBFdmVudHMgc3RhcnRpbmcgYXQgc2FtZSB0aW1lIHJlbmRlcmVkIHNpZGUtYnktc2lkZVxyXG4gKiAtIFNUQUNLSU5HOiBPdmVybGFwcGluZyBldmVudHMgd2l0aCBtYXJnaW4tbGVmdCBvZmZzZXQgKDE1cHggcGVyIGxldmVsKVxyXG4gKlxyXG4gKiBTaW1wbGlmaWVkIGZyb20gVjE6IE5vIHByZXYvbmV4dCBjaGFpbnMsIHNpbmdsZS1wYXNzIGdyZWVkeSBhbGdvcml0aG1cclxuICovXHJcblxyXG5pbXBvcnQgeyBJQ2FsZW5kYXJFdmVudCB9IGZyb20gJy4uLy4uL3R5cGVzL0NhbGVuZGFyVHlwZXMnO1xyXG5pbXBvcnQgeyBJR3JpZENvbmZpZyB9IGZyb20gJy4uLy4uL2NvcmUvSUdyaWRDb25maWcnO1xyXG5pbXBvcnQgeyBjYWxjdWxhdGVFdmVudFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vdXRpbHMvUG9zaXRpb25VdGlscyc7XHJcbmltcG9ydCB7IElDb2x1bW5MYXlvdXQsIElHcmlkR3JvdXBMYXlvdXQsIElTdGFja2VkRXZlbnRMYXlvdXQgfSBmcm9tICcuL0V2ZW50TGF5b3V0VHlwZXMnO1xyXG5cclxuLyoqXHJcbiAqIENoZWNrIGlmIHR3byBldmVudHMgb3ZlcmxhcCAoc3RyaWN0IC0gdG91Y2hpbmcgYXQgYm91bmRhcnkgPSBOT1Qgb3ZlcmxhcHBpbmcpXHJcbiAqIFRoaXMgbWF0Y2hlcyBTY2VuYXJpbyA4OiBlbmQ9PT1zdGFydCBpcyBOT1Qgb3ZlcmxhcFxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGV2ZW50c092ZXJsYXAoYTogSUNhbGVuZGFyRXZlbnQsIGI6IElDYWxlbmRhckV2ZW50KTogYm9vbGVhbiB7XHJcbiAgcmV0dXJuIGEuc3RhcnQgPCBiLmVuZCAmJiBhLmVuZCA+IGIuc3RhcnQ7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDaGVjayBpZiB0d28gZXZlbnRzIGFyZSB3aXRoaW4gdGhyZXNob2xkIGZvciBncmlkIGdyb3VwaW5nLlxyXG4gKiBUaGlzIGluY2x1ZGVzOlxyXG4gKiAxLiBTdGFydC10by1zdGFydDogRXZlbnRzIHN0YXJ0IHdpdGhpbiB0aHJlc2hvbGQgb2YgZWFjaCBvdGhlclxyXG4gKiAyLiBFbmQtdG8tc3RhcnQ6IE9uZSBldmVudCBzdGFydHMgd2l0aGluIHRocmVzaG9sZCBiZWZvcmUgYW5vdGhlciBlbmRzXHJcbiAqL1xyXG5mdW5jdGlvbiBldmVudHNXaXRoaW5UaHJlc2hvbGQoYTogSUNhbGVuZGFyRXZlbnQsIGI6IElDYWxlbmRhckV2ZW50LCB0aHJlc2hvbGRNaW51dGVzOiBudW1iZXIpOiBib29sZWFuIHtcclxuICBjb25zdCB0aHJlc2hvbGRNcyA9IHRocmVzaG9sZE1pbnV0ZXMgKiA2MCAqIDEwMDA7XHJcblxyXG4gIC8vIFN0YXJ0LXRvLXN0YXJ0OiBib3RoIGV2ZW50cyBzdGFydCB3aXRoaW4gdGhyZXNob2xkXHJcbiAgY29uc3Qgc3RhcnRUb1N0YXJ0RGlmZiA9IE1hdGguYWJzKGEuc3RhcnQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCkpO1xyXG4gIGlmIChzdGFydFRvU3RhcnREaWZmIDw9IHRocmVzaG9sZE1zKSByZXR1cm4gdHJ1ZTtcclxuXHJcbiAgLy8gRW5kLXRvLXN0YXJ0OiBvbmUgZXZlbnQgc3RhcnRzIHdpdGhpbiB0aHJlc2hvbGQgYmVmb3JlIHRoZSBvdGhlciBlbmRzXHJcbiAgLy8gQiBzdGFydHMgd2l0aGluIHRocmVzaG9sZCBiZWZvcmUgQSBlbmRzXHJcbiAgY29uc3QgYlN0YXJ0c0JlZm9yZUFFbmRzID0gYS5lbmQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCk7XHJcbiAgaWYgKGJTdGFydHNCZWZvcmVBRW5kcyA+IDAgJiYgYlN0YXJ0c0JlZm9yZUFFbmRzIDw9IHRocmVzaG9sZE1zKSByZXR1cm4gdHJ1ZTtcclxuXHJcbiAgLy8gQSBzdGFydHMgd2l0aGluIHRocmVzaG9sZCBiZWZvcmUgQiBlbmRzXHJcbiAgY29uc3QgYVN0YXJ0c0JlZm9yZUJFbmRzID0gYi5lbmQuZ2V0VGltZSgpIC0gYS5zdGFydC5nZXRUaW1lKCk7XHJcbiAgaWYgKGFTdGFydHNCZWZvcmVCRW5kcyA+IDAgJiYgYVN0YXJ0c0JlZm9yZUJFbmRzIDw9IHRocmVzaG9sZE1zKSByZXR1cm4gdHJ1ZTtcclxuXHJcbiAgcmV0dXJuIGZhbHNlO1xyXG59XHJcblxyXG4vKipcclxuICogQ2hlY2sgaWYgYWxsIGV2ZW50cyBpbiBhIGdyb3VwIHN0YXJ0IHdpdGhpbiB0aHJlc2hvbGQgb2YgZWFjaCBvdGhlclxyXG4gKi9cclxuZnVuY3Rpb24gYWxsU3RhcnRXaXRoaW5UaHJlc2hvbGQoZXZlbnRzOiBJQ2FsZW5kYXJFdmVudFtdLCB0aHJlc2hvbGRNaW51dGVzOiBudW1iZXIpOiBib29sZWFuIHtcclxuICBpZiAoZXZlbnRzLmxlbmd0aCA8PSAxKSByZXR1cm4gdHJ1ZTtcclxuXHJcbiAgLy8gRmluZCBlYXJsaWVzdCBhbmQgbGF0ZXN0IHN0YXJ0IHRpbWVzXHJcbiAgbGV0IGVhcmxpZXN0ID0gZXZlbnRzWzBdLnN0YXJ0LmdldFRpbWUoKTtcclxuICBsZXQgbGF0ZXN0ID0gZXZlbnRzWzBdLnN0YXJ0LmdldFRpbWUoKTtcclxuXHJcbiAgZm9yIChjb25zdCBldmVudCBvZiBldmVudHMpIHtcclxuICAgIGNvbnN0IHRpbWUgPSBldmVudC5zdGFydC5nZXRUaW1lKCk7XHJcbiAgICBpZiAodGltZSA8IGVhcmxpZXN0KSBlYXJsaWVzdCA9IHRpbWU7XHJcbiAgICBpZiAodGltZSA+IGxhdGVzdCkgbGF0ZXN0ID0gdGltZTtcclxuICB9XHJcblxyXG4gIGNvbnN0IGRpZmZNaW51dGVzID0gKGxhdGVzdCAtIGVhcmxpZXN0KSAvICgxMDAwICogNjApO1xyXG4gIHJldHVybiBkaWZmTWludXRlcyA8PSB0aHJlc2hvbGRNaW51dGVzO1xyXG59XHJcblxyXG4vKipcclxuICogRmluZCBncm91cHMgb2Ygb3ZlcmxhcHBpbmcgZXZlbnRzIChjb25uZWN0ZWQgYnkgb3ZlcmxhcCBjaGFpbilcclxuICogRXZlbnRzIGFyZSBncm91cGVkIGlmIHRoZXkgb3ZlcmxhcCB3aXRoIGFueSBldmVudCBpbiB0aGUgZ3JvdXBcclxuICovXHJcbmZ1bmN0aW9uIGZpbmRPdmVybGFwR3JvdXBzKGV2ZW50czogSUNhbGVuZGFyRXZlbnRbXSk6IElDYWxlbmRhckV2ZW50W11bXSB7XHJcbiAgaWYgKGV2ZW50cy5sZW5ndGggPT09IDApIHJldHVybiBbXTtcclxuXHJcbiAgY29uc3Qgc29ydGVkID0gWy4uLmV2ZW50c10uc29ydCgoYSwgYikgPT4gYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XHJcbiAgY29uc3QgdXNlZCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xyXG4gIGNvbnN0IGdyb3VwczogSUNhbGVuZGFyRXZlbnRbXVtdID0gW107XHJcblxyXG4gIGZvciAoY29uc3QgZXZlbnQgb2Ygc29ydGVkKSB7XHJcbiAgICBpZiAodXNlZC5oYXMoZXZlbnQuaWQpKSBjb250aW51ZTtcclxuXHJcbiAgICAvLyBTdGFydCBhIG5ldyBncm91cCB3aXRoIHRoaXMgZXZlbnRcclxuICAgIGNvbnN0IGdyb3VwOiBJQ2FsZW5kYXJFdmVudFtdID0gW2V2ZW50XTtcclxuICAgIHVzZWQuYWRkKGV2ZW50LmlkKTtcclxuXHJcbiAgICAvLyBFeHBhbmQgZ3JvdXAgYnkgZmluZGluZyBhbGwgY29ubmVjdGVkIGV2ZW50cyAodmlhIG92ZXJsYXApXHJcbiAgICBsZXQgZXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgd2hpbGUgKGV4cGFuZGVkKSB7XHJcbiAgICAgIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgICAgIGZvciAoY29uc3QgY2FuZGlkYXRlIG9mIHNvcnRlZCkge1xyXG4gICAgICAgIGlmICh1c2VkLmhhcyhjYW5kaWRhdGUuaWQpKSBjb250aW51ZTtcclxuXHJcbiAgICAgICAgLy8gQ2hlY2sgaWYgY2FuZGlkYXRlIG92ZXJsYXBzIHdpdGggYW55IGV2ZW50IGluIGdyb3VwXHJcbiAgICAgICAgY29uc3QgY29ubmVjdHMgPSBncm91cC5zb21lKG1lbWJlciA9PiBldmVudHNPdmVybGFwKG1lbWJlciwgY2FuZGlkYXRlKSk7XHJcblxyXG4gICAgICAgIGlmIChjb25uZWN0cykge1xyXG4gICAgICAgICAgZ3JvdXAucHVzaChjYW5kaWRhdGUpO1xyXG4gICAgICAgICAgdXNlZC5hZGQoY2FuZGlkYXRlLmlkKTtcclxuICAgICAgICAgIGV4cGFuZGVkID0gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBncm91cHMucHVzaChncm91cCk7XHJcbiAgfVxyXG5cclxuICByZXR1cm4gZ3JvdXBzO1xyXG59XHJcblxyXG4vKipcclxuICogRmluZCBncmlkIGNhbmRpZGF0ZXMgd2l0aGluIGEgZ3JvdXAgLSBldmVudHMgY29ubmVjdGVkIHZpYSB0aHJlc2hvbGQgY2hhaW5cclxuICogVXNlcyBWMSBsb2dpYzogZXZlbnRzIGFyZSBjb25uZWN0ZWQgaWYgd2l0aGluIHRocmVzaG9sZCAobm8gb3ZlcmxhcCByZXF1aXJlbWVudClcclxuICovXHJcbmZ1bmN0aW9uIGZpbmRHcmlkQ2FuZGlkYXRlcyhcclxuICBldmVudHM6IElDYWxlbmRhckV2ZW50W10sXHJcbiAgdGhyZXNob2xkTWludXRlczogbnVtYmVyXHJcbik6IElDYWxlbmRhckV2ZW50W11bXSB7XHJcbiAgaWYgKGV2ZW50cy5sZW5ndGggPT09IDApIHJldHVybiBbXTtcclxuXHJcbiAgY29uc3Qgc29ydGVkID0gWy4uLmV2ZW50c10uc29ydCgoYSwgYikgPT4gYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XHJcbiAgY29uc3QgdXNlZCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xyXG4gIGNvbnN0IGdyb3VwczogSUNhbGVuZGFyRXZlbnRbXVtdID0gW107XHJcblxyXG4gIGZvciAoY29uc3QgZXZlbnQgb2Ygc29ydGVkKSB7XHJcbiAgICBpZiAodXNlZC5oYXMoZXZlbnQuaWQpKSBjb250aW51ZTtcclxuXHJcbiAgICBjb25zdCBncm91cDogSUNhbGVuZGFyRXZlbnRbXSA9IFtldmVudF07XHJcbiAgICB1c2VkLmFkZChldmVudC5pZCk7XHJcblxyXG4gICAgLy8gRXhwYW5kIGJ5IHRocmVzaG9sZCBjaGFpbiAoVjEgbG9naWM6IG5vIG92ZXJsYXAgcmVxdWlyZW1lbnQsIGp1c3QgdGhyZXNob2xkKVxyXG4gICAgbGV0IGV4cGFuZGVkID0gdHJ1ZTtcclxuICAgIHdoaWxlIChleHBhbmRlZCkge1xyXG4gICAgICBleHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICBmb3IgKGNvbnN0IGNhbmRpZGF0ZSBvZiBzb3J0ZWQpIHtcclxuICAgICAgICBpZiAodXNlZC5oYXMoY2FuZGlkYXRlLmlkKSkgY29udGludWU7XHJcblxyXG4gICAgICAgIGNvbnN0IGNvbm5lY3RzID0gZ3JvdXAuc29tZShtZW1iZXIgPT5cclxuICAgICAgICAgIGV2ZW50c1dpdGhpblRocmVzaG9sZChtZW1iZXIsIGNhbmRpZGF0ZSwgdGhyZXNob2xkTWludXRlcylcclxuICAgICAgICApO1xyXG5cclxuICAgICAgICBpZiAoY29ubmVjdHMpIHtcclxuICAgICAgICAgIGdyb3VwLnB1c2goY2FuZGlkYXRlKTtcclxuICAgICAgICAgIHVzZWQuYWRkKGNhbmRpZGF0ZS5pZCk7XHJcbiAgICAgICAgICBleHBhbmRlZCA9IHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgZ3JvdXBzLnB1c2goZ3JvdXApO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIGdyb3VwcztcclxufVxyXG5cclxuLyoqXHJcbiAqIENhbGN1bGF0ZSBzdGFjayBsZXZlbHMgZm9yIG92ZXJsYXBwaW5nIGV2ZW50cyB1c2luZyBncmVlZHkgYWxnb3JpdGhtXHJcbiAqIEZvciBlYWNoIGV2ZW50OiBsZXZlbCA9IG1heChvdmVybGFwcGluZyBhbHJlYWR5LXByb2Nlc3NlZCBldmVudHMpICsgMVxyXG4gKi9cclxuZnVuY3Rpb24gY2FsY3VsYXRlU3RhY2tMZXZlbHMoZXZlbnRzOiBJQ2FsZW5kYXJFdmVudFtdKTogTWFwPHN0cmluZywgbnVtYmVyPiB7XHJcbiAgY29uc3QgbGV2ZWxzID0gbmV3IE1hcDxzdHJpbmcsIG51bWJlcj4oKTtcclxuICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcclxuXHJcbiAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcclxuICAgIGxldCBtYXhPdmVybGFwcGluZ0xldmVsID0gLTE7XHJcblxyXG4gICAgLy8gRmluZCBtYXggbGV2ZWwgYW1vbmcgb3ZlcmxhcHBpbmcgZXZlbnRzIGFscmVhZHkgcHJvY2Vzc2VkXHJcbiAgICBmb3IgKGNvbnN0IFtpZCwgbGV2ZWxdIG9mIGxldmVscykge1xyXG4gICAgICBjb25zdCBvdGhlciA9IGV2ZW50cy5maW5kKGUgPT4gZS5pZCA9PT0gaWQpO1xyXG4gICAgICBpZiAob3RoZXIgJiYgZXZlbnRzT3ZlcmxhcChldmVudCwgb3RoZXIpKSB7XHJcbiAgICAgICAgbWF4T3ZlcmxhcHBpbmdMZXZlbCA9IE1hdGgubWF4KG1heE92ZXJsYXBwaW5nTGV2ZWwsIGxldmVsKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGxldmVscy5zZXQoZXZlbnQuaWQsIG1heE92ZXJsYXBwaW5nTGV2ZWwgKyAxKTtcclxuICB9XHJcblxyXG4gIHJldHVybiBsZXZlbHM7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBBbGxvY2F0ZSBldmVudHMgdG8gY29sdW1ucyBmb3IgR1JJRCBsYXlvdXQgdXNpbmcgZ3JlZWR5IGFsZ29yaXRobVxyXG4gKiBOb24tb3ZlcmxhcHBpbmcgZXZlbnRzIGNhbiBzaGFyZSBhIGNvbHVtbiB0byBtaW5pbWl6ZSB0b3RhbCBjb2x1bW5zXHJcbiAqL1xyXG5mdW5jdGlvbiBhbGxvY2F0ZUNvbHVtbnMoZXZlbnRzOiBJQ2FsZW5kYXJFdmVudFtdKTogSUNhbGVuZGFyRXZlbnRbXVtdIHtcclxuICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcclxuICBjb25zdCBjb2x1bW5zOiBJQ2FsZW5kYXJFdmVudFtdW10gPSBbXTtcclxuXHJcbiAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcclxuICAgIC8vIEZpbmQgZmlyc3QgY29sdW1uIHdoZXJlIGV2ZW50IGRvZXNuJ3Qgb3ZlcmxhcCB3aXRoIGV4aXN0aW5nIGV2ZW50c1xyXG4gICAgbGV0IHBsYWNlZCA9IGZhbHNlO1xyXG4gICAgZm9yIChjb25zdCBjb2x1bW4gb2YgY29sdW1ucykge1xyXG4gICAgICBjb25zdCBjYW5GaXQgPSAhY29sdW1uLnNvbWUoZSA9PiBldmVudHNPdmVybGFwKGV2ZW50LCBlKSk7XHJcbiAgICAgIGlmIChjYW5GaXQpIHtcclxuICAgICAgICBjb2x1bW4ucHVzaChldmVudCk7XHJcbiAgICAgICAgcGxhY2VkID0gdHJ1ZTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC8vIE5vIHN1aXRhYmxlIGNvbHVtbiBmb3VuZCwgY3JlYXRlIG5ldyBvbmVcclxuICAgIGlmICghcGxhY2VkKSB7XHJcbiAgICAgIGNvbHVtbnMucHVzaChbZXZlbnRdKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJldHVybiBjb2x1bW5zO1xyXG59XHJcblxyXG4vKipcclxuICogTWFpbiBlbnRyeSBwb2ludDogQ2FsY3VsYXRlIGNvbXBsZXRlIGxheW91dCBmb3IgYSBjb2x1bW4ncyBldmVudHNcclxuICpcclxuICogQWxnb3JpdGhtOlxyXG4gKiAxLiBGaW5kIG92ZXJsYXAgZ3JvdXBzIChldmVudHMgY29ubmVjdGVkIGJ5IG92ZXJsYXAgY2hhaW4pXHJcbiAqIDIuIEZvciBlYWNoIG92ZXJsYXAgZ3JvdXAsIGZpbmQgZ3JpZCBjYW5kaWRhdGVzIChldmVudHMgd2l0aGluIHRocmVzaG9sZCBjaGFpbilcclxuICogMy4gSWYgYWxsIGV2ZW50cyBpbiBvdmVybGFwIGdyb3VwIGZvcm0gYSBzaW5nbGUgZ3JpZCBjYW5kaWRhdGUgXHUyMTkyIEdSSUQgbW9kZVxyXG4gKiA0LiBPdGhlcndpc2UgXHUyMTkyIFNUQUNLSU5HIG1vZGUgd2l0aCBjYWxjdWxhdGVkIGxldmVsc1xyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGNhbGN1bGF0ZUNvbHVtbkxheW91dChcclxuICBldmVudHM6IElDYWxlbmRhckV2ZW50W10sXHJcbiAgY29uZmlnOiBJR3JpZENvbmZpZ1xyXG4pOiBJQ29sdW1uTGF5b3V0IHtcclxuICBjb25zdCB0aHJlc2hvbGRNaW51dGVzID0gY29uZmlnLmdyaWRTdGFydFRocmVzaG9sZE1pbnV0ZXMgPz8gMTA7XHJcblxyXG4gIGNvbnN0IHJlc3VsdDogSUNvbHVtbkxheW91dCA9IHtcclxuICAgIGdyaWRzOiBbXSxcclxuICAgIHN0YWNrZWQ6IFtdXHJcbiAgfTtcclxuXHJcbiAgaWYgKGV2ZW50cy5sZW5ndGggPT09IDApIHJldHVybiByZXN1bHQ7XHJcblxyXG4gIC8vIEZpbmQgYWxsIG92ZXJsYXBwaW5nIGV2ZW50IGdyb3Vwc1xyXG4gIGNvbnN0IG92ZXJsYXBHcm91cHMgPSBmaW5kT3ZlcmxhcEdyb3VwcyhldmVudHMpO1xyXG5cclxuICBmb3IgKGNvbnN0IG92ZXJsYXBHcm91cCBvZiBvdmVybGFwR3JvdXBzKSB7XHJcbiAgICBpZiAob3ZlcmxhcEdyb3VwLmxlbmd0aCA9PT0gMSkge1xyXG4gICAgICAvLyBTaW5nbGUgZXZlbnQgLSBubyBncm91cGluZyBuZWVkZWRcclxuICAgICAgcmVzdWx0LnN0YWNrZWQucHVzaCh7XHJcbiAgICAgICAgZXZlbnQ6IG92ZXJsYXBHcm91cFswXSxcclxuICAgICAgICBzdGFja0xldmVsOiAwXHJcbiAgICAgIH0pO1xyXG4gICAgICBjb250aW51ZTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBXaXRoaW4gdGhpcyBvdmVybGFwIGdyb3VwLCBmaW5kIGdyaWQgY2FuZGlkYXRlcyAodGhyZXNob2xkLWNvbm5lY3RlZCBzdWJncm91cHMpXHJcbiAgICBjb25zdCBncmlkU3ViZ3JvdXBzID0gZmluZEdyaWRDYW5kaWRhdGVzKG92ZXJsYXBHcm91cCwgdGhyZXNob2xkTWludXRlcyk7XHJcblxyXG4gICAgLy8gQ2hlY2sgaWYgdGhlIEVOVElSRSBvdmVybGFwIGdyb3VwIGZvcm1zIGEgc2luZ2xlIGdyaWQgY2FuZGlkYXRlXHJcbiAgICAvLyBUaGlzIGhhcHBlbnMgd2hlbiBhbGwgZXZlbnRzIGFyZSBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBjaGFpblxyXG4gICAgY29uc3QgbGFyZ2VzdEdyaWRDYW5kaWRhdGUgPSBncmlkU3ViZ3JvdXBzLnJlZHVjZSgobWF4LCBnKSA9PlxyXG4gICAgICBnLmxlbmd0aCA+IG1heC5sZW5ndGggPyBnIDogbWF4LCBncmlkU3ViZ3JvdXBzWzBdKTtcclxuXHJcbiAgICBpZiAobGFyZ2VzdEdyaWRDYW5kaWRhdGUubGVuZ3RoID09PSBvdmVybGFwR3JvdXAubGVuZ3RoKSB7XHJcbiAgICAgIC8vIEFsbCBldmVudHMgaW4gb3ZlcmxhcCBncm91cCBhcmUgY29ubmVjdGVkIHZpYSB0aHJlc2hvbGQgY2hhaW4gXHUyMTkyIEdSSUQgbW9kZVxyXG4gICAgICBjb25zdCBjb2x1bW5zID0gYWxsb2NhdGVDb2x1bW5zKG92ZXJsYXBHcm91cCk7XHJcbiAgICAgIGNvbnN0IGVhcmxpZXN0ID0gb3ZlcmxhcEdyb3VwLnJlZHVjZSgobWluLCBlKSA9PlxyXG4gICAgICAgIGUuc3RhcnQgPCBtaW4uc3RhcnQgPyBlIDogbWluLCBvdmVybGFwR3JvdXBbMF0pO1xyXG4gICAgICBjb25zdCBwb3NpdGlvbiA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZWFybGllc3Quc3RhcnQsIGVhcmxpZXN0LmVuZCwgY29uZmlnKTtcclxuXHJcbiAgICAgIHJlc3VsdC5ncmlkcy5wdXNoKHtcclxuICAgICAgICBldmVudHM6IG92ZXJsYXBHcm91cCxcclxuICAgICAgICBjb2x1bW5zLFxyXG4gICAgICAgIHN0YWNrTGV2ZWw6IDAsXHJcbiAgICAgICAgcG9zaXRpb246IHsgdG9wOiBwb3NpdGlvbi50b3AgfVxyXG4gICAgICB9KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIC8vIE5vdCBhbGwgZXZlbnRzIGNvbm5lY3RlZCB2aWEgdGhyZXNob2xkIFx1MjE5MiBTVEFDS0lORyBtb2RlXHJcbiAgICAgIGNvbnN0IGxldmVscyA9IGNhbGN1bGF0ZVN0YWNrTGV2ZWxzKG92ZXJsYXBHcm91cCk7XHJcbiAgICAgIGZvciAoY29uc3QgZXZlbnQgb2Ygb3ZlcmxhcEdyb3VwKSB7XHJcbiAgICAgICAgcmVzdWx0LnN0YWNrZWQucHVzaCh7XHJcbiAgICAgICAgICBldmVudCxcclxuICAgICAgICAgIHN0YWNrTGV2ZWw6IGxldmVscy5nZXQoZXZlbnQuaWQpID8/IDBcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmV0dXJuIHJlc3VsdDtcclxufVxyXG4iLCAiaW1wb3J0IHsgSUNhbGVuZGFyRXZlbnQsIElFdmVudEJ1cywgSUV2ZW50VXBkYXRlZFBheWxvYWQgfSBmcm9tICcuLi8uLi90eXBlcy9DYWxlbmRhclR5cGVzJztcclxuaW1wb3J0IHsgRXZlbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc3RvcmFnZS9ldmVudHMvRXZlbnRTZXJ2aWNlJztcclxuaW1wb3J0IHsgRGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL0RhdGVTZXJ2aWNlJztcclxuaW1wb3J0IHsgSUdyaWRDb25maWcgfSBmcm9tICcuLi8uLi9jb3JlL0lHcmlkQ29uZmlnJztcclxuaW1wb3J0IHsgY2FsY3VsYXRlRXZlbnRQb3NpdGlvbiwgc25hcFRvR3JpZCwgcGl4ZWxzVG9NaW51dGVzIH0gZnJvbSAnLi4vLi4vdXRpbHMvUG9zaXRpb25VdGlscyc7XHJcbmltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XHJcbmltcG9ydCB7IElEcmFnQ29sdW1uQ2hhbmdlUGF5bG9hZCwgSURyYWdNb3ZlUGF5bG9hZCwgSURyYWdFbmRQYXlsb2FkLCBJRHJhZ0xlYXZlSGVhZGVyUGF5bG9hZCB9IGZyb20gJy4uLy4uL3R5cGVzL0RyYWdUeXBlcyc7XHJcbmltcG9ydCB7IGNhbGN1bGF0ZUNvbHVtbkxheW91dCB9IGZyb20gJy4vRXZlbnRMYXlvdXRFbmdpbmUnO1xyXG5pbXBvcnQgeyBJR3JpZEdyb3VwTGF5b3V0IH0gZnJvbSAnLi9FdmVudExheW91dFR5cGVzJztcclxuaW1wb3J0IHsgRmlsdGVyVGVtcGxhdGUgfSBmcm9tICcuLi8uLi9jb3JlL0ZpbHRlclRlbXBsYXRlJztcclxuXHJcbi8qKlxyXG4gKiBFdmVudFJlbmRlcmVyIC0gUmVuZGVycyBjYWxlbmRhciBldmVudHMgdG8gdGhlIERPTVxyXG4gKlxyXG4gKiBDTEVBTiBhcHByb2FjaDpcclxuICogLSBPbmx5IGRhdGEtaWQgYXR0cmlidXRlIG9uIGV2ZW50IGVsZW1lbnRcclxuICogLSBpbm5lckhUTUwgY29udGFpbnMgb25seSB2aXNpYmxlIGNvbnRlbnRcclxuICogLSBFdmVudCBkYXRhIHJldHJpZXZlZCB2aWEgRXZlbnRTZXJ2aWNlIHdoZW4gbmVlZGVkXHJcbiAqL1xyXG5leHBvcnQgY2xhc3MgRXZlbnRSZW5kZXJlciB7XHJcbiAgcHJpdmF0ZSBjb250YWluZXI6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBldmVudFNlcnZpY2U6IEV2ZW50U2VydmljZSxcclxuICAgIHByaXZhdGUgZGF0ZVNlcnZpY2U6IERhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBncmlkQ29uZmlnOiBJR3JpZENvbmZpZyxcclxuICAgIHByaXZhdGUgZXZlbnRCdXM6IElFdmVudEJ1c1xyXG4gICkge1xyXG4gICAgdGhpcy5zZXR1cExpc3RlbmVycygpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2V0dXAgbGlzdGVuZXJzIGZvciBkcmFnLWRyb3AgYW5kIHVwZGF0ZSBldmVudHNcclxuICAgKi9cclxuICBwcml2YXRlIHNldHVwTGlzdGVuZXJzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfQ09MVU1OX0NIQU5HRSwgKGUpID0+IHtcclxuICAgICAgY29uc3QgcGF5bG9hZCA9IChlIGFzIEN1c3RvbUV2ZW50PElEcmFnQ29sdW1uQ2hhbmdlUGF5bG9hZD4pLmRldGFpbDtcclxuICAgICAgdGhpcy5oYW5kbGVDb2x1bW5DaGFuZ2UocGF5bG9hZCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19NT1ZFLCAoZSkgPT4ge1xyXG4gICAgICBjb25zdCBwYXlsb2FkID0gKGUgYXMgQ3VzdG9tRXZlbnQ8SURyYWdNb3ZlUGF5bG9hZD4pLmRldGFpbDtcclxuICAgICAgdGhpcy51cGRhdGVEcmFnVGltZXN0YW1wKHBheWxvYWQpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX1VQREFURUQsIChlKSA9PiB7XHJcbiAgICAgIGNvbnN0IHBheWxvYWQgPSAoZSBhcyBDdXN0b21FdmVudDxJRXZlbnRVcGRhdGVkUGF5bG9hZD4pLmRldGFpbDtcclxuICAgICAgdGhpcy5oYW5kbGVFdmVudFVwZGF0ZWQocGF5bG9hZCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19FTkQsIChlKSA9PiB7XHJcbiAgICAgIGNvbnN0IHBheWxvYWQgPSAoZSBhcyBDdXN0b21FdmVudDxJRHJhZ0VuZFBheWxvYWQ+KS5kZXRhaWw7XHJcbiAgICAgIHRoaXMuaGFuZGxlRHJhZ0VuZChwYXlsb2FkKTtcclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0xFQVZFX0hFQURFUiwgKGUpID0+IHtcclxuICAgICAgY29uc3QgcGF5bG9hZCA9IChlIGFzIEN1c3RvbUV2ZW50PElEcmFnTGVhdmVIZWFkZXJQYXlsb2FkPikuZGV0YWlsO1xyXG4gICAgICB0aGlzLmhhbmRsZURyYWdMZWF2ZUhlYWRlcihwYXlsb2FkKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGFuZGxlIEVWRU5UX0RSQUdfRU5EIC0gcmVtb3ZlIGVsZW1lbnQgaWYgZHJvcHBlZCBpbiBoZWFkZXJcclxuICAgKi9cclxuICBwcml2YXRlIGhhbmRsZURyYWdFbmQocGF5bG9hZDogSURyYWdFbmRQYXlsb2FkKTogdm9pZCB7XHJcbiAgICBpZiAocGF5bG9hZC50YXJnZXQgPT09ICdoZWFkZXInKSB7XHJcbiAgICAgIC8vIEV2ZW50IHdhcyBkcm9wcGVkIGluIGhlYWRlciBkcmF3ZXIgLSByZW1vdmUgZnJvbSBncmlkXHJcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmNvbnRhaW5lcj8ucXVlcnlTZWxlY3Rvcihgc3dwLWNvbnRlbnQtdmlld3BvcnQgc3dwLWV2ZW50W2RhdGEtZXZlbnQtaWQ9XCIke3BheWxvYWQuc3dwRXZlbnQuZXZlbnRJZH1cIl1gKTtcclxuICAgICAgZWxlbWVudD8ucmVtb3ZlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIYW5kbGUgaGVhZGVyIGl0ZW0gbGVhdmluZyBoZWFkZXIgLSBjcmVhdGUgc3dwLWV2ZW50IGluIGdyaWRcclxuICAgKi9cclxuICBwcml2YXRlIGhhbmRsZURyYWdMZWF2ZUhlYWRlcihwYXlsb2FkOiBJRHJhZ0xlYXZlSGVhZGVyUGF5bG9hZCk6IHZvaWQge1xyXG4gICAgLy8gT25seSBoYW5kbGUgd2hlbiBzb3VyY2UgaXMgaGVhZGVyIChoZWFkZXIgaXRlbSBkcmFnZ2VkIHRvIGdyaWQpXHJcbiAgICBpZiAocGF5bG9hZC5zb3VyY2UgIT09ICdoZWFkZXInKSByZXR1cm47XHJcbiAgICBpZiAoIXBheWxvYWQudGFyZ2V0Q29sdW1uIHx8ICFwYXlsb2FkLnN0YXJ0IHx8ICFwYXlsb2FkLmVuZCkgcmV0dXJuO1xyXG5cclxuICAgIC8vIFR1cm4gaGVhZGVyIGl0ZW0gaW50byBnaG9zdCAoc3RheXMgdmlzaWJsZSBidXQgZmFkZWQpXHJcbiAgICBpZiAocGF5bG9hZC5lbGVtZW50KSB7XHJcbiAgICAgIHBheWxvYWQuZWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkcmFnLWdob3N0Jyk7XHJcbiAgICAgIHBheWxvYWQuZWxlbWVudC5zdHlsZS5vcGFjaXR5ID0gJzAuMyc7XHJcbiAgICAgIHBheWxvYWQuZWxlbWVudC5zdHlsZS5wb2ludGVyRXZlbnRzID0gJ25vbmUnO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIENyZWF0ZSBldmVudCBvYmplY3QgZnJvbSBoZWFkZXIgaXRlbSBkYXRhXHJcbiAgICBjb25zdCBldmVudDogSUNhbGVuZGFyRXZlbnQgPSB7XHJcbiAgICAgIGlkOiBwYXlsb2FkLmV2ZW50SWQsXHJcbiAgICAgIHRpdGxlOiBwYXlsb2FkLnRpdGxlIHx8ICcnLFxyXG4gICAgICBkZXNjcmlwdGlvbjogJycsXHJcbiAgICAgIHN0YXJ0OiBwYXlsb2FkLnN0YXJ0LFxyXG4gICAgICBlbmQ6IHBheWxvYWQuZW5kLFxyXG4gICAgICB0eXBlOiAnY3VzdG9tZXInLFxyXG4gICAgICBhbGxEYXk6IGZhbHNlLFxyXG4gICAgICBzeW5jU3RhdHVzOiAncGVuZGluZydcclxuICAgIH07XHJcblxyXG4gICAgLy8gQ3JlYXRlIHN3cC1ldmVudCBlbGVtZW50IHVzaW5nIGV4aXN0aW5nIG1ldGhvZFxyXG4gICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY3JlYXRlRXZlbnRFbGVtZW50KGV2ZW50KTtcclxuXHJcbiAgICAvLyBBZGQgdG8gdGFyZ2V0IGNvbHVtblxyXG4gICAgbGV0IGV2ZW50c0xheWVyID0gcGF5bG9hZC50YXJnZXRDb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xyXG4gICAgaWYgKCFldmVudHNMYXllcikge1xyXG4gICAgICBldmVudHNMYXllciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudHMtbGF5ZXInKTtcclxuICAgICAgcGF5bG9hZC50YXJnZXRDb2x1bW4uYXBwZW5kQ2hpbGQoZXZlbnRzTGF5ZXIpO1xyXG4gICAgfVxyXG4gICAgZXZlbnRzTGF5ZXIuYXBwZW5kQ2hpbGQoZWxlbWVudCk7XHJcblxyXG4gICAgLy8gTWFyayBhcyBkcmFnZ2luZyBzbyBEcmFnRHJvcE1hbmFnZXIgY2FuIGNvbnRpbnVlIHdpdGggaXRcclxuICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZHJhZ2dpbmcnKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhhbmRsZSBFVkVOVF9VUERBVEVEIC0gcmUtcmVuZGVyIGFmZmVjdGVkIGNvbHVtbnNcclxuICAgKi9cclxuICBwcml2YXRlIGFzeW5jIGhhbmRsZUV2ZW50VXBkYXRlZChwYXlsb2FkOiBJRXZlbnRVcGRhdGVkUGF5bG9hZCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgLy8gUmUtcmVuZGVyIHNvdXJjZSBjb2x1bW4gKGlmIGRpZmZlcmVudCBmcm9tIHRhcmdldClcclxuICAgIGlmIChwYXlsb2FkLnNvdXJjZUNvbHVtbktleSAhPT0gcGF5bG9hZC50YXJnZXRDb2x1bW5LZXkpIHtcclxuICAgICAgYXdhaXQgdGhpcy5yZXJlbmRlckNvbHVtbihwYXlsb2FkLnNvdXJjZUNvbHVtbktleSk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gUmUtcmVuZGVyIHRhcmdldCBjb2x1bW5cclxuICAgIGF3YWl0IHRoaXMucmVyZW5kZXJDb2x1bW4ocGF5bG9hZC50YXJnZXRDb2x1bW5LZXkpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUmUtcmVuZGVyIGEgc2luZ2xlIGNvbHVtbiB3aXRoIGZyZXNoIGRhdGEgZnJvbSBJbmRleGVkREJcclxuICAgKi9cclxuICBwcml2YXRlIGFzeW5jIHJlcmVuZGVyQ29sdW1uKGNvbHVtbktleTogc3RyaW5nKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBjb25zdCBjb2x1bW4gPSB0aGlzLmZpbmRDb2x1bW4oY29sdW1uS2V5KTtcclxuICAgIGlmICghY29sdW1uKSByZXR1cm47XHJcblxyXG4gICAgLy8gUmVhZCBkYXRlIGFuZCByZXNvdXJjZUlkIGRpcmVjdGx5IGZyb20gY29sdW1uIGF0dHJpYnV0ZXMgKGNvbHVtbktleSBpcyBvcGFxdWUpXHJcbiAgICBjb25zdCBkYXRlID0gY29sdW1uLmRhdGFzZXQuZGF0ZTtcclxuICAgIGNvbnN0IHJlc291cmNlSWQgPSBjb2x1bW4uZGF0YXNldC5yZXNvdXJjZUlkO1xyXG5cclxuICAgIGlmICghZGF0ZSkgcmV0dXJuO1xyXG5cclxuICAgIC8vIEdldCBkYXRlIHJhbmdlIGZvciB0aGlzIGRheVxyXG4gICAgY29uc3Qgc3RhcnREYXRlID0gbmV3IERhdGUoZGF0ZSk7XHJcbiAgICBjb25zdCBlbmREYXRlID0gbmV3IERhdGUoZGF0ZSk7XHJcbiAgICBlbmREYXRlLnNldEhvdXJzKDIzLCA1OSwgNTksIDk5OSk7XHJcblxyXG4gICAgLy8gRmV0Y2ggZXZlbnRzIGZyb20gSW5kZXhlZERCXHJcbiAgICBjb25zdCBldmVudHMgPSByZXNvdXJjZUlkXHJcbiAgICAgID8gYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0QnlSZXNvdXJjZUFuZERhdGVSYW5nZShyZXNvdXJjZUlkLCBzdGFydERhdGUsIGVuZERhdGUpXHJcbiAgICAgIDogYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0QnlEYXRlUmFuZ2Uoc3RhcnREYXRlLCBlbmREYXRlKTtcclxuXHJcbiAgICAvLyBGaWx0ZXIgdG8gdGltZWQgZXZlbnRzIGFuZCBtYXRjaCBkYXRlIGV4YWN0bHlcclxuICAgIGNvbnN0IHRpbWVkRXZlbnRzID0gZXZlbnRzLmZpbHRlcihldmVudCA9PlxyXG4gICAgICAhZXZlbnQuYWxsRGF5ICYmIHRoaXMuZGF0ZVNlcnZpY2UuZ2V0RGF0ZUtleShldmVudC5zdGFydCkgPT09IGRhdGVcclxuICAgICk7XHJcblxyXG4gICAgLy8gR2V0IG9yIGNyZWF0ZSBldmVudHMgbGF5ZXJcclxuICAgIGxldCBldmVudHNMYXllciA9IGNvbHVtbi5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XHJcbiAgICBpZiAoIWV2ZW50c0xheWVyKSB7XHJcbiAgICAgIGV2ZW50c0xheWVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50cy1sYXllcicpO1xyXG4gICAgICBjb2x1bW4uYXBwZW5kQ2hpbGQoZXZlbnRzTGF5ZXIpO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIENsZWFyIGV4aXN0aW5nIGV2ZW50c1xyXG4gICAgZXZlbnRzTGF5ZXIuaW5uZXJIVE1MID0gJyc7XHJcblxyXG4gICAgLy8gQ2FsY3VsYXRlIGxheW91dCB3aXRoIHN0YWNraW5nL2dyb3VwaW5nXHJcbiAgICBjb25zdCBsYXlvdXQgPSBjYWxjdWxhdGVDb2x1bW5MYXlvdXQodGltZWRFdmVudHMsIHRoaXMuZ3JpZENvbmZpZyk7XHJcblxyXG4gICAgLy8gUmVuZGVyIEdSSUQgZ3JvdXBzXHJcbiAgICBsYXlvdXQuZ3JpZHMuZm9yRWFjaChncmlkID0+IHtcclxuICAgICAgY29uc3QgZ3JvdXBFbCA9IHRoaXMucmVuZGVyR3JpZEdyb3VwKGdyaWQpO1xyXG4gICAgICBldmVudHNMYXllciEuYXBwZW5kQ2hpbGQoZ3JvdXBFbCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvLyBSZW5kZXIgU1RBQ0tFRCBldmVudHNcclxuICAgIGxheW91dC5zdGFja2VkLmZvckVhY2goaXRlbSA9PiB7XHJcbiAgICAgIGNvbnN0IGV2ZW50RWwgPSB0aGlzLnJlbmRlclN0YWNrZWRFdmVudChpdGVtLmV2ZW50LCBpdGVtLnN0YWNrTGV2ZWwpO1xyXG4gICAgICBldmVudHNMYXllciEuYXBwZW5kQ2hpbGQoZXZlbnRFbCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEZpbmQgYSBjb2x1bW4gZWxlbWVudCBieSBjb2x1bW5LZXlcclxuICAgKi9cclxuICBwcml2YXRlIGZpbmRDb2x1bW4oY29sdW1uS2V5OiBzdHJpbmcpOiBIVE1MRWxlbWVudCB8IG51bGwge1xyXG4gICAgaWYgKCF0aGlzLmNvbnRhaW5lcikgcmV0dXJuIG51bGw7XHJcbiAgICByZXR1cm4gdGhpcy5jb250YWluZXIucXVlcnlTZWxlY3Rvcihgc3dwLWRheS1jb2x1bW5bZGF0YS1jb2x1bW4ta2V5PVwiJHtjb2x1bW5LZXl9XCJdYCkgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIYW5kbGUgZXZlbnQgbW92aW5nIHRvIGEgbmV3IGNvbHVtbiBkdXJpbmcgZHJhZ1xyXG4gICAqL1xyXG4gIHByaXZhdGUgaGFuZGxlQ29sdW1uQ2hhbmdlKHBheWxvYWQ6IElEcmFnQ29sdW1uQ2hhbmdlUGF5bG9hZCk6IHZvaWQge1xyXG4gICAgY29uc3QgZXZlbnRzTGF5ZXIgPSBwYXlsb2FkLm5ld0NvbHVtbi5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XHJcbiAgICBpZiAoIWV2ZW50c0xheWVyKSByZXR1cm47XHJcblxyXG4gICAgLy8gTW92ZSBlbGVtZW50IHRvIG5ldyBjb2x1bW5cclxuICAgIGV2ZW50c0xheWVyLmFwcGVuZENoaWxkKHBheWxvYWQuZWxlbWVudCk7XHJcblxyXG4gICAgLy8gUHJlc2VydmUgWSBwb3NpdGlvblxyXG4gICAgcGF5bG9hZC5lbGVtZW50LnN0eWxlLnRvcCA9IGAke3BheWxvYWQuY3VycmVudFl9cHhgO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVXBkYXRlIHRpbWVzdGFtcCBkaXNwbGF5IGR1cmluZyBkcmFnIChzbmFwcGVkIHRvIGdyaWQpXHJcbiAgICovXHJcbiAgcHJpdmF0ZSB1cGRhdGVEcmFnVGltZXN0YW1wKHBheWxvYWQ6IElEcmFnTW92ZVBheWxvYWQpOiB2b2lkIHtcclxuICAgIGNvbnN0IHRpbWVFbCA9IHBheWxvYWQuZWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnQtdGltZScpO1xyXG4gICAgaWYgKCF0aW1lRWwpIHJldHVybjtcclxuXHJcbiAgICAvLyBTbmFwIHBvc2l0aW9uIHRvIGdyaWQgaW50ZXJ2YWxcclxuICAgIGNvbnN0IHNuYXBwZWRZID0gc25hcFRvR3JpZChwYXlsb2FkLmN1cnJlbnRZLCB0aGlzLmdyaWRDb25maWcpO1xyXG5cclxuICAgIC8vIENhbGN1bGF0ZSBuZXcgc3RhcnQgdGltZVxyXG4gICAgY29uc3QgbWludXRlc0Zyb21HcmlkU3RhcnQgPSBwaXhlbHNUb01pbnV0ZXMoc25hcHBlZFksIHRoaXMuZ3JpZENvbmZpZyk7XHJcbiAgICBjb25zdCBzdGFydE1pbnV0ZXMgPSAodGhpcy5ncmlkQ29uZmlnLmRheVN0YXJ0SG91ciAqIDYwKSArIG1pbnV0ZXNGcm9tR3JpZFN0YXJ0O1xyXG5cclxuICAgIC8vIEtlZXAgb3JpZ2luYWwgZHVyYXRpb24gKGZyb20gZWxlbWVudCBoZWlnaHQpXHJcbiAgICBjb25zdCBoZWlnaHQgPSBwYXJzZUZsb2F0KHBheWxvYWQuZWxlbWVudC5zdHlsZS5oZWlnaHQpIHx8IHRoaXMuZ3JpZENvbmZpZy5ob3VySGVpZ2h0O1xyXG4gICAgY29uc3QgZHVyYXRpb25NaW51dGVzID0gcGl4ZWxzVG9NaW51dGVzKGhlaWdodCwgdGhpcy5ncmlkQ29uZmlnKTtcclxuXHJcbiAgICAvLyBDcmVhdGUgRGF0ZSBvYmplY3RzIGZvciBjb25zaXN0ZW50IGZvcm1hdHRpbmcgdmlhIERhdGVTZXJ2aWNlXHJcbiAgICBjb25zdCBzdGFydCA9IHRoaXMubWludXRlc1RvRGF0ZShzdGFydE1pbnV0ZXMpO1xyXG4gICAgY29uc3QgZW5kID0gdGhpcy5taW51dGVzVG9EYXRlKHN0YXJ0TWludXRlcyArIGR1cmF0aW9uTWludXRlcyk7XHJcblxyXG4gICAgdGltZUVsLnRleHRDb250ZW50ID0gdGhpcy5kYXRlU2VydmljZS5mb3JtYXRUaW1lUmFuZ2Uoc3RhcnQsIGVuZCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBDb252ZXJ0IG1pbnV0ZXMgc2luY2UgbWlkbmlnaHQgdG8gYSBEYXRlIG9iamVjdCAodG9kYXkpXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBtaW51dGVzVG9EYXRlKG1pbnV0ZXM6IG51bWJlcik6IERhdGUge1xyXG4gICAgY29uc3QgZGF0ZSA9IG5ldyBEYXRlKCk7XHJcbiAgICBkYXRlLnNldEhvdXJzKE1hdGguZmxvb3IobWludXRlcyAvIDYwKSAlIDI0LCBtaW51dGVzICUgNjAsIDAsIDApO1xyXG4gICAgcmV0dXJuIGRhdGU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZW5kZXIgZXZlbnRzIGZvciB2aXNpYmxlIGRhdGVzIGludG8gZGF5IGNvbHVtbnNcclxuICAgKiBAcGFyYW0gY29udGFpbmVyIC0gQ2FsZW5kYXIgY29udGFpbmVyIGVsZW1lbnRcclxuICAgKiBAcGFyYW0gZmlsdGVyIC0gRmlsdGVyIHdpdGggJ2RhdGUnIGFuZCBvcHRpb25hbGx5ICdyZXNvdXJjZScgYXJyYXlzXHJcbiAgICogQHBhcmFtIGZpbHRlclRlbXBsYXRlIC0gVGVtcGxhdGUgZm9yIG1hdGNoaW5nIGV2ZW50cyB0byBjb2x1bW5zXHJcbiAgICovXHJcbiAgYXN5bmMgcmVuZGVyKGNvbnRhaW5lcjogSFRNTEVsZW1lbnQsIGZpbHRlcjogUmVjb3JkPHN0cmluZywgc3RyaW5nW10+LCBmaWx0ZXJUZW1wbGF0ZTogRmlsdGVyVGVtcGxhdGUpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIC8vIFN0b3JlIGNvbnRhaW5lciByZWZlcmVuY2UgZm9yIGxhdGVyIHJlLXJlbmRlcnNcclxuICAgIHRoaXMuY29udGFpbmVyID0gY29udGFpbmVyO1xyXG5cclxuICAgIGNvbnN0IHZpc2libGVEYXRlcyA9IGZpbHRlclsnZGF0ZSddIHx8IFtdO1xyXG5cclxuICAgIGlmICh2aXNpYmxlRGF0ZXMubGVuZ3RoID09PSAwKSByZXR1cm47XHJcblxyXG4gICAgLy8gR2V0IGRhdGUgcmFuZ2UgZm9yIHF1ZXJ5XHJcbiAgICBjb25zdCBzdGFydERhdGUgPSBuZXcgRGF0ZSh2aXNpYmxlRGF0ZXNbMF0pO1xyXG4gICAgY29uc3QgZW5kRGF0ZSA9IG5ldyBEYXRlKHZpc2libGVEYXRlc1t2aXNpYmxlRGF0ZXMubGVuZ3RoIC0gMV0pO1xyXG4gICAgZW5kRGF0ZS5zZXRIb3VycygyMywgNTksIDU5LCA5OTkpO1xyXG5cclxuICAgIC8vIEZldGNoIGV2ZW50cyBmcm9tIEluZGV4ZWREQlxyXG4gICAgY29uc3QgZXZlbnRzID0gYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0QnlEYXRlUmFuZ2Uoc3RhcnREYXRlLCBlbmREYXRlKTtcclxuXHJcbiAgICAvLyBGaW5kIGRheSBjb2x1bW5zXHJcbiAgICBjb25zdCBkYXlDb2x1bW5zID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1kYXktY29sdW1ucycpO1xyXG4gICAgaWYgKCFkYXlDb2x1bW5zKSByZXR1cm47XHJcblxyXG4gICAgY29uc3QgY29sdW1ucyA9IGRheUNvbHVtbnMucXVlcnlTZWxlY3RvckFsbCgnc3dwLWRheS1jb2x1bW4nKTtcclxuXHJcbiAgICAvLyBSZW5kZXIgZXZlbnRzIGludG8gZWFjaCBjb2x1bW4gYmFzZWQgb24gRmlsdGVyVGVtcGxhdGUgbWF0Y2hpbmdcclxuICAgIGNvbHVtbnMuZm9yRWFjaChjb2x1bW4gPT4ge1xyXG4gICAgICBjb25zdCBjb2x1bW5FbCA9IGNvbHVtbiBhcyBIVE1MRWxlbWVudDtcclxuXHJcbiAgICAgIC8vIFVzZSBGaWx0ZXJUZW1wbGF0ZSBmb3IgbWF0Y2hpbmcgLSBvbmx5IGZpZWxkcyBpbiB0ZW1wbGF0ZSBhcmUgY2hlY2tlZFxyXG4gICAgICBjb25zdCBjb2x1bW5FdmVudHMgPSBldmVudHMuZmlsdGVyKGV2ZW50ID0+IGZpbHRlclRlbXBsYXRlLm1hdGNoZXMoZXZlbnQsIGNvbHVtbkVsKSk7XHJcblxyXG4gICAgICAvLyBHZXQgb3IgY3JlYXRlIGV2ZW50cyBsYXllclxyXG4gICAgICBsZXQgZXZlbnRzTGF5ZXIgPSBjb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xyXG4gICAgICBpZiAoIWV2ZW50c0xheWVyKSB7XHJcbiAgICAgICAgZXZlbnRzTGF5ZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZXZlbnRzLWxheWVyJyk7XHJcbiAgICAgICAgY29sdW1uLmFwcGVuZENoaWxkKGV2ZW50c0xheWVyKTtcclxuICAgICAgfVxyXG5cclxuICAgICAgLy8gQ2xlYXIgZXhpc3RpbmcgZXZlbnRzXHJcbiAgICAgIGV2ZW50c0xheWVyLmlubmVySFRNTCA9ICcnO1xyXG5cclxuICAgICAgLy8gRmlsdGVyIHRvIHRpbWVkIGV2ZW50cyBvbmx5XHJcbiAgICAgIGNvbnN0IHRpbWVkRXZlbnRzID0gY29sdW1uRXZlbnRzLmZpbHRlcihldmVudCA9PiAhZXZlbnQuYWxsRGF5KTtcclxuXHJcbiAgICAgIC8vIENhbGN1bGF0ZSBsYXlvdXQgd2l0aCBzdGFja2luZy9ncm91cGluZ1xyXG4gICAgICBjb25zdCBsYXlvdXQgPSBjYWxjdWxhdGVDb2x1bW5MYXlvdXQodGltZWRFdmVudHMsIHRoaXMuZ3JpZENvbmZpZyk7XHJcblxyXG4gICAgICAvLyBSZW5kZXIgR1JJRCBncm91cHMgKHNpbXVsdGFuZW91cyBldmVudHMgc2lkZS1ieS1zaWRlKVxyXG4gICAgICBsYXlvdXQuZ3JpZHMuZm9yRWFjaChncmlkID0+IHtcclxuICAgICAgICBjb25zdCBncm91cEVsID0gdGhpcy5yZW5kZXJHcmlkR3JvdXAoZ3JpZCk7XHJcbiAgICAgICAgZXZlbnRzTGF5ZXIhLmFwcGVuZENoaWxkKGdyb3VwRWwpO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIC8vIFJlbmRlciBTVEFDS0VEIGV2ZW50cyAob3ZlcmxhcHBpbmcgd2l0aCBtYXJnaW4gb2Zmc2V0KVxyXG4gICAgICBsYXlvdXQuc3RhY2tlZC5mb3JFYWNoKGl0ZW0gPT4ge1xyXG4gICAgICAgIGNvbnN0IGV2ZW50RWwgPSB0aGlzLnJlbmRlclN0YWNrZWRFdmVudChpdGVtLmV2ZW50LCBpdGVtLnN0YWNrTGV2ZWwpO1xyXG4gICAgICAgIGV2ZW50c0xheWVyIS5hcHBlbmRDaGlsZChldmVudEVsKTtcclxuICAgICAgfSk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIENyZWF0ZSBhIHNpbmdsZSBldmVudCBlbGVtZW50XHJcbiAgICpcclxuICAgKiBDTEVBTiBhcHByb2FjaDpcclxuICAgKiAtIE9ubHkgZGF0YS1pZCBmb3IgbG9va3VwXHJcbiAgICogLSBWaXNpYmxlIGNvbnRlbnQgaW4gaW5uZXJIVE1MIG9ubHlcclxuICAgKi9cclxuICBwcml2YXRlIGNyZWF0ZUV2ZW50RWxlbWVudChldmVudDogSUNhbGVuZGFyRXZlbnQpOiBIVE1MRWxlbWVudCB7XHJcbiAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50Jyk7XHJcblxyXG4gICAgLy8gRGF0YSBhdHRyaWJ1dGVzIGZvciBTd3BFdmVudCBjb21wYXRpYmlsaXR5XHJcbiAgICBlbGVtZW50LmRhdGFzZXQuZXZlbnRJZCA9IGV2ZW50LmlkO1xyXG4gICAgaWYgKGV2ZW50LnJlc291cmNlSWQpIHtcclxuICAgICAgZWxlbWVudC5kYXRhc2V0LnJlc291cmNlSWQgPSBldmVudC5yZXNvdXJjZUlkO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIENhbGN1bGF0ZSBwb3NpdGlvblxyXG4gICAgY29uc3QgcG9zaXRpb24gPSBjYWxjdWxhdGVFdmVudFBvc2l0aW9uKGV2ZW50LnN0YXJ0LCBldmVudC5lbmQsIHRoaXMuZ3JpZENvbmZpZyk7XHJcbiAgICBlbGVtZW50LnN0eWxlLnRvcCA9IGAke3Bvc2l0aW9uLnRvcH1weGA7XHJcbiAgICBlbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke3Bvc2l0aW9uLmhlaWdodH1weGA7XHJcblxyXG4gICAgLy8gQ29sb3IgY2xhc3MgYmFzZWQgb24gZXZlbnQgdHlwZVxyXG4gICAgY29uc3QgY29sb3JDbGFzcyA9IHRoaXMuZ2V0Q29sb3JDbGFzcyhldmVudCk7XHJcbiAgICBpZiAoY29sb3JDbGFzcykge1xyXG4gICAgICBlbGVtZW50LmNsYXNzTGlzdC5hZGQoY29sb3JDbGFzcyk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gVmlzaWJsZSBjb250ZW50IG9ubHlcclxuICAgIGVsZW1lbnQuaW5uZXJIVE1MID0gYFxyXG4gICAgICA8c3dwLWV2ZW50LXRpbWU+JHt0aGlzLmRhdGVTZXJ2aWNlLmZvcm1hdFRpbWVSYW5nZShldmVudC5zdGFydCwgZXZlbnQuZW5kKX08L3N3cC1ldmVudC10aW1lPlxyXG4gICAgICA8c3dwLWV2ZW50LXRpdGxlPiR7dGhpcy5lc2NhcGVIdG1sKGV2ZW50LnRpdGxlKX08L3N3cC1ldmVudC10aXRsZT5cclxuICAgICAgJHtldmVudC5kZXNjcmlwdGlvbiA/IGA8c3dwLWV2ZW50LWRlc2NyaXB0aW9uPiR7dGhpcy5lc2NhcGVIdG1sKGV2ZW50LmRlc2NyaXB0aW9uKX08L3N3cC1ldmVudC1kZXNjcmlwdGlvbj5gIDogJyd9XHJcbiAgICBgO1xyXG5cclxuICAgIHJldHVybiBlbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogR2V0IGNvbG9yIGNsYXNzIGJhc2VkIG9uIG1ldGFkYXRhLmNvbG9yIG9yIGV2ZW50IHR5cGVcclxuICAgKi9cclxuICBwcml2YXRlIGdldENvbG9yQ2xhc3MoZXZlbnQ6IElDYWxlbmRhckV2ZW50KTogc3RyaW5nIHtcclxuICAgIC8vIENoZWNrIG1ldGFkYXRhLmNvbG9yIGZpcnN0XHJcbiAgICBpZiAoZXZlbnQubWV0YWRhdGE/LmNvbG9yKSB7XHJcbiAgICAgIHJldHVybiBgaXMtJHtldmVudC5tZXRhZGF0YS5jb2xvcn1gO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIEZhbGxiYWNrIHRvIHR5cGUtYmFzZWQgY29sb3JcclxuICAgIGNvbnN0IHR5cGVDb2xvcnM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XHJcbiAgICAgICdjdXN0b21lcic6ICdpcy1ibHVlJyxcclxuICAgICAgJ3ZhY2F0aW9uJzogJ2lzLWdyZWVuJyxcclxuICAgICAgJ2JyZWFrJzogJ2lzLWFtYmVyJyxcclxuICAgICAgJ21lZXRpbmcnOiAnaXMtcHVycGxlJyxcclxuICAgICAgJ2Jsb2NrZWQnOiAnaXMtcmVkJ1xyXG4gICAgfTtcclxuICAgIHJldHVybiB0eXBlQ29sb3JzW2V2ZW50LnR5cGVdIHx8ICdpcy1ibHVlJztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEVzY2FwZSBIVE1MIHRvIHByZXZlbnQgWFNTXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBlc2NhcGVIdG1sKHRleHQ6IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBkaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcclxuICAgIGRpdi50ZXh0Q29udGVudCA9IHRleHQ7XHJcbiAgICByZXR1cm4gZGl2LmlubmVySFRNTDtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlbmRlciBhIEdSSUQgZ3JvdXAgd2l0aCBzaWRlLWJ5LXNpZGUgY29sdW1uc1xyXG4gICAqIFVzZWQgd2hlbiBtdWx0aXBsZSBldmVudHMgc3RhcnQgYXQgdGhlIHNhbWUgdGltZVxyXG4gICAqL1xyXG4gIHByaXZhdGUgcmVuZGVyR3JpZEdyb3VwKGxheW91dDogSUdyaWRHcm91cExheW91dCk6IEhUTUxFbGVtZW50IHtcclxuICAgIGNvbnN0IGdyb3VwID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50LWdyb3VwJyk7XHJcbiAgICBncm91cC5jbGFzc0xpc3QuYWRkKGBjb2xzLSR7bGF5b3V0LmNvbHVtbnMubGVuZ3RofWApO1xyXG4gICAgZ3JvdXAuc3R5bGUudG9wID0gYCR7bGF5b3V0LnBvc2l0aW9uLnRvcH1weGA7XHJcblxyXG4gICAgLy8gU3RhY2sgbGV2ZWwgc3R5bGluZyBmb3IgZW50aXJlIGdyb3VwIChpZiBuZXN0ZWQgaW4gYW5vdGhlciBldmVudClcclxuICAgIGlmIChsYXlvdXQuc3RhY2tMZXZlbCA+IDApIHtcclxuICAgICAgZ3JvdXAuc3R5bGUubWFyZ2luTGVmdCA9IGAke2xheW91dC5zdGFja0xldmVsICogMTV9cHhgO1xyXG4gICAgICBncm91cC5zdHlsZS56SW5kZXggPSBgJHsxMDAgKyBsYXlvdXQuc3RhY2tMZXZlbH1gO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIENhbGN1bGF0ZSB0aGUgaGVpZ2h0IG5lZWRlZCBmb3IgdGhlIGdyb3VwICh0YWxsZXN0IGV2ZW50KVxyXG4gICAgbGV0IG1heEJvdHRvbSA9IDA7XHJcbiAgICBmb3IgKGNvbnN0IGV2ZW50IG9mIGxheW91dC5ldmVudHMpIHtcclxuICAgICAgY29uc3QgcG9zID0gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihldmVudC5zdGFydCwgZXZlbnQuZW5kLCB0aGlzLmdyaWRDb25maWcpO1xyXG4gICAgICBjb25zdCBldmVudEJvdHRvbSA9IHBvcy50b3AgKyBwb3MuaGVpZ2h0O1xyXG4gICAgICBpZiAoZXZlbnRCb3R0b20gPiBtYXhCb3R0b20pIG1heEJvdHRvbSA9IGV2ZW50Qm90dG9tO1xyXG4gICAgfVxyXG4gICAgY29uc3QgZ3JvdXBIZWlnaHQgPSBtYXhCb3R0b20gLSBsYXlvdXQucG9zaXRpb24udG9wO1xyXG4gICAgZ3JvdXAuc3R5bGUuaGVpZ2h0ID0gYCR7Z3JvdXBIZWlnaHR9cHhgO1xyXG5cclxuICAgIC8vIENyZWF0ZSB3cmFwcGVyIGRpdiBmb3IgZWFjaCBjb2x1bW5cclxuICAgIGxheW91dC5jb2x1bW5zLmZvckVhY2goY29sdW1uRXZlbnRzID0+IHtcclxuICAgICAgY29uc3Qgd3JhcHBlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xyXG4gICAgICB3cmFwcGVyLnN0eWxlLnBvc2l0aW9uID0gJ3JlbGF0aXZlJztcclxuXHJcbiAgICAgIGNvbHVtbkV2ZW50cy5mb3JFYWNoKGV2ZW50ID0+IHtcclxuICAgICAgICBjb25zdCBldmVudEVsID0gdGhpcy5jcmVhdGVFdmVudEVsZW1lbnQoZXZlbnQpO1xyXG4gICAgICAgIC8vIFBvc2l0aW9uIHJlbGF0aXZlIHRvIGdyb3VwIHRvcFxyXG4gICAgICAgIGNvbnN0IHBvcyA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZXZlbnQuc3RhcnQsIGV2ZW50LmVuZCwgdGhpcy5ncmlkQ29uZmlnKTtcclxuICAgICAgICBldmVudEVsLnN0eWxlLnRvcCA9IGAke3Bvcy50b3AgLSBsYXlvdXQucG9zaXRpb24udG9wfXB4YDtcclxuICAgICAgICBldmVudEVsLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcclxuICAgICAgICBldmVudEVsLnN0eWxlLmxlZnQgPSAnMCc7XHJcbiAgICAgICAgZXZlbnRFbC5zdHlsZS5yaWdodCA9ICcwJztcclxuICAgICAgICB3cmFwcGVyLmFwcGVuZENoaWxkKGV2ZW50RWwpO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIGdyb3VwLmFwcGVuZENoaWxkKHdyYXBwZXIpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgcmV0dXJuIGdyb3VwO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUmVuZGVyIGEgU1RBQ0tFRCBldmVudCB3aXRoIG1hcmdpbi1sZWZ0IG9mZnNldFxyXG4gICAqIFVzZWQgZm9yIG92ZXJsYXBwaW5nIGV2ZW50cyB0aGF0IGRvbid0IHN0YXJ0IGF0IHRoZSBzYW1lIHRpbWVcclxuICAgKi9cclxuICBwcml2YXRlIHJlbmRlclN0YWNrZWRFdmVudChldmVudDogSUNhbGVuZGFyRXZlbnQsIHN0YWNrTGV2ZWw6IG51bWJlcik6IEhUTUxFbGVtZW50IHtcclxuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmNyZWF0ZUV2ZW50RWxlbWVudChldmVudCk7XHJcblxyXG4gICAgLy8gQWRkIHN0YWNrIG1ldGFkYXRhIGZvciBkcmFnLWRyb3AgYW5kIG90aGVyIGZlYXR1cmVzXHJcbiAgICBlbGVtZW50LmRhdGFzZXQuc3RhY2tMaW5rID0gSlNPTi5zdHJpbmdpZnkoeyBzdGFja0xldmVsIH0pO1xyXG5cclxuICAgIC8vIFZpc3VhbCBzdHlsaW5nIGJhc2VkIG9uIHN0YWNrIGxldmVsXHJcbiAgICBpZiAoc3RhY2tMZXZlbCA+IDApIHtcclxuICAgICAgZWxlbWVudC5zdHlsZS5tYXJnaW5MZWZ0ID0gYCR7c3RhY2tMZXZlbCAqIDE1fXB4YDtcclxuICAgICAgZWxlbWVudC5zdHlsZS56SW5kZXggPSBgJHsxMDAgKyBzdGFja0xldmVsfWA7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGVsZW1lbnQ7XHJcbiAgfVxyXG59XHJcbiIsICJpbXBvcnQgeyBJUmVuZGVyZXIsIElSZW5kZXJDb250ZXh0IH0gZnJvbSAnLi9JR3JvdXBpbmdSZW5kZXJlcic7XHJcblxyXG4vKipcclxuICogRW50aXR5IG11c3QgaGF2ZSBpZFxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBJR3JvdXBpbmdFbnRpdHkge1xyXG4gIGlkOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDb25maWd1cmF0aW9uIGZvciBhIGdyb3VwaW5nIHJlbmRlcmVyXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIElHcm91cGluZ1JlbmRlcmVyQ29uZmlnIHtcclxuICBlbGVtZW50VGFnOiBzdHJpbmc7ICAgICAgLy8gZS5nLiwgJ3N3cC10ZWFtLWhlYWRlcidcclxuICBpZEF0dHJpYnV0ZTogc3RyaW5nOyAgICAgLy8gZS5nLiwgJ3RlYW1JZCcgLT4gZGF0YS10ZWFtLWlkXHJcbiAgY29sc3BhblZhcjogc3RyaW5nOyAgICAgIC8vIGUuZy4sICctLXRlYW0tY29scydcclxufVxyXG5cclxuLyoqXHJcbiAqIEFic3RyYWN0IGJhc2UgY2xhc3MgZm9yIGdyb3VwaW5nIHJlbmRlcmVyc1xyXG4gKlxyXG4gKiBIYW5kbGVzOlxyXG4gKiAtIEZldGNoaW5nIGVudGl0aWVzIGJ5IElEc1xyXG4gKiAtIENhbGN1bGF0aW5nIGNvbHNwYW4gZnJvbSBwYXJlbnRDaGlsZE1hcFxyXG4gKiAtIENyZWF0aW5nIGhlYWRlciBlbGVtZW50c1xyXG4gKiAtIEFwcGVuZGluZyB0byBjb250YWluZXJcclxuICpcclxuICogU3ViY2xhc3NlcyBvdmVycmlkZTpcclxuICogLSByZW5kZXJIZWFkZXIoKSBmb3IgY3VzdG9tIGNvbnRlbnRcclxuICogLSBnZXREaXNwbGF5TmFtZSgpIGZvciBlbnRpdHkgZGlzcGxheSB0ZXh0XHJcbiAqL1xyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUdyb3VwaW5nUmVuZGVyZXI8VCBleHRlbmRzIElHcm91cGluZ0VudGl0eT4gaW1wbGVtZW50cyBJUmVuZGVyZXIge1xyXG4gIGFic3RyYWN0IHJlYWRvbmx5IHR5cGU6IHN0cmluZztcclxuICBwcm90ZWN0ZWQgYWJzdHJhY3QgcmVhZG9ubHkgY29uZmlnOiBJR3JvdXBpbmdSZW5kZXJlckNvbmZpZztcclxuXHJcbiAgLyoqXHJcbiAgICogRmV0Y2ggZW50aXRpZXMgZnJvbSBzZXJ2aWNlXHJcbiAgICovXHJcbiAgcHJvdGVjdGVkIGFic3RyYWN0IGdldEVudGl0aWVzKGlkczogc3RyaW5nW10pOiBQcm9taXNlPFRbXT47XHJcblxyXG4gIC8qKlxyXG4gICAqIEdldCBkaXNwbGF5IG5hbWUgZm9yIGVudGl0eVxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBhYnN0cmFjdCBnZXREaXNwbGF5TmFtZShlbnRpdHk6IFQpOiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIE1haW4gcmVuZGVyIG1ldGhvZCAtIGhhbmRsZXMgY29tbW9uIGxvZ2ljXHJcbiAgICovXHJcbiAgYXN5bmMgcmVuZGVyKGNvbnRleHQ6IElSZW5kZXJDb250ZXh0KTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBjb25zdCBhbGxvd2VkSWRzID0gY29udGV4dC5maWx0ZXJbdGhpcy50eXBlXSB8fCBbXTtcclxuICAgIGlmIChhbGxvd2VkSWRzLmxlbmd0aCA9PT0gMCkgcmV0dXJuO1xyXG5cclxuICAgIGNvbnN0IGVudGl0aWVzID0gYXdhaXQgdGhpcy5nZXRFbnRpdGllcyhhbGxvd2VkSWRzKTtcclxuICAgIGNvbnN0IGRhdGVDb3VudCA9IGNvbnRleHQuZmlsdGVyWydkYXRlJ10/Lmxlbmd0aCB8fCAxO1xyXG4gICAgY29uc3QgY2hpbGRJZHMgPSBjb250ZXh0LmNoaWxkVHlwZSA/IGNvbnRleHQuZmlsdGVyW2NvbnRleHQuY2hpbGRUeXBlXSB8fCBbXSA6IFtdO1xyXG5cclxuICAgIGZvciAoY29uc3QgZW50aXR5IG9mIGVudGl0aWVzKSB7XHJcbiAgICAgIGNvbnN0IGVudGl0eUNoaWxkSWRzID0gY29udGV4dC5wYXJlbnRDaGlsZE1hcD8uW2VudGl0eS5pZF0gfHwgW107XHJcbiAgICAgIGNvbnN0IGNoaWxkQ291bnQgPSBlbnRpdHlDaGlsZElkcy5maWx0ZXIoaWQgPT4gY2hpbGRJZHMuaW5jbHVkZXMoaWQpKS5sZW5ndGg7XHJcbiAgICAgIGNvbnN0IGNvbHNwYW4gPSBjaGlsZENvdW50ICogZGF0ZUNvdW50O1xyXG5cclxuICAgICAgY29uc3QgaGVhZGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCh0aGlzLmNvbmZpZy5lbGVtZW50VGFnKTtcclxuICAgICAgaGVhZGVyLmRhdGFzZXRbdGhpcy5jb25maWcuaWRBdHRyaWJ1dGVdID0gZW50aXR5LmlkO1xyXG4gICAgICBoZWFkZXIuc3R5bGUuc2V0UHJvcGVydHkodGhpcy5jb25maWcuY29sc3BhblZhciwgU3RyaW5nKGNvbHNwYW4pKTtcclxuXHJcbiAgICAgIC8vIEFsbG93IHN1YmNsYXNzIHRvIGN1c3RvbWl6ZSBoZWFkZXIgY29udGVudFxyXG4gICAgICB0aGlzLnJlbmRlckhlYWRlcihlbnRpdHksIGhlYWRlciwgY29udGV4dCk7XHJcblxyXG4gICAgICBjb250ZXh0LmhlYWRlckNvbnRhaW5lci5hcHBlbmRDaGlsZChoZWFkZXIpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogT3ZlcnJpZGUgdGhpcyBtZXRob2QgZm9yIGN1c3RvbSBoZWFkZXIgcmVuZGVyaW5nXHJcbiAgICogRGVmYXVsdDoganVzdCBzZXRzIHRleHRDb250ZW50IHRvIGRpc3BsYXkgbmFtZVxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCByZW5kZXJIZWFkZXIoZW50aXR5OiBULCBoZWFkZXI6IEhUTUxFbGVtZW50LCBfY29udGV4dDogSVJlbmRlckNvbnRleHQpOiB2b2lkIHtcclxuICAgIGhlYWRlci50ZXh0Q29udGVudCA9IHRoaXMuZ2V0RGlzcGxheU5hbWUoZW50aXR5KTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhlbHBlciB0byByZW5kZXIgYSBzaW5nbGUgZW50aXR5IGhlYWRlci5cclxuICAgKiBDYW4gYmUgdXNlZCBieSBzdWJjbGFzc2VzIHRoYXQgb3ZlcnJpZGUgcmVuZGVyKCkgYnV0IHdhbnQgY29uc2lzdGVudCBoZWFkZXIgY3JlYXRpb24uXHJcbiAgICovXHJcbiAgcHJvdGVjdGVkIGNyZWF0ZUhlYWRlcihlbnRpdHk6IFQsIGNvbnRleHQ6IElSZW5kZXJDb250ZXh0KTogSFRNTEVsZW1lbnQge1xyXG4gICAgY29uc3QgaGVhZGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCh0aGlzLmNvbmZpZy5lbGVtZW50VGFnKTtcclxuICAgIGhlYWRlci5kYXRhc2V0W3RoaXMuY29uZmlnLmlkQXR0cmlidXRlXSA9IGVudGl0eS5pZDtcclxuICAgIHRoaXMucmVuZGVySGVhZGVyKGVudGl0eSwgaGVhZGVyLCBjb250ZXh0KTtcclxuICAgIHJldHVybiBoZWFkZXI7XHJcbiAgfVxyXG59XHJcbiIsICJpbXBvcnQgeyBJUmVuZGVyQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvcmUvSUdyb3VwaW5nUmVuZGVyZXInO1xyXG5pbXBvcnQgeyBCYXNlR3JvdXBpbmdSZW5kZXJlciwgSUdyb3VwaW5nUmVuZGVyZXJDb25maWcgfSBmcm9tICcuLi8uLi9jb3JlL0Jhc2VHcm91cGluZ1JlbmRlcmVyJztcclxuaW1wb3J0IHsgUmVzb3VyY2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc3RvcmFnZS9yZXNvdXJjZXMvUmVzb3VyY2VTZXJ2aWNlJztcclxuaW1wb3J0IHsgSVJlc291cmNlIH0gZnJvbSAnLi4vLi4vdHlwZXMvQ2FsZW5kYXJUeXBlcyc7XHJcblxyXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VSZW5kZXJlciBleHRlbmRzIEJhc2VHcm91cGluZ1JlbmRlcmVyPElSZXNvdXJjZT4ge1xyXG4gIHJlYWRvbmx5IHR5cGUgPSAncmVzb3VyY2UnO1xyXG5cclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29uZmlnOiBJR3JvdXBpbmdSZW5kZXJlckNvbmZpZyA9IHtcclxuICAgIGVsZW1lbnRUYWc6ICdzd3AtcmVzb3VyY2UtaGVhZGVyJyxcclxuICAgIGlkQXR0cmlidXRlOiAncmVzb3VyY2VJZCcsXHJcbiAgICBjb2xzcGFuVmFyOiAnLS1yZXNvdXJjZS1jb2xzJ1xyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVzb3VyY2VTZXJ2aWNlOiBSZXNvdXJjZVNlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ2V0RW50aXRpZXMoaWRzOiBzdHJpbmdbXSk6IFByb21pc2U8SVJlc291cmNlW10+IHtcclxuICAgIHJldHVybiB0aGlzLnJlc291cmNlU2VydmljZS5nZXRCeUlkcyhpZHMpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGdldERpc3BsYXlOYW1lKGVudGl0eTogSVJlc291cmNlKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBlbnRpdHkuZGlzcGxheU5hbWU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBPdmVycmlkZSByZW5kZXIgdG8gaGFuZGxlOlxyXG4gICAqIDEuIFNwZWNpYWwgb3JkZXJpbmcgd2hlbiBwYXJlbnRDaGlsZE1hcCBleGlzdHMgKHJlc291cmNlcyBncm91cGVkIGJ5IHBhcmVudClcclxuICAgKiAyLiBEaWZmZXJlbnQgY29sc3BhbiBjYWxjdWxhdGlvbiAoanVzdCBkYXRlQ291bnQsIG5vdCBjaGlsZENvdW50ICogZGF0ZUNvdW50KVxyXG4gICAqL1xyXG4gIGFzeW5jIHJlbmRlcihjb250ZXh0OiBJUmVuZGVyQ29udGV4dCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgY29uc3QgcmVzb3VyY2VJZHMgPSBjb250ZXh0LmZpbHRlclsncmVzb3VyY2UnXSB8fCBbXTtcclxuICAgIGNvbnN0IGRhdGVDb3VudCA9IGNvbnRleHQuZmlsdGVyWydkYXRlJ10/Lmxlbmd0aCB8fCAxO1xyXG5cclxuICAgIC8vIERldGVybWluZSByZW5kZXIgb3JkZXIgYmFzZWQgb24gcGFyZW50Q2hpbGRNYXBcclxuICAgIC8vIElmIHBhcmVudENoaWxkTWFwIGV4aXN0cywgcmVuZGVyIHJlc291cmNlcyBncm91cGVkIGJ5IHBhcmVudCAoZS5nLiwgdGVhbSlcclxuICAgIC8vIE90aGVyd2lzZSwgcmVuZGVyIGluIGZpbHRlciBvcmRlclxyXG4gICAgbGV0IG9yZGVyZWRSZXNvdXJjZUlkczogc3RyaW5nW107XHJcblxyXG4gICAgaWYgKGNvbnRleHQucGFyZW50Q2hpbGRNYXApIHtcclxuICAgICAgLy8gUmVuZGVyIHJlc291cmNlcyBpbiBwYXJlbnQtY2hpbGQgb3JkZXJcclxuICAgICAgb3JkZXJlZFJlc291cmNlSWRzID0gW107XHJcbiAgICAgIGZvciAoY29uc3QgY2hpbGRJZHMgb2YgT2JqZWN0LnZhbHVlcyhjb250ZXh0LnBhcmVudENoaWxkTWFwKSkge1xyXG4gICAgICAgIGZvciAoY29uc3QgY2hpbGRJZCBvZiBjaGlsZElkcykge1xyXG4gICAgICAgICAgaWYgKHJlc291cmNlSWRzLmluY2x1ZGVzKGNoaWxkSWQpKSB7XHJcbiAgICAgICAgICAgIG9yZGVyZWRSZXNvdXJjZUlkcy5wdXNoKGNoaWxkSWQpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgb3JkZXJlZFJlc291cmNlSWRzID0gcmVzb3VyY2VJZHM7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgcmVzb3VyY2VzID0gYXdhaXQgdGhpcy5nZXRFbnRpdGllcyhvcmRlcmVkUmVzb3VyY2VJZHMpO1xyXG5cclxuICAgIC8vIENyZWF0ZSBhIG1hcCBmb3IgcXVpY2sgbG9va3VwIHRvIHByZXNlcnZlIG9yZGVyXHJcbiAgICBjb25zdCByZXNvdXJjZU1hcCA9IG5ldyBNYXAocmVzb3VyY2VzLm1hcChyID0+IFtyLmlkLCByXSkpO1xyXG5cclxuICAgIGZvciAoY29uc3QgcmVzb3VyY2VJZCBvZiBvcmRlcmVkUmVzb3VyY2VJZHMpIHtcclxuICAgICAgY29uc3QgcmVzb3VyY2UgPSByZXNvdXJjZU1hcC5nZXQocmVzb3VyY2VJZCk7XHJcbiAgICAgIGlmICghcmVzb3VyY2UpIGNvbnRpbnVlO1xyXG5cclxuICAgICAgY29uc3QgaGVhZGVyID0gdGhpcy5jcmVhdGVIZWFkZXIocmVzb3VyY2UsIGNvbnRleHQpO1xyXG4gICAgICBoZWFkZXIuc3R5bGUuZ3JpZENvbHVtbiA9IGBzcGFuICR7ZGF0ZUNvdW50fWA7XHJcbiAgICAgIGNvbnRleHQuaGVhZGVyQ29udGFpbmVyLmFwcGVuZENoaWxkKGhlYWRlcik7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsICJpbXBvcnQgeyBCYXNlR3JvdXBpbmdSZW5kZXJlciwgSUdyb3VwaW5nUmVuZGVyZXJDb25maWcgfSBmcm9tICcuLi8uLi9jb3JlL0Jhc2VHcm91cGluZ1JlbmRlcmVyJztcclxuaW1wb3J0IHsgVGVhbVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zdG9yYWdlL3RlYW1zL1RlYW1TZXJ2aWNlJztcclxuaW1wb3J0IHsgSVRlYW0gfSBmcm9tICcuLi8uLi90eXBlcy9DYWxlbmRhclR5cGVzJztcclxuXHJcbmV4cG9ydCBjbGFzcyBUZWFtUmVuZGVyZXIgZXh0ZW5kcyBCYXNlR3JvdXBpbmdSZW5kZXJlcjxJVGVhbT4ge1xyXG4gIHJlYWRvbmx5IHR5cGUgPSAndGVhbSc7XHJcblxyXG4gIHByb3RlY3RlZCByZWFkb25seSBjb25maWc6IElHcm91cGluZ1JlbmRlcmVyQ29uZmlnID0ge1xyXG4gICAgZWxlbWVudFRhZzogJ3N3cC10ZWFtLWhlYWRlcicsXHJcbiAgICBpZEF0dHJpYnV0ZTogJ3RlYW1JZCcsXHJcbiAgICBjb2xzcGFuVmFyOiAnLS10ZWFtLWNvbHMnXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0ZWFtU2VydmljZTogVGVhbVNlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ2V0RW50aXRpZXMoaWRzOiBzdHJpbmdbXSk6IFByb21pc2U8SVRlYW1bXT4ge1xyXG4gICAgcmV0dXJuIHRoaXMudGVhbVNlcnZpY2UuZ2V0QnlJZHMoaWRzKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXREaXNwbGF5TmFtZShlbnRpdHk6IElUZWFtKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBlbnRpdHkubmFtZTtcclxuICB9XHJcbn1cclxuIiwgImV4cG9ydCBjbGFzcyBUaW1lQXhpc1JlbmRlcmVyIHtcclxuICByZW5kZXIoY29udGFpbmVyOiBIVE1MRWxlbWVudCwgc3RhcnRIb3VyID0gNiwgZW5kSG91ciA9IDIwKTogdm9pZCB7XHJcbiAgICBjb250YWluZXIuaW5uZXJIVE1MID0gJyc7XHJcbiAgICBmb3IgKGxldCBob3VyID0gc3RhcnRIb3VyOyBob3VyIDw9IGVuZEhvdXI7IGhvdXIrKykge1xyXG4gICAgICBjb25zdCBtYXJrZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtaG91ci1tYXJrZXInKTtcclxuICAgICAgbWFya2VyLnRleHRDb250ZW50ID0gYCR7aG91ci50b1N0cmluZygpLnBhZFN0YXJ0KDIsICcwJyl9OjAwYDtcclxuICAgICAgY29udGFpbmVyLmFwcGVuZENoaWxkKG1hcmtlcik7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUFBO0FBQUEsS0FBQyxTQUFTLEdBQUUsR0FBRTtBQUFDLGtCQUFVLE9BQU8sV0FBUyxlQUFhLE9BQU8sU0FBTyxPQUFPLFVBQVEsRUFBRSxJQUFFLGNBQVksT0FBTyxVQUFRLE9BQU8sTUFBSSxPQUFPLENBQUMsS0FBRyxJQUFFLGVBQWEsT0FBTyxhQUFXLGFB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RSxHQUFFLEdBQUU7QUFBQyxZQUFJLElBQUUsRUFBRTtBQUFVLFVBQUUsTUFBSSxTQUFTcUIsSUFBRTtBQUFDLGNBQUlDLEtBQUUsRUFBQyxNQUFLRCxJQUFFLEtBQUksTUFBRyxNQUFLLFVBQVM7QUFBRSxpQkFBTyxJQUFJLEVBQUVDLEVBQUM7QUFBQSxRQUFDLEdBQUUsRUFBRSxNQUFJLFNBQVNBLElBQUU7QUFBQyxjQUFJQyxLQUFFLEVBQUUsS0FBSyxPQUFPLEdBQUUsRUFBQyxRQUFPLEtBQUssSUFBRyxLQUFJLEtBQUUsQ0FBQztBQUFFLGlCQUFPRCxLQUFFQyxHQUFFLElBQUksS0FBSyxVQUFVLEdBQUUsQ0FBQyxJQUFFQTtBQUFBLFFBQUMsR0FBRSxFQUFFLFFBQU0sV0FBVTtBQUFDLGlCQUFPLEVBQUUsS0FBSyxPQUFPLEdBQUUsRUFBQyxRQUFPLEtBQUssSUFBRyxLQUFJLE1BQUUsQ0FBQztBQUFBLFFBQUM7QUFBRSxZQUFJLElBQUUsRUFBRTtBQUFNLFVBQUUsUUFBTSxTQUFTRixJQUFFO0FBQUMsVUFBQUEsR0FBRSxRQUFNLEtBQUssS0FBRyxPQUFJLEtBQUssT0FBTyxFQUFFLEVBQUVBLEdBQUUsT0FBTyxNQUFJLEtBQUssVUFBUUEsR0FBRSxVQUFTLEVBQUUsS0FBSyxNQUFLQSxFQUFDO0FBQUEsUUFBQztBQUFFLFlBQUksSUFBRSxFQUFFO0FBQUssVUFBRSxPQUFLLFdBQVU7QUFBQyxjQUFHLEtBQUssSUFBRztBQUFDLGdCQUFJQSxLQUFFLEtBQUs7QUFBRyxpQkFBSyxLQUFHQSxHQUFFLGVBQWUsR0FBRSxLQUFLLEtBQUdBLEdBQUUsWUFBWSxHQUFFLEtBQUssS0FBR0EsR0FBRSxXQUFXLEdBQUUsS0FBSyxLQUFHQSxHQUFFLFVBQVUsR0FBRSxLQUFLLEtBQUdBLEdBQUUsWUFBWSxHQUFFLEtBQUssS0FBR0EsR0FBRSxjQUFjLEdBQUUsS0FBSyxLQUFHQSxHQUFFLGNBQWMsR0FBRSxLQUFLLE1BQUlBLEdBQUUsbUJBQW1CO0FBQUEsVUFBQztBQUFNLGNBQUUsS0FBSyxJQUFJO0FB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QVcsR0FBRSxDQUFDO0FBQUEsUUFBQyxHQUE1QyxNQUE4QyxJQUFFLEVBQUU7QUFBVSxVQUFFLGNBQVksV0FBVTtBQUFDLGlCQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUs7QUFBQSxRQUFDLEdBQUUsRUFBRSxVQUFRLFNBQVNBLElBQUU7QUFBQyxjQUFHLENBQUMsS0FBSyxPQUFPLEVBQUUsRUFBRUEsRUFBQztBQUFFLG1CQUFPLEtBQUssSUFBSSxLQUFHQSxLQUFFLEtBQUssUUFBUSxJQUFHLENBQUM7QUFBRSxjQUFJQyxJQUFFQyxJQUFFQyxJQUFFLEdBQUUsSUFBRSxFQUFFLElBQUksR0FBRSxLQUFHRixLQUFFLEtBQUssWUFBWSxHQUFFQyxLQUFFLEtBQUssSUFBR0MsTUFBR0QsS0FBRSxFQUFFLE1BQUksR0FBRyxFQUFFLEtBQUtELEVBQUMsRUFBRSxRQUFRLE1BQU0sR0FBRSxJQUFFLElBQUVFLEdBQUUsV0FBVyxHQUFFQSxHQUFFLFdBQVcsSUFBRSxNQUFJLEtBQUcsSUFBR0EsR0FBRSxJQUFJLEdBQUUsQ0FBQztBQUFHLGlCQUFPLEVBQUUsS0FBSyxHQUFFLE1BQU0sSUFBRTtBQUFBLFFBQUMsR0FBRSxFQUFFLGFBQVcsU0FBU0MsSUFBRTtBQUFDLGlCQUFPLEtBQUssT0FBTyxFQUFFLEVBQUVBLEVBQUMsSUFBRSxLQUFLLElBQUksS0FBRyxJQUFFLEtBQUssSUFBSSxLQUFLLElBQUksSUFBRSxJQUFFQSxLQUFFQSxLQUFFLENBQUM7QUFBQSxRQUFDO0FBQUUsWUFBSSxJQUFFLEVBQUU7QUFBUSxVQUFFLFVBQVEsU0FBU0EsSUFBRUosSUFBRTtBQUFDLGNBQUlDLEtBQUUsS0FBSyxPQUFPLEdBQUVJLEtBQUUsQ0FBQyxDQUFDSixHQUFFLEVBQUVELEVBQUMsS0FBR0E7QUFBRSxpQkFBTSxjQUFZQyxHQUFFLEVBQUVHLEVBQUMsSUFBRUMsS0FBRSxLQUFLLEtBQUssS0FBSyxLQUFLLEtBQUcsS0FBSyxXQUFXLElBQUUsRUFBRSxFQUFFLFFBQVEsS0FBSyxJQUFFLEtBQUssS0FBSyxLQUFLLEtB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R0FBRyxVQUFVLElBQVU7QUFDaEUsY0FBVSxZQUFZO0FBQ3RCLGFBQVMsT0FBTyxXQUFXLFFBQVEsU0FBUyxRQUFRO0FBQ2xELFlBQU0sU0FBUyxTQUFTLGNBQWMsaUJBQWlCO0FBQ3ZELGFBQU8sY0FBYyxHQUFHLEtBQUssU0FBUyxFQUFFLFNBQVMsR0FBRyxHQUFHLENBQUM7QUFDeEQsZ0JBQVUsWUFBWSxNQUFNO0FBQUEsSUFDOUI7QUFBQSxFQUNGO0FBQ0Y7QUFUOEI7QUFBdkIsSUFBTSxtQkFBTjsiLAogICJuYW1lcyI6IFsidCIsICJlIiwgIm4iLCAiciIsICJpIiwgInMiLCAidSIsICJhIiwgIk0iLCAibSIsICJmIiwgImwiLCAiJCIsICJ5IiwgInYiLCAiZyIsICJEIiwgIm8iLCAiZCIsICJjIiwgImgiLCAidCIsICJpIiwgImUiLCAicyIsICJmIiwgIm4iLCAidSIsICJyIiwgIm8iLCAidCIsICJuIiwgImkiLCAibyIsICJyIiwgImUiLCAidSIsICJmIiwgInMiLCAiYSIsICJ0IiwgImkiLCAiZCIsICJuIiwgImUiLCAicyIsICJkYXlqcyIsICJ1dGMiLCAidGltZXpvbmUiLCAiaXNvV2VlayJdCn0K
diff --git a/wwwroot/js/calendar.js b/wwwroot/js/calendar.js
new file mode 100644
index 0000000..4ebf767
--- /dev/null
+++ b/wwwroot/js/calendar.js
@@ -0,0 +1,1664 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/dayjs/dayjs.min.js
+var require_dayjs_min = __commonJS({
+  "node_modules/dayjs/dayjs.min.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
+    }(exports, function() {
+      "use strict";
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = /* @__PURE__ */ __name(function(t2, e2, n2) {
+        var r2 = String(t2);
+        return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+      }, "m"), v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: /* @__PURE__ */ __name(function t2(e2, n2) {
+        if (e2.date() < n2.date())
+          return -t2(n2, e2);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+        return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, "t"), a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n2, r2) {
+        var i2;
+        if (!e2)
+          return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1)
+            return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
+        }
+        return !r2 && i2 && (g = i2), i2 || !r2 && g;
+      }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
+        if (S(t2))
+          return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, "O"), b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        __name(M2, "M");
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2)
+              return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e2))
+              return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date)
+              return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r2 = e2.match($);
+              if (r2) {
+                var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+              }
+            }
+            return new Date(e2);
+          }(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = O(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return O(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < O(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = /* @__PURE__ */ __name(function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r2 ? i2 : i2.endOf(a);
+          }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, "$"), y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r2 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r2 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r2, f2) {
+          var d2, l2 = this;
+          r2 = Number(r2);
+          var $2 = b.p(f2), y2 = /* @__PURE__ */ __name(function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          }, "y");
+          if ($2 === c)
+            return this.set(c, this.$M + r2);
+          if ($2 === h)
+            return this.set(h, this.$y + r2);
+          if ($2 === a)
+            return y2(1);
+          if ($2 === o)
+            return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid())
+            return n2.invalidDate || l;
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+          }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, "d"), $2 = f2 || function(t3, e3, n3) {
+            var r3 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r3.toLowerCase() : r3;
+          };
+          return r2.replace(y, function(t3, r3) {
+            return r3 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r2, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = /* @__PURE__ */ __name(function() {
+            return b.m(y2, m3);
+          }, "D");
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2)
+            return this.$L;
+          var n2 = this.clone(), r2 = w(t2, e2, true);
+          return r2 && (n2.$L = r2), n2;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
+        };
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/utc.js
+var require_utc = __commonJS({
+  "node_modules/dayjs/plugin/utc.js"(exports, module) {
+    !function(t, i) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = i() : "function" == typeof define && define.amd ? define(i) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_utc = i();
+    }(exports, function() {
+      "use strict";
+      var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+      return function(s, f, n) {
+        var u = f.prototype;
+        n.utc = function(t2) {
+          var i2 = { date: t2, utc: true, args: arguments };
+          return new f(i2);
+        }, u.utc = function(i2) {
+          var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+          return i2 ? e2.add(this.utcOffset(), t) : e2;
+        }, u.local = function() {
+          return n(this.toDate(), { locale: this.$L, utc: false });
+        };
+        var r = u.parse;
+        u.parse = function(t2) {
+          t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), r.call(this, t2);
+        };
+        var o = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var t2 = this.$d;
+            this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+          } else
+            o.call(this);
+        };
+        var a = u.utcOffset;
+        u.utcOffset = function(s2, f2) {
+          var n2 = this.$utils().u;
+          if (n2(s2))
+            return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+          if ("string" == typeof s2 && (s2 = function(t2) {
+            void 0 === t2 && (t2 = "");
+            var s3 = t2.match(i);
+            if (!s3)
+              return null;
+            var f3 = ("" + s3[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+          }(s2), null === s2))
+            return this;
+          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2;
+          if (0 === u2)
+            return this.utc(f2);
+          var r2 = this.clone();
+          if (f2)
+            return r2.$offset = u2, r2.$u = false, r2;
+          var o2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (r2 = this.local().add(u2 + o2, t)).$offset = u2, r2.$x.$localOffset = o2, r2;
+        };
+        var h = u.format;
+        u.format = function(t2) {
+          var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, i2);
+        }, u.valueOf = function() {
+          var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * t2;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var l = u.toDate;
+        u.toDate = function(t2) {
+          return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+        };
+        var c = u.diff;
+        u.diff = function(t2, i2, e2) {
+          if (t2 && this.$u === t2.$u)
+            return c.call(this, t2, i2, e2);
+          var s2 = this.local(), f2 = n(t2).local();
+          return c.call(s2, f2, i2, e2);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/timezone.js
+var require_timezone = __commonJS({
+  "node_modules/dayjs/plugin/timezone.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_timezone = e();
+    }(exports, function() {
+      "use strict";
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+      return function(n, i, o) {
+        var r, a = /* @__PURE__ */ __name(function(t2, n2, i2) {
+          void 0 === i2 && (i2 = {});
+          var o2 = new Date(t2), r2 = function(t3, n3) {
+            void 0 === n3 && (n3 = {});
+            var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+            return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+          }(n2, i2);
+          return r2.formatToParts(o2);
+        }, "a"), u = /* @__PURE__ */ __name(function(e2, n2) {
+          for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+            var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+            c >= 0 && (r2[c] = parseInt(m, 10));
+          }
+          var d = r2[3], l = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+          return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+        }, "u"), f = i.prototype;
+        f.tz = function(t2, e2) {
+          void 0 === t2 && (t2 = r);
+          var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s2 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+          if (!Number(s2))
+            n2 = this.utcOffset(0, e2);
+          else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s2, true), e2) {
+            var m = n2.utcOffset();
+            n2 = n2.add(i2 - m, "minute");
+          }
+          return n2.$x.$timezone = t2, n2;
+        }, f.offsetName = function(t2) {
+          var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find(function(t3) {
+            return "timezonename" === t3.type.toLowerCase();
+          });
+          return n2 && n2.value;
+        };
+        var s = f.startOf;
+        f.startOf = function(t2, e2) {
+          if (!this.$x || !this.$x.$timezone)
+            return s.call(this, t2, e2);
+          var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return s.call(n2, t2, e2).tz(this.$x.$timezone, true);
+        }, o.tz = function(t2, e2, n2) {
+          var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+          if ("string" != typeof t2)
+            return o(t2).tz(a2);
+          var s2 = function(t3, e3, n3) {
+            var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+            if (e3 === o2)
+              return [i3, e3];
+            var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+            return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+          }(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+          return d.$x.$timezone = a2, d;
+        }, o.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, o.tz.setDefault = function(t2) {
+          r = t2;
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/isoWeek.js
+var require_isoWeek = __commonJS({
+  "node_modules/dayjs/plugin/isoWeek.js"(exports, module) {
+    !function(e, t) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_plugin_isoWeek = t();
+    }(exports, function() {
+      "use strict";
+      var e = "day";
+      return function(t, i, s) {
+        var a = /* @__PURE__ */ __name(function(t2) {
+          return t2.add(4 - t2.isoWeekday(), e);
+        }, "a"), d = i.prototype;
+        d.isoWeekYear = function() {
+          return a(this).year();
+        }, d.isoWeek = function(t2) {
+          if (!this.$utils().u(t2))
+            return this.add(7 * (t2 - this.isoWeek()), e);
+          var i2, d2, n2, o, r = a(this), u = (i2 = this.isoWeekYear(), d2 = this.$u, n2 = (d2 ? s.utc : s)().year(i2).startOf("year"), o = 4 - n2.isoWeekday(), n2.isoWeekday() > 4 && (o += 7), n2.add(o, e));
+          return r.diff(u, "week") + 1;
+        }, d.isoWeekday = function(e2) {
+          return this.$utils().u(e2) ? this.day() || 7 : this.day(this.day() % 7 ? e2 : e2 - 7);
+        };
+        var n = d.startOf;
+        d.startOf = function(e2, t2) {
+          var i2 = this.$utils(), s2 = !!i2.u(t2) || t2;
+          return "isoweek" === i2.p(e2) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n.bind(this)(e2, t2);
+        };
+      };
+    });
+  }
+});
+
+// src/core/RenderBuilder.ts
+function buildPipeline(renderers) {
+  return {
+    async run(context) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
+__name(buildPipeline, "buildPipeline");
+
+// src/core/FilterTemplate.ts
+var _FilterTemplate = class _FilterTemplate {
+  constructor(dateService, entityResolver) {
+    this.dateService = dateService;
+    this.entityResolver = entityResolver;
+    this.fields = [];
+  }
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty, derivedFrom) {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  parseDotNotation(idProperty) {
+    if (!idProperty.includes("."))
+      return null;
+    const [entityType, property] = idProperty.split(".");
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + "Id"
+      // Convention: resource → resourceId
+    };
+  }
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  getDatasetKey(idProperty) {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property;
+    }
+    return idProperty;
+  }
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column) {
+    return this.fields.map((f) => {
+      const key = this.getDatasetKey(f.idProperty);
+      return column.dataset[key] || "";
+    }).join(":");
+  }
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event) {
+    const eventRecord = event;
+    return this.fields.map((f) => {
+      const dotNotation = this.parseDotNotation(f.idProperty);
+      if (dotNotation) {
+        return this.resolveDotNotation(eventRecord, dotNotation);
+      }
+      if (f.derivedFrom) {
+        const sourceValue = eventRecord[f.derivedFrom];
+        if (sourceValue instanceof Date) {
+          return this.dateService.getDateKey(sourceValue);
+        }
+        return String(sourceValue || "");
+      }
+      return String(eventRecord[f.idProperty] || "");
+    }).join(":");
+  }
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  resolveDotNotation(eventRecord, dotNotation) {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return "";
+    }
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId)
+      return "";
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity)
+      return "";
+    return String(entity[dotNotation.property] || "");
+  }
+  /**
+   * Match event mod kolonne
+   */
+  matches(event, column) {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+};
+__name(_FilterTemplate, "FilterTemplate");
+var FilterTemplate = _FilterTemplate;
+
+// src/core/CalendarOrchestrator.ts
+var _CalendarOrchestrator = class _CalendarOrchestrator {
+  constructor(allRenderers, eventRenderer, scheduleRenderer, headerDrawerRenderer, dateService, entityServices) {
+    this.allRenderers = allRenderers;
+    this.eventRenderer = eventRenderer;
+    this.scheduleRenderer = scheduleRenderer;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.dateService = dateService;
+    this.entityServices = entityServices;
+  }
+  async render(viewConfig, container) {
+    const headerContainer = container.querySelector("swp-calendar-header");
+    const columnContainer = container.querySelector("swp-day-columns");
+    if (!headerContainer || !columnContainer) {
+      throw new Error("Missing swp-calendar-header or swp-day-columns");
+    }
+    const filter = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+    const context = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+    headerContainer.innerHTML = "";
+    columnContainer.innerHTML = "";
+    const levels = viewConfig.groupings.map((g) => g.type).join(" ");
+    headerContainer.dataset.levels = levels;
+    const activeRenderers = this.selectRenderers(viewConfig);
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+    await this.scheduleRenderer.render(container, filter);
+    await this.eventRenderer.render(container, filter, filterTemplate);
+    await this.headerDrawerRenderer.render(container, filter, filterTemplate);
+  }
+  selectRenderers(viewConfig) {
+    const types = viewConfig.groupings.map((g) => g.type);
+    return types.map((type) => this.allRenderers.find((r) => r.type === type)).filter((r) => r !== void 0);
+  }
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  async resolveBelongsTo(groupings, filter) {
+    const childGrouping = groupings.find((g) => g.belongsTo);
+    if (!childGrouping?.belongsTo)
+      return {};
+    const [entityType, property] = childGrouping.belongsTo.split(".");
+    if (!entityType || !property)
+      return {};
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0)
+      return {};
+    const service = this.entityServices.find(
+      (s) => s.entityType.toLowerCase() === entityType
+    );
+    if (!service)
+      return {};
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter(
+      (e) => parentIds.includes(e.id)
+    );
+    const map = {};
+    for (const entity of entities) {
+      const entityRecord = entity;
+      const children = entityRecord[property] || [];
+      map[entityRecord.id] = children;
+    }
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+};
+__name(_CalendarOrchestrator, "CalendarOrchestrator");
+var CalendarOrchestrator = _CalendarOrchestrator;
+
+// src/core/NavigationAnimator.ts
+var _NavigationAnimator = class _NavigationAnimator {
+  constructor(headerTrack, contentTrack, headerDrawer) {
+    this.headerTrack = headerTrack;
+    this.contentTrack = contentTrack;
+    this.headerDrawer = headerDrawer;
+  }
+  async slide(direction, renderFn) {
+    const out = direction === "left" ? "-100%" : "100%";
+    const into = direction === "left" ? "100%" : "-100%";
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+  async animateOut(translate) {
+    const animations = [
+      this.headerTrack.animate(
+        [{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: "ease-in" }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }],
+        { duration: 200, easing: "ease-in" }
+      ).finished
+    ];
+    if (this.headerDrawer) {
+      animations.push(
+        this.headerDrawer.animate(
+          [{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }],
+          { duration: 200, easing: "ease-in" }
+        ).finished
+      );
+    }
+    await Promise.all(animations);
+  }
+  async animateIn(translate) {
+    const animations = [
+      this.headerTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }],
+        { duration: 200, easing: "ease-out" }
+      ).finished,
+      this.contentTrack.animate(
+        [{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }],
+        { duration: 200, easing: "ease-out" }
+      ).finished
+    ];
+    if (this.headerDrawer) {
+      animations.push(
+        this.headerDrawer.animate(
+          [{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }],
+          { duration: 200, easing: "ease-out" }
+        ).finished
+      );
+    }
+    await Promise.all(animations);
+  }
+};
+__name(_NavigationAnimator, "NavigationAnimator");
+var NavigationAnimator = _NavigationAnimator;
+
+// src/features/date/DateRenderer.ts
+var _DateRenderer = class _DateRenderer {
+  constructor(dateService) {
+    this.dateService = dateService;
+    this.type = "date";
+  }
+  render(context) {
+    const dates = context.filter["date"] || [];
+    const resourceIds = context.filter["resource"] || [];
+    const dateGrouping = context.groupings?.find((g) => g.type === "date");
+    const hideHeader = dateGrouping?.hideHeader === true;
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r];
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+        const segments = { date: dateStr };
+        if (resourceId)
+          segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+        const header = document.createElement("swp-day-header");
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = "true";
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, "short")}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+        const column = document.createElement("swp-day-column");
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = "<swp-events-layer></swp-events-layer>";
+        context.columnContainer.appendChild(column);
+        columnCount++;
+      }
+    }
+    const container = context.columnContainer.closest("swp-calendar-container");
+    if (container) {
+      container.style.setProperty("--grid-columns", String(columnCount));
+    }
+  }
+};
+__name(_DateRenderer, "DateRenderer");
+var DateRenderer = _DateRenderer;
+
+// src/core/DateService.ts
+var import_dayjs = __toESM(require_dayjs_min(), 1);
+var import_utc = __toESM(require_utc(), 1);
+var import_timezone = __toESM(require_timezone(), 1);
+var import_isoWeek = __toESM(require_isoWeek(), 1);
+import_dayjs.default.extend(import_utc.default);
+import_dayjs.default.extend(import_timezone.default);
+import_dayjs.default.extend(import_isoWeek.default);
+var _DateService = class _DateService {
+  constructor(config, baseDate) {
+    this.config = config;
+    this.timezone = config.timezone;
+    this.baseDate = baseDate ? (0, import_dayjs.default)(baseDate) : (0, import_dayjs.default)();
+  }
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date) {
+    this.baseDate = (0, import_dayjs.default)(date);
+  }
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate() {
+    return this.baseDate.toDate();
+  }
+  parseISO(isoString) {
+    return (0, import_dayjs.default)(isoString).toDate();
+  }
+  getDayName(date, format = "short") {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+  /**
+   * Get dates starting from a day offset
+   * @param dayOffset - Day offset from base date
+   * @param count - Number of consecutive days to return
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getDatesFromOffset(dayOffset, count) {
+    const startDate = this.baseDate.add(dayOffset, "day");
+    return Array.from(
+      { length: count },
+      (_, i) => startDate.add(i, "day").format("YYYY-MM-DD")
+    );
+  }
+  /**
+   * Get specific weekdays from the week containing the offset date
+   * @param dayOffset - Day offset from base date
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkDaysFromOffset(dayOffset, workDays) {
+    const targetDate = this.baseDate.add(dayOffset, "day");
+    const monday = targetDate.startOf("week").add(1, "day");
+    return workDays.map((isoDay) => {
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, "day").format("YYYY-MM-DD");
+    });
+  }
+  // Legacy methods for backwards compatibility
+  getWeekDates(weekOffset = 0, days = 7) {
+    return this.getDatesFromOffset(weekOffset * 7, days);
+  }
+  getWorkWeekDates(weekOffset, workDays) {
+    return this.getWorkDaysFromOffset(weekOffset * 7, workDays);
+  }
+  // ============================================
+  // FORMATTING
+  // ============================================
+  formatTime(date, showSeconds = false) {
+    const pattern = showSeconds ? "HH:mm:ss" : "HH:mm";
+    return (0, import_dayjs.default)(date).format(pattern);
+  }
+  formatTimeRange(start, end) {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+  formatDate(date) {
+    return (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+  }
+  getDateKey(date) {
+    return this.formatDate(date);
+  }
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments) {
+    const date = segments.date;
+    const others = Object.entries(segments).filter(([k]) => k !== "date").sort(([a], [b]) => a.localeCompare(b)).map(([, v]) => v);
+    return date ? [date, ...others].join(":") : others.join(":");
+  }
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey) {
+    const parts = columnKey.split(":");
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey) {
+    return columnKey.split(":")[0];
+  }
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+  timeToMinutes(timeString) {
+    const parts = timeString.split(":").map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+  minutesToTime(totalMinutes) {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)().hour(hours).minute(minutes).format("HH:mm");
+  }
+  getMinutesSinceMidnight(date) {
+    const d = (0, import_dayjs.default)(date);
+    return d.hour() * 60 + d.minute();
+  }
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+  toUTC(localDate) {
+    return import_dayjs.default.tz(localDate, this.timezone).utc().toISOString();
+  }
+  fromUTC(utcString) {
+    return import_dayjs.default.utc(utcString).tz(this.timezone).toDate();
+  }
+  // ============================================
+  // DATE CREATION
+  // ============================================
+  createDateAtTime(baseDate, timeString) {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)(baseDate).startOf("day").hour(hours).minute(minutes).toDate();
+  }
+  getISOWeekDay(date) {
+    return (0, import_dayjs.default)(date).isoWeekday();
+  }
+};
+__name(_DateService, "DateService");
+var DateService = _DateService;
+
+// src/utils/PositionUtils.ts
+function calculateEventPosition(start, end, config) {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+  return { top, height };
+}
+__name(calculateEventPosition, "calculateEventPosition");
+function minutesToPixels(minutes, config) {
+  return minutes / 60 * config.hourHeight;
+}
+__name(minutesToPixels, "minutesToPixels");
+function pixelsToMinutes(pixels, config) {
+  return pixels / config.hourHeight * 60;
+}
+__name(pixelsToMinutes, "pixelsToMinutes");
+function snapToGrid(pixels, config) {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
+__name(snapToGrid, "snapToGrid");
+
+// src/constants/CoreEvents.ts
+var CoreEvents = {
+  // Lifecycle events
+  INITIALIZED: "core:initialized",
+  READY: "core:ready",
+  DESTROYED: "core:destroyed",
+  // View events
+  VIEW_CHANGED: "view:changed",
+  VIEW_RENDERED: "view:rendered",
+  // Navigation events
+  DATE_CHANGED: "nav:date-changed",
+  NAVIGATION_COMPLETED: "nav:navigation-completed",
+  // Data events
+  DATA_LOADING: "data:loading",
+  DATA_LOADED: "data:loaded",
+  DATA_ERROR: "data:error",
+  // Grid events
+  GRID_RENDERED: "grid:rendered",
+  GRID_CLICKED: "grid:clicked",
+  // Event management
+  EVENT_CREATED: "event:created",
+  EVENT_UPDATED: "event:updated",
+  EVENT_DELETED: "event:deleted",
+  EVENT_SELECTED: "event:selected",
+  // Event drag-drop
+  EVENT_DRAG_START: "event:drag-start",
+  EVENT_DRAG_MOVE: "event:drag-move",
+  EVENT_DRAG_END: "event:drag-end",
+  EVENT_DRAG_CANCEL: "event:drag-cancel",
+  EVENT_DRAG_COLUMN_CHANGE: "event:drag-column-change",
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: "event:drag-enter-header",
+  EVENT_DRAG_MOVE_HEADER: "event:drag-move-header",
+  EVENT_DRAG_LEAVE_HEADER: "event:drag-leave-header",
+  // Event resize
+  EVENT_RESIZE_START: "event:resize-start",
+  EVENT_RESIZE_END: "event:resize-end",
+  // Edge scroll
+  EDGE_SCROLL_TICK: "edge-scroll:tick",
+  EDGE_SCROLL_STARTED: "edge-scroll:started",
+  EDGE_SCROLL_STOPPED: "edge-scroll:stopped",
+  // System events
+  ERROR: "system:error",
+  // Sync events
+  SYNC_STARTED: "sync:started",
+  SYNC_COMPLETED: "sync:completed",
+  SYNC_FAILED: "sync:failed",
+  // Entity events - for audit and sync
+  ENTITY_SAVED: "entity:saved",
+  ENTITY_DELETED: "entity:deleted",
+  // Audit events
+  AUDIT_LOGGED: "audit:logged",
+  // Rendering events
+  EVENTS_RENDERED: "events:rendered"
+};
+
+// src/features/event/EventLayoutEngine.ts
+function eventsOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+__name(eventsOverlap, "eventsOverlap");
+function eventsWithinThreshold(a, b, thresholdMinutes) {
+  const thresholdMs = thresholdMinutes * 60 * 1e3;
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs)
+    return true;
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs)
+    return true;
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs)
+    return true;
+  return false;
+}
+__name(eventsWithinThreshold, "eventsWithinThreshold");
+function findOverlapGroups(events) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsOverlap(member, candidate));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findOverlapGroups, "findOverlapGroups");
+function findGridCandidates(events, thresholdMinutes) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some(
+          (member) => eventsWithinThreshold(member, candidate, thresholdMinutes)
+        );
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findGridCandidates, "findGridCandidates");
+function calculateStackLevels(events) {
+  const levels = /* @__PURE__ */ new Map();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+    for (const [id, level] of levels) {
+      const other = events.find((e) => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+  return levels;
+}
+__name(calculateStackLevels, "calculateStackLevels");
+function allocateColumns(events) {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns = [];
+  for (const event of sorted) {
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some((e) => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+  return columns;
+}
+__name(allocateColumns, "allocateColumns");
+function calculateColumnLayout(events, config) {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+  const result = {
+    grids: [],
+    stacked: []
+  };
+  if (events.length === 0)
+    return result;
+  const overlapGroups = findOverlapGroups(events);
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+    const largestGridCandidate = gridSubgroups.reduce((max, g) => g.length > max.length ? g : max, gridSubgroups[0]);
+    if (largestGridCandidate.length === overlapGroup.length) {
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) => e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+  return result;
+}
+__name(calculateColumnLayout, "calculateColumnLayout");
+
+// src/features/event/EventRenderer.ts
+var _EventRenderer = class _EventRenderer {
+  constructor(eventService, dateService, gridConfig, eventBus) {
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+    this.eventBus = eventBus;
+    this.container = null;
+    this.setupListeners();
+  }
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = e.detail;
+      this.handleColumnChange(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = e.detail;
+      this.updateDragTimestamp(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = e.detail;
+      this.handleEventUpdated(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  handleDragLeaveHeader(payload) {
+    if (payload.source !== "header")
+      return;
+    if (!payload.targetColumn || !payload.start || !payload.end)
+      return;
+    if (payload.element) {
+      payload.element.classList.add("drag-ghost");
+      payload.element.style.opacity = "0.3";
+      payload.element.style.pointerEvents = "none";
+    }
+    const event = {
+      id: payload.eventId,
+      title: payload.title || "",
+      description: "",
+      start: payload.start,
+      end: payload.end,
+      type: "customer",
+      allDay: false,
+      syncStatus: "pending"
+    };
+    const element = this.createEventElement(event);
+    let eventsLayer = payload.targetColumn.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+    element.classList.add("dragging");
+  }
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  async handleEventUpdated(payload) {
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  async rerenderColumn(columnKey) {
+    const column = this.findColumn(columnKey);
+    if (!column)
+      return;
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+    if (!date)
+      return;
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+    const events = resourceId ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate) : await this.eventService.getByDateRange(startDate, endDate);
+    const timedEvents = events.filter(
+      (event) => !event.allDay && this.dateService.getDateKey(event.start) === date
+    );
+    let eventsLayer = column.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      column.appendChild(eventsLayer);
+    }
+    eventsLayer.innerHTML = "";
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+    layout.grids.forEach((grid) => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer.appendChild(groupEl);
+    });
+    layout.stacked.forEach((item) => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer.appendChild(eventEl);
+    });
+  }
+  /**
+   * Find a column element by columnKey
+   */
+  findColumn(columnKey) {
+    if (!this.container)
+      return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`);
+  }
+  /**
+   * Handle event moving to a new column during drag
+   */
+  handleColumnChange(payload) {
+    const eventsLayer = payload.newColumn.querySelector("swp-events-layer");
+    if (!eventsLayer)
+      return;
+    eventsLayer.appendChild(payload.element);
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  updateDragTimestamp(payload) {
+    const timeEl = payload.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + minutesFromGridStart;
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container, filter, filterTemplate) {
+    this.container = container;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const dayColumns = container.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    columns.forEach((column) => {
+      const columnEl = column;
+      const columnEvents = events.filter((event) => filterTemplate.matches(event, columnEl));
+      let eventsLayer = column.querySelector("swp-events-layer");
+      if (!eventsLayer) {
+        eventsLayer = document.createElement("swp-events-layer");
+        column.appendChild(eventsLayer);
+      }
+      eventsLayer.innerHTML = "";
+      const timedEvents = columnEvents.filter((event) => !event.allDay);
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+      layout.grids.forEach((grid) => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer.appendChild(groupEl);
+      });
+      layout.stacked.forEach((item) => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer.appendChild(eventEl);
+      });
+    });
+  }
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  createEventElement(event) {
+    const element = document.createElement("swp-event");
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ""}
+    `;
+    return element;
+  }
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  renderGridGroup(layout) {
+    const group = document.createElement("swp-event-group");
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom)
+        maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+    layout.columns.forEach((columnEvents) => {
+      const wrapper = document.createElement("div");
+      wrapper.style.position = "relative";
+      columnEvents.forEach((event) => {
+        const eventEl = this.createEventElement(event);
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = "absolute";
+        eventEl.style.left = "0";
+        eventEl.style.right = "0";
+        wrapper.appendChild(eventEl);
+      });
+      group.appendChild(wrapper);
+    });
+    return group;
+  }
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  renderStackedEvent(event, stackLevel) {
+    const element = this.createEventElement(event);
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+    return element;
+  }
+};
+__name(_EventRenderer, "EventRenderer");
+var EventRenderer = _EventRenderer;
+
+// src/core/BaseGroupingRenderer.ts
+var _BaseGroupingRenderer = class _BaseGroupingRenderer {
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context) {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0)
+      return;
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter["date"]?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter((id) => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+      this.renderHeader(entity, header, context);
+      context.headerContainer.appendChild(header);
+    }
+  }
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  renderHeader(entity, header, _context) {
+    header.textContent = this.getDisplayName(entity);
+  }
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  createHeader(entity, context) {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+};
+__name(_BaseGroupingRenderer, "BaseGroupingRenderer");
+var BaseGroupingRenderer = _BaseGroupingRenderer;
+
+// src/features/resource/ResourceRenderer.ts
+var _ResourceRenderer = class _ResourceRenderer extends BaseGroupingRenderer {
+  constructor(resourceService) {
+    super();
+    this.resourceService = resourceService;
+    this.type = "resource";
+    this.config = {
+      elementTag: "swp-resource-header",
+      idAttribute: "resourceId",
+      colspanVar: "--resource-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.resourceService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.displayName;
+  }
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context) {
+    const resourceIds = context.filter["resource"] || [];
+    const dateCount = context.filter["date"]?.length || 1;
+    let orderedResourceIds;
+    if (context.parentChildMap) {
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+    const resources = await this.getEntities(orderedResourceIds);
+    const resourceMap = new Map(resources.map((r) => [r.id, r]));
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource)
+        continue;
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+};
+__name(_ResourceRenderer, "ResourceRenderer");
+var ResourceRenderer = _ResourceRenderer;
+
+// src/features/team/TeamRenderer.ts
+var _TeamRenderer = class _TeamRenderer extends BaseGroupingRenderer {
+  constructor(teamService) {
+    super();
+    this.teamService = teamService;
+    this.type = "team";
+    this.config = {
+      elementTag: "swp-team-header",
+      idAttribute: "teamId",
+      colspanVar: "--team-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.teamService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.name;
+  }
+};
+__name(_TeamRenderer, "TeamRenderer");
+var TeamRenderer = _TeamRenderer;
+
+// src/features/timeaxis/TimeAxisRenderer.ts
+var _TimeAxisRenderer = class _TimeAxisRenderer {
+  render(container, startHour = 6, endHour = 20) {
+    container.innerHTML = "";
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement("swp-hour-marker");
+      marker.textContent = `${hour.toString().padStart(2, "0")}:00`;
+      container.appendChild(marker);
+    }
+  }
+};
+__name(_TimeAxisRenderer, "TimeAxisRenderer");
+var TimeAxisRenderer = _TimeAxisRenderer;
+export {
+  CalendarOrchestrator,
+  DateRenderer,
+  DateService,
+  EventRenderer,
+  NavigationAnimator,
+  ResourceRenderer,
+  TeamRenderer,
+  TimeAxisRenderer,
+  buildPipeline
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vbm9kZV9tb2R1bGVzL2RheWpzL2RheWpzLm1pbi5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3V0Yy5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3RpbWV6b25lLmpzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9kYXlqcy9wbHVnaW4vaXNvV2Vlay5qcyIsICIuLi8uLi9zcmMvY29yZS9SZW5kZXJCdWlsZGVyLnRzIiwgIi4uLy4uL3NyYy9jb3JlL0ZpbHRlclRlbXBsYXRlLnRzIiwgIi4uLy4uL3NyYy9jb3JlL0NhbGVuZGFyT3JjaGVzdHJhdG9yLnRzIiwgIi4uLy4uL3NyYy9jb3JlL05hdmlnYXRpb25BbmltYXRvci50cyIsICIuLi8uLi9zcmMvZmVhdHVyZXMvZGF0ZS9EYXRlUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL2NvcmUvRGF0ZVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3V0aWxzL1Bvc2l0aW9uVXRpbHMudHMiLCAiLi4vLi4vc3JjL2NvbnN0YW50cy9Db3JlRXZlbnRzLnRzIiwgIi4uLy4uL3NyYy9mZWF0dXJlcy9ldmVudC9FdmVudExheW91dEVuZ2luZS50cyIsICIuLi8uLi9zcmMvZmVhdHVyZXMvZXZlbnQvRXZlbnRSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvY29yZS9CYXNlR3JvdXBpbmdSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvZmVhdHVyZXMvcmVzb3VyY2UvUmVzb3VyY2VSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvZmVhdHVyZXMvdGVhbS9UZWFtUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL2ZlYXR1cmVzL3RpbWVheGlzL1RpbWVBeGlzUmVuZGVyZXIudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIiFmdW5jdGlvbih0LGUpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPWUoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKGUpOih0PVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6dHx8c2VsZikuZGF5anM9ZSgpfSh0aGlzLChmdW5jdGlvbigpe1widXNlIHN0cmljdFwiO3ZhciB0PTFlMyxlPTZlNCxuPTM2ZTUscj1cIm1pbGxpc2Vjb25kXCIsaT1cInNlY29uZFwiLHM9XCJtaW51dGVcIix1PVwiaG91clwiLGE9XCJkYXlcIixvPVwid2Vla1wiLGM9XCJtb250aFwiLGY9XCJxdWFydGVyXCIsaD1cInllYXJcIixkPVwiZGF0ZVwiLGw9XCJJbnZhbGlkIERhdGVcIiwkPS9eKFxcZHs0fSlbLS9dPyhcXGR7MSwyfSk/Wy0vXT8oXFxkezAsMn0pW1R0XFxzXSooXFxkezEsMn0pPzo/KFxcZHsxLDJ9KT86PyhcXGR7MSwyfSk/Wy46XT8oXFxkKyk/JC8seT0vXFxbKFteXFxdXSspXXxZezEsNH18TXsxLDR9fER7MSwyfXxkezEsNH18SHsxLDJ9fGh7MSwyfXxhfEF8bXsxLDJ9fHN7MSwyfXxaezEsMn18U1NTL2csTT17bmFtZTpcImVuXCIsd2Vla2RheXM6XCJTdW5kYXlfTW9uZGF5X1R1ZXNkYXlfV2VkbmVzZGF5X1RodXJzZGF5X0ZyaWRheV9TYXR1cmRheVwiLnNwbGl0KFwiX1wiKSxtb250aHM6XCJKYW51YXJ5X0ZlYnJ1YXJ5X01hcmNoX0FwcmlsX01heV9KdW5lX0p1bHlfQXVndXN0X1NlcHRlbWJlcl9PY3RvYmVyX05vdmVtYmVyX0RlY2VtYmVyXCIuc3BsaXQoXCJfXCIpLG9yZGluYWw6ZnVuY3Rpb24odCl7dmFyIGU9W1widGhcIixcInN0XCIsXCJuZFwiLFwicmRcIl0sbj10JTEwMDtyZXR1cm5cIltcIit0KyhlWyhuLTIwKSUxMF18fGVbbl18fGVbMF0pK1wiXVwifX0sbT1mdW5jdGlvbih0LGUsbil7dmFyIHI9U3RyaW5nKHQpO3JldHVybiFyfHxyLmxlbmd0aD49ZT90OlwiXCIrQXJyYXkoZSsxLXIubGVuZ3RoKS5qb2luKG4pK3R9LHY9e3M6bSx6OmZ1bmN0aW9uKHQpe3ZhciBlPS10LnV0Y09mZnNldCgpLG49TWF0aC5hYnMoZSkscj1NYXRoLmZsb29yKG4vNjApLGk9biU2MDtyZXR1cm4oZTw9MD9cIitcIjpcIi1cIikrbShyLDIsXCIwXCIpK1wiOlwiK20oaSwyLFwiMFwiKX0sbTpmdW5jdGlvbiB0KGUsbil7aWYoZS5kYXRlKCk8bi5kYXRlKCkpcmV0dXJuLXQobixlKTt2YXIgcj0xMioobi55ZWFyKCktZS55ZWFyKCkpKyhuLm1vbnRoKCktZS5tb250aCgpKSxpPWUuY2xvbmUoKS5hZGQocixjKSxzPW4taTwwLHU9ZS5jbG9uZSgpLmFkZChyKyhzPy0xOjEpLGMpO3JldHVybisoLShyKyhuLWkpLyhzP2ktdTp1LWkpKXx8MCl9LGE6ZnVuY3Rpb24odCl7cmV0dXJuIHQ8MD9NYXRoLmNlaWwodCl8fDA6TWF0aC5mbG9vcih0KX0scDpmdW5jdGlvbih0KXtyZXR1cm57TTpjLHk6aCx3Om8sZDphLEQ6ZCxoOnUsbTpzLHM6aSxtczpyLFE6Zn1bdF18fFN0cmluZyh0fHxcIlwiKS50b0xvd2VyQ2FzZSgpLnJlcGxhY2UoL3MkLyxcIlwiKX0sdTpmdW5jdGlvbih0KXtyZXR1cm4gdm9pZCAwPT09dH19LGc9XCJlblwiLEQ9e307RFtnXT1NO3ZhciBwPVwiJGlzRGF5anNPYmplY3RcIixTPWZ1bmN0aW9uKHQpe3JldHVybiB0IGluc3RhbmNlb2YgX3x8ISghdHx8IXRbcF0pfSx3PWZ1bmN0aW9uIHQoZSxuLHIpe3ZhciBpO2lmKCFlKXJldHVybiBnO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlKXt2YXIgcz1lLnRvTG93ZXJDYXNlKCk7RFtzXSYmKGk9cyksbiYmKERbc109bixpPXMpO3ZhciB1PWUuc3BsaXQoXCItXCIpO2lmKCFpJiZ1Lmxlbmd0aD4xKXJldHVybiB0KHVbMF0pfWVsc2V7dmFyIGE9ZS5uYW1lO0RbYV09ZSxpPWF9cmV0dXJuIXImJmkmJihnPWkpLGl8fCFyJiZnfSxPPWZ1bmN0aW9uKHQsZSl7aWYoUyh0KSlyZXR1cm4gdC5jbG9uZSgpO3ZhciBuPVwib2JqZWN0XCI9PXR5cGVvZiBlP2U6e307cmV0dXJuIG4uZGF0ZT10LG4uYXJncz1hcmd1bWVudHMsbmV3IF8obil9LGI9djtiLmw9dyxiLmk9UyxiLnc9ZnVuY3Rpb24odCxlKXtyZXR1cm4gTyh0LHtsb2NhbGU6ZS4kTCx1dGM6ZS4kdSx4OmUuJHgsJG9mZnNldDplLiRvZmZzZXR9KX07dmFyIF89ZnVuY3Rpb24oKXtmdW5jdGlvbiBNKHQpe3RoaXMuJEw9dyh0LmxvY2FsZSxudWxsLCEwKSx0aGlzLnBhcnNlKHQpLHRoaXMuJHg9dGhpcy4keHx8dC54fHx7fSx0aGlzW3BdPSEwfXZhciBtPU0ucHJvdG90eXBlO3JldHVybiBtLnBhcnNlPWZ1bmN0aW9uKHQpe3RoaXMuJGQ9ZnVuY3Rpb24odCl7dmFyIGU9dC5kYXRlLG49dC51dGM7aWYobnVsbD09PWUpcmV0dXJuIG5ldyBEYXRlKE5hTik7aWYoYi51KGUpKXJldHVybiBuZXcgRGF0ZTtpZihlIGluc3RhbmNlb2YgRGF0ZSlyZXR1cm4gbmV3IERhdGUoZSk7aWYoXCJzdHJpbmdcIj09dHlwZW9mIGUmJiEvWiQvaS50ZXN0KGUpKXt2YXIgcj1lLm1hdGNoKCQpO2lmKHIpe3ZhciBpPXJbMl0tMXx8MCxzPShyWzddfHxcIjBcIikuc3Vic3RyaW5nKDAsMyk7cmV0dXJuIG4/bmV3IERhdGUoRGF0ZS5VVEMoclsxXSxpLHJbM118fDEscls0XXx8MCxyWzVdfHwwLHJbNl18fDAscykpOm5ldyBEYXRlKHJbMV0saSxyWzNdfHwxLHJbNF18fDAscls1XXx8MCxyWzZdfHwwLHMpfX1yZXR1cm4gbmV3IERhdGUoZSl9KHQpLHRoaXMuaW5pdCgpfSxtLmluaXQ9ZnVuY3Rpb24oKXt2YXIgdD10aGlzLiRkO3RoaXMuJHk9dC5nZXRGdWxsWWVhcigpLHRoaXMuJE09dC5nZXRNb250aCgpLHRoaXMuJEQ9dC5nZXREYXRlKCksdGhpcy4kVz10LmdldERheSgpLHRoaXMuJEg9dC5nZXRIb3VycygpLHRoaXMuJG09dC5nZXRNaW51dGVzKCksdGhpcy4kcz10LmdldFNlY29uZHMoKSx0aGlzLiRtcz10LmdldE1pbGxpc2Vjb25kcygpfSxtLiR1dGlscz1mdW5jdGlvbigpe3JldHVybiBifSxtLmlzVmFsaWQ9ZnVuY3Rpb24oKXtyZXR1cm4hKHRoaXMuJGQudG9TdHJpbmcoKT09PWwpfSxtLmlzU2FtZT1mdW5jdGlvbih0LGUpe3ZhciBuPU8odCk7cmV0dXJuIHRoaXMuc3RhcnRPZihlKTw9biYmbjw9dGhpcy5lbmRPZihlKX0sbS5pc0FmdGVyPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIE8odCk8dGhpcy5zdGFydE9mKGUpfSxtLmlzQmVmb3JlPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIHRoaXMuZW5kT2YoZSk8Tyh0KX0sbS4kZz1mdW5jdGlvbih0LGUsbil7cmV0dXJuIGIudSh0KT90aGlzW2VdOnRoaXMuc2V0KG4sdCl9LG0udW5peD1mdW5jdGlvbigpe3JldHVybiBNYXRoLmZsb29yKHRoaXMudmFsdWVPZigpLzFlMyl9LG0udmFsdWVPZj1mdW5jdGlvbigpe3JldHVybiB0aGlzLiRkLmdldFRpbWUoKX0sbS5zdGFydE9mPWZ1bmN0aW9uKHQsZSl7dmFyIG49dGhpcyxyPSEhYi51KGUpfHxlLGY9Yi5wKHQpLGw9ZnVuY3Rpb24odCxlKXt2YXIgaT1iLncobi4kdT9EYXRlLlVUQyhuLiR5LGUsdCk6bmV3IERhdGUobi4keSxlLHQpLG4pO3JldHVybiByP2k6aS5lbmRPZihhKX0sJD1mdW5jdGlvbih0LGUpe3JldHVybiBiLncobi50b0RhdGUoKVt0XS5hcHBseShuLnRvRGF0ZShcInNcIiksKHI/WzAsMCwwLDBdOlsyMyw1OSw1OSw5OTldKS5zbGljZShlKSksbil9LHk9dGhpcy4kVyxNPXRoaXMuJE0sbT10aGlzLiRELHY9XCJzZXRcIisodGhpcy4kdT9cIlVUQ1wiOlwiXCIpO3N3aXRjaChmKXtjYXNlIGg6cmV0dXJuIHI/bCgxLDApOmwoMzEsMTEpO2Nhc2UgYzpyZXR1cm4gcj9sKDEsTSk6bCgwLE0rMSk7Y2FzZSBvOnZhciBnPXRoaXMuJGxvY2FsZSgpLndlZWtTdGFydHx8MCxEPSh5PGc/eSs3OnkpLWc7cmV0dXJuIGwocj9tLUQ6bSsoNi1EKSxNKTtjYXNlIGE6Y2FzZSBkOnJldHVybiAkKHYrXCJIb3Vyc1wiLDApO2Nhc2UgdTpyZXR1cm4gJCh2K1wiTWludXRlc1wiLDEpO2Nhc2UgczpyZXR1cm4gJCh2K1wiU2Vjb25kc1wiLDIpO2Nhc2UgaTpyZXR1cm4gJCh2K1wiTWlsbGlzZWNvbmRzXCIsMyk7ZGVmYXVsdDpyZXR1cm4gdGhpcy5jbG9uZSgpfX0sbS5lbmRPZj1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5zdGFydE9mKHQsITEpfSxtLiRzZXQ9ZnVuY3Rpb24odCxlKXt2YXIgbixvPWIucCh0KSxmPVwic2V0XCIrKHRoaXMuJHU/XCJVVENcIjpcIlwiKSxsPShuPXt9LG5bYV09ZitcIkRhdGVcIixuW2RdPWYrXCJEYXRlXCIsbltjXT1mK1wiTW9udGhcIixuW2hdPWYrXCJGdWxsWWVhclwiLG5bdV09ZitcIkhvdXJzXCIsbltzXT1mK1wiTWludXRlc1wiLG5baV09ZitcIlNlY29uZHNcIixuW3JdPWYrXCJNaWxsaXNlY29uZHNcIixuKVtvXSwkPW89PT1hP3RoaXMuJEQrKGUtdGhpcy4kVyk6ZTtpZihvPT09Y3x8bz09PWgpe3ZhciB5PXRoaXMuY2xvbmUoKS5zZXQoZCwxKTt5LiRkW2xdKCQpLHkuaW5pdCgpLHRoaXMuJGQ9eS5zZXQoZCxNYXRoLm1pbih0aGlzLiRELHkuZGF5c0luTW9udGgoKSkpLiRkfWVsc2UgbCYmdGhpcy4kZFtsXSgkKTtyZXR1cm4gdGhpcy5pbml0KCksdGhpc30sbS5zZXQ9ZnVuY3Rpb24odCxlKXtyZXR1cm4gdGhpcy5jbG9uZSgpLiRzZXQodCxlKX0sbS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXNbYi5wKHQpXSgpfSxtLmFkZD1mdW5jdGlvbihyLGYpe3ZhciBkLGw9dGhpcztyPU51bWJlcihyKTt2YXIgJD1iLnAoZikseT1mdW5jdGlvbih0KXt2YXIgZT1PKGwpO3JldHVybiBiLncoZS5kYXRlKGUuZGF0ZSgpK01hdGgucm91bmQodCpyKSksbCl9O2lmKCQ9PT1jKXJldHVybiB0aGlzLnNldChjLHRoaXMuJE0rcik7aWYoJD09PWgpcmV0dXJuIHRoaXMuc2V0KGgsdGhpcy4keStyKTtpZigkPT09YSlyZXR1cm4geSgxKTtpZigkPT09bylyZXR1cm4geSg3KTt2YXIgTT0oZD17fSxkW3NdPWUsZFt1XT1uLGRbaV09dCxkKVskXXx8MSxtPXRoaXMuJGQuZ2V0VGltZSgpK3IqTTtyZXR1cm4gYi53KG0sdGhpcyl9LG0uc3VidHJhY3Q9ZnVuY3Rpb24odCxlKXtyZXR1cm4gdGhpcy5hZGQoLTEqdCxlKX0sbS5mb3JtYXQ9ZnVuY3Rpb24odCl7dmFyIGU9dGhpcyxuPXRoaXMuJGxvY2FsZSgpO2lmKCF0aGlzLmlzVmFsaWQoKSlyZXR1cm4gbi5pbnZhbGlkRGF0ZXx8bDt2YXIgcj10fHxcIllZWVktTU0tRERUSEg6bW06c3NaXCIsaT1iLnoodGhpcykscz10aGlzLiRILHU9dGhpcy4kbSxhPXRoaXMuJE0sbz1uLndlZWtkYXlzLGM9bi5tb250aHMsZj1uLm1lcmlkaWVtLGg9ZnVuY3Rpb24odCxuLGkscyl7cmV0dXJuIHQmJih0W25dfHx0KGUscikpfHxpW25dLnNsaWNlKDAscyl9LGQ9ZnVuY3Rpb24odCl7cmV0dXJuIGIucyhzJTEyfHwxMix0LFwiMFwiKX0sJD1mfHxmdW5jdGlvbih0LGUsbil7dmFyIHI9dDwxMj9cIkFNXCI6XCJQTVwiO3JldHVybiBuP3IudG9Mb3dlckNhc2UoKTpyfTtyZXR1cm4gci5yZXBsYWNlKHksKGZ1bmN0aW9uKHQscil7cmV0dXJuIHJ8fGZ1bmN0aW9uKHQpe3N3aXRjaCh0KXtjYXNlXCJZWVwiOnJldHVybiBTdHJpbmcoZS4keSkuc2xpY2UoLTIpO2Nhc2VcIllZWVlcIjpyZXR1cm4gYi5zKGUuJHksNCxcIjBcIik7Y2FzZVwiTVwiOnJldHVybiBhKzE7Y2FzZVwiTU1cIjpyZXR1cm4gYi5zKGErMSwyLFwiMFwiKTtjYXNlXCJNTU1cIjpyZXR1cm4gaChuLm1vbnRoc1Nob3J0LGEsYywzKTtjYXNlXCJNTU1NXCI6cmV0dXJuIGgoYyxhKTtjYXNlXCJEXCI6cmV0dXJuIGUuJEQ7Y2FzZVwiRERcIjpyZXR1cm4gYi5zKGUuJEQsMixcIjBcIik7Y2FzZVwiZFwiOnJldHVybiBTdHJpbmcoZS4kVyk7Y2FzZVwiZGRcIjpyZXR1cm4gaChuLndlZWtkYXlzTWluLGUuJFcsbywyKTtjYXNlXCJkZGRcIjpyZXR1cm4gaChuLndlZWtkYXlzU2hvcnQsZS4kVyxvLDMpO2Nhc2VcImRkZGRcIjpyZXR1cm4gb1tlLiRXXTtjYXNlXCJIXCI6cmV0dXJuIFN0cmluZyhzKTtjYXNlXCJISFwiOnJldHVybiBiLnMocywyLFwiMFwiKTtjYXNlXCJoXCI6cmV0dXJuIGQoMSk7Y2FzZVwiaGhcIjpyZXR1cm4gZCgyKTtjYXNlXCJhXCI6cmV0dXJuICQocyx1LCEwKTtjYXNlXCJBXCI6cmV0dXJuICQocyx1LCExKTtjYXNlXCJtXCI6cmV0dXJuIFN0cmluZyh1KTtjYXNlXCJtbVwiOnJldHVybiBiLnModSwyLFwiMFwiKTtjYXNlXCJzXCI6cmV0dXJuIFN0cmluZyhlLiRzKTtjYXNlXCJzc1wiOnJldHVybiBiLnMoZS4kcywyLFwiMFwiKTtjYXNlXCJTU1NcIjpyZXR1cm4gYi5zKGUuJG1zLDMsXCIwXCIpO2Nhc2VcIlpcIjpyZXR1cm4gaX1yZXR1cm4gbnVsbH0odCl8fGkucmVwbGFjZShcIjpcIixcIlwiKX0pKX0sbS51dGNPZmZzZXQ9ZnVuY3Rpb24oKXtyZXR1cm4gMTUqLU1hdGgucm91bmQodGhpcy4kZC5nZXRUaW1lem9uZU9mZnNldCgpLzE1KX0sbS5kaWZmPWZ1bmN0aW9uKHIsZCxsKXt2YXIgJCx5PXRoaXMsTT1iLnAoZCksbT1PKHIpLHY9KG0udXRjT2Zmc2V0KCktdGhpcy51dGNPZmZzZXQoKSkqZSxnPXRoaXMtbSxEPWZ1bmN0aW9uKCl7cmV0dXJuIGIubSh5LG0pfTtzd2l0Y2goTSl7Y2FzZSBoOiQ9RCgpLzEyO2JyZWFrO2Nhc2UgYzokPUQoKTticmVhaztjYXNlIGY6JD1EKCkvMzticmVhaztjYXNlIG86JD0oZy12KS82MDQ4ZTU7YnJlYWs7Y2FzZSBhOiQ9KGctdikvODY0ZTU7YnJlYWs7Y2FzZSB1OiQ9Zy9uO2JyZWFrO2Nhc2UgczokPWcvZTticmVhaztjYXNlIGk6JD1nL3Q7YnJlYWs7ZGVmYXVsdDokPWd9cmV0dXJuIGw/JDpiLmEoJCl9LG0uZGF5c0luTW9udGg9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy5lbmRPZihjKS4kRH0sbS4kbG9jYWxlPWZ1bmN0aW9uKCl7cmV0dXJuIERbdGhpcy4kTF19LG0ubG9jYWxlPWZ1bmN0aW9uKHQsZSl7aWYoIXQpcmV0dXJuIHRoaXMuJEw7dmFyIG49dGhpcy5jbG9uZSgpLHI9dyh0LGUsITApO3JldHVybiByJiYobi4kTD1yKSxufSxtLmNsb25lPWZ1bmN0aW9uKCl7cmV0dXJuIGIudyh0aGlzLiRkLHRoaXMpfSxtLnRvRGF0ZT1mdW5jdGlvbigpe3JldHVybiBuZXcgRGF0ZSh0aGlzLnZhbHVlT2YoKSl9LG0udG9KU09OPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuaXNWYWxpZCgpP3RoaXMudG9JU09TdHJpbmcoKTpudWxsfSxtLnRvSVNPU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuJGQudG9JU09TdHJpbmcoKX0sbS50b1N0cmluZz1mdW5jdGlvbigpe3JldHVybiB0aGlzLiRkLnRvVVRDU3RyaW5nKCl9LE19KCksaz1fLnByb3RvdHlwZTtyZXR1cm4gTy5wcm90b3R5cGU9ayxbW1wiJG1zXCIscl0sW1wiJHNcIixpXSxbXCIkbVwiLHNdLFtcIiRIXCIsdV0sW1wiJFdcIixhXSxbXCIkTVwiLGNdLFtcIiR5XCIsaF0sW1wiJERcIixkXV0uZm9yRWFjaCgoZnVuY3Rpb24odCl7a1t0WzFdXT1mdW5jdGlvbihlKXtyZXR1cm4gdGhpcy4kZyhlLHRbMF0sdFsxXSl9fSkpLE8uZXh0ZW5kPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIHQuJGl8fCh0KGUsXyxPKSx0LiRpPSEwKSxPfSxPLmxvY2FsZT13LE8uaXNEYXlqcz1TLE8udW5peD1mdW5jdGlvbih0KXtyZXR1cm4gTygxZTMqdCl9LE8uZW49RFtnXSxPLkxzPUQsTy5wPXt9LE99KSk7IiwgIiFmdW5jdGlvbih0LGkpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPWkoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKGkpOih0PVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6dHx8c2VsZikuZGF5anNfcGx1Z2luX3V0Yz1pKCl9KHRoaXMsKGZ1bmN0aW9uKCl7XCJ1c2Ugc3RyaWN0XCI7dmFyIHQ9XCJtaW51dGVcIixpPS9bKy1dXFxkXFxkKD86Oj9cXGRcXGQpPy9nLGU9LyhbKy1dfFxcZFxcZCkvZztyZXR1cm4gZnVuY3Rpb24ocyxmLG4pe3ZhciB1PWYucHJvdG90eXBlO24udXRjPWZ1bmN0aW9uKHQpe3ZhciBpPXtkYXRlOnQsdXRjOiEwLGFyZ3M6YXJndW1lbnRzfTtyZXR1cm4gbmV3IGYoaSl9LHUudXRjPWZ1bmN0aW9uKGkpe3ZhciBlPW4odGhpcy50b0RhdGUoKSx7bG9jYWxlOnRoaXMuJEwsdXRjOiEwfSk7cmV0dXJuIGk/ZS5hZGQodGhpcy51dGNPZmZzZXQoKSx0KTplfSx1LmxvY2FsPWZ1bmN0aW9uKCl7cmV0dXJuIG4odGhpcy50b0RhdGUoKSx7bG9jYWxlOnRoaXMuJEwsdXRjOiExfSl9O3ZhciByPXUucGFyc2U7dS5wYXJzZT1mdW5jdGlvbih0KXt0LnV0YyYmKHRoaXMuJHU9ITApLHRoaXMuJHV0aWxzKCkudSh0LiRvZmZzZXQpfHwodGhpcy4kb2Zmc2V0PXQuJG9mZnNldCksci5jYWxsKHRoaXMsdCl9O3ZhciBvPXUuaW5pdDt1LmluaXQ9ZnVuY3Rpb24oKXtpZih0aGlzLiR1KXt2YXIgdD10aGlzLiRkO3RoaXMuJHk9dC5nZXRVVENGdWxsWWVhcigpLHRoaXMuJE09dC5nZXRVVENNb250aCgpLHRoaXMuJEQ9dC5nZXRVVENEYXRlKCksdGhpcy4kVz10LmdldFVUQ0RheSgpLHRoaXMuJEg9dC5nZXRVVENIb3VycygpLHRoaXMuJG09dC5nZXRVVENNaW51dGVzKCksdGhpcy4kcz10LmdldFVUQ1NlY29uZHMoKSx0aGlzLiRtcz10LmdldFVUQ01pbGxpc2Vjb25kcygpfWVsc2Ugby5jYWxsKHRoaXMpfTt2YXIgYT11LnV0Y09mZnNldDt1LnV0Y09mZnNldD1mdW5jdGlvbihzLGYpe3ZhciBuPXRoaXMuJHV0aWxzKCkudTtpZihuKHMpKXJldHVybiB0aGlzLiR1PzA6bih0aGlzLiRvZmZzZXQpP2EuY2FsbCh0aGlzKTp0aGlzLiRvZmZzZXQ7aWYoXCJzdHJpbmdcIj09dHlwZW9mIHMmJihzPWZ1bmN0aW9uKHQpe3ZvaWQgMD09PXQmJih0PVwiXCIpO3ZhciBzPXQubWF0Y2goaSk7aWYoIXMpcmV0dXJuIG51bGw7dmFyIGY9KFwiXCIrc1swXSkubWF0Y2goZSl8fFtcIi1cIiwwLDBdLG49ZlswXSx1PTYwKitmWzFdKyArZlsyXTtyZXR1cm4gMD09PXU/MDpcIitcIj09PW4/dTotdX0ocyksbnVsbD09PXMpKXJldHVybiB0aGlzO3ZhciB1PU1hdGguYWJzKHMpPD0xNj82MCpzOnM7aWYoMD09PXUpcmV0dXJuIHRoaXMudXRjKGYpO3ZhciByPXRoaXMuY2xvbmUoKTtpZihmKXJldHVybiByLiRvZmZzZXQ9dSxyLiR1PSExLHI7dmFyIG89dGhpcy4kdT90aGlzLnRvRGF0ZSgpLmdldFRpbWV6b25lT2Zmc2V0KCk6LTEqdGhpcy51dGNPZmZzZXQoKTtyZXR1cm4ocj10aGlzLmxvY2FsKCkuYWRkKHUrbyx0KSkuJG9mZnNldD11LHIuJHguJGxvY2FsT2Zmc2V0PW8scn07dmFyIGg9dS5mb3JtYXQ7dS5mb3JtYXQ9ZnVuY3Rpb24odCl7dmFyIGk9dHx8KHRoaXMuJHU/XCJZWVlZLU1NLUREVEhIOm1tOnNzW1pdXCI6XCJcIik7cmV0dXJuIGguY2FsbCh0aGlzLGkpfSx1LnZhbHVlT2Y9ZnVuY3Rpb24oKXt2YXIgdD10aGlzLiR1dGlscygpLnUodGhpcy4kb2Zmc2V0KT8wOnRoaXMuJG9mZnNldCsodGhpcy4keC4kbG9jYWxPZmZzZXR8fHRoaXMuJGQuZ2V0VGltZXpvbmVPZmZzZXQoKSk7cmV0dXJuIHRoaXMuJGQudmFsdWVPZigpLTZlNCp0fSx1LmlzVVRDPWZ1bmN0aW9uKCl7cmV0dXJuISF0aGlzLiR1fSx1LnRvSVNPU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMudG9EYXRlKCkudG9JU09TdHJpbmcoKX0sdS50b1N0cmluZz1mdW5jdGlvbigpe3JldHVybiB0aGlzLnRvRGF0ZSgpLnRvVVRDU3RyaW5nKCl9O3ZhciBsPXUudG9EYXRlO3UudG9EYXRlPWZ1bmN0aW9uKHQpe3JldHVyblwic1wiPT09dCYmdGhpcy4kb2Zmc2V0P24odGhpcy5mb3JtYXQoXCJZWVlZLU1NLUREIEhIOm1tOnNzOlNTU1wiKSkudG9EYXRlKCk6bC5jYWxsKHRoaXMpfTt2YXIgYz11LmRpZmY7dS5kaWZmPWZ1bmN0aW9uKHQsaSxlKXtpZih0JiZ0aGlzLiR1PT09dC4kdSlyZXR1cm4gYy5jYWxsKHRoaXMsdCxpLGUpO3ZhciBzPXRoaXMubG9jYWwoKSxmPW4odCkubG9jYWwoKTtyZXR1cm4gYy5jYWxsKHMsZixpLGUpfX19KSk7IiwgIiFmdW5jdGlvbih0LGUpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPWUoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKGUpOih0PVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6dHx8c2VsZikuZGF5anNfcGx1Z2luX3RpbWV6b25lPWUoKX0odGhpcywoZnVuY3Rpb24oKXtcInVzZSBzdHJpY3RcIjt2YXIgdD17eWVhcjowLG1vbnRoOjEsZGF5OjIsaG91cjozLG1pbnV0ZTo0LHNlY29uZDo1fSxlPXt9O3JldHVybiBmdW5jdGlvbihuLGksbyl7dmFyIHIsYT1mdW5jdGlvbih0LG4saSl7dm9pZCAwPT09aSYmKGk9e30pO3ZhciBvPW5ldyBEYXRlKHQpLHI9ZnVuY3Rpb24odCxuKXt2b2lkIDA9PT1uJiYobj17fSk7dmFyIGk9bi50aW1lWm9uZU5hbWV8fFwic2hvcnRcIixvPXQrXCJ8XCIraSxyPWVbb107cmV0dXJuIHJ8fChyPW5ldyBJbnRsLkRhdGVUaW1lRm9ybWF0KFwiZW4tVVNcIix7aG91cjEyOiExLHRpbWVab25lOnQseWVhcjpcIm51bWVyaWNcIixtb250aDpcIjItZGlnaXRcIixkYXk6XCIyLWRpZ2l0XCIsaG91cjpcIjItZGlnaXRcIixtaW51dGU6XCIyLWRpZ2l0XCIsc2Vjb25kOlwiMi1kaWdpdFwiLHRpbWVab25lTmFtZTppfSksZVtvXT1yKSxyfShuLGkpO3JldHVybiByLmZvcm1hdFRvUGFydHMobyl9LHU9ZnVuY3Rpb24oZSxuKXtmb3IodmFyIGk9YShlLG4pLHI9W10sdT0wO3U8aS5sZW5ndGg7dSs9MSl7dmFyIGY9aVt1XSxzPWYudHlwZSxtPWYudmFsdWUsYz10W3NdO2M+PTAmJihyW2NdPXBhcnNlSW50KG0sMTApKX12YXIgZD1yWzNdLGw9MjQ9PT1kPzA6ZCxoPXJbMF0rXCItXCIrclsxXStcIi1cIityWzJdK1wiIFwiK2wrXCI6XCIrcls0XStcIjpcIityWzVdK1wiOjAwMFwiLHY9K2U7cmV0dXJuKG8udXRjKGgpLnZhbHVlT2YoKS0odi09diUxZTMpKS82ZTR9LGY9aS5wcm90b3R5cGU7Zi50ej1mdW5jdGlvbih0LGUpe3ZvaWQgMD09PXQmJih0PXIpO3ZhciBuLGk9dGhpcy51dGNPZmZzZXQoKSxhPXRoaXMudG9EYXRlKCksdT1hLnRvTG9jYWxlU3RyaW5nKFwiZW4tVVNcIix7dGltZVpvbmU6dH0pLGY9TWF0aC5yb3VuZCgoYS1uZXcgRGF0ZSh1KSkvMWUzLzYwKSxzPTE1Ki1NYXRoLnJvdW5kKGEuZ2V0VGltZXpvbmVPZmZzZXQoKS8xNSktZjtpZighTnVtYmVyKHMpKW49dGhpcy51dGNPZmZzZXQoMCxlKTtlbHNlIGlmKG49byh1LHtsb2NhbGU6dGhpcy4kTH0pLiRzZXQoXCJtaWxsaXNlY29uZFwiLHRoaXMuJG1zKS51dGNPZmZzZXQocywhMCksZSl7dmFyIG09bi51dGNPZmZzZXQoKTtuPW4uYWRkKGktbSxcIm1pbnV0ZVwiKX1yZXR1cm4gbi4keC4kdGltZXpvbmU9dCxufSxmLm9mZnNldE5hbWU9ZnVuY3Rpb24odCl7dmFyIGU9dGhpcy4keC4kdGltZXpvbmV8fG8udHouZ3Vlc3MoKSxuPWEodGhpcy52YWx1ZU9mKCksZSx7dGltZVpvbmVOYW1lOnR9KS5maW5kKChmdW5jdGlvbih0KXtyZXR1cm5cInRpbWV6b25lbmFtZVwiPT09dC50eXBlLnRvTG93ZXJDYXNlKCl9KSk7cmV0dXJuIG4mJm4udmFsdWV9O3ZhciBzPWYuc3RhcnRPZjtmLnN0YXJ0T2Y9ZnVuY3Rpb24odCxlKXtpZighdGhpcy4keHx8IXRoaXMuJHguJHRpbWV6b25lKXJldHVybiBzLmNhbGwodGhpcyx0LGUpO3ZhciBuPW8odGhpcy5mb3JtYXQoXCJZWVlZLU1NLUREIEhIOm1tOnNzOlNTU1wiKSx7bG9jYWxlOnRoaXMuJEx9KTtyZXR1cm4gcy5jYWxsKG4sdCxlKS50eih0aGlzLiR4LiR0aW1lem9uZSwhMCl9LG8udHo9ZnVuY3Rpb24odCxlLG4pe3ZhciBpPW4mJmUsYT1ufHxlfHxyLGY9dSgrbygpLGEpO2lmKFwic3RyaW5nXCIhPXR5cGVvZiB0KXJldHVybiBvKHQpLnR6KGEpO3ZhciBzPWZ1bmN0aW9uKHQsZSxuKXt2YXIgaT10LTYwKmUqMWUzLG89dShpLG4pO2lmKGU9PT1vKXJldHVybltpLGVdO3ZhciByPXUoaS09NjAqKG8tZSkqMWUzLG4pO3JldHVybiBvPT09cj9baSxvXTpbdC02MCpNYXRoLm1pbihvLHIpKjFlMyxNYXRoLm1heChvLHIpXX0oby51dGModCxpKS52YWx1ZU9mKCksZixhKSxtPXNbMF0sYz1zWzFdLGQ9byhtKS51dGNPZmZzZXQoYyk7cmV0dXJuIGQuJHguJHRpbWV6b25lPWEsZH0sby50ei5ndWVzcz1mdW5jdGlvbigpe3JldHVybiBJbnRsLkRhdGVUaW1lRm9ybWF0KCkucmVzb2x2ZWRPcHRpb25zKCkudGltZVpvbmV9LG8udHouc2V0RGVmYXVsdD1mdW5jdGlvbih0KXtyPXR9fX0pKTsiLCAiIWZ1bmN0aW9uKGUsdCl7XCJvYmplY3RcIj09dHlwZW9mIGV4cG9ydHMmJlwidW5kZWZpbmVkXCIhPXR5cGVvZiBtb2R1bGU/bW9kdWxlLmV4cG9ydHM9dCgpOlwiZnVuY3Rpb25cIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUodCk6KGU9XCJ1bmRlZmluZWRcIiE9dHlwZW9mIGdsb2JhbFRoaXM/Z2xvYmFsVGhpczplfHxzZWxmKS5kYXlqc19wbHVnaW5faXNvV2Vlaz10KCl9KHRoaXMsKGZ1bmN0aW9uKCl7XCJ1c2Ugc3RyaWN0XCI7dmFyIGU9XCJkYXlcIjtyZXR1cm4gZnVuY3Rpb24odCxpLHMpe3ZhciBhPWZ1bmN0aW9uKHQpe3JldHVybiB0LmFkZCg0LXQuaXNvV2Vla2RheSgpLGUpfSxkPWkucHJvdG90eXBlO2QuaXNvV2Vla1llYXI9ZnVuY3Rpb24oKXtyZXR1cm4gYSh0aGlzKS55ZWFyKCl9LGQuaXNvV2Vlaz1mdW5jdGlvbih0KXtpZighdGhpcy4kdXRpbHMoKS51KHQpKXJldHVybiB0aGlzLmFkZCg3Kih0LXRoaXMuaXNvV2VlaygpKSxlKTt2YXIgaSxkLG4sbyxyPWEodGhpcyksdT0oaT10aGlzLmlzb1dlZWtZZWFyKCksZD10aGlzLiR1LG49KGQ/cy51dGM6cykoKS55ZWFyKGkpLnN0YXJ0T2YoXCJ5ZWFyXCIpLG89NC1uLmlzb1dlZWtkYXkoKSxuLmlzb1dlZWtkYXkoKT40JiYobys9Nyksbi5hZGQobyxlKSk7cmV0dXJuIHIuZGlmZih1LFwid2Vla1wiKSsxfSxkLmlzb1dlZWtkYXk9ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuJHV0aWxzKCkudShlKT90aGlzLmRheSgpfHw3OnRoaXMuZGF5KHRoaXMuZGF5KCklNz9lOmUtNyl9O3ZhciBuPWQuc3RhcnRPZjtkLnN0YXJ0T2Y9ZnVuY3Rpb24oZSx0KXt2YXIgaT10aGlzLiR1dGlscygpLHM9ISFpLnUodCl8fHQ7cmV0dXJuXCJpc293ZWVrXCI9PT1pLnAoZSk/cz90aGlzLmRhdGUodGhpcy5kYXRlKCktKHRoaXMuaXNvV2Vla2RheSgpLTEpKS5zdGFydE9mKFwiZGF5XCIpOnRoaXMuZGF0ZSh0aGlzLmRhdGUoKS0xLSh0aGlzLmlzb1dlZWtkYXkoKS0xKSs3KS5lbmRPZihcImRheVwiKTpuLmJpbmQodGhpcykoZSx0KX19fSkpOyIsICJpbXBvcnQgeyBJUmVuZGVyZXIsIElSZW5kZXJDb250ZXh0IH0gZnJvbSAnLi9JR3JvdXBpbmdSZW5kZXJlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGlwZWxpbmUge1xuICBydW4oY29udGV4dDogSVJlbmRlckNvbnRleHQpOiBQcm9taXNlPHZvaWQ+O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYnVpbGRQaXBlbGluZShyZW5kZXJlcnM6IElSZW5kZXJlcltdKTogUGlwZWxpbmUge1xuICByZXR1cm4ge1xuICAgIGFzeW5jIHJ1bihjb250ZXh0OiBJUmVuZGVyQ29udGV4dCkge1xuICAgICAgZm9yIChjb25zdCByZW5kZXJlciBvZiByZW5kZXJlcnMpIHtcbiAgICAgICAgYXdhaXQgcmVuZGVyZXIucmVuZGVyKGNvbnRleHQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiIsICJpbXBvcnQgeyBJQ2FsZW5kYXJFdmVudCB9IGZyb20gJy4uL3R5cGVzL0NhbGVuZGFyVHlwZXMnO1xyXG5pbXBvcnQgeyBEYXRlU2VydmljZSB9IGZyb20gJy4vRGF0ZVNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJRW50aXR5UmVzb2x2ZXIgfSBmcm9tICcuL0lFbnRpdHlSZXNvbHZlcic7XHJcblxyXG4vKipcclxuICogRmllbGQgZGVmaW5pdGlvbiBmb3IgRmlsdGVyVGVtcGxhdGVcclxuICovXHJcbmludGVyZmFjZSBJRmlsdGVyRmllbGQge1xyXG4gIGlkUHJvcGVydHk6IHN0cmluZztcclxuICBkZXJpdmVkRnJvbT86IHN0cmluZztcclxufVxyXG5cclxuLyoqXHJcbiAqIFBhcnNlZCBkb3Qtbm90YXRpb24gcmVmZXJlbmNlXHJcbiAqL1xyXG5pbnRlcmZhY2UgSURvdE5vdGF0aW9uIHtcclxuICBlbnRpdHlUeXBlOiBzdHJpbmc7ICAgLy8gZS5nLiwgJ3Jlc291cmNlJ1xyXG4gIHByb3BlcnR5OiBzdHJpbmc7ICAgICAvLyBlLmcuLCAndGVhbUlkJ1xyXG4gIGZvcmVpZ25LZXk6IHN0cmluZzsgICAvLyBlLmcuLCAncmVzb3VyY2VJZCdcclxufVxyXG5cclxuLyoqXHJcbiAqIEZpbHRlclRlbXBsYXRlIC0gQnlnZ2VyIG5cdTAwRjhnbGVyIHRpbCBldmVudC1rb2xvbm5lIG1hdGNoaW5nXHJcbiAqXHJcbiAqIFZpZXdDb25maWcgZGVmaW5lcmVyIGh2aWxrZSBmZWx0ZXIgKGlkUHJvcGVydGllcykgZGVyIGluZGdcdTAwRTVyIGkga29sb25uZW5zIG5cdTAwRjhnbGUuXHJcbiAqIFNhbW1lIHRlbXBsYXRlIGJydWdlcyB0aWwgYXQgYnlnZ2Ugblx1MDBGOGdsZSBmb3IgYlx1MDBFNWRlIGtvbG9ubmUgb2cgZXZlbnQuXHJcbiAqXHJcbiAqIFN1cHBvcnRzIGRvdC1ub3RhdGlvbiBmb3IgaGllcmFyY2hpY2FsIHJlbGF0aW9uczpcclxuICogLSAncmVzb3VyY2UudGVhbUlkJyBcdTIxOTIgbG9va3MgdXAgZXZlbnQucmVzb3VyY2VJZCBcdTIxOTIgcmVzb3VyY2UgZW50aXR5IFx1MjE5MiB0ZWFtSWRcclxuICpcclxuICogUHJpbmNpcDogS29sb25uZW5zIG5cdTAwRjhnbGUtdGVtcGxhdGUgYmVzdGVtbWVyIGh2YWQgZGVyIG1hdGNoZXMgcFx1MDBFNS5cclxuICpcclxuICogQHNlZSBkb2NzL2ZpbHRlci10ZW1wbGF0ZS5tZFxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIEZpbHRlclRlbXBsYXRlIHtcclxuICBwcml2YXRlIGZpZWxkczogSUZpbHRlckZpZWxkW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGRhdGVTZXJ2aWNlOiBEYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgZW50aXR5UmVzb2x2ZXI/OiBJRW50aXR5UmVzb2x2ZXJcclxuICApIHt9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRpbGZcdTAwRjhqIGZlbHQgdGlsIHRlbXBsYXRlXHJcbiAgICogQHBhcmFtIGlkUHJvcGVydHkgLSBQcm9wZXJ0eS1uYXZuIChicnVnZXMgcFx1MDBFNSBiXHUwMEU1ZGUgZXZlbnQgb2cgY29sdW1uLmRhdGFzZXQpXHJcbiAgICogQHBhcmFtIGRlcml2ZWRGcm9tIC0gSHZpcyBmZWx0ZXQgdWRsZWRlcyBmcmEgYW5kZW4gcHJvcGVydHkgKGYuZWtzLiBkYXRlIGZyYSBzdGFydClcclxuICAgKi9cclxuICBhZGRGaWVsZChpZFByb3BlcnR5OiBzdHJpbmcsIGRlcml2ZWRGcm9tPzogc3RyaW5nKTogdGhpcyB7XHJcbiAgICB0aGlzLmZpZWxkcy5wdXNoKHsgaWRQcm9wZXJ0eSwgZGVyaXZlZEZyb20gfSk7XHJcbiAgICByZXR1cm4gdGhpcztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFBhcnNlIGRvdC1ub3RhdGlvbiBzdHJpbmcgaW50byBjb21wb25lbnRzXHJcbiAgICogQGV4YW1wbGUgJ3Jlc291cmNlLnRlYW1JZCcgXHUyMTkyIHsgZW50aXR5VHlwZTogJ3Jlc291cmNlJywgcHJvcGVydHk6ICd0ZWFtSWQnLCBmb3JlaWduS2V5OiAncmVzb3VyY2VJZCcgfVxyXG4gICAqL1xyXG4gIHByaXZhdGUgcGFyc2VEb3ROb3RhdGlvbihpZFByb3BlcnR5OiBzdHJpbmcpOiBJRG90Tm90YXRpb24gfCBudWxsIHtcclxuICAgIGlmICghaWRQcm9wZXJ0eS5pbmNsdWRlcygnLicpKSByZXR1cm4gbnVsbDtcclxuICAgIGNvbnN0IFtlbnRpdHlUeXBlLCBwcm9wZXJ0eV0gPSBpZFByb3BlcnR5LnNwbGl0KCcuJyk7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBlbnRpdHlUeXBlLFxyXG4gICAgICBwcm9wZXJ0eSxcclxuICAgICAgZm9yZWlnbktleTogZW50aXR5VHlwZSArICdJZCcgLy8gQ29udmVudGlvbjogcmVzb3VyY2UgXHUyMTkyIHJlc291cmNlSWRcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBHZXQgZGF0YXNldCBrZXkgZm9yIGNvbHVtbiBsb29rdXBcclxuICAgKiBGb3IgZG90LW5vdGF0aW9uICdyZXNvdXJjZS50ZWFtSWQnLCB3ZSBsb29rIGZvciAndGVhbUlkJyBpbiBkYXRhc2V0XHJcbiAgICovXHJcbiAgcHJpdmF0ZSBnZXREYXRhc2V0S2V5KGlkUHJvcGVydHk6IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBkb3ROb3RhdGlvbiA9IHRoaXMucGFyc2VEb3ROb3RhdGlvbihpZFByb3BlcnR5KTtcclxuICAgIGlmIChkb3ROb3RhdGlvbikge1xyXG4gICAgICByZXR1cm4gZG90Tm90YXRpb24ucHJvcGVydHk7IC8vICd0ZWFtSWQnXHJcbiAgICB9XHJcbiAgICByZXR1cm4gaWRQcm9wZXJ0eTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEJ5ZyBuXHUwMEY4Z2xlIGZyYSBrb2xvbm5lXHJcbiAgICogTFx1MDBFNnNlciB2XHUwMEU2cmRpZXIgZnJhIGNvbHVtbi5kYXRhc2V0W2lkUHJvcGVydHldXHJcbiAgICogRm9yIGRvdC1ub3RhdGlvbiwgdXNlcyB0aGUgcHJvcGVydHkgcGFydCAocmVzb3VyY2UudGVhbUlkIFx1MjE5MiB0ZWFtSWQpXHJcbiAgICovXHJcbiAgYnVpbGRLZXlGcm9tQ29sdW1uKGNvbHVtbjogSFRNTEVsZW1lbnQpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZmllbGRzXHJcbiAgICAgIC5tYXAoZiA9PiB7XHJcbiAgICAgICAgY29uc3Qga2V5ID0gdGhpcy5nZXREYXRhc2V0S2V5KGYuaWRQcm9wZXJ0eSk7XHJcbiAgICAgICAgcmV0dXJuIGNvbHVtbi5kYXRhc2V0W2tleV0gfHwgJyc7XHJcbiAgICAgIH0pXHJcbiAgICAgIC5qb2luKCc6Jyk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBCeWcgblx1MDBGOGdsZSBmcmEgZXZlbnRcclxuICAgKiBMXHUwMEU2c2VyIHZcdTAwRTZyZGllciBmcmEgZXZlbnRbaWRQcm9wZXJ0eV0gZWxsZXIgdWRsZWRlciBmcmEgZGVyaXZlZEZyb21cclxuICAgKiBGb3IgZG90LW5vdGF0aW9uLCByZXNvbHZlcyB2aWEgRW50aXR5UmVzb2x2ZXJcclxuICAgKi9cclxuICBidWlsZEtleUZyb21FdmVudChldmVudDogSUNhbGVuZGFyRXZlbnQpOiBzdHJpbmcge1xyXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICAgIGNvbnN0IGV2ZW50UmVjb3JkID0gZXZlbnQgYXMgYW55O1xyXG4gICAgcmV0dXJuIHRoaXMuZmllbGRzXHJcbiAgICAgIC5tYXAoZiA9PiB7XHJcbiAgICAgICAgLy8gQ2hlY2sgZm9yIGRvdC1ub3RhdGlvbiAoZS5nLiwgJ3Jlc291cmNlLnRlYW1JZCcpXHJcbiAgICAgICAgY29uc3QgZG90Tm90YXRpb24gPSB0aGlzLnBhcnNlRG90Tm90YXRpb24oZi5pZFByb3BlcnR5KTtcclxuICAgICAgICBpZiAoZG90Tm90YXRpb24pIHtcclxuICAgICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVEb3ROb3RhdGlvbihldmVudFJlY29yZCwgZG90Tm90YXRpb24pO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKGYuZGVyaXZlZEZyb20pIHtcclxuICAgICAgICAgIC8vIFVkbGVkIHZcdTAwRTZyZGkgKGYuZWtzLiBkYXRlIGZyYSBzdGFydClcclxuICAgICAgICAgIGNvbnN0IHNvdXJjZVZhbHVlID0gZXZlbnRSZWNvcmRbZi5kZXJpdmVkRnJvbV07XHJcbiAgICAgICAgICBpZiAoc291cmNlVmFsdWUgaW5zdGFuY2VvZiBEYXRlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmRhdGVTZXJ2aWNlLmdldERhdGVLZXkoc291cmNlVmFsdWUpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgcmV0dXJuIFN0cmluZyhzb3VyY2VWYWx1ZSB8fCAnJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBTdHJpbmcoZXZlbnRSZWNvcmRbZi5pZFByb3BlcnR5XSB8fCAnJyk7XHJcbiAgICAgIH0pXHJcbiAgICAgIC5qb2luKCc6Jyk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZXNvbHZlIGRvdC1ub3RhdGlvbiByZWZlcmVuY2UgdmlhIEVudGl0eVJlc29sdmVyXHJcbiAgICovXHJcbiAgcHJpdmF0ZSByZXNvbHZlRG90Tm90YXRpb24oZXZlbnRSZWNvcmQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+LCBkb3ROb3RhdGlvbjogSURvdE5vdGF0aW9uKTogc3RyaW5nIHtcclxuICAgIGlmICghdGhpcy5lbnRpdHlSZXNvbHZlcikge1xyXG4gICAgICBjb25zb2xlLndhcm4oYEZpbHRlclRlbXBsYXRlOiBFbnRpdHlSZXNvbHZlciByZXF1aXJlZCBmb3IgZG90LW5vdGF0aW9uICcke2RvdE5vdGF0aW9uLmVudGl0eVR5cGV9LiR7ZG90Tm90YXRpb24ucHJvcGVydHl9J2ApO1xyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gR2V0IGZvcmVpZ24ga2V5IHZhbHVlIGZyb20gZXZlbnQgKGUuZy4sIHJlc291cmNlSWQpXHJcbiAgICBjb25zdCBmb3JlaWduSWQgPSBldmVudFJlY29yZFtkb3ROb3RhdGlvbi5mb3JlaWduS2V5XTtcclxuICAgIGlmICghZm9yZWlnbklkKSByZXR1cm4gJyc7XHJcblxyXG4gICAgLy8gUmVzb2x2ZSBlbnRpdHlcclxuICAgIGNvbnN0IGVudGl0eSA9IHRoaXMuZW50aXR5UmVzb2x2ZXIucmVzb2x2ZShkb3ROb3RhdGlvbi5lbnRpdHlUeXBlLCBTdHJpbmcoZm9yZWlnbklkKSk7XHJcbiAgICBpZiAoIWVudGl0eSkgcmV0dXJuICcnO1xyXG5cclxuICAgIC8vIFJldHVybiBwcm9wZXJ0eSB2YWx1ZSBmcm9tIGVudGl0eVxyXG4gICAgcmV0dXJuIFN0cmluZyhlbnRpdHlbZG90Tm90YXRpb24ucHJvcGVydHldIHx8ICcnKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE1hdGNoIGV2ZW50IG1vZCBrb2xvbm5lXHJcbiAgICovXHJcbiAgbWF0Y2hlcyhldmVudDogSUNhbGVuZGFyRXZlbnQsIGNvbHVtbjogSFRNTEVsZW1lbnQpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmJ1aWxkS2V5RnJvbUV2ZW50KGV2ZW50KSA9PT0gdGhpcy5idWlsZEtleUZyb21Db2x1bW4oY29sdW1uKTtcclxuICB9XHJcbn1cclxuIiwgImltcG9ydCB7IElSZW5kZXJlciwgSVJlbmRlckNvbnRleHQgfSBmcm9tICcuL0lHcm91cGluZ1JlbmRlcmVyJztcclxuaW1wb3J0IHsgYnVpbGRQaXBlbGluZSB9IGZyb20gJy4vUmVuZGVyQnVpbGRlcic7XHJcbmltcG9ydCB7IEV2ZW50UmVuZGVyZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9ldmVudC9FdmVudFJlbmRlcmVyJztcclxuaW1wb3J0IHsgU2NoZWR1bGVSZW5kZXJlciB9IGZyb20gJy4uL2ZlYXR1cmVzL3NjaGVkdWxlL1NjaGVkdWxlUmVuZGVyZXInO1xyXG5pbXBvcnQgeyBIZWFkZXJEcmF3ZXJSZW5kZXJlciB9IGZyb20gJy4uL2ZlYXR1cmVzL2hlYWRlcmRyYXdlci9IZWFkZXJEcmF3ZXJSZW5kZXJlcic7XHJcbmltcG9ydCB7IFZpZXdDb25maWcsIEdyb3VwaW5nQ29uZmlnIH0gZnJvbSAnLi9WaWV3Q29uZmlnJztcclxuaW1wb3J0IHsgRmlsdGVyVGVtcGxhdGUgfSBmcm9tICcuL0ZpbHRlclRlbXBsYXRlJztcclxuaW1wb3J0IHsgRGF0ZVNlcnZpY2UgfSBmcm9tICcuL0RhdGVTZXJ2aWNlJztcclxuaW1wb3J0IHsgSUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9zdG9yYWdlL0lFbnRpdHlTZXJ2aWNlJztcclxuaW1wb3J0IHsgSVN5bmMgfSBmcm9tICcuLi90eXBlcy9DYWxlbmRhclR5cGVzJztcclxuXHJcbmV4cG9ydCBjbGFzcyBDYWxlbmRhck9yY2hlc3RyYXRvciB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGFsbFJlbmRlcmVyczogSVJlbmRlcmVyW10sXHJcbiAgICBwcml2YXRlIGV2ZW50UmVuZGVyZXI6IEV2ZW50UmVuZGVyZXIsXHJcbiAgICBwcml2YXRlIHNjaGVkdWxlUmVuZGVyZXI6IFNjaGVkdWxlUmVuZGVyZXIsXHJcbiAgICBwcml2YXRlIGhlYWRlckRyYXdlclJlbmRlcmVyOiBIZWFkZXJEcmF3ZXJSZW5kZXJlcixcclxuICAgIHByaXZhdGUgZGF0ZVNlcnZpY2U6IERhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBlbnRpdHlTZXJ2aWNlczogSUVudGl0eVNlcnZpY2U8SVN5bmM+W11cclxuICApIHt9XHJcblxyXG4gIGFzeW5jIHJlbmRlcih2aWV3Q29uZmlnOiBWaWV3Q29uZmlnLCBjb250YWluZXI6IEhUTUxFbGVtZW50KTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBjb25zdCBoZWFkZXJDb250YWluZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWNhbGVuZGFyLWhlYWRlcicpIGFzIEhUTUxFbGVtZW50O1xyXG4gICAgY29uc3QgY29sdW1uQ29udGFpbmVyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1kYXktY29sdW1ucycpIGFzIEhUTUxFbGVtZW50O1xyXG4gICAgaWYgKCFoZWFkZXJDb250YWluZXIgfHwgIWNvbHVtbkNvbnRhaW5lcikge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ01pc3Npbmcgc3dwLWNhbGVuZGFyLWhlYWRlciBvciBzd3AtZGF5LWNvbHVtbnMnKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBCeWcgZmlsdGVyIGZyYSB2aWV3Q29uZmlnXHJcbiAgICBjb25zdCBmaWx0ZXI6IFJlY29yZDxzdHJpbmcsIHN0cmluZ1tdPiA9IHt9O1xyXG4gICAgZm9yIChjb25zdCBncm91cGluZyBvZiB2aWV3Q29uZmlnLmdyb3VwaW5ncykge1xyXG4gICAgICBmaWx0ZXJbZ3JvdXBpbmcudHlwZV0gPSBncm91cGluZy52YWx1ZXM7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gQnlnIEZpbHRlclRlbXBsYXRlIGZyYSB2aWV3Q29uZmlnIGdyb3VwaW5ncyAoa3VuIGRlIG1lZCBpZFByb3BlcnR5KVxyXG4gICAgY29uc3QgZmlsdGVyVGVtcGxhdGUgPSBuZXcgRmlsdGVyVGVtcGxhdGUodGhpcy5kYXRlU2VydmljZSk7XHJcbiAgICBmb3IgKGNvbnN0IGdyb3VwaW5nIG9mIHZpZXdDb25maWcuZ3JvdXBpbmdzKSB7XHJcbiAgICAgIGlmIChncm91cGluZy5pZFByb3BlcnR5KSB7XHJcbiAgICAgICAgZmlsdGVyVGVtcGxhdGUuYWRkRmllbGQoZ3JvdXBpbmcuaWRQcm9wZXJ0eSwgZ3JvdXBpbmcuZGVyaXZlZEZyb20pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLy8gUmVzb2x2ZSBiZWxvbmdzVG8gcmVsYXRpb25zIChlLmcuLCB0ZWFtLnJlc291cmNlSWRzKVxyXG4gICAgY29uc3QgeyBwYXJlbnRDaGlsZE1hcCwgY2hpbGRUeXBlIH0gPSBhd2FpdCB0aGlzLnJlc29sdmVCZWxvbmdzVG8odmlld0NvbmZpZy5ncm91cGluZ3MsIGZpbHRlcik7XHJcblxyXG4gICAgY29uc3QgY29udGV4dDogSVJlbmRlckNvbnRleHQgPSB7IGhlYWRlckNvbnRhaW5lciwgY29sdW1uQ29udGFpbmVyLCBmaWx0ZXIsIGdyb3VwaW5nczogdmlld0NvbmZpZy5ncm91cGluZ3MsIHBhcmVudENoaWxkTWFwLCBjaGlsZFR5cGUgfTtcclxuXHJcbiAgICAvLyBDbGVhclxyXG4gICAgaGVhZGVyQ29udGFpbmVyLmlubmVySFRNTCA9ICcnO1xyXG4gICAgY29sdW1uQ29udGFpbmVyLmlubmVySFRNTCA9ICcnO1xyXG5cclxuICAgIC8vIFNcdTAwRTZ0IGRhdGEtbGV2ZWxzIGF0dHJpYnV0IGZvciBDU1MgZ3JpZC1yb3cgc3R5bGluZ1xyXG4gICAgY29uc3QgbGV2ZWxzID0gdmlld0NvbmZpZy5ncm91cGluZ3MubWFwKGcgPT4gZy50eXBlKS5qb2luKCcgJyk7XHJcbiAgICBoZWFkZXJDb250YWluZXIuZGF0YXNldC5sZXZlbHMgPSBsZXZlbHM7XHJcblxyXG4gICAgLy8gVlx1MDBFNmxnIHJlbmRlcmVycyBiYXNlcmV0IHBcdTAwRTUgZ3JvdXBpbmdzIHR5cGVzXHJcbiAgICBjb25zdCBhY3RpdmVSZW5kZXJlcnMgPSB0aGlzLnNlbGVjdFJlbmRlcmVycyh2aWV3Q29uZmlnKTtcclxuXHJcbiAgICAvLyBCeWcgb2cga1x1MDBGOHIgcGlwZWxpbmVcclxuICAgIGNvbnN0IHBpcGVsaW5lID0gYnVpbGRQaXBlbGluZShhY3RpdmVSZW5kZXJlcnMpO1xyXG4gICAgYXdhaXQgcGlwZWxpbmUucnVuKGNvbnRleHQpO1xyXG5cclxuICAgIC8vIFJlbmRlciBzY2hlZHVsZSB1bmF2YWlsYWJsZSB6b25lcyAoZlx1MDBGOHIgZXZlbnRzKVxyXG4gICAgYXdhaXQgdGhpcy5zY2hlZHVsZVJlbmRlcmVyLnJlbmRlcihjb250YWluZXIsIGZpbHRlcik7XHJcblxyXG4gICAgLy8gUmVuZGVyIHRpbWVkIGV2ZW50cyBpbiBncmlkIChtZWQgZmlsdGVyVGVtcGxhdGUgdGlsIG1hdGNoaW5nKVxyXG4gICAgYXdhaXQgdGhpcy5ldmVudFJlbmRlcmVyLnJlbmRlcihjb250YWluZXIsIGZpbHRlciwgZmlsdGVyVGVtcGxhdGUpO1xyXG5cclxuICAgIC8vIFJlbmRlciBhbGxEYXkgZXZlbnRzIGluIGhlYWRlciBkcmF3ZXIgKG1lZCBmaWx0ZXJUZW1wbGF0ZSB0aWwgbWF0Y2hpbmcpXHJcbiAgICBhd2FpdCB0aGlzLmhlYWRlckRyYXdlclJlbmRlcmVyLnJlbmRlcihjb250YWluZXIsIGZpbHRlciwgZmlsdGVyVGVtcGxhdGUpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZWxlY3RSZW5kZXJlcnModmlld0NvbmZpZzogVmlld0NvbmZpZyk6IElSZW5kZXJlcltdIHtcclxuICAgIGNvbnN0IHR5cGVzID0gdmlld0NvbmZpZy5ncm91cGluZ3MubWFwKGcgPT4gZy50eXBlKTtcclxuICAgIC8vIFNvcnRcdTAwRTlyIHJlbmRlcmVycyBpIHNhbW1lIHJcdTAwRTZra2VmXHUwMEY4bGdlIHNvbSB2aWV3Q29uZmlnLmdyb3VwaW5nc1xyXG4gICAgcmV0dXJuIHR5cGVzXHJcbiAgICAgIC5tYXAodHlwZSA9PiB0aGlzLmFsbFJlbmRlcmVycy5maW5kKHIgPT4gci50eXBlID09PSB0eXBlKSlcclxuICAgICAgLmZpbHRlcigocik6IHIgaXMgSVJlbmRlcmVyID0+IHIgIT09IHVuZGVmaW5lZCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZXNvbHZlIGJlbG9uZ3NUbyByZWxhdGlvbnMgdG8gYnVpbGQgcGFyZW50LWNoaWxkIG1hcFxyXG4gICAqIGUuZy4sIGJlbG9uZ3NUbzogJ3RlYW0ucmVzb3VyY2VJZHMnIFx1MjE5MiB7IHRlYW0xOiBbJ0VNUDAwMScsICdFTVAwMDInXSwgdGVhbTI6IFsuLi5dIH1cclxuICAgKiBBbHNvIHJldHVybnMgdGhlIGNoaWxkVHlwZSAodGhlIGdyb3VwaW5nIHR5cGUgdGhhdCBoYXMgYmVsb25nc1RvKVxyXG4gICAqL1xyXG4gIHByaXZhdGUgYXN5bmMgcmVzb2x2ZUJlbG9uZ3NUbyhcclxuICAgIGdyb3VwaW5nczogR3JvdXBpbmdDb25maWdbXSxcclxuICAgIGZpbHRlcjogUmVjb3JkPHN0cmluZywgc3RyaW5nW10+XHJcbiAgKTogUHJvbWlzZTx7IHBhcmVudENoaWxkTWFwPzogUmVjb3JkPHN0cmluZywgc3RyaW5nW10+OyBjaGlsZFR5cGU/OiBzdHJpbmcgfT4ge1xyXG4gICAgLy8gRmluZCBncm91cGluZyB3aXRoIGJlbG9uZ3NUb1xyXG4gICAgY29uc3QgY2hpbGRHcm91cGluZyA9IGdyb3VwaW5ncy5maW5kKGcgPT4gZy5iZWxvbmdzVG8pO1xyXG4gICAgaWYgKCFjaGlsZEdyb3VwaW5nPy5iZWxvbmdzVG8pIHJldHVybiB7fTtcclxuXHJcbiAgICAvLyBQYXJzZSBiZWxvbmdzVG86ICd0ZWFtLnJlc291cmNlSWRzJ1xyXG4gICAgY29uc3QgW2VudGl0eVR5cGUsIHByb3BlcnR5XSA9IGNoaWxkR3JvdXBpbmcuYmVsb25nc1RvLnNwbGl0KCcuJyk7XHJcbiAgICBpZiAoIWVudGl0eVR5cGUgfHwgIXByb3BlcnR5KSByZXR1cm4ge307XHJcblxyXG4gICAgLy8gR2V0IHBhcmVudCBJRHMgZnJvbSBmaWx0ZXJcclxuICAgIGNvbnN0IHBhcmVudElkcyA9IGZpbHRlcltlbnRpdHlUeXBlXSB8fCBbXTtcclxuICAgIGlmIChwYXJlbnRJZHMubGVuZ3RoID09PSAwKSByZXR1cm4ge307XHJcblxyXG4gICAgLy8gRmluZCBzZXJ2aWNlIGR5bmFtaXNrIGJhc2VyZXQgcFx1MDBFNSBlbnRpdHlUeXBlIChpbmdlbiBoYXJkY29kZWQgdHlwZSBjaGVjaylcclxuICAgIGNvbnN0IHNlcnZpY2UgPSB0aGlzLmVudGl0eVNlcnZpY2VzLmZpbmQocyA9PlxyXG4gICAgICBzLmVudGl0eVR5cGUudG9Mb3dlckNhc2UoKSA9PT0gZW50aXR5VHlwZVxyXG4gICAgKTtcclxuICAgIGlmICghc2VydmljZSkgcmV0dXJuIHt9O1xyXG5cclxuICAgIC8vIEhlbnQgYWxsZSBlbnRpdGllcyBvZyBmaWx0cmVyIHBcdTAwRTUgcGFyZW50SWRzXHJcbiAgICBjb25zdCBhbGxFbnRpdGllcyA9IGF3YWl0IHNlcnZpY2UuZ2V0QWxsKCk7XHJcbiAgICBjb25zdCBlbnRpdGllcyA9IGFsbEVudGl0aWVzLmZpbHRlcihlID0+XHJcbiAgICAgIHBhcmVudElkcy5pbmNsdWRlcygoZSBhcyB1bmtub3duIGFzIFJlY29yZDxzdHJpbmcsIHVua25vd24+KS5pZCBhcyBzdHJpbmcpXHJcbiAgICApO1xyXG5cclxuICAgIC8vIEJ5ZyBwYXJlbnQtY2hpbGQgbWFwXHJcbiAgICBjb25zdCBtYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZ1tdPiA9IHt9O1xyXG4gICAgZm9yIChjb25zdCBlbnRpdHkgb2YgZW50aXRpZXMpIHtcclxuICAgICAgY29uc3QgZW50aXR5UmVjb3JkID0gZW50aXR5IGFzIHVua25vd24gYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj47XHJcbiAgICAgIGNvbnN0IGNoaWxkcmVuID0gKGVudGl0eVJlY29yZFtwcm9wZXJ0eV0gYXMgc3RyaW5nW10pIHx8IFtdO1xyXG4gICAgICBtYXBbZW50aXR5UmVjb3JkLmlkIGFzIHN0cmluZ10gPSBjaGlsZHJlbjtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4geyBwYXJlbnRDaGlsZE1hcDogbWFwLCBjaGlsZFR5cGU6IGNoaWxkR3JvdXBpbmcudHlwZSB9O1xyXG4gIH1cclxufVxyXG4iLCAiZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25BbmltYXRvciB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGhlYWRlclRyYWNrOiBIVE1MRWxlbWVudCxcclxuICAgIHByaXZhdGUgY29udGVudFRyYWNrOiBIVE1MRWxlbWVudCxcclxuICAgIHByaXZhdGUgaGVhZGVyRHJhd2VyOiBIVE1MRWxlbWVudCB8IG51bGxcclxuICApIHt9XHJcblxyXG4gIGFzeW5jIHNsaWRlKGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JywgcmVuZGVyRm46ICgpID0+IFByb21pc2U8dm9pZD4pOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGNvbnN0IG91dCA9IGRpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJy0xMDAlJyA6ICcxMDAlJztcclxuICAgIGNvbnN0IGludG8gPSBkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICcxMDAlJyA6ICctMTAwJSc7XHJcblxyXG4gICAgYXdhaXQgdGhpcy5hbmltYXRlT3V0KG91dCk7XHJcbiAgICBhd2FpdCByZW5kZXJGbigpO1xyXG4gICAgYXdhaXQgdGhpcy5hbmltYXRlSW4oaW50byk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGFzeW5jIGFuaW1hdGVPdXQodHJhbnNsYXRlOiBzdHJpbmcpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGNvbnN0IGFuaW1hdGlvbnMgPSBbXHJcbiAgICAgIHRoaXMuaGVhZGVyVHJhY2suYW5pbWF0ZShcclxuICAgICAgICBbeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9LCB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0cmFuc2xhdGV9KWAgfV0sXHJcbiAgICAgICAgeyBkdXJhdGlvbjogMjAwLCBlYXNpbmc6ICdlYXNlLWluJyB9XHJcbiAgICAgICkuZmluaXNoZWQsXHJcbiAgICAgIHRoaXMuY29udGVudFRyYWNrLmFuaW1hdGUoXHJcbiAgICAgICAgW3sgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfSwgeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH1dLFxyXG4gICAgICAgIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1pbicgfVxyXG4gICAgICApLmZpbmlzaGVkXHJcbiAgICBdO1xyXG5cclxuICAgIGlmICh0aGlzLmhlYWRlckRyYXdlcikge1xyXG4gICAgICBhbmltYXRpb25zLnB1c2goXHJcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXIuYW5pbWF0ZShcclxuICAgICAgICAgIFt7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH0sIHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9XSxcclxuICAgICAgICAgIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1pbicgfVxyXG4gICAgICAgICkuZmluaXNoZWRcclxuICAgICAgKTtcclxuICAgIH1cclxuXHJcbiAgICBhd2FpdCBQcm9taXNlLmFsbChhbmltYXRpb25zKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYXN5bmMgYW5pbWF0ZUluKHRyYW5zbGF0ZTogc3RyaW5nKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBjb25zdCBhbmltYXRpb25zID0gW1xyXG4gICAgICB0aGlzLmhlYWRlclRyYWNrLmFuaW1hdGUoXHJcbiAgICAgICAgW3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9LCB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH1dLFxyXG4gICAgICAgIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1vdXQnIH1cclxuICAgICAgKS5maW5pc2hlZCxcclxuICAgICAgdGhpcy5jb250ZW50VHJhY2suYW5pbWF0ZShcclxuICAgICAgICBbeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH0sIHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfV0sXHJcbiAgICAgICAgeyBkdXJhdGlvbjogMjAwLCBlYXNpbmc6ICdlYXNlLW91dCcgfVxyXG4gICAgICApLmZpbmlzaGVkXHJcbiAgICBdO1xyXG5cclxuICAgIGlmICh0aGlzLmhlYWRlckRyYXdlcikge1xyXG4gICAgICBhbmltYXRpb25zLnB1c2goXHJcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXIuYW5pbWF0ZShcclxuICAgICAgICAgIFt7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0cmFuc2xhdGV9KWAgfSwgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9XSxcclxuICAgICAgICAgIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1vdXQnIH1cclxuICAgICAgICApLmZpbmlzaGVkXHJcbiAgICAgICk7XHJcbiAgICB9XHJcblxyXG4gICAgYXdhaXQgUHJvbWlzZS5hbGwoYW5pbWF0aW9ucyk7XHJcbiAgfVxyXG59XHJcbiIsICJpbXBvcnQgeyBJUmVuZGVyZXIsIElSZW5kZXJDb250ZXh0IH0gZnJvbSAnLi4vLi4vY29yZS9JR3JvdXBpbmdSZW5kZXJlcic7XHJcbmltcG9ydCB7IERhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY29yZS9EYXRlU2VydmljZSc7XHJcblxyXG5leHBvcnQgY2xhc3MgRGF0ZVJlbmRlcmVyIGltcGxlbWVudHMgSVJlbmRlcmVyIHtcclxuICByZWFkb25seSB0eXBlID0gJ2RhdGUnO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRhdGVTZXJ2aWNlOiBEYXRlU2VydmljZSkge31cclxuXHJcbiAgcmVuZGVyKGNvbnRleHQ6IElSZW5kZXJDb250ZXh0KTogdm9pZCB7XHJcbiAgICBjb25zdCBkYXRlcyA9IGNvbnRleHQuZmlsdGVyWydkYXRlJ10gfHwgW107XHJcbiAgICBjb25zdCByZXNvdXJjZUlkcyA9IGNvbnRleHQuZmlsdGVyWydyZXNvdXJjZSddIHx8IFtdO1xyXG5cclxuICAgIC8vIENoZWNrIGlmIGRhdGUgaGVhZGVycyBzaG91bGQgYmUgaGlkZGVuIChlLmcuLCBpbiBkYXkgdmlldylcclxuICAgIGNvbnN0IGRhdGVHcm91cGluZyA9IGNvbnRleHQuZ3JvdXBpbmdzPy5maW5kKGcgPT4gZy50eXBlID09PSAnZGF0ZScpO1xyXG4gICAgY29uc3QgaGlkZUhlYWRlciA9IGRhdGVHcm91cGluZz8uaGlkZUhlYWRlciA9PT0gdHJ1ZTtcclxuXHJcbiAgICAvLyBSZW5kZXIgZGF0ZXMgZm9yIEhWRVIgcmVzb3VyY2UgKGVsbGVyIDEgZ2FuZyBodmlzIGluZ2VuIHJlc291cmNlcylcclxuICAgIGNvbnN0IGl0ZXJhdGlvbnMgPSByZXNvdXJjZUlkcy5sZW5ndGggfHwgMTtcclxuICAgIGxldCBjb2x1bW5Db3VudCA9IDA7XHJcblxyXG4gICAgZm9yIChsZXQgciA9IDA7IHIgPCBpdGVyYXRpb25zOyByKyspIHtcclxuICAgICAgY29uc3QgcmVzb3VyY2VJZCA9IHJlc291cmNlSWRzW3JdOyAvLyB1bmRlZmluZWQgaHZpcyBpbmdlbiByZXNvdXJjZXNcclxuXHJcbiAgICAgIGZvciAoY29uc3QgZGF0ZVN0ciBvZiBkYXRlcykge1xyXG4gICAgICAgIGNvbnN0IGRhdGUgPSB0aGlzLmRhdGVTZXJ2aWNlLnBhcnNlSVNPKGRhdGVTdHIpO1xyXG5cclxuICAgICAgICAvLyBCdWlsZCBjb2x1bW5LZXkgZm9yIHVuaWZvcm0gaWRlbnRpZmljYXRpb25cclxuICAgICAgICBjb25zdCBzZWdtZW50czogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHsgZGF0ZTogZGF0ZVN0ciB9O1xyXG4gICAgICAgIGlmIChyZXNvdXJjZUlkKSBzZWdtZW50cy5yZXNvdXJjZSA9IHJlc291cmNlSWQ7XHJcbiAgICAgICAgY29uc3QgY29sdW1uS2V5ID0gdGhpcy5kYXRlU2VydmljZS5idWlsZENvbHVtbktleShzZWdtZW50cyk7XHJcblxyXG4gICAgICAgIC8vIEhlYWRlclxyXG4gICAgICAgIGNvbnN0IGhlYWRlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1kYXktaGVhZGVyJyk7XHJcbiAgICAgICAgaGVhZGVyLmRhdGFzZXQuZGF0ZSA9IGRhdGVTdHI7XHJcbiAgICAgICAgaGVhZGVyLmRhdGFzZXQuY29sdW1uS2V5ID0gY29sdW1uS2V5O1xyXG4gICAgICAgIGlmIChyZXNvdXJjZUlkKSB7XHJcbiAgICAgICAgICBoZWFkZXIuZGF0YXNldC5yZXNvdXJjZUlkID0gcmVzb3VyY2VJZDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGhpZGVIZWFkZXIpIHtcclxuICAgICAgICAgIGhlYWRlci5kYXRhc2V0LmhpZGRlbiA9ICd0cnVlJztcclxuICAgICAgICB9XHJcbiAgICAgICAgaGVhZGVyLmlubmVySFRNTCA9IGBcclxuICAgICAgICAgIDxzd3AtZGF5LW5hbWU+JHt0aGlzLmRhdGVTZXJ2aWNlLmdldERheU5hbWUoZGF0ZSwgJ3Nob3J0Jyl9PC9zd3AtZGF5LW5hbWU+XHJcbiAgICAgICAgICA8c3dwLWRheS1kYXRlPiR7ZGF0ZS5nZXREYXRlKCl9PC9zd3AtZGF5LWRhdGU+XHJcbiAgICAgICAgYDtcclxuICAgICAgICBjb250ZXh0LmhlYWRlckNvbnRhaW5lci5hcHBlbmRDaGlsZChoZWFkZXIpO1xyXG5cclxuICAgICAgICAvLyBDb2x1bW5cclxuICAgICAgICBjb25zdCBjb2x1bW4gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZGF5LWNvbHVtbicpO1xyXG4gICAgICAgIGNvbHVtbi5kYXRhc2V0LmRhdGUgPSBkYXRlU3RyO1xyXG4gICAgICAgIGNvbHVtbi5kYXRhc2V0LmNvbHVtbktleSA9IGNvbHVtbktleTtcclxuICAgICAgICBpZiAocmVzb3VyY2VJZCkge1xyXG4gICAgICAgICAgY29sdW1uLmRhdGFzZXQucmVzb3VyY2VJZCA9IHJlc291cmNlSWQ7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNvbHVtbi5pbm5lckhUTUwgPSAnPHN3cC1ldmVudHMtbGF5ZXI+PC9zd3AtZXZlbnRzLWxheWVyPic7XHJcbiAgICAgICAgY29udGV4dC5jb2x1bW5Db250YWluZXIuYXBwZW5kQ2hpbGQoY29sdW1uKTtcclxuXHJcbiAgICAgICAgY29sdW1uQ291bnQrKztcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC8vIFNldCBncmlkIGNvbHVtbnMgb24gY29udGFpbmVyXHJcbiAgICBjb25zdCBjb250YWluZXIgPSBjb250ZXh0LmNvbHVtbkNvbnRhaW5lci5jbG9zZXN0KCdzd3AtY2FsZW5kYXItY29udGFpbmVyJyk7XHJcbiAgICBpZiAoY29udGFpbmVyKSB7XHJcbiAgICAgIChjb250YWluZXIgYXMgSFRNTEVsZW1lbnQpLnN0eWxlLnNldFByb3BlcnR5KCctLWdyaWQtY29sdW1ucycsIFN0cmluZyhjb2x1bW5Db3VudCkpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCAiaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJztcclxuaW1wb3J0IHV0YyBmcm9tICdkYXlqcy9wbHVnaW4vdXRjJztcclxuaW1wb3J0IHRpbWV6b25lIGZyb20gJ2RheWpzL3BsdWdpbi90aW1lem9uZSc7XHJcbmltcG9ydCBpc29XZWVrIGZyb20gJ2RheWpzL3BsdWdpbi9pc29XZWVrJztcclxuaW1wb3J0IHsgSVRpbWVGb3JtYXRDb25maWcgfSBmcm9tICcuL0lUaW1lRm9ybWF0Q29uZmlnJztcclxuXHJcbi8vIEVuYWJsZSBkYXlqcyBwbHVnaW5zXHJcbmRheWpzLmV4dGVuZCh1dGMpO1xyXG5kYXlqcy5leHRlbmQodGltZXpvbmUpO1xyXG5kYXlqcy5leHRlbmQoaXNvV2Vlayk7XHJcblxyXG5leHBvcnQgY2xhc3MgRGF0ZVNlcnZpY2Uge1xyXG4gIHByaXZhdGUgdGltZXpvbmU6IHN0cmluZztcclxuICBwcml2YXRlIGJhc2VEYXRlOiBkYXlqcy5EYXlqcztcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjb25maWc6IElUaW1lRm9ybWF0Q29uZmlnLCBiYXNlRGF0ZT86IERhdGUpIHtcclxuICAgIHRoaXMudGltZXpvbmUgPSBjb25maWcudGltZXpvbmU7XHJcbiAgICAvLyBBbGxvdyBzZXR0aW5nIGEgZml4ZWQgYmFzZSBkYXRlIGZvciBkZW1vL3Rlc3RpbmcgcHVycG9zZXNcclxuICAgIHRoaXMuYmFzZURhdGUgPSBiYXNlRGF0ZSA/IGRheWpzKGJhc2VEYXRlKSA6IGRheWpzKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTZXQgYSBmaXhlZCBiYXNlIGRhdGUgKHVzZWZ1bCBmb3IgZGVtb3Mgd2l0aCBzdGF0aWMgbW9jayBkYXRhKVxyXG4gICAqL1xyXG4gIHNldEJhc2VEYXRlKGRhdGU6IERhdGUpOiB2b2lkIHtcclxuICAgIHRoaXMuYmFzZURhdGUgPSBkYXlqcyhkYXRlKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEdldCB0aGUgY3VycmVudCBiYXNlIGRhdGUgKGVpdGhlciBmaXhlZCBvciB0b2RheSlcclxuICAgKi9cclxuICBnZXRCYXNlRGF0ZSgpOiBEYXRlIHtcclxuICAgIHJldHVybiB0aGlzLmJhc2VEYXRlLnRvRGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgcGFyc2VJU08oaXNvU3RyaW5nOiBzdHJpbmcpOiBEYXRlIHtcclxuICAgIHJldHVybiBkYXlqcyhpc29TdHJpbmcpLnRvRGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0RGF5TmFtZShkYXRlOiBEYXRlLCBmb3JtYXQ6ICdzaG9ydCcgfCAnbG9uZycgPSAnc2hvcnQnKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBuZXcgSW50bC5EYXRlVGltZUZvcm1hdCh0aGlzLmNvbmZpZy5sb2NhbGUsIHsgd2Vla2RheTogZm9ybWF0IH0pLmZvcm1hdChkYXRlKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEdldCBkYXRlcyBzdGFydGluZyBmcm9tIGEgZGF5IG9mZnNldFxyXG4gICAqIEBwYXJhbSBkYXlPZmZzZXQgLSBEYXkgb2Zmc2V0IGZyb20gYmFzZSBkYXRlXHJcbiAgICogQHBhcmFtIGNvdW50IC0gTnVtYmVyIG9mIGNvbnNlY3V0aXZlIGRheXMgdG8gcmV0dXJuXHJcbiAgICogQHJldHVybnMgQXJyYXkgb2YgZGF0ZSBzdHJpbmdzIGluIFlZWVktTU0tREQgZm9ybWF0XHJcbiAgICovXHJcbiAgZ2V0RGF0ZXNGcm9tT2Zmc2V0KGRheU9mZnNldDogbnVtYmVyLCBjb3VudDogbnVtYmVyKTogc3RyaW5nW10ge1xyXG4gICAgY29uc3Qgc3RhcnREYXRlID0gdGhpcy5iYXNlRGF0ZS5hZGQoZGF5T2Zmc2V0LCAnZGF5Jyk7XHJcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh7IGxlbmd0aDogY291bnQgfSwgKF8sIGkpID0+XHJcbiAgICAgIHN0YXJ0RGF0ZS5hZGQoaSwgJ2RheScpLmZvcm1hdCgnWVlZWS1NTS1ERCcpXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogR2V0IHNwZWNpZmljIHdlZWtkYXlzIGZyb20gdGhlIHdlZWsgY29udGFpbmluZyB0aGUgb2Zmc2V0IGRhdGVcclxuICAgKiBAcGFyYW0gZGF5T2Zmc2V0IC0gRGF5IG9mZnNldCBmcm9tIGJhc2UgZGF0ZVxyXG4gICAqIEBwYXJhbSB3b3JrRGF5cyAtIEFycmF5IG9mIElTTyB3ZWVrZGF5IG51bWJlcnMgKDE9TW9uZGF5LCA3PVN1bmRheSlcclxuICAgKiBAcmV0dXJucyBBcnJheSBvZiBkYXRlIHN0cmluZ3MgaW4gWVlZWS1NTS1ERCBmb3JtYXRcclxuICAgKi9cclxuICBnZXRXb3JrRGF5c0Zyb21PZmZzZXQoZGF5T2Zmc2V0OiBudW1iZXIsIHdvcmtEYXlzOiBudW1iZXJbXSk6IHN0cmluZ1tdIHtcclxuICAgIC8vIEdldCB0aGUgZGF0ZSBhdCBvZmZzZXQsIHRoZW4gZmluZCBpdHMgd2VlaydzIE1vbmRheVxyXG4gICAgY29uc3QgdGFyZ2V0RGF0ZSA9IHRoaXMuYmFzZURhdGUuYWRkKGRheU9mZnNldCwgJ2RheScpO1xyXG4gICAgY29uc3QgbW9uZGF5ID0gdGFyZ2V0RGF0ZS5zdGFydE9mKCd3ZWVrJykuYWRkKDEsICdkYXknKTtcclxuXHJcbiAgICByZXR1cm4gd29ya0RheXMubWFwKGlzb0RheSA9PiB7XHJcbiAgICAgIC8vIElTTzogMT1Nb25kYXksIDc9U3VuZGF5IFx1MjE5MiBkYXlzIGZyb20gTW9uZGF5OiAwLTZcclxuICAgICAgY29uc3QgZGF5c0Zyb21Nb25kYXkgPSBpc29EYXkgPT09IDcgPyA2IDogaXNvRGF5IC0gMTtcclxuICAgICAgcmV0dXJuIG1vbmRheS5hZGQoZGF5c0Zyb21Nb25kYXksICdkYXknKS5mb3JtYXQoJ1lZWVktTU0tREQnKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLy8gTGVnYWN5IG1ldGhvZHMgZm9yIGJhY2t3YXJkcyBjb21wYXRpYmlsaXR5XHJcbiAgZ2V0V2Vla0RhdGVzKHdlZWtPZmZzZXQgPSAwLCBkYXlzID0gNyk6IHN0cmluZ1tdIHtcclxuICAgIHJldHVybiB0aGlzLmdldERhdGVzRnJvbU9mZnNldCh3ZWVrT2Zmc2V0ICogNywgZGF5cyk7XHJcbiAgfVxyXG5cclxuICBnZXRXb3JrV2Vla0RhdGVzKHdlZWtPZmZzZXQ6IG51bWJlciwgd29ya0RheXM6IG51bWJlcltdKTogc3RyaW5nW10ge1xyXG4gICAgcmV0dXJuIHRoaXMuZ2V0V29ya0RheXNGcm9tT2Zmc2V0KHdlZWtPZmZzZXQgKiA3LCB3b3JrRGF5cyk7XHJcbiAgfVxyXG5cclxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxyXG4gIC8vIEZPUk1BVFRJTkdcclxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxyXG5cclxuICBmb3JtYXRUaW1lKGRhdGU6IERhdGUsIHNob3dTZWNvbmRzID0gZmFsc2UpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgcGF0dGVybiA9IHNob3dTZWNvbmRzID8gJ0hIOm1tOnNzJyA6ICdISDptbSc7XHJcbiAgICByZXR1cm4gZGF5anMoZGF0ZSkuZm9ybWF0KHBhdHRlcm4pO1xyXG4gIH1cclxuXHJcbiAgZm9ybWF0VGltZVJhbmdlKHN0YXJ0OiBEYXRlLCBlbmQ6IERhdGUpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke3RoaXMuZm9ybWF0VGltZShzdGFydCl9IC0gJHt0aGlzLmZvcm1hdFRpbWUoZW5kKX1gO1xyXG4gIH1cclxuXHJcbiAgZm9ybWF0RGF0ZShkYXRlOiBEYXRlKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBkYXlqcyhkYXRlKS5mb3JtYXQoJ1lZWVktTU0tREQnKTtcclxuICB9XHJcblxyXG4gIGdldERhdGVLZXkoZGF0ZTogRGF0ZSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtYXREYXRlKGRhdGUpO1xyXG4gIH1cclxuXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuICAvLyBDT0xVTU4gS0VZXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuXHJcbiAgLyoqXHJcbiAgICogQnVpbGQgYSB1bmlmb3JtIGNvbHVtbktleSBmcm9tIGdyb3VwaW5nIHNlZ21lbnRzXHJcbiAgICogSGFuZGxlcyBhbnkgY29tYmluYXRpb24gb2YgZGF0ZSwgcmVzb3VyY2UsIHRlYW0sIGV0Yy5cclxuICAgKlxyXG4gICAqIEBleGFtcGxlXHJcbiAgICogYnVpbGRDb2x1bW5LZXkoeyBkYXRlOiAnMjAyNS0xMi0wOScgfSkgXHUyMTkyIFwiMjAyNS0xMi0wOVwiXHJcbiAgICogYnVpbGRDb2x1bW5LZXkoeyBkYXRlOiAnMjAyNS0xMi0wOScsIHJlc291cmNlOiAnRU1QMDAxJyB9KSBcdTIxOTIgXCIyMDI1LTEyLTA5OkVNUDAwMVwiXHJcbiAgICovXHJcbiAgYnVpbGRDb2x1bW5LZXkoc2VnbWVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4pOiBzdHJpbmcge1xyXG4gICAgLy8gQWx3YXlzIHB1dCBkYXRlIGZpcnN0IGlmIHByZXNlbnQsIHRoZW4gb3RoZXIgc2VnbWVudHMgYWxwaGFiZXRpY2FsbHlcclxuICAgIGNvbnN0IGRhdGUgPSBzZWdtZW50cy5kYXRlO1xyXG4gICAgY29uc3Qgb3RoZXJzID0gT2JqZWN0LmVudHJpZXMoc2VnbWVudHMpXHJcbiAgICAgIC5maWx0ZXIoKFtrXSkgPT4gayAhPT0gJ2RhdGUnKVxyXG4gICAgICAuc29ydCgoW2FdLCBbYl0pID0+IGEubG9jYWxlQ29tcGFyZShiKSlcclxuICAgICAgLm1hcCgoWywgdl0pID0+IHYpO1xyXG5cclxuICAgIHJldHVybiBkYXRlID8gW2RhdGUsIC4uLm90aGVyc10uam9pbignOicpIDogb3RoZXJzLmpvaW4oJzonKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFBhcnNlIGEgY29sdW1uS2V5IGJhY2sgaW50byBzZWdtZW50c1xyXG4gICAqIEFzc3VtZXMgZm9ybWF0OiBcImRhdGU6cmVzb3VyY2U6Li4uXCIgb3IganVzdCBcImRhdGVcIlxyXG4gICAqL1xyXG4gIHBhcnNlQ29sdW1uS2V5KGNvbHVtbktleTogc3RyaW5nKTogeyBkYXRlOiBzdHJpbmc7IHJlc291cmNlPzogc3RyaW5nIH0ge1xyXG4gICAgY29uc3QgcGFydHMgPSBjb2x1bW5LZXkuc3BsaXQoJzonKTtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIGRhdGU6IHBhcnRzWzBdLFxyXG4gICAgICByZXNvdXJjZTogcGFydHNbMV1cclxuICAgIH07XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFeHRyYWN0IGRhdGVLZXkgZnJvbSBjb2x1bW5LZXkgKGZpcnN0IHNlZ21lbnQpXHJcbiAgICovXHJcbiAgZ2V0RGF0ZUZyb21Db2x1bW5LZXkoY29sdW1uS2V5OiBzdHJpbmcpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGNvbHVtbktleS5zcGxpdCgnOicpWzBdO1xyXG4gIH1cclxuXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuICAvLyBUSU1FIENBTENVTEFUSU9OU1xyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcblxyXG4gIHRpbWVUb01pbnV0ZXModGltZVN0cmluZzogc3RyaW5nKTogbnVtYmVyIHtcclxuICAgIGNvbnN0IHBhcnRzID0gdGltZVN0cmluZy5zcGxpdCgnOicpLm1hcChOdW1iZXIpO1xyXG4gICAgY29uc3QgaG91cnMgPSBwYXJ0c1swXSB8fCAwO1xyXG4gICAgY29uc3QgbWludXRlcyA9IHBhcnRzWzFdIHx8IDA7XHJcbiAgICByZXR1cm4gaG91cnMgKiA2MCArIG1pbnV0ZXM7XHJcbiAgfVxyXG5cclxuICBtaW51dGVzVG9UaW1lKHRvdGFsTWludXRlczogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGhvdXJzID0gTWF0aC5mbG9vcih0b3RhbE1pbnV0ZXMgLyA2MCk7XHJcbiAgICBjb25zdCBtaW51dGVzID0gdG90YWxNaW51dGVzICUgNjA7XHJcbiAgICByZXR1cm4gZGF5anMoKS5ob3VyKGhvdXJzKS5taW51dGUobWludXRlcykuZm9ybWF0KCdISDptbScpO1xyXG4gIH1cclxuXHJcbiAgZ2V0TWludXRlc1NpbmNlTWlkbmlnaHQoZGF0ZTogRGF0ZSk6IG51bWJlciB7XHJcbiAgICBjb25zdCBkID0gZGF5anMoZGF0ZSk7XHJcbiAgICByZXR1cm4gZC5ob3VyKCkgKiA2MCArIGQubWludXRlKCk7XHJcbiAgfVxyXG5cclxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxyXG4gIC8vIFVUQyBDT05WRVJTSU9OU1xyXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcblxyXG4gIHRvVVRDKGxvY2FsRGF0ZTogRGF0ZSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gZGF5anMudHoobG9jYWxEYXRlLCB0aGlzLnRpbWV6b25lKS51dGMoKS50b0lTT1N0cmluZygpO1xyXG4gIH1cclxuXHJcbiAgZnJvbVVUQyh1dGNTdHJpbmc6IHN0cmluZyk6IERhdGUge1xyXG4gICAgcmV0dXJuIGRheWpzLnV0Yyh1dGNTdHJpbmcpLnR6KHRoaXMudGltZXpvbmUpLnRvRGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuICAvLyBEQVRFIENSRUFUSU9OXHJcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cclxuXHJcbiAgY3JlYXRlRGF0ZUF0VGltZShiYXNlRGF0ZTogRGF0ZSB8IHN0cmluZywgdGltZVN0cmluZzogc3RyaW5nKTogRGF0ZSB7XHJcbiAgICBjb25zdCB0b3RhbE1pbnV0ZXMgPSB0aGlzLnRpbWVUb01pbnV0ZXModGltZVN0cmluZyk7XHJcbiAgICBjb25zdCBob3VycyA9IE1hdGguZmxvb3IodG90YWxNaW51dGVzIC8gNjApO1xyXG4gICAgY29uc3QgbWludXRlcyA9IHRvdGFsTWludXRlcyAlIDYwO1xyXG4gICAgcmV0dXJuIGRheWpzKGJhc2VEYXRlKS5zdGFydE9mKCdkYXknKS5ob3VyKGhvdXJzKS5taW51dGUobWludXRlcykudG9EYXRlKCk7XHJcbiAgfVxyXG5cclxuICBnZXRJU09XZWVrRGF5KGRhdGU6IERhdGUgfCBzdHJpbmcpOiBudW1iZXIge1xyXG4gICAgcmV0dXJuIGRheWpzKGRhdGUpLmlzb1dlZWtkYXkoKTsgIC8vIDE9TW9uZGF5LCA3PVN1bmRheVxyXG4gIH1cclxufVxyXG4iLCAiLyoqXG4gKiBQb3NpdGlvblV0aWxzIC0gUGl4ZWwvcG9zaXRpb24gY2FsY3VsYXRpb25zIGZvciBjYWxlbmRhciBncmlkXG4gKlxuICogUkVTUE9OU0lCSUxJVFk6IENvbnZlcnQgYmV0d2VlbiB0aW1lIGFuZCBwaXhlbCBwb3NpdGlvbnNcbiAqIE5PVEU6IERhdGUgZm9ybWF0dGluZyBiZWxvbmdzIGluIERhdGVTZXJ2aWNlLCBub3QgaGVyZVxuICovXG5cbmltcG9ydCB7IElHcmlkQ29uZmlnIH0gZnJvbSAnLi4vY29yZS9JR3JpZENvbmZpZyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRXZlbnRQb3NpdGlvbiB7XG4gIHRvcDogbnVtYmVyOyAgICAvLyBwaXhlbHMgZnJvbSBkYXkgc3RhcnRcbiAgaGVpZ2h0OiBudW1iZXI7IC8vIHBpeGVsc1xufVxuXG4vKipcbiAqIENhbGN1bGF0ZSBwaXhlbCBwb3NpdGlvbiBmb3IgYW4gZXZlbnQgYmFzZWQgb24gaXRzIHRpbWVzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBjYWxjdWxhdGVFdmVudFBvc2l0aW9uKFxuICBzdGFydDogRGF0ZSxcbiAgZW5kOiBEYXRlLFxuICBjb25maWc6IElHcmlkQ29uZmlnXG4pOiBFdmVudFBvc2l0aW9uIHtcbiAgY29uc3Qgc3RhcnRNaW51dGVzID0gc3RhcnQuZ2V0SG91cnMoKSAqIDYwICsgc3RhcnQuZ2V0TWludXRlcygpO1xuICBjb25zdCBlbmRNaW51dGVzID0gZW5kLmdldEhvdXJzKCkgKiA2MCArIGVuZC5nZXRNaW51dGVzKCk7XG5cbiAgY29uc3QgZGF5U3RhcnRNaW51dGVzID0gY29uZmlnLmRheVN0YXJ0SG91ciAqIDYwO1xuICBjb25zdCBtaW51dGVIZWlnaHQgPSBjb25maWcuaG91ckhlaWdodCAvIDYwO1xuXG4gIGNvbnN0IHRvcCA9IChzdGFydE1pbnV0ZXMgLSBkYXlTdGFydE1pbnV0ZXMpICogbWludXRlSGVpZ2h0O1xuICBjb25zdCBoZWlnaHQgPSAoZW5kTWludXRlcyAtIHN0YXJ0TWludXRlcykgKiBtaW51dGVIZWlnaHQ7XG5cbiAgcmV0dXJuIHsgdG9wLCBoZWlnaHQgfTtcbn1cblxuLyoqXG4gKiBDb252ZXJ0IG1pbnV0ZXMgdG8gcGl4ZWxzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBtaW51dGVzVG9QaXhlbHMobWludXRlczogbnVtYmVyLCBjb25maWc6IElHcmlkQ29uZmlnKTogbnVtYmVyIHtcbiAgcmV0dXJuIChtaW51dGVzIC8gNjApICogY29uZmlnLmhvdXJIZWlnaHQ7XG59XG5cbi8qKlxuICogQ29udmVydCBwaXhlbHMgdG8gbWludXRlc1xuICovXG5leHBvcnQgZnVuY3Rpb24gcGl4ZWxzVG9NaW51dGVzKHBpeGVsczogbnVtYmVyLCBjb25maWc6IElHcmlkQ29uZmlnKTogbnVtYmVyIHtcbiAgcmV0dXJuIChwaXhlbHMgLyBjb25maWcuaG91ckhlaWdodCkgKiA2MDtcbn1cblxuLyoqXG4gKiBTbmFwIHBpeGVsIHBvc2l0aW9uIHRvIGdyaWQgaW50ZXJ2YWxcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNuYXBUb0dyaWQocGl4ZWxzOiBudW1iZXIsIGNvbmZpZzogSUdyaWRDb25maWcpOiBudW1iZXIge1xuICBjb25zdCBzbmFwUGl4ZWxzID0gbWludXRlc1RvUGl4ZWxzKGNvbmZpZy5zbmFwSW50ZXJ2YWwsIGNvbmZpZyk7XG4gIHJldHVybiBNYXRoLnJvdW5kKHBpeGVscyAvIHNuYXBQaXhlbHMpICogc25hcFBpeGVscztcbn1cbiIsICIvKipcbiAqIENvcmVFdmVudHMgLSBDb25zb2xpZGF0ZWQgZXNzZW50aWFsIGV2ZW50cyBmb3IgdGhlIGNhbGVuZGFyXG4gKi9cbmV4cG9ydCBjb25zdCBDb3JlRXZlbnRzID0ge1xuICAvLyBMaWZlY3ljbGUgZXZlbnRzXG4gIElOSVRJQUxJWkVEOiAnY29yZTppbml0aWFsaXplZCcsXG4gIFJFQURZOiAnY29yZTpyZWFkeScsXG4gIERFU1RST1lFRDogJ2NvcmU6ZGVzdHJveWVkJyxcblxuICAvLyBWaWV3IGV2ZW50c1xuICBWSUVXX0NIQU5HRUQ6ICd2aWV3OmNoYW5nZWQnLFxuICBWSUVXX1JFTkRFUkVEOiAndmlldzpyZW5kZXJlZCcsXG5cbiAgLy8gTmF2aWdhdGlvbiBldmVudHNcbiAgREFURV9DSEFOR0VEOiAnbmF2OmRhdGUtY2hhbmdlZCcsXG4gIE5BVklHQVRJT05fQ09NUExFVEVEOiAnbmF2Om5hdmlnYXRpb24tY29tcGxldGVkJyxcblxuICAvLyBEYXRhIGV2ZW50c1xuICBEQVRBX0xPQURJTkc6ICdkYXRhOmxvYWRpbmcnLFxuICBEQVRBX0xPQURFRDogJ2RhdGE6bG9hZGVkJyxcbiAgREFUQV9FUlJPUjogJ2RhdGE6ZXJyb3InLFxuXG4gIC8vIEdyaWQgZXZlbnRzXG4gIEdSSURfUkVOREVSRUQ6ICdncmlkOnJlbmRlcmVkJyxcbiAgR1JJRF9DTElDS0VEOiAnZ3JpZDpjbGlja2VkJyxcblxuICAvLyBFdmVudCBtYW5hZ2VtZW50XG4gIEVWRU5UX0NSRUFURUQ6ICdldmVudDpjcmVhdGVkJyxcbiAgRVZFTlRfVVBEQVRFRDogJ2V2ZW50OnVwZGF0ZWQnLFxuICBFVkVOVF9ERUxFVEVEOiAnZXZlbnQ6ZGVsZXRlZCcsXG4gIEVWRU5UX1NFTEVDVEVEOiAnZXZlbnQ6c2VsZWN0ZWQnLFxuXG4gIC8vIEV2ZW50IGRyYWctZHJvcFxuICBFVkVOVF9EUkFHX1NUQVJUOiAnZXZlbnQ6ZHJhZy1zdGFydCcsXG4gIEVWRU5UX0RSQUdfTU9WRTogJ2V2ZW50OmRyYWctbW92ZScsXG4gIEVWRU5UX0RSQUdfRU5EOiAnZXZlbnQ6ZHJhZy1lbmQnLFxuICBFVkVOVF9EUkFHX0NBTkNFTDogJ2V2ZW50OmRyYWctY2FuY2VsJyxcbiAgRVZFTlRfRFJBR19DT0xVTU5fQ0hBTkdFOiAnZXZlbnQ6ZHJhZy1jb2x1bW4tY2hhbmdlJyxcblxuICAvLyBIZWFkZXIgZHJhZyAodGltZWQgXHUyMTkyIGhlYWRlciBjb252ZXJzaW9uKVxuICBFVkVOVF9EUkFHX0VOVEVSX0hFQURFUjogJ2V2ZW50OmRyYWctZW50ZXItaGVhZGVyJyxcbiAgRVZFTlRfRFJBR19NT1ZFX0hFQURFUjogJ2V2ZW50OmRyYWctbW92ZS1oZWFkZXInLFxuICBFVkVOVF9EUkFHX0xFQVZFX0hFQURFUjogJ2V2ZW50OmRyYWctbGVhdmUtaGVhZGVyJyxcblxuICAvLyBFdmVudCByZXNpemVcbiAgRVZFTlRfUkVTSVpFX1NUQVJUOiAnZXZlbnQ6cmVzaXplLXN0YXJ0JyxcbiAgRVZFTlRfUkVTSVpFX0VORDogJ2V2ZW50OnJlc2l6ZS1lbmQnLFxuXG4gIC8vIEVkZ2Ugc2Nyb2xsXG4gIEVER0VfU0NST0xMX1RJQ0s6ICdlZGdlLXNjcm9sbDp0aWNrJyxcbiAgRURHRV9TQ1JPTExfU1RBUlRFRDogJ2VkZ2Utc2Nyb2xsOnN0YXJ0ZWQnLFxuICBFREdFX1NDUk9MTF9TVE9QUEVEOiAnZWRnZS1zY3JvbGw6c3RvcHBlZCcsXG5cbiAgLy8gU3lzdGVtIGV2ZW50c1xuICBFUlJPUjogJ3N5c3RlbTplcnJvcicsXG5cbiAgLy8gU3luYyBldmVudHNcbiAgU1lOQ19TVEFSVEVEOiAnc3luYzpzdGFydGVkJyxcbiAgU1lOQ19DT01QTEVURUQ6ICdzeW5jOmNvbXBsZXRlZCcsXG4gIFNZTkNfRkFJTEVEOiAnc3luYzpmYWlsZWQnLFxuXG4gIC8vIEVudGl0eSBldmVudHMgLSBmb3IgYXVkaXQgYW5kIHN5bmNcbiAgRU5USVRZX1NBVkVEOiAnZW50aXR5OnNhdmVkJyxcbiAgRU5USVRZX0RFTEVURUQ6ICdlbnRpdHk6ZGVsZXRlZCcsXG5cbiAgLy8gQXVkaXQgZXZlbnRzXG4gIEFVRElUX0xPR0dFRDogJ2F1ZGl0OmxvZ2dlZCcsXG5cbiAgLy8gUmVuZGVyaW5nIGV2ZW50c1xuICBFVkVOVFNfUkVOREVSRUQ6ICdldmVudHM6cmVuZGVyZWQnXG59IGFzIGNvbnN0O1xuIiwgIi8qKlxyXG4gKiBFdmVudExheW91dEVuZ2luZSAtIFNpbXBsaWZpZWQgc3RhY2tpbmcvZ3JvdXBpbmcgYWxnb3JpdGhtXHJcbiAqXHJcbiAqIFN1cHBvcnRzIHR3byBsYXlvdXQgbW9kZXM6XHJcbiAqIC0gR1JJRDogRXZlbnRzIHN0YXJ0aW5nIGF0IHNhbWUgdGltZSByZW5kZXJlZCBzaWRlLWJ5LXNpZGVcclxuICogLSBTVEFDS0lORzogT3ZlcmxhcHBpbmcgZXZlbnRzIHdpdGggbWFyZ2luLWxlZnQgb2Zmc2V0ICgxNXB4IHBlciBsZXZlbClcclxuICpcclxuICogTm8gcHJldi9uZXh0IGNoYWlucywgc2luZ2xlLXBhc3MgZ3JlZWR5IGFsZ29yaXRobVxyXG4gKi9cclxuXHJcbmltcG9ydCB7IElDYWxlbmRhckV2ZW50IH0gZnJvbSAnLi4vLi4vdHlwZXMvQ2FsZW5kYXJUeXBlcyc7XHJcbmltcG9ydCB7IElHcmlkQ29uZmlnIH0gZnJvbSAnLi4vLi4vY29yZS9JR3JpZENvbmZpZyc7XHJcbmltcG9ydCB7IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24gfSBmcm9tICcuLi8uLi91dGlscy9Qb3NpdGlvblV0aWxzJztcclxuaW1wb3J0IHsgSUNvbHVtbkxheW91dCwgSUdyaWRHcm91cExheW91dCwgSVN0YWNrZWRFdmVudExheW91dCB9IGZyb20gJy4vRXZlbnRMYXlvdXRUeXBlcyc7XHJcblxyXG4vKipcclxuICogQ2hlY2sgaWYgdHdvIGV2ZW50cyBvdmVybGFwIChzdHJpY3QgLSB0b3VjaGluZyBhdCBib3VuZGFyeSA9IE5PVCBvdmVybGFwcGluZylcclxuICogVGhpcyBtYXRjaGVzIFNjZW5hcmlvIDg6IGVuZD09PXN0YXJ0IGlzIE5PVCBvdmVybGFwXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gZXZlbnRzT3ZlcmxhcChhOiBJQ2FsZW5kYXJFdmVudCwgYjogSUNhbGVuZGFyRXZlbnQpOiBib29sZWFuIHtcclxuICByZXR1cm4gYS5zdGFydCA8IGIuZW5kICYmIGEuZW5kID4gYi5zdGFydDtcclxufVxyXG5cclxuLyoqXHJcbiAqIENoZWNrIGlmIHR3byBldmVudHMgYXJlIHdpdGhpbiB0aHJlc2hvbGQgZm9yIGdyaWQgZ3JvdXBpbmcuXHJcbiAqIFRoaXMgaW5jbHVkZXM6XHJcbiAqIDEuIFN0YXJ0LXRvLXN0YXJ0OiBFdmVudHMgc3RhcnQgd2l0aGluIHRocmVzaG9sZCBvZiBlYWNoIG90aGVyXHJcbiAqIDIuIEVuZC10by1zdGFydDogT25lIGV2ZW50IHN0YXJ0cyB3aXRoaW4gdGhyZXNob2xkIGJlZm9yZSBhbm90aGVyIGVuZHNcclxuICovXHJcbmZ1bmN0aW9uIGV2ZW50c1dpdGhpblRocmVzaG9sZChhOiBJQ2FsZW5kYXJFdmVudCwgYjogSUNhbGVuZGFyRXZlbnQsIHRocmVzaG9sZE1pbnV0ZXM6IG51bWJlcik6IGJvb2xlYW4ge1xyXG4gIGNvbnN0IHRocmVzaG9sZE1zID0gdGhyZXNob2xkTWludXRlcyAqIDYwICogMTAwMDtcclxuXHJcbiAgLy8gU3RhcnQtdG8tc3RhcnQ6IGJvdGggZXZlbnRzIHN0YXJ0IHdpdGhpbiB0aHJlc2hvbGRcclxuICBjb25zdCBzdGFydFRvU3RhcnREaWZmID0gTWF0aC5hYnMoYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XHJcbiAgaWYgKHN0YXJ0VG9TdGFydERpZmYgPD0gdGhyZXNob2xkTXMpIHJldHVybiB0cnVlO1xyXG5cclxuICAvLyBFbmQtdG8tc3RhcnQ6IG9uZSBldmVudCBzdGFydHMgd2l0aGluIHRocmVzaG9sZCBiZWZvcmUgdGhlIG90aGVyIGVuZHNcclxuICAvLyBCIHN0YXJ0cyB3aXRoaW4gdGhyZXNob2xkIGJlZm9yZSBBIGVuZHNcclxuICBjb25zdCBiU3RhcnRzQmVmb3JlQUVuZHMgPSBhLmVuZC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKTtcclxuICBpZiAoYlN0YXJ0c0JlZm9yZUFFbmRzID4gMCAmJiBiU3RhcnRzQmVmb3JlQUVuZHMgPD0gdGhyZXNob2xkTXMpIHJldHVybiB0cnVlO1xyXG5cclxuICAvLyBBIHN0YXJ0cyB3aXRoaW4gdGhyZXNob2xkIGJlZm9yZSBCIGVuZHNcclxuICBjb25zdCBhU3RhcnRzQmVmb3JlQkVuZHMgPSBiLmVuZC5nZXRUaW1lKCkgLSBhLnN0YXJ0LmdldFRpbWUoKTtcclxuICBpZiAoYVN0YXJ0c0JlZm9yZUJFbmRzID4gMCAmJiBhU3RhcnRzQmVmb3JlQkVuZHMgPD0gdGhyZXNob2xkTXMpIHJldHVybiB0cnVlO1xyXG5cclxuICByZXR1cm4gZmFsc2U7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDaGVjayBpZiBhbGwgZXZlbnRzIGluIGEgZ3JvdXAgc3RhcnQgd2l0aGluIHRocmVzaG9sZCBvZiBlYWNoIG90aGVyXHJcbiAqL1xyXG5mdW5jdGlvbiBhbGxTdGFydFdpdGhpblRocmVzaG9sZChldmVudHM6IElDYWxlbmRhckV2ZW50W10sIHRocmVzaG9sZE1pbnV0ZXM6IG51bWJlcik6IGJvb2xlYW4ge1xyXG4gIGlmIChldmVudHMubGVuZ3RoIDw9IDEpIHJldHVybiB0cnVlO1xyXG5cclxuICAvLyBGaW5kIGVhcmxpZXN0IGFuZCBsYXRlc3Qgc3RhcnQgdGltZXNcclxuICBsZXQgZWFybGllc3QgPSBldmVudHNbMF0uc3RhcnQuZ2V0VGltZSgpO1xyXG4gIGxldCBsYXRlc3QgPSBldmVudHNbMF0uc3RhcnQuZ2V0VGltZSgpO1xyXG5cclxuICBmb3IgKGNvbnN0IGV2ZW50IG9mIGV2ZW50cykge1xyXG4gICAgY29uc3QgdGltZSA9IGV2ZW50LnN0YXJ0LmdldFRpbWUoKTtcclxuICAgIGlmICh0aW1lIDwgZWFybGllc3QpIGVhcmxpZXN0ID0gdGltZTtcclxuICAgIGlmICh0aW1lID4gbGF0ZXN0KSBsYXRlc3QgPSB0aW1lO1xyXG4gIH1cclxuXHJcbiAgY29uc3QgZGlmZk1pbnV0ZXMgPSAobGF0ZXN0IC0gZWFybGllc3QpIC8gKDEwMDAgKiA2MCk7XHJcbiAgcmV0dXJuIGRpZmZNaW51dGVzIDw9IHRocmVzaG9sZE1pbnV0ZXM7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBGaW5kIGdyb3VwcyBvZiBvdmVybGFwcGluZyBldmVudHMgKGNvbm5lY3RlZCBieSBvdmVybGFwIGNoYWluKVxyXG4gKiBFdmVudHMgYXJlIGdyb3VwZWQgaWYgdGhleSBvdmVybGFwIHdpdGggYW55IGV2ZW50IGluIHRoZSBncm91cFxyXG4gKi9cclxuZnVuY3Rpb24gZmluZE92ZXJsYXBHcm91cHMoZXZlbnRzOiBJQ2FsZW5kYXJFdmVudFtdKTogSUNhbGVuZGFyRXZlbnRbXVtdIHtcclxuICBpZiAoZXZlbnRzLmxlbmd0aCA9PT0gMCkgcmV0dXJuIFtdO1xyXG5cclxuICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcclxuICBjb25zdCB1c2VkID0gbmV3IFNldDxzdHJpbmc+KCk7XHJcbiAgY29uc3QgZ3JvdXBzOiBJQ2FsZW5kYXJFdmVudFtdW10gPSBbXTtcclxuXHJcbiAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcclxuICAgIGlmICh1c2VkLmhhcyhldmVudC5pZCkpIGNvbnRpbnVlO1xyXG5cclxuICAgIC8vIFN0YXJ0IGEgbmV3IGdyb3VwIHdpdGggdGhpcyBldmVudFxyXG4gICAgY29uc3QgZ3JvdXA6IElDYWxlbmRhckV2ZW50W10gPSBbZXZlbnRdO1xyXG4gICAgdXNlZC5hZGQoZXZlbnQuaWQpO1xyXG5cclxuICAgIC8vIEV4cGFuZCBncm91cCBieSBmaW5kaW5nIGFsbCBjb25uZWN0ZWQgZXZlbnRzICh2aWEgb3ZlcmxhcClcclxuICAgIGxldCBleHBhbmRlZCA9IHRydWU7XHJcbiAgICB3aGlsZSAoZXhwYW5kZWQpIHtcclxuICAgICAgZXhwYW5kZWQgPSBmYWxzZTtcclxuICAgICAgZm9yIChjb25zdCBjYW5kaWRhdGUgb2Ygc29ydGVkKSB7XHJcbiAgICAgICAgaWYgKHVzZWQuaGFzKGNhbmRpZGF0ZS5pZCkpIGNvbnRpbnVlO1xyXG5cclxuICAgICAgICAvLyBDaGVjayBpZiBjYW5kaWRhdGUgb3ZlcmxhcHMgd2l0aCBhbnkgZXZlbnQgaW4gZ3JvdXBcclxuICAgICAgICBjb25zdCBjb25uZWN0cyA9IGdyb3VwLnNvbWUobWVtYmVyID0+IGV2ZW50c092ZXJsYXAobWVtYmVyLCBjYW5kaWRhdGUpKTtcclxuXHJcbiAgICAgICAgaWYgKGNvbm5lY3RzKSB7XHJcbiAgICAgICAgICBncm91cC5wdXNoKGNhbmRpZGF0ZSk7XHJcbiAgICAgICAgICB1c2VkLmFkZChjYW5kaWRhdGUuaWQpO1xyXG4gICAgICAgICAgZXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGdyb3Vwcy5wdXNoKGdyb3VwKTtcclxuICB9XHJcblxyXG4gIHJldHVybiBncm91cHM7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBGaW5kIGdyaWQgY2FuZGlkYXRlcyB3aXRoaW4gYSBncm91cCAtIGV2ZW50cyBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBjaGFpblxyXG4gKiBVc2VzIFYxIGxvZ2ljOiBldmVudHMgYXJlIGNvbm5lY3RlZCBpZiB3aXRoaW4gdGhyZXNob2xkIChubyBvdmVybGFwIHJlcXVpcmVtZW50KVxyXG4gKi9cclxuZnVuY3Rpb24gZmluZEdyaWRDYW5kaWRhdGVzKFxyXG4gIGV2ZW50czogSUNhbGVuZGFyRXZlbnRbXSxcclxuICB0aHJlc2hvbGRNaW51dGVzOiBudW1iZXJcclxuKTogSUNhbGVuZGFyRXZlbnRbXVtdIHtcclxuICBpZiAoZXZlbnRzLmxlbmd0aCA9PT0gMCkgcmV0dXJuIFtdO1xyXG5cclxuICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcclxuICBjb25zdCB1c2VkID0gbmV3IFNldDxzdHJpbmc+KCk7XHJcbiAgY29uc3QgZ3JvdXBzOiBJQ2FsZW5kYXJFdmVudFtdW10gPSBbXTtcclxuXHJcbiAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcclxuICAgIGlmICh1c2VkLmhhcyhldmVudC5pZCkpIGNvbnRpbnVlO1xyXG5cclxuICAgIGNvbnN0IGdyb3VwOiBJQ2FsZW5kYXJFdmVudFtdID0gW2V2ZW50XTtcclxuICAgIHVzZWQuYWRkKGV2ZW50LmlkKTtcclxuXHJcbiAgICAvLyBFeHBhbmQgYnkgdGhyZXNob2xkIGNoYWluIChWMSBsb2dpYzogbm8gb3ZlcmxhcCByZXF1aXJlbWVudCwganVzdCB0aHJlc2hvbGQpXHJcbiAgICBsZXQgZXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgd2hpbGUgKGV4cGFuZGVkKSB7XHJcbiAgICAgIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgICAgIGZvciAoY29uc3QgY2FuZGlkYXRlIG9mIHNvcnRlZCkge1xyXG4gICAgICAgIGlmICh1c2VkLmhhcyhjYW5kaWRhdGUuaWQpKSBjb250aW51ZTtcclxuXHJcbiAgICAgICAgY29uc3QgY29ubmVjdHMgPSBncm91cC5zb21lKG1lbWJlciA9PlxyXG4gICAgICAgICAgZXZlbnRzV2l0aGluVGhyZXNob2xkKG1lbWJlciwgY2FuZGlkYXRlLCB0aHJlc2hvbGRNaW51dGVzKVxyXG4gICAgICAgICk7XHJcblxyXG4gICAgICAgIGlmIChjb25uZWN0cykge1xyXG4gICAgICAgICAgZ3JvdXAucHVzaChjYW5kaWRhdGUpO1xyXG4gICAgICAgICAgdXNlZC5hZGQoY2FuZGlkYXRlLmlkKTtcclxuICAgICAgICAgIGV4cGFuZGVkID0gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBncm91cHMucHVzaChncm91cCk7XHJcbiAgfVxyXG5cclxuICByZXR1cm4gZ3JvdXBzO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlIHN0YWNrIGxldmVscyBmb3Igb3ZlcmxhcHBpbmcgZXZlbnRzIHVzaW5nIGdyZWVkeSBhbGdvcml0aG1cclxuICogRm9yIGVhY2ggZXZlbnQ6IGxldmVsID0gbWF4KG92ZXJsYXBwaW5nIGFscmVhZHktcHJvY2Vzc2VkIGV2ZW50cykgKyAxXHJcbiAqL1xyXG5mdW5jdGlvbiBjYWxjdWxhdGVTdGFja0xldmVscyhldmVudHM6IElDYWxlbmRhckV2ZW50W10pOiBNYXA8c3RyaW5nLCBudW1iZXI+IHtcclxuICBjb25zdCBsZXZlbHMgPSBuZXcgTWFwPHN0cmluZywgbnVtYmVyPigpO1xyXG4gIGNvbnN0IHNvcnRlZCA9IFsuLi5ldmVudHNdLnNvcnQoKGEsIGIpID0+IGEuc3RhcnQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCkpO1xyXG5cclxuICBmb3IgKGNvbnN0IGV2ZW50IG9mIHNvcnRlZCkge1xyXG4gICAgbGV0IG1heE92ZXJsYXBwaW5nTGV2ZWwgPSAtMTtcclxuXHJcbiAgICAvLyBGaW5kIG1heCBsZXZlbCBhbW9uZyBvdmVybGFwcGluZyBldmVudHMgYWxyZWFkeSBwcm9jZXNzZWRcclxuICAgIGZvciAoY29uc3QgW2lkLCBsZXZlbF0gb2YgbGV2ZWxzKSB7XHJcbiAgICAgIGNvbnN0IG90aGVyID0gZXZlbnRzLmZpbmQoZSA9PiBlLmlkID09PSBpZCk7XHJcbiAgICAgIGlmIChvdGhlciAmJiBldmVudHNPdmVybGFwKGV2ZW50LCBvdGhlcikpIHtcclxuICAgICAgICBtYXhPdmVybGFwcGluZ0xldmVsID0gTWF0aC5tYXgobWF4T3ZlcmxhcHBpbmdMZXZlbCwgbGV2ZWwpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgbGV2ZWxzLnNldChldmVudC5pZCwgbWF4T3ZlcmxhcHBpbmdMZXZlbCArIDEpO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIGxldmVscztcclxufVxyXG5cclxuLyoqXHJcbiAqIEFsbG9jYXRlIGV2ZW50cyB0byBjb2x1bW5zIGZvciBHUklEIGxheW91dCB1c2luZyBncmVlZHkgYWxnb3JpdGhtXHJcbiAqIE5vbi1vdmVybGFwcGluZyBldmVudHMgY2FuIHNoYXJlIGEgY29sdW1uIHRvIG1pbmltaXplIHRvdGFsIGNvbHVtbnNcclxuICovXHJcbmZ1bmN0aW9uIGFsbG9jYXRlQ29sdW1ucyhldmVudHM6IElDYWxlbmRhckV2ZW50W10pOiBJQ2FsZW5kYXJFdmVudFtdW10ge1xyXG4gIGNvbnN0IHNvcnRlZCA9IFsuLi5ldmVudHNdLnNvcnQoKGEsIGIpID0+IGEuc3RhcnQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCkpO1xyXG4gIGNvbnN0IGNvbHVtbnM6IElDYWxlbmRhckV2ZW50W11bXSA9IFtdO1xyXG5cclxuICBmb3IgKGNvbnN0IGV2ZW50IG9mIHNvcnRlZCkge1xyXG4gICAgLy8gRmluZCBmaXJzdCBjb2x1bW4gd2hlcmUgZXZlbnQgZG9lc24ndCBvdmVybGFwIHdpdGggZXhpc3RpbmcgZXZlbnRzXHJcbiAgICBsZXQgcGxhY2VkID0gZmFsc2U7XHJcbiAgICBmb3IgKGNvbnN0IGNvbHVtbiBvZiBjb2x1bW5zKSB7XHJcbiAgICAgIGNvbnN0IGNhbkZpdCA9ICFjb2x1bW4uc29tZShlID0+IGV2ZW50c092ZXJsYXAoZXZlbnQsIGUpKTtcclxuICAgICAgaWYgKGNhbkZpdCkge1xyXG4gICAgICAgIGNvbHVtbi5wdXNoKGV2ZW50KTtcclxuICAgICAgICBwbGFjZWQgPSB0cnVlO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLy8gTm8gc3VpdGFibGUgY29sdW1uIGZvdW5kLCBjcmVhdGUgbmV3IG9uZVxyXG4gICAgaWYgKCFwbGFjZWQpIHtcclxuICAgICAgY29sdW1ucy5wdXNoKFtldmVudF0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmV0dXJuIGNvbHVtbnM7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBNYWluIGVudHJ5IHBvaW50OiBDYWxjdWxhdGUgY29tcGxldGUgbGF5b3V0IGZvciBhIGNvbHVtbidzIGV2ZW50c1xyXG4gKlxyXG4gKiBBbGdvcml0aG06XHJcbiAqIDEuIEZpbmQgb3ZlcmxhcCBncm91cHMgKGV2ZW50cyBjb25uZWN0ZWQgYnkgb3ZlcmxhcCBjaGFpbilcclxuICogMi4gRm9yIGVhY2ggb3ZlcmxhcCBncm91cCwgZmluZCBncmlkIGNhbmRpZGF0ZXMgKGV2ZW50cyB3aXRoaW4gdGhyZXNob2xkIGNoYWluKVxyXG4gKiAzLiBJZiBhbGwgZXZlbnRzIGluIG92ZXJsYXAgZ3JvdXAgZm9ybSBhIHNpbmdsZSBncmlkIGNhbmRpZGF0ZSBcdTIxOTIgR1JJRCBtb2RlXHJcbiAqIDQuIE90aGVyd2lzZSBcdTIxOTIgU1RBQ0tJTkcgbW9kZSB3aXRoIGNhbGN1bGF0ZWQgbGV2ZWxzXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gY2FsY3VsYXRlQ29sdW1uTGF5b3V0KFxyXG4gIGV2ZW50czogSUNhbGVuZGFyRXZlbnRbXSxcclxuICBjb25maWc6IElHcmlkQ29uZmlnXHJcbik6IElDb2x1bW5MYXlvdXQge1xyXG4gIGNvbnN0IHRocmVzaG9sZE1pbnV0ZXMgPSBjb25maWcuZ3JpZFN0YXJ0VGhyZXNob2xkTWludXRlcyA/PyAxMDtcclxuXHJcbiAgY29uc3QgcmVzdWx0OiBJQ29sdW1uTGF5b3V0ID0ge1xyXG4gICAgZ3JpZHM6IFtdLFxyXG4gICAgc3RhY2tlZDogW11cclxuICB9O1xyXG5cclxuICBpZiAoZXZlbnRzLmxlbmd0aCA9PT0gMCkgcmV0dXJuIHJlc3VsdDtcclxuXHJcbiAgLy8gRmluZCBhbGwgb3ZlcmxhcHBpbmcgZXZlbnQgZ3JvdXBzXHJcbiAgY29uc3Qgb3ZlcmxhcEdyb3VwcyA9IGZpbmRPdmVybGFwR3JvdXBzKGV2ZW50cyk7XHJcblxyXG4gIGZvciAoY29uc3Qgb3ZlcmxhcEdyb3VwIG9mIG92ZXJsYXBHcm91cHMpIHtcclxuICAgIGlmIChvdmVybGFwR3JvdXAubGVuZ3RoID09PSAxKSB7XHJcbiAgICAgIC8vIFNpbmdsZSBldmVudCAtIG5vIGdyb3VwaW5nIG5lZWRlZFxyXG4gICAgICByZXN1bHQuc3RhY2tlZC5wdXNoKHtcclxuICAgICAgICBldmVudDogb3ZlcmxhcEdyb3VwWzBdLFxyXG4gICAgICAgIHN0YWNrTGV2ZWw6IDBcclxuICAgICAgfSk7XHJcbiAgICAgIGNvbnRpbnVlO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIFdpdGhpbiB0aGlzIG92ZXJsYXAgZ3JvdXAsIGZpbmQgZ3JpZCBjYW5kaWRhdGVzICh0aHJlc2hvbGQtY29ubmVjdGVkIHN1Ymdyb3VwcylcclxuICAgIGNvbnN0IGdyaWRTdWJncm91cHMgPSBmaW5kR3JpZENhbmRpZGF0ZXMob3ZlcmxhcEdyb3VwLCB0aHJlc2hvbGRNaW51dGVzKTtcclxuXHJcbiAgICAvLyBDaGVjayBpZiB0aGUgRU5USVJFIG92ZXJsYXAgZ3JvdXAgZm9ybXMgYSBzaW5nbGUgZ3JpZCBjYW5kaWRhdGVcclxuICAgIC8vIFRoaXMgaGFwcGVucyB3aGVuIGFsbCBldmVudHMgYXJlIGNvbm5lY3RlZCB2aWEgdGhyZXNob2xkIGNoYWluXHJcbiAgICBjb25zdCBsYXJnZXN0R3JpZENhbmRpZGF0ZSA9IGdyaWRTdWJncm91cHMucmVkdWNlKChtYXgsIGcpID0+XHJcbiAgICAgIGcubGVuZ3RoID4gbWF4Lmxlbmd0aCA/IGcgOiBtYXgsIGdyaWRTdWJncm91cHNbMF0pO1xyXG5cclxuICAgIGlmIChsYXJnZXN0R3JpZENhbmRpZGF0ZS5sZW5ndGggPT09IG92ZXJsYXBHcm91cC5sZW5ndGgpIHtcclxuICAgICAgLy8gQWxsIGV2ZW50cyBpbiBvdmVybGFwIGdyb3VwIGFyZSBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBjaGFpbiBcdTIxOTIgR1JJRCBtb2RlXHJcbiAgICAgIGNvbnN0IGNvbHVtbnMgPSBhbGxvY2F0ZUNvbHVtbnMob3ZlcmxhcEdyb3VwKTtcclxuICAgICAgY29uc3QgZWFybGllc3QgPSBvdmVybGFwR3JvdXAucmVkdWNlKChtaW4sIGUpID0+XHJcbiAgICAgICAgZS5zdGFydCA8IG1pbi5zdGFydCA/IGUgOiBtaW4sIG92ZXJsYXBHcm91cFswXSk7XHJcbiAgICAgIGNvbnN0IHBvc2l0aW9uID0gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihlYXJsaWVzdC5zdGFydCwgZWFybGllc3QuZW5kLCBjb25maWcpO1xyXG5cclxuICAgICAgcmVzdWx0LmdyaWRzLnB1c2goe1xyXG4gICAgICAgIGV2ZW50czogb3ZlcmxhcEdyb3VwLFxyXG4gICAgICAgIGNvbHVtbnMsXHJcbiAgICAgICAgc3RhY2tMZXZlbDogMCxcclxuICAgICAgICBwb3NpdGlvbjogeyB0b3A6IHBvc2l0aW9uLnRvcCB9XHJcbiAgICAgIH0pO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgLy8gTm90IGFsbCBldmVudHMgY29ubmVjdGVkIHZpYSB0aHJlc2hvbGQgXHUyMTkyIFNUQUNLSU5HIG1vZGVcclxuICAgICAgY29uc3QgbGV2ZWxzID0gY2FsY3VsYXRlU3RhY2tMZXZlbHMob3ZlcmxhcEdyb3VwKTtcclxuICAgICAgZm9yIChjb25zdCBldmVudCBvZiBvdmVybGFwR3JvdXApIHtcclxuICAgICAgICByZXN1bHQuc3RhY2tlZC5wdXNoKHtcclxuICAgICAgICAgIGV2ZW50LFxyXG4gICAgICAgICAgc3RhY2tMZXZlbDogbGV2ZWxzLmdldChldmVudC5pZCkgPz8gMFxyXG4gICAgICAgIH0pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZXR1cm4gcmVzdWx0O1xyXG59XHJcbiIsICJpbXBvcnQgeyBJQ2FsZW5kYXJFdmVudCwgSUV2ZW50QnVzLCBJRXZlbnRVcGRhdGVkUGF5bG9hZCB9IGZyb20gJy4uLy4uL3R5cGVzL0NhbGVuZGFyVHlwZXMnO1xyXG5pbXBvcnQgeyBFdmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zdG9yYWdlL2V2ZW50cy9FdmVudFNlcnZpY2UnO1xyXG5pbXBvcnQgeyBEYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL2NvcmUvRGF0ZVNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJR3JpZENvbmZpZyB9IGZyb20gJy4uLy4uL2NvcmUvSUdyaWRDb25maWcnO1xyXG5pbXBvcnQgeyBjYWxjdWxhdGVFdmVudFBvc2l0aW9uLCBzbmFwVG9HcmlkLCBwaXhlbHNUb01pbnV0ZXMgfSBmcm9tICcuLi8uLi91dGlscy9Qb3NpdGlvblV0aWxzJztcclxuaW1wb3J0IHsgQ29yZUV2ZW50cyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9Db3JlRXZlbnRzJztcclxuaW1wb3J0IHsgSURyYWdDb2x1bW5DaGFuZ2VQYXlsb2FkLCBJRHJhZ01vdmVQYXlsb2FkLCBJRHJhZ0VuZFBheWxvYWQsIElEcmFnTGVhdmVIZWFkZXJQYXlsb2FkIH0gZnJvbSAnLi4vLi4vdHlwZXMvRHJhZ1R5cGVzJztcclxuaW1wb3J0IHsgY2FsY3VsYXRlQ29sdW1uTGF5b3V0IH0gZnJvbSAnLi9FdmVudExheW91dEVuZ2luZSc7XHJcbmltcG9ydCB7IElHcmlkR3JvdXBMYXlvdXQgfSBmcm9tICcuL0V2ZW50TGF5b3V0VHlwZXMnO1xyXG5pbXBvcnQgeyBGaWx0ZXJUZW1wbGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvRmlsdGVyVGVtcGxhdGUnO1xyXG5cclxuLyoqXHJcbiAqIEV2ZW50UmVuZGVyZXIgLSBSZW5kZXJzIGNhbGVuZGFyIGV2ZW50cyB0byB0aGUgRE9NXHJcbiAqXHJcbiAqIENMRUFOIGFwcHJvYWNoOlxyXG4gKiAtIE9ubHkgZGF0YS1pZCBhdHRyaWJ1dGUgb24gZXZlbnQgZWxlbWVudFxyXG4gKiAtIGlubmVySFRNTCBjb250YWlucyBvbmx5IHZpc2libGUgY29udGVudFxyXG4gKiAtIEV2ZW50IGRhdGEgcmV0cmlldmVkIHZpYSBFdmVudFNlcnZpY2Ugd2hlbiBuZWVkZWRcclxuICovXHJcbmV4cG9ydCBjbGFzcyBFdmVudFJlbmRlcmVyIHtcclxuICBwcml2YXRlIGNvbnRhaW5lcjogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGV2ZW50U2VydmljZTogRXZlbnRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBkYXRlU2VydmljZTogRGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGdyaWRDb25maWc6IElHcmlkQ29uZmlnLFxyXG4gICAgcHJpdmF0ZSBldmVudEJ1czogSUV2ZW50QnVzXHJcbiAgKSB7XHJcbiAgICB0aGlzLnNldHVwTGlzdGVuZXJzKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTZXR1cCBsaXN0ZW5lcnMgZm9yIGRyYWctZHJvcCBhbmQgdXBkYXRlIGV2ZW50c1xyXG4gICAqL1xyXG4gIHByaXZhdGUgc2V0dXBMaXN0ZW5lcnMoKTogdm9pZCB7XHJcbiAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19DT0xVTU5fQ0hBTkdFLCAoZSkgPT4ge1xyXG4gICAgICBjb25zdCBwYXlsb2FkID0gKGUgYXMgQ3VzdG9tRXZlbnQ8SURyYWdDb2x1bW5DaGFuZ2VQYXlsb2FkPikuZGV0YWlsO1xyXG4gICAgICB0aGlzLmhhbmRsZUNvbHVtbkNoYW5nZShwYXlsb2FkKTtcclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX01PVkUsIChlKSA9PiB7XHJcbiAgICAgIGNvbnN0IHBheWxvYWQgPSAoZSBhcyBDdXN0b21FdmVudDxJRHJhZ01vdmVQYXlsb2FkPikuZGV0YWlsO1xyXG4gICAgICB0aGlzLnVwZGF0ZURyYWdUaW1lc3RhbXAocGF5bG9hZCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfVVBEQVRFRCwgKGUpID0+IHtcclxuICAgICAgY29uc3QgcGF5bG9hZCA9IChlIGFzIEN1c3RvbUV2ZW50PElFdmVudFVwZGF0ZWRQYXlsb2FkPikuZGV0YWlsO1xyXG4gICAgICB0aGlzLmhhbmRsZUV2ZW50VXBkYXRlZChwYXlsb2FkKTtcclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VORCwgKGUpID0+IHtcclxuICAgICAgY29uc3QgcGF5bG9hZCA9IChlIGFzIEN1c3RvbUV2ZW50PElEcmFnRW5kUGF5bG9hZD4pLmRldGFpbDtcclxuICAgICAgdGhpcy5oYW5kbGVEcmFnRW5kKHBheWxvYWQpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfTEVBVkVfSEVBREVSLCAoZSkgPT4ge1xyXG4gICAgICBjb25zdCBwYXlsb2FkID0gKGUgYXMgQ3VzdG9tRXZlbnQ8SURyYWdMZWF2ZUhlYWRlclBheWxvYWQ+KS5kZXRhaWw7XHJcbiAgICAgIHRoaXMuaGFuZGxlRHJhZ0xlYXZlSGVhZGVyKHBheWxvYWQpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIYW5kbGUgRVZFTlRfRFJBR19FTkQgLSByZW1vdmUgZWxlbWVudCBpZiBkcm9wcGVkIGluIGhlYWRlclxyXG4gICAqL1xyXG4gIHByaXZhdGUgaGFuZGxlRHJhZ0VuZChwYXlsb2FkOiBJRHJhZ0VuZFBheWxvYWQpOiB2b2lkIHtcclxuICAgIGlmIChwYXlsb2FkLnRhcmdldCA9PT0gJ2hlYWRlcicpIHtcclxuICAgICAgLy8gRXZlbnQgd2FzIGRyb3BwZWQgaW4gaGVhZGVyIGRyYXdlciAtIHJlbW92ZSBmcm9tIGdyaWRcclxuICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY29udGFpbmVyPy5xdWVyeVNlbGVjdG9yKGBzd3AtY29udGVudC12aWV3cG9ydCBzd3AtZXZlbnRbZGF0YS1ldmVudC1pZD1cIiR7cGF5bG9hZC5zd3BFdmVudC5ldmVudElkfVwiXWApO1xyXG4gICAgICBlbGVtZW50Py5yZW1vdmUoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhhbmRsZSBoZWFkZXIgaXRlbSBsZWF2aW5nIGhlYWRlciAtIGNyZWF0ZSBzd3AtZXZlbnQgaW4gZ3JpZFxyXG4gICAqL1xyXG4gIHByaXZhdGUgaGFuZGxlRHJhZ0xlYXZlSGVhZGVyKHBheWxvYWQ6IElEcmFnTGVhdmVIZWFkZXJQYXlsb2FkKTogdm9pZCB7XHJcbiAgICAvLyBPbmx5IGhhbmRsZSB3aGVuIHNvdXJjZSBpcyBoZWFkZXIgKGhlYWRlciBpdGVtIGRyYWdnZWQgdG8gZ3JpZClcclxuICAgIGlmIChwYXlsb2FkLnNvdXJjZSAhPT0gJ2hlYWRlcicpIHJldHVybjtcclxuICAgIGlmICghcGF5bG9hZC50YXJnZXRDb2x1bW4gfHwgIXBheWxvYWQuc3RhcnQgfHwgIXBheWxvYWQuZW5kKSByZXR1cm47XHJcblxyXG4gICAgLy8gVHVybiBoZWFkZXIgaXRlbSBpbnRvIGdob3N0IChzdGF5cyB2aXNpYmxlIGJ1dCBmYWRlZClcclxuICAgIGlmIChwYXlsb2FkLmVsZW1lbnQpIHtcclxuICAgICAgcGF5bG9hZC5lbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2RyYWctZ2hvc3QnKTtcclxuICAgICAgcGF5bG9hZC5lbGVtZW50LnN0eWxlLm9wYWNpdHkgPSAnMC4zJztcclxuICAgICAgcGF5bG9hZC5lbGVtZW50LnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnbm9uZSc7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gQ3JlYXRlIGV2ZW50IG9iamVjdCBmcm9tIGhlYWRlciBpdGVtIGRhdGFcclxuICAgIGNvbnN0IGV2ZW50OiBJQ2FsZW5kYXJFdmVudCA9IHtcclxuICAgICAgaWQ6IHBheWxvYWQuZXZlbnRJZCxcclxuICAgICAgdGl0bGU6IHBheWxvYWQudGl0bGUgfHwgJycsXHJcbiAgICAgIGRlc2NyaXB0aW9uOiAnJyxcclxuICAgICAgc3RhcnQ6IHBheWxvYWQuc3RhcnQsXHJcbiAgICAgIGVuZDogcGF5bG9hZC5lbmQsXHJcbiAgICAgIHR5cGU6ICdjdXN0b21lcicsXHJcbiAgICAgIGFsbERheTogZmFsc2UsXHJcbiAgICAgIHN5bmNTdGF0dXM6ICdwZW5kaW5nJ1xyXG4gICAgfTtcclxuXHJcbiAgICAvLyBDcmVhdGUgc3dwLWV2ZW50IGVsZW1lbnQgdXNpbmcgZXhpc3RpbmcgbWV0aG9kXHJcbiAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5jcmVhdGVFdmVudEVsZW1lbnQoZXZlbnQpO1xyXG5cclxuICAgIC8vIEFkZCB0byB0YXJnZXQgY29sdW1uXHJcbiAgICBsZXQgZXZlbnRzTGF5ZXIgPSBwYXlsb2FkLnRhcmdldENvbHVtbi5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XHJcbiAgICBpZiAoIWV2ZW50c0xheWVyKSB7XHJcbiAgICAgIGV2ZW50c0xheWVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50cy1sYXllcicpO1xyXG4gICAgICBwYXlsb2FkLnRhcmdldENvbHVtbi5hcHBlbmRDaGlsZChldmVudHNMYXllcik7XHJcbiAgICB9XHJcbiAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChlbGVtZW50KTtcclxuXHJcbiAgICAvLyBNYXJrIGFzIGRyYWdnaW5nIHNvIERyYWdEcm9wTWFuYWdlciBjYW4gY29udGludWUgd2l0aCBpdFxyXG4gICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkcmFnZ2luZycpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGFuZGxlIEVWRU5UX1VQREFURUQgLSByZS1yZW5kZXIgYWZmZWN0ZWQgY29sdW1uc1xyXG4gICAqL1xyXG4gIHByaXZhdGUgYXN5bmMgaGFuZGxlRXZlbnRVcGRhdGVkKHBheWxvYWQ6IElFdmVudFVwZGF0ZWRQYXlsb2FkKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICAvLyBSZS1yZW5kZXIgc291cmNlIGNvbHVtbiAoaWYgZGlmZmVyZW50IGZyb20gdGFyZ2V0KVxyXG4gICAgaWYgKHBheWxvYWQuc291cmNlQ29sdW1uS2V5ICE9PSBwYXlsb2FkLnRhcmdldENvbHVtbktleSkge1xyXG4gICAgICBhd2FpdCB0aGlzLnJlcmVuZGVyQ29sdW1uKHBheWxvYWQuc291cmNlQ29sdW1uS2V5KTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBSZS1yZW5kZXIgdGFyZ2V0IGNvbHVtblxyXG4gICAgYXdhaXQgdGhpcy5yZXJlbmRlckNvbHVtbihwYXlsb2FkLnRhcmdldENvbHVtbktleSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZS1yZW5kZXIgYSBzaW5nbGUgY29sdW1uIHdpdGggZnJlc2ggZGF0YSBmcm9tIEluZGV4ZWREQlxyXG4gICAqL1xyXG4gIHByaXZhdGUgYXN5bmMgcmVyZW5kZXJDb2x1bW4oY29sdW1uS2V5OiBzdHJpbmcpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGNvbnN0IGNvbHVtbiA9IHRoaXMuZmluZENvbHVtbihjb2x1bW5LZXkpO1xyXG4gICAgaWYgKCFjb2x1bW4pIHJldHVybjtcclxuXHJcbiAgICAvLyBSZWFkIGRhdGUgYW5kIHJlc291cmNlSWQgZGlyZWN0bHkgZnJvbSBjb2x1bW4gYXR0cmlidXRlcyAoY29sdW1uS2V5IGlzIG9wYXF1ZSlcclxuICAgIGNvbnN0IGRhdGUgPSBjb2x1bW4uZGF0YXNldC5kYXRlO1xyXG4gICAgY29uc3QgcmVzb3VyY2VJZCA9IGNvbHVtbi5kYXRhc2V0LnJlc291cmNlSWQ7XHJcblxyXG4gICAgaWYgKCFkYXRlKSByZXR1cm47XHJcblxyXG4gICAgLy8gR2V0IGRhdGUgcmFuZ2UgZm9yIHRoaXMgZGF5XHJcbiAgICBjb25zdCBzdGFydERhdGUgPSBuZXcgRGF0ZShkYXRlKTtcclxuICAgIGNvbnN0IGVuZERhdGUgPSBuZXcgRGF0ZShkYXRlKTtcclxuICAgIGVuZERhdGUuc2V0SG91cnMoMjMsIDU5LCA1OSwgOTk5KTtcclxuXHJcbiAgICAvLyBGZXRjaCBldmVudHMgZnJvbSBJbmRleGVkREJcclxuICAgIGNvbnN0IGV2ZW50cyA9IHJlc291cmNlSWRcclxuICAgICAgPyBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeVJlc291cmNlQW5kRGF0ZVJhbmdlKHJlc291cmNlSWQsIHN0YXJ0RGF0ZSwgZW5kRGF0ZSlcclxuICAgICAgOiBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeURhdGVSYW5nZShzdGFydERhdGUsIGVuZERhdGUpO1xyXG5cclxuICAgIC8vIEZpbHRlciB0byB0aW1lZCBldmVudHMgYW5kIG1hdGNoIGRhdGUgZXhhY3RseVxyXG4gICAgY29uc3QgdGltZWRFdmVudHMgPSBldmVudHMuZmlsdGVyKGV2ZW50ID0+XHJcbiAgICAgICFldmVudC5hbGxEYXkgJiYgdGhpcy5kYXRlU2VydmljZS5nZXREYXRlS2V5KGV2ZW50LnN0YXJ0KSA9PT0gZGF0ZVxyXG4gICAgKTtcclxuXHJcbiAgICAvLyBHZXQgb3IgY3JlYXRlIGV2ZW50cyBsYXllclxyXG4gICAgbGV0IGV2ZW50c0xheWVyID0gY29sdW1uLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1ldmVudHMtbGF5ZXInKTtcclxuICAgIGlmICghZXZlbnRzTGF5ZXIpIHtcclxuICAgICAgZXZlbnRzTGF5ZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZXZlbnRzLWxheWVyJyk7XHJcbiAgICAgIGNvbHVtbi5hcHBlbmRDaGlsZChldmVudHNMYXllcik7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gQ2xlYXIgZXhpc3RpbmcgZXZlbnRzXHJcbiAgICBldmVudHNMYXllci5pbm5lckhUTUwgPSAnJztcclxuXHJcbiAgICAvLyBDYWxjdWxhdGUgbGF5b3V0IHdpdGggc3RhY2tpbmcvZ3JvdXBpbmdcclxuICAgIGNvbnN0IGxheW91dCA9IGNhbGN1bGF0ZUNvbHVtbkxheW91dCh0aW1lZEV2ZW50cywgdGhpcy5ncmlkQ29uZmlnKTtcclxuXHJcbiAgICAvLyBSZW5kZXIgR1JJRCBncm91cHNcclxuICAgIGxheW91dC5ncmlkcy5mb3JFYWNoKGdyaWQgPT4ge1xyXG4gICAgICBjb25zdCBncm91cEVsID0gdGhpcy5yZW5kZXJHcmlkR3JvdXAoZ3JpZCk7XHJcbiAgICAgIGV2ZW50c0xheWVyIS5hcHBlbmRDaGlsZChncm91cEVsKTtcclxuICAgIH0pO1xyXG5cclxuICAgIC8vIFJlbmRlciBTVEFDS0VEIGV2ZW50c1xyXG4gICAgbGF5b3V0LnN0YWNrZWQuZm9yRWFjaChpdGVtID0+IHtcclxuICAgICAgY29uc3QgZXZlbnRFbCA9IHRoaXMucmVuZGVyU3RhY2tlZEV2ZW50KGl0ZW0uZXZlbnQsIGl0ZW0uc3RhY2tMZXZlbCk7XHJcbiAgICAgIGV2ZW50c0xheWVyIS5hcHBlbmRDaGlsZChldmVudEVsKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRmluZCBhIGNvbHVtbiBlbGVtZW50IGJ5IGNvbHVtbktleVxyXG4gICAqL1xyXG4gIHByaXZhdGUgZmluZENvbHVtbihjb2x1bW5LZXk6IHN0cmluZyk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XHJcbiAgICBpZiAoIXRoaXMuY29udGFpbmVyKSByZXR1cm4gbnVsbDtcclxuICAgIHJldHVybiB0aGlzLmNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKGBzd3AtZGF5LWNvbHVtbltkYXRhLWNvbHVtbi1rZXk9XCIke2NvbHVtbktleX1cIl1gKSBhcyBIVE1MRWxlbWVudDtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhhbmRsZSBldmVudCBtb3ZpbmcgdG8gYSBuZXcgY29sdW1uIGR1cmluZyBkcmFnXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBoYW5kbGVDb2x1bW5DaGFuZ2UocGF5bG9hZDogSURyYWdDb2x1bW5DaGFuZ2VQYXlsb2FkKTogdm9pZCB7XHJcbiAgICBjb25zdCBldmVudHNMYXllciA9IHBheWxvYWQubmV3Q29sdW1uLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1ldmVudHMtbGF5ZXInKTtcclxuICAgIGlmICghZXZlbnRzTGF5ZXIpIHJldHVybjtcclxuXHJcbiAgICAvLyBNb3ZlIGVsZW1lbnQgdG8gbmV3IGNvbHVtblxyXG4gICAgZXZlbnRzTGF5ZXIuYXBwZW5kQ2hpbGQocGF5bG9hZC5lbGVtZW50KTtcclxuXHJcbiAgICAvLyBQcmVzZXJ2ZSBZIHBvc2l0aW9uXHJcbiAgICBwYXlsb2FkLmVsZW1lbnQuc3R5bGUudG9wID0gYCR7cGF5bG9hZC5jdXJyZW50WX1weGA7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBVcGRhdGUgdGltZXN0YW1wIGRpc3BsYXkgZHVyaW5nIGRyYWcgKHNuYXBwZWQgdG8gZ3JpZClcclxuICAgKi9cclxuICBwcml2YXRlIHVwZGF0ZURyYWdUaW1lc3RhbXAocGF5bG9hZDogSURyYWdNb3ZlUGF5bG9hZCk6IHZvaWQge1xyXG4gICAgY29uc3QgdGltZUVsID0gcGF5bG9hZC5lbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ3N3cC1ldmVudC10aW1lJyk7XHJcbiAgICBpZiAoIXRpbWVFbCkgcmV0dXJuO1xyXG5cclxuICAgIC8vIFNuYXAgcG9zaXRpb24gdG8gZ3JpZCBpbnRlcnZhbFxyXG4gICAgY29uc3Qgc25hcHBlZFkgPSBzbmFwVG9HcmlkKHBheWxvYWQuY3VycmVudFksIHRoaXMuZ3JpZENvbmZpZyk7XHJcblxyXG4gICAgLy8gQ2FsY3VsYXRlIG5ldyBzdGFydCB0aW1lXHJcbiAgICBjb25zdCBtaW51dGVzRnJvbUdyaWRTdGFydCA9IHBpeGVsc1RvTWludXRlcyhzbmFwcGVkWSwgdGhpcy5ncmlkQ29uZmlnKTtcclxuICAgIGNvbnN0IHN0YXJ0TWludXRlcyA9ICh0aGlzLmdyaWRDb25maWcuZGF5U3RhcnRIb3VyICogNjApICsgbWludXRlc0Zyb21HcmlkU3RhcnQ7XHJcblxyXG4gICAgLy8gS2VlcCBvcmlnaW5hbCBkdXJhdGlvbiAoZnJvbSBlbGVtZW50IGhlaWdodClcclxuICAgIGNvbnN0IGhlaWdodCA9IHBhcnNlRmxvYXQocGF5bG9hZC5lbGVtZW50LnN0eWxlLmhlaWdodCkgfHwgdGhpcy5ncmlkQ29uZmlnLmhvdXJIZWlnaHQ7XHJcbiAgICBjb25zdCBkdXJhdGlvbk1pbnV0ZXMgPSBwaXhlbHNUb01pbnV0ZXMoaGVpZ2h0LCB0aGlzLmdyaWRDb25maWcpO1xyXG5cclxuICAgIC8vIENyZWF0ZSBEYXRlIG9iamVjdHMgZm9yIGNvbnNpc3RlbnQgZm9ybWF0dGluZyB2aWEgRGF0ZVNlcnZpY2VcclxuICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5taW51dGVzVG9EYXRlKHN0YXJ0TWludXRlcyk7XHJcbiAgICBjb25zdCBlbmQgPSB0aGlzLm1pbnV0ZXNUb0RhdGUoc3RhcnRNaW51dGVzICsgZHVyYXRpb25NaW51dGVzKTtcclxuXHJcbiAgICB0aW1lRWwudGV4dENvbnRlbnQgPSB0aGlzLmRhdGVTZXJ2aWNlLmZvcm1hdFRpbWVSYW5nZShzdGFydCwgZW5kKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIENvbnZlcnQgbWludXRlcyBzaW5jZSBtaWRuaWdodCB0byBhIERhdGUgb2JqZWN0ICh0b2RheSlcclxuICAgKi9cclxuICBwcml2YXRlIG1pbnV0ZXNUb0RhdGUobWludXRlczogbnVtYmVyKTogRGF0ZSB7XHJcbiAgICBjb25zdCBkYXRlID0gbmV3IERhdGUoKTtcclxuICAgIGRhdGUuc2V0SG91cnMoTWF0aC5mbG9vcihtaW51dGVzIC8gNjApICUgMjQsIG1pbnV0ZXMgJSA2MCwgMCwgMCk7XHJcbiAgICByZXR1cm4gZGF0ZTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlbmRlciBldmVudHMgZm9yIHZpc2libGUgZGF0ZXMgaW50byBkYXkgY29sdW1uc1xyXG4gICAqIEBwYXJhbSBjb250YWluZXIgLSBDYWxlbmRhciBjb250YWluZXIgZWxlbWVudFxyXG4gICAqIEBwYXJhbSBmaWx0ZXIgLSBGaWx0ZXIgd2l0aCAnZGF0ZScgYW5kIG9wdGlvbmFsbHkgJ3Jlc291cmNlJyBhcnJheXNcclxuICAgKiBAcGFyYW0gZmlsdGVyVGVtcGxhdGUgLSBUZW1wbGF0ZSBmb3IgbWF0Y2hpbmcgZXZlbnRzIHRvIGNvbHVtbnNcclxuICAgKi9cclxuICBhc3luYyByZW5kZXIoY29udGFpbmVyOiBIVE1MRWxlbWVudCwgZmlsdGVyOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmdbXT4sIGZpbHRlclRlbXBsYXRlOiBGaWx0ZXJUZW1wbGF0ZSk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgLy8gU3RvcmUgY29udGFpbmVyIHJlZmVyZW5jZSBmb3IgbGF0ZXIgcmUtcmVuZGVyc1xyXG4gICAgdGhpcy5jb250YWluZXIgPSBjb250YWluZXI7XHJcblxyXG4gICAgY29uc3QgdmlzaWJsZURhdGVzID0gZmlsdGVyWydkYXRlJ10gfHwgW107XHJcblxyXG4gICAgaWYgKHZpc2libGVEYXRlcy5sZW5ndGggPT09IDApIHJldHVybjtcclxuXHJcbiAgICAvLyBHZXQgZGF0ZSByYW5nZSBmb3IgcXVlcnlcclxuICAgIGNvbnN0IHN0YXJ0RGF0ZSA9IG5ldyBEYXRlKHZpc2libGVEYXRlc1swXSk7XHJcbiAgICBjb25zdCBlbmREYXRlID0gbmV3IERhdGUodmlzaWJsZURhdGVzW3Zpc2libGVEYXRlcy5sZW5ndGggLSAxXSk7XHJcbiAgICBlbmREYXRlLnNldEhvdXJzKDIzLCA1OSwgNTksIDk5OSk7XHJcblxyXG4gICAgLy8gRmV0Y2ggZXZlbnRzIGZyb20gSW5kZXhlZERCXHJcbiAgICBjb25zdCBldmVudHMgPSBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeURhdGVSYW5nZShzdGFydERhdGUsIGVuZERhdGUpO1xyXG5cclxuICAgIC8vIEZpbmQgZGF5IGNvbHVtbnNcclxuICAgIGNvbnN0IGRheUNvbHVtbnMgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWRheS1jb2x1bW5zJyk7XHJcbiAgICBpZiAoIWRheUNvbHVtbnMpIHJldHVybjtcclxuXHJcbiAgICBjb25zdCBjb2x1bW5zID0gZGF5Q29sdW1ucy5xdWVyeVNlbGVjdG9yQWxsKCdzd3AtZGF5LWNvbHVtbicpO1xyXG5cclxuICAgIC8vIFJlbmRlciBldmVudHMgaW50byBlYWNoIGNvbHVtbiBiYXNlZCBvbiBGaWx0ZXJUZW1wbGF0ZSBtYXRjaGluZ1xyXG4gICAgY29sdW1ucy5mb3JFYWNoKGNvbHVtbiA9PiB7XHJcbiAgICAgIGNvbnN0IGNvbHVtbkVsID0gY29sdW1uIGFzIEhUTUxFbGVtZW50O1xyXG5cclxuICAgICAgLy8gVXNlIEZpbHRlclRlbXBsYXRlIGZvciBtYXRjaGluZyAtIG9ubHkgZmllbGRzIGluIHRlbXBsYXRlIGFyZSBjaGVja2VkXHJcbiAgICAgIGNvbnN0IGNvbHVtbkV2ZW50cyA9IGV2ZW50cy5maWx0ZXIoZXZlbnQgPT4gZmlsdGVyVGVtcGxhdGUubWF0Y2hlcyhldmVudCwgY29sdW1uRWwpKTtcclxuXHJcbiAgICAgIC8vIEdldCBvciBjcmVhdGUgZXZlbnRzIGxheWVyXHJcbiAgICAgIGxldCBldmVudHNMYXllciA9IGNvbHVtbi5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XHJcbiAgICAgIGlmICghZXZlbnRzTGF5ZXIpIHtcclxuICAgICAgICBldmVudHNMYXllciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudHMtbGF5ZXInKTtcclxuICAgICAgICBjb2x1bW4uYXBwZW5kQ2hpbGQoZXZlbnRzTGF5ZXIpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBDbGVhciBleGlzdGluZyBldmVudHNcclxuICAgICAgZXZlbnRzTGF5ZXIuaW5uZXJIVE1MID0gJyc7XHJcblxyXG4gICAgICAvLyBGaWx0ZXIgdG8gdGltZWQgZXZlbnRzIG9ubHlcclxuICAgICAgY29uc3QgdGltZWRFdmVudHMgPSBjb2x1bW5FdmVudHMuZmlsdGVyKGV2ZW50ID0+ICFldmVudC5hbGxEYXkpO1xyXG5cclxuICAgICAgLy8gQ2FsY3VsYXRlIGxheW91dCB3aXRoIHN0YWNraW5nL2dyb3VwaW5nXHJcbiAgICAgIGNvbnN0IGxheW91dCA9IGNhbGN1bGF0ZUNvbHVtbkxheW91dCh0aW1lZEV2ZW50cywgdGhpcy5ncmlkQ29uZmlnKTtcclxuXHJcbiAgICAgIC8vIFJlbmRlciBHUklEIGdyb3VwcyAoc2ltdWx0YW5lb3VzIGV2ZW50cyBzaWRlLWJ5LXNpZGUpXHJcbiAgICAgIGxheW91dC5ncmlkcy5mb3JFYWNoKGdyaWQgPT4ge1xyXG4gICAgICAgIGNvbnN0IGdyb3VwRWwgPSB0aGlzLnJlbmRlckdyaWRHcm91cChncmlkKTtcclxuICAgICAgICBldmVudHNMYXllciEuYXBwZW5kQ2hpbGQoZ3JvdXBFbCk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgLy8gUmVuZGVyIFNUQUNLRUQgZXZlbnRzIChvdmVybGFwcGluZyB3aXRoIG1hcmdpbiBvZmZzZXQpXHJcbiAgICAgIGxheW91dC5zdGFja2VkLmZvckVhY2goaXRlbSA9PiB7XHJcbiAgICAgICAgY29uc3QgZXZlbnRFbCA9IHRoaXMucmVuZGVyU3RhY2tlZEV2ZW50KGl0ZW0uZXZlbnQsIGl0ZW0uc3RhY2tMZXZlbCk7XHJcbiAgICAgICAgZXZlbnRzTGF5ZXIhLmFwcGVuZENoaWxkKGV2ZW50RWwpO1xyXG4gICAgICB9KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQ3JlYXRlIGEgc2luZ2xlIGV2ZW50IGVsZW1lbnRcclxuICAgKlxyXG4gICAqIENMRUFOIGFwcHJvYWNoOlxyXG4gICAqIC0gT25seSBkYXRhLWlkIGZvciBsb29rdXBcclxuICAgKiAtIFZpc2libGUgY29udGVudCBpbiBpbm5lckhUTUwgb25seVxyXG4gICAqL1xyXG4gIHByaXZhdGUgY3JlYXRlRXZlbnRFbGVtZW50KGV2ZW50OiBJQ2FsZW5kYXJFdmVudCk6IEhUTUxFbGVtZW50IHtcclxuICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZXZlbnQnKTtcclxuXHJcbiAgICAvLyBEYXRhIGF0dHJpYnV0ZXMgZm9yIFN3cEV2ZW50IGNvbXBhdGliaWxpdHlcclxuICAgIGVsZW1lbnQuZGF0YXNldC5ldmVudElkID0gZXZlbnQuaWQ7XHJcbiAgICBpZiAoZXZlbnQucmVzb3VyY2VJZCkge1xyXG4gICAgICBlbGVtZW50LmRhdGFzZXQucmVzb3VyY2VJZCA9IGV2ZW50LnJlc291cmNlSWQ7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gQ2FsY3VsYXRlIHBvc2l0aW9uXHJcbiAgICBjb25zdCBwb3NpdGlvbiA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZXZlbnQuc3RhcnQsIGV2ZW50LmVuZCwgdGhpcy5ncmlkQ29uZmlnKTtcclxuICAgIGVsZW1lbnQuc3R5bGUudG9wID0gYCR7cG9zaXRpb24udG9wfXB4YDtcclxuICAgIGVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gYCR7cG9zaXRpb24uaGVpZ2h0fXB4YDtcclxuXHJcbiAgICAvLyBDb2xvciBjbGFzcyBiYXNlZCBvbiBldmVudCB0eXBlXHJcbiAgICBjb25zdCBjb2xvckNsYXNzID0gdGhpcy5nZXRDb2xvckNsYXNzKGV2ZW50KTtcclxuICAgIGlmIChjb2xvckNsYXNzKSB7XHJcbiAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZChjb2xvckNsYXNzKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBWaXNpYmxlIGNvbnRlbnQgb25seVxyXG4gICAgZWxlbWVudC5pbm5lckhUTUwgPSBgXHJcbiAgICAgIDxzd3AtZXZlbnQtdGltZT4ke3RoaXMuZGF0ZVNlcnZpY2UuZm9ybWF0VGltZVJhbmdlKGV2ZW50LnN0YXJ0LCBldmVudC5lbmQpfTwvc3dwLWV2ZW50LXRpbWU+XHJcbiAgICAgIDxzd3AtZXZlbnQtdGl0bGU+JHt0aGlzLmVzY2FwZUh0bWwoZXZlbnQudGl0bGUpfTwvc3dwLWV2ZW50LXRpdGxlPlxyXG4gICAgICAke2V2ZW50LmRlc2NyaXB0aW9uID8gYDxzd3AtZXZlbnQtZGVzY3JpcHRpb24+JHt0aGlzLmVzY2FwZUh0bWwoZXZlbnQuZGVzY3JpcHRpb24pfTwvc3dwLWV2ZW50LWRlc2NyaXB0aW9uPmAgOiAnJ31cclxuICAgIGA7XHJcblxyXG4gICAgcmV0dXJuIGVsZW1lbnQ7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBHZXQgY29sb3IgY2xhc3MgYmFzZWQgb24gbWV0YWRhdGEuY29sb3Igb3IgZXZlbnQgdHlwZVxyXG4gICAqL1xyXG4gIHByaXZhdGUgZ2V0Q29sb3JDbGFzcyhldmVudDogSUNhbGVuZGFyRXZlbnQpOiBzdHJpbmcge1xyXG4gICAgLy8gQ2hlY2sgbWV0YWRhdGEuY29sb3IgZmlyc3RcclxuICAgIGlmIChldmVudC5tZXRhZGF0YT8uY29sb3IpIHtcclxuICAgICAgcmV0dXJuIGBpcy0ke2V2ZW50Lm1ldGFkYXRhLmNvbG9yfWA7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gRmFsbGJhY2sgdG8gdHlwZS1iYXNlZCBjb2xvclxyXG4gICAgY29uc3QgdHlwZUNvbG9yczogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcclxuICAgICAgJ2N1c3RvbWVyJzogJ2lzLWJsdWUnLFxyXG4gICAgICAndmFjYXRpb24nOiAnaXMtZ3JlZW4nLFxyXG4gICAgICAnYnJlYWsnOiAnaXMtYW1iZXInLFxyXG4gICAgICAnbWVldGluZyc6ICdpcy1wdXJwbGUnLFxyXG4gICAgICAnYmxvY2tlZCc6ICdpcy1yZWQnXHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIHR5cGVDb2xvcnNbZXZlbnQudHlwZV0gfHwgJ2lzLWJsdWUnO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRXNjYXBlIEhUTUwgdG8gcHJldmVudCBYU1NcclxuICAgKi9cclxuICBwcml2YXRlIGVzY2FwZUh0bWwodGV4dDogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xyXG4gICAgZGl2LnRleHRDb250ZW50ID0gdGV4dDtcclxuICAgIHJldHVybiBkaXYuaW5uZXJIVE1MO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUmVuZGVyIGEgR1JJRCBncm91cCB3aXRoIHNpZGUtYnktc2lkZSBjb2x1bW5zXHJcbiAgICogVXNlZCB3aGVuIG11bHRpcGxlIGV2ZW50cyBzdGFydCBhdCB0aGUgc2FtZSB0aW1lXHJcbiAgICovXHJcbiAgcHJpdmF0ZSByZW5kZXJHcmlkR3JvdXAobGF5b3V0OiBJR3JpZEdyb3VwTGF5b3V0KTogSFRNTEVsZW1lbnQge1xyXG4gICAgY29uc3QgZ3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZXZlbnQtZ3JvdXAnKTtcclxuICAgIGdyb3VwLmNsYXNzTGlzdC5hZGQoYGNvbHMtJHtsYXlvdXQuY29sdW1ucy5sZW5ndGh9YCk7XHJcbiAgICBncm91cC5zdHlsZS50b3AgPSBgJHtsYXlvdXQucG9zaXRpb24udG9wfXB4YDtcclxuXHJcbiAgICAvLyBTdGFjayBsZXZlbCBzdHlsaW5nIGZvciBlbnRpcmUgZ3JvdXAgKGlmIG5lc3RlZCBpbiBhbm90aGVyIGV2ZW50KVxyXG4gICAgaWYgKGxheW91dC5zdGFja0xldmVsID4gMCkge1xyXG4gICAgICBncm91cC5zdHlsZS5tYXJnaW5MZWZ0ID0gYCR7bGF5b3V0LnN0YWNrTGV2ZWwgKiAxNX1weGA7XHJcbiAgICAgIGdyb3VwLnN0eWxlLnpJbmRleCA9IGAkezEwMCArIGxheW91dC5zdGFja0xldmVsfWA7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gQ2FsY3VsYXRlIHRoZSBoZWlnaHQgbmVlZGVkIGZvciB0aGUgZ3JvdXAgKHRhbGxlc3QgZXZlbnQpXHJcbiAgICBsZXQgbWF4Qm90dG9tID0gMDtcclxuICAgIGZvciAoY29uc3QgZXZlbnQgb2YgbGF5b3V0LmV2ZW50cykge1xyXG4gICAgICBjb25zdCBwb3MgPSBjYWxjdWxhdGVFdmVudFBvc2l0aW9uKGV2ZW50LnN0YXJ0LCBldmVudC5lbmQsIHRoaXMuZ3JpZENvbmZpZyk7XHJcbiAgICAgIGNvbnN0IGV2ZW50Qm90dG9tID0gcG9zLnRvcCArIHBvcy5oZWlnaHQ7XHJcbiAgICAgIGlmIChldmVudEJvdHRvbSA+IG1heEJvdHRvbSkgbWF4Qm90dG9tID0gZXZlbnRCb3R0b207XHJcbiAgICB9XHJcbiAgICBjb25zdCBncm91cEhlaWdodCA9IG1heEJvdHRvbSAtIGxheW91dC5wb3NpdGlvbi50b3A7XHJcbiAgICBncm91cC5zdHlsZS5oZWlnaHQgPSBgJHtncm91cEhlaWdodH1weGA7XHJcblxyXG4gICAgLy8gQ3JlYXRlIHdyYXBwZXIgZGl2IGZvciBlYWNoIGNvbHVtblxyXG4gICAgbGF5b3V0LmNvbHVtbnMuZm9yRWFjaChjb2x1bW5FdmVudHMgPT4ge1xyXG4gICAgICBjb25zdCB3cmFwcGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XHJcbiAgICAgIHdyYXBwZXIuc3R5bGUucG9zaXRpb24gPSAncmVsYXRpdmUnO1xyXG5cclxuICAgICAgY29sdW1uRXZlbnRzLmZvckVhY2goZXZlbnQgPT4ge1xyXG4gICAgICAgIGNvbnN0IGV2ZW50RWwgPSB0aGlzLmNyZWF0ZUV2ZW50RWxlbWVudChldmVudCk7XHJcbiAgICAgICAgLy8gUG9zaXRpb24gcmVsYXRpdmUgdG8gZ3JvdXAgdG9wXHJcbiAgICAgICAgY29uc3QgcG9zID0gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihldmVudC5zdGFydCwgZXZlbnQuZW5kLCB0aGlzLmdyaWRDb25maWcpO1xyXG4gICAgICAgIGV2ZW50RWwuc3R5bGUudG9wID0gYCR7cG9zLnRvcCAtIGxheW91dC5wb3NpdGlvbi50b3B9cHhgO1xyXG4gICAgICAgIGV2ZW50RWwuc3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnO1xyXG4gICAgICAgIGV2ZW50RWwuc3R5bGUubGVmdCA9ICcwJztcclxuICAgICAgICBldmVudEVsLnN0eWxlLnJpZ2h0ID0gJzAnO1xyXG4gICAgICAgIHdyYXBwZXIuYXBwZW5kQ2hpbGQoZXZlbnRFbCk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgZ3JvdXAuYXBwZW5kQ2hpbGQod3JhcHBlcik7XHJcbiAgICB9KTtcclxuXHJcbiAgICByZXR1cm4gZ3JvdXA7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZW5kZXIgYSBTVEFDS0VEIGV2ZW50IHdpdGggbWFyZ2luLWxlZnQgb2Zmc2V0XHJcbiAgICogVXNlZCBmb3Igb3ZlcmxhcHBpbmcgZXZlbnRzIHRoYXQgZG9uJ3Qgc3RhcnQgYXQgdGhlIHNhbWUgdGltZVxyXG4gICAqL1xyXG4gIHByaXZhdGUgcmVuZGVyU3RhY2tlZEV2ZW50KGV2ZW50OiBJQ2FsZW5kYXJFdmVudCwgc3RhY2tMZXZlbDogbnVtYmVyKTogSFRNTEVsZW1lbnQge1xyXG4gICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY3JlYXRlRXZlbnRFbGVtZW50KGV2ZW50KTtcclxuXHJcbiAgICAvLyBBZGQgc3RhY2sgbWV0YWRhdGEgZm9yIGRyYWctZHJvcCBhbmQgb3RoZXIgZmVhdHVyZXNcclxuICAgIGVsZW1lbnQuZGF0YXNldC5zdGFja0xpbmsgPSBKU09OLnN0cmluZ2lmeSh7IHN0YWNrTGV2ZWwgfSk7XHJcblxyXG4gICAgLy8gVmlzdWFsIHN0eWxpbmcgYmFzZWQgb24gc3RhY2sgbGV2ZWxcclxuICAgIGlmIChzdGFja0xldmVsID4gMCkge1xyXG4gICAgICBlbGVtZW50LnN0eWxlLm1hcmdpbkxlZnQgPSBgJHtzdGFja0xldmVsICogMTV9cHhgO1xyXG4gICAgICBlbGVtZW50LnN0eWxlLnpJbmRleCA9IGAkezEwMCArIHN0YWNrTGV2ZWx9YDtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gZWxlbWVudDtcclxuICB9XHJcbn1cclxuIiwgImltcG9ydCB7IElSZW5kZXJlciwgSVJlbmRlckNvbnRleHQgfSBmcm9tICcuL0lHcm91cGluZ1JlbmRlcmVyJztcclxuXHJcbi8qKlxyXG4gKiBFbnRpdHkgbXVzdCBoYXZlIGlkXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIElHcm91cGluZ0VudGl0eSB7XHJcbiAgaWQ6IHN0cmluZztcclxufVxyXG5cclxuLyoqXHJcbiAqIENvbmZpZ3VyYXRpb24gZm9yIGEgZ3JvdXBpbmcgcmVuZGVyZXJcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgSUdyb3VwaW5nUmVuZGVyZXJDb25maWcge1xyXG4gIGVsZW1lbnRUYWc6IHN0cmluZzsgICAgICAvLyBlLmcuLCAnc3dwLXRlYW0taGVhZGVyJ1xyXG4gIGlkQXR0cmlidXRlOiBzdHJpbmc7ICAgICAvLyBlLmcuLCAndGVhbUlkJyAtPiBkYXRhLXRlYW0taWRcclxuICBjb2xzcGFuVmFyOiBzdHJpbmc7ICAgICAgLy8gZS5nLiwgJy0tdGVhbS1jb2xzJ1xyXG59XHJcblxyXG4vKipcclxuICogQWJzdHJhY3QgYmFzZSBjbGFzcyBmb3IgZ3JvdXBpbmcgcmVuZGVyZXJzXHJcbiAqXHJcbiAqIEhhbmRsZXM6XHJcbiAqIC0gRmV0Y2hpbmcgZW50aXRpZXMgYnkgSURzXHJcbiAqIC0gQ2FsY3VsYXRpbmcgY29sc3BhbiBmcm9tIHBhcmVudENoaWxkTWFwXHJcbiAqIC0gQ3JlYXRpbmcgaGVhZGVyIGVsZW1lbnRzXHJcbiAqIC0gQXBwZW5kaW5nIHRvIGNvbnRhaW5lclxyXG4gKlxyXG4gKiBTdWJjbGFzc2VzIG92ZXJyaWRlOlxyXG4gKiAtIHJlbmRlckhlYWRlcigpIGZvciBjdXN0b20gY29udGVudFxyXG4gKiAtIGdldERpc3BsYXlOYW1lKCkgZm9yIGVudGl0eSBkaXNwbGF5IHRleHRcclxuICovXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBCYXNlR3JvdXBpbmdSZW5kZXJlcjxUIGV4dGVuZHMgSUdyb3VwaW5nRW50aXR5PiBpbXBsZW1lbnRzIElSZW5kZXJlciB7XHJcbiAgYWJzdHJhY3QgcmVhZG9ubHkgdHlwZTogc3RyaW5nO1xyXG4gIHByb3RlY3RlZCBhYnN0cmFjdCByZWFkb25seSBjb25maWc6IElHcm91cGluZ1JlbmRlcmVyQ29uZmlnO1xyXG5cclxuICAvKipcclxuICAgKiBGZXRjaCBlbnRpdGllcyBmcm9tIHNlcnZpY2VcclxuICAgKi9cclxuICBwcm90ZWN0ZWQgYWJzdHJhY3QgZ2V0RW50aXRpZXMoaWRzOiBzdHJpbmdbXSk6IFByb21pc2U8VFtdPjtcclxuXHJcbiAgLyoqXHJcbiAgICogR2V0IGRpc3BsYXkgbmFtZSBmb3IgZW50aXR5XHJcbiAgICovXHJcbiAgcHJvdGVjdGVkIGFic3RyYWN0IGdldERpc3BsYXlOYW1lKGVudGl0eTogVCk6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogTWFpbiByZW5kZXIgbWV0aG9kIC0gaGFuZGxlcyBjb21tb24gbG9naWNcclxuICAgKi9cclxuICBhc3luYyByZW5kZXIoY29udGV4dDogSVJlbmRlckNvbnRleHQpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGNvbnN0IGFsbG93ZWRJZHMgPSBjb250ZXh0LmZpbHRlclt0aGlzLnR5cGVdIHx8IFtdO1xyXG4gICAgaWYgKGFsbG93ZWRJZHMubGVuZ3RoID09PSAwKSByZXR1cm47XHJcblxyXG4gICAgY29uc3QgZW50aXRpZXMgPSBhd2FpdCB0aGlzLmdldEVudGl0aWVzKGFsbG93ZWRJZHMpO1xyXG4gICAgY29uc3QgZGF0ZUNvdW50ID0gY29udGV4dC5maWx0ZXJbJ2RhdGUnXT8ubGVuZ3RoIHx8IDE7XHJcbiAgICBjb25zdCBjaGlsZElkcyA9IGNvbnRleHQuY2hpbGRUeXBlID8gY29udGV4dC5maWx0ZXJbY29udGV4dC5jaGlsZFR5cGVdIHx8IFtdIDogW107XHJcblxyXG4gICAgZm9yIChjb25zdCBlbnRpdHkgb2YgZW50aXRpZXMpIHtcclxuICAgICAgY29uc3QgZW50aXR5Q2hpbGRJZHMgPSBjb250ZXh0LnBhcmVudENoaWxkTWFwPy5bZW50aXR5LmlkXSB8fCBbXTtcclxuICAgICAgY29uc3QgY2hpbGRDb3VudCA9IGVudGl0eUNoaWxkSWRzLmZpbHRlcihpZCA9PiBjaGlsZElkcy5pbmNsdWRlcyhpZCkpLmxlbmd0aDtcclxuICAgICAgY29uc3QgY29sc3BhbiA9IGNoaWxkQ291bnQgKiBkYXRlQ291bnQ7XHJcblxyXG4gICAgICBjb25zdCBoZWFkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KHRoaXMuY29uZmlnLmVsZW1lbnRUYWcpO1xyXG4gICAgICBoZWFkZXIuZGF0YXNldFt0aGlzLmNvbmZpZy5pZEF0dHJpYnV0ZV0gPSBlbnRpdHkuaWQ7XHJcbiAgICAgIGhlYWRlci5zdHlsZS5zZXRQcm9wZXJ0eSh0aGlzLmNvbmZpZy5jb2xzcGFuVmFyLCBTdHJpbmcoY29sc3BhbikpO1xyXG5cclxuICAgICAgLy8gQWxsb3cgc3ViY2xhc3MgdG8gY3VzdG9taXplIGhlYWRlciBjb250ZW50XHJcbiAgICAgIHRoaXMucmVuZGVySGVhZGVyKGVudGl0eSwgaGVhZGVyLCBjb250ZXh0KTtcclxuXHJcbiAgICAgIGNvbnRleHQuaGVhZGVyQ29udGFpbmVyLmFwcGVuZENoaWxkKGhlYWRlcik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBPdmVycmlkZSB0aGlzIG1ldGhvZCBmb3IgY3VzdG9tIGhlYWRlciByZW5kZXJpbmdcclxuICAgKiBEZWZhdWx0OiBqdXN0IHNldHMgdGV4dENvbnRlbnQgdG8gZGlzcGxheSBuYW1lXHJcbiAgICovXHJcbiAgcHJvdGVjdGVkIHJlbmRlckhlYWRlcihlbnRpdHk6IFQsIGhlYWRlcjogSFRNTEVsZW1lbnQsIF9jb250ZXh0OiBJUmVuZGVyQ29udGV4dCk6IHZvaWQge1xyXG4gICAgaGVhZGVyLnRleHRDb250ZW50ID0gdGhpcy5nZXREaXNwbGF5TmFtZShlbnRpdHkpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGVscGVyIHRvIHJlbmRlciBhIHNpbmdsZSBlbnRpdHkgaGVhZGVyLlxyXG4gICAqIENhbiBiZSB1c2VkIGJ5IHN1YmNsYXNzZXMgdGhhdCBvdmVycmlkZSByZW5kZXIoKSBidXQgd2FudCBjb25zaXN0ZW50IGhlYWRlciBjcmVhdGlvbi5cclxuICAgKi9cclxuICBwcm90ZWN0ZWQgY3JlYXRlSGVhZGVyKGVudGl0eTogVCwgY29udGV4dDogSVJlbmRlckNvbnRleHQpOiBIVE1MRWxlbWVudCB7XHJcbiAgICBjb25zdCBoZWFkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KHRoaXMuY29uZmlnLmVsZW1lbnRUYWcpO1xyXG4gICAgaGVhZGVyLmRhdGFzZXRbdGhpcy5jb25maWcuaWRBdHRyaWJ1dGVdID0gZW50aXR5LmlkO1xyXG4gICAgdGhpcy5yZW5kZXJIZWFkZXIoZW50aXR5LCBoZWFkZXIsIGNvbnRleHQpO1xyXG4gICAgcmV0dXJuIGhlYWRlcjtcclxuICB9XHJcbn1cclxuIiwgImltcG9ydCB7IElSZW5kZXJDb250ZXh0IH0gZnJvbSAnLi4vLi4vY29yZS9JR3JvdXBpbmdSZW5kZXJlcic7XHJcbmltcG9ydCB7IEJhc2VHcm91cGluZ1JlbmRlcmVyLCBJR3JvdXBpbmdSZW5kZXJlckNvbmZpZyB9IGZyb20gJy4uLy4uL2NvcmUvQmFzZUdyb3VwaW5nUmVuZGVyZXInO1xyXG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zdG9yYWdlL3Jlc291cmNlcy9SZXNvdXJjZVNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJUmVzb3VyY2UgfSBmcm9tICcuLi8uLi90eXBlcy9DYWxlbmRhclR5cGVzJztcclxuXHJcbmV4cG9ydCBjbGFzcyBSZXNvdXJjZVJlbmRlcmVyIGV4dGVuZHMgQmFzZUdyb3VwaW5nUmVuZGVyZXI8SVJlc291cmNlPiB7XHJcbiAgcmVhZG9ubHkgdHlwZSA9ICdyZXNvdXJjZSc7XHJcblxyXG4gIHByb3RlY3RlZCByZWFkb25seSBjb25maWc6IElHcm91cGluZ1JlbmRlcmVyQ29uZmlnID0ge1xyXG4gICAgZWxlbWVudFRhZzogJ3N3cC1yZXNvdXJjZS1oZWFkZXInLFxyXG4gICAgaWRBdHRyaWJ1dGU6ICdyZXNvdXJjZUlkJyxcclxuICAgIGNvbHNwYW5WYXI6ICctLXJlc291cmNlLWNvbHMnXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZXNvdXJjZVNlcnZpY2U6IFJlc291cmNlU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXRFbnRpdGllcyhpZHM6IHN0cmluZ1tdKTogUHJvbWlzZTxJUmVzb3VyY2VbXT4ge1xyXG4gICAgcmV0dXJuIHRoaXMucmVzb3VyY2VTZXJ2aWNlLmdldEJ5SWRzKGlkcyk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ2V0RGlzcGxheU5hbWUoZW50aXR5OiBJUmVzb3VyY2UpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGVudGl0eS5kaXNwbGF5TmFtZTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE92ZXJyaWRlIHJlbmRlciB0byBoYW5kbGU6XHJcbiAgICogMS4gU3BlY2lhbCBvcmRlcmluZyB3aGVuIHBhcmVudENoaWxkTWFwIGV4aXN0cyAocmVzb3VyY2VzIGdyb3VwZWQgYnkgcGFyZW50KVxyXG4gICAqIDIuIERpZmZlcmVudCBjb2xzcGFuIGNhbGN1bGF0aW9uIChqdXN0IGRhdGVDb3VudCwgbm90IGNoaWxkQ291bnQgKiBkYXRlQ291bnQpXHJcbiAgICovXHJcbiAgYXN5bmMgcmVuZGVyKGNvbnRleHQ6IElSZW5kZXJDb250ZXh0KTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBjb25zdCByZXNvdXJjZUlkcyA9IGNvbnRleHQuZmlsdGVyWydyZXNvdXJjZSddIHx8IFtdO1xyXG4gICAgY29uc3QgZGF0ZUNvdW50ID0gY29udGV4dC5maWx0ZXJbJ2RhdGUnXT8ubGVuZ3RoIHx8IDE7XHJcblxyXG4gICAgLy8gRGV0ZXJtaW5lIHJlbmRlciBvcmRlciBiYXNlZCBvbiBwYXJlbnRDaGlsZE1hcFxyXG4gICAgLy8gSWYgcGFyZW50Q2hpbGRNYXAgZXhpc3RzLCByZW5kZXIgcmVzb3VyY2VzIGdyb3VwZWQgYnkgcGFyZW50IChlLmcuLCB0ZWFtKVxyXG4gICAgLy8gT3RoZXJ3aXNlLCByZW5kZXIgaW4gZmlsdGVyIG9yZGVyXHJcbiAgICBsZXQgb3JkZXJlZFJlc291cmNlSWRzOiBzdHJpbmdbXTtcclxuXHJcbiAgICBpZiAoY29udGV4dC5wYXJlbnRDaGlsZE1hcCkge1xyXG4gICAgICAvLyBSZW5kZXIgcmVzb3VyY2VzIGluIHBhcmVudC1jaGlsZCBvcmRlclxyXG4gICAgICBvcmRlcmVkUmVzb3VyY2VJZHMgPSBbXTtcclxuICAgICAgZm9yIChjb25zdCBjaGlsZElkcyBvZiBPYmplY3QudmFsdWVzKGNvbnRleHQucGFyZW50Q2hpbGRNYXApKSB7XHJcbiAgICAgICAgZm9yIChjb25zdCBjaGlsZElkIG9mIGNoaWxkSWRzKSB7XHJcbiAgICAgICAgICBpZiAocmVzb3VyY2VJZHMuaW5jbHVkZXMoY2hpbGRJZCkpIHtcclxuICAgICAgICAgICAgb3JkZXJlZFJlc291cmNlSWRzLnB1c2goY2hpbGRJZCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBvcmRlcmVkUmVzb3VyY2VJZHMgPSByZXNvdXJjZUlkcztcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCByZXNvdXJjZXMgPSBhd2FpdCB0aGlzLmdldEVudGl0aWVzKG9yZGVyZWRSZXNvdXJjZUlkcyk7XHJcblxyXG4gICAgLy8gQ3JlYXRlIGEgbWFwIGZvciBxdWljayBsb29rdXAgdG8gcHJlc2VydmUgb3JkZXJcclxuICAgIGNvbnN0IHJlc291cmNlTWFwID0gbmV3IE1hcChyZXNvdXJjZXMubWFwKHIgPT4gW3IuaWQsIHJdKSk7XHJcblxyXG4gICAgZm9yIChjb25zdCByZXNvdXJjZUlkIG9mIG9yZGVyZWRSZXNvdXJjZUlkcykge1xyXG4gICAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlTWFwLmdldChyZXNvdXJjZUlkKTtcclxuICAgICAgaWYgKCFyZXNvdXJjZSkgY29udGludWU7XHJcblxyXG4gICAgICBjb25zdCBoZWFkZXIgPSB0aGlzLmNyZWF0ZUhlYWRlcihyZXNvdXJjZSwgY29udGV4dCk7XHJcbiAgICAgIGhlYWRlci5zdHlsZS5ncmlkQ29sdW1uID0gYHNwYW4gJHtkYXRlQ291bnR9YDtcclxuICAgICAgY29udGV4dC5oZWFkZXJDb250YWluZXIuYXBwZW5kQ2hpbGQoaGVhZGVyKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwgImltcG9ydCB7IEJhc2VHcm91cGluZ1JlbmRlcmVyLCBJR3JvdXBpbmdSZW5kZXJlckNvbmZpZyB9IGZyb20gJy4uLy4uL2NvcmUvQmFzZUdyb3VwaW5nUmVuZGVyZXInO1xyXG5pbXBvcnQgeyBUZWFtU2VydmljZSB9IGZyb20gJy4uLy4uL3N0b3JhZ2UvdGVhbXMvVGVhbVNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJVGVhbSB9IGZyb20gJy4uLy4uL3R5cGVzL0NhbGVuZGFyVHlwZXMnO1xyXG5cclxuZXhwb3J0IGNsYXNzIFRlYW1SZW5kZXJlciBleHRlbmRzIEJhc2VHcm91cGluZ1JlbmRlcmVyPElUZWFtPiB7XHJcbiAgcmVhZG9ubHkgdHlwZSA9ICd0ZWFtJztcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbmZpZzogSUdyb3VwaW5nUmVuZGVyZXJDb25maWcgPSB7XHJcbiAgICBlbGVtZW50VGFnOiAnc3dwLXRlYW0taGVhZGVyJyxcclxuICAgIGlkQXR0cmlidXRlOiAndGVhbUlkJyxcclxuICAgIGNvbHNwYW5WYXI6ICctLXRlYW0tY29scydcclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRlYW1TZXJ2aWNlOiBUZWFtU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXRFbnRpdGllcyhpZHM6IHN0cmluZ1tdKTogUHJvbWlzZTxJVGVhbVtdPiB7XHJcbiAgICByZXR1cm4gdGhpcy50ZWFtU2VydmljZS5nZXRCeUlkcyhpZHMpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGdldERpc3BsYXlOYW1lKGVudGl0eTogSVRlYW0pOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGVudGl0eS5uYW1lO1xyXG4gIH1cclxufVxyXG4iLCAiZXhwb3J0IGNsYXNzIFRpbWVBeGlzUmVuZGVyZXIge1xyXG4gIHJlbmRlcihjb250YWluZXI6IEhUTUxFbGVtZW50LCBzdGFydEhvdXIgPSA2LCBlbmRIb3VyID0gMjApOiB2b2lkIHtcclxuICAgIGNvbnRhaW5lci5pbm5lckhUTUwgPSAnJztcclxuICAgIGZvciAobGV0IGhvdXIgPSBzdGFydEhvdXI7IGhvdXIgPD0gZW5kSG91cjsgaG91cisrKSB7XHJcbiAgICAgIGNvbnN0IG1hcmtlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ob3VyLW1hcmtlcicpO1xyXG4gICAgICBtYXJrZXIudGV4dENvbnRlbnQgPSBgJHtob3VyLnRvU3RyaW5nKCkucGFkU3RhcnQoMiwgJzAnKX06MDBgO1xyXG4gICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQobWFya2VyKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl0sCiAgIm1hcHBpbmdzIjogIjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQUE7QUFBQSxLQUFDLFNBQVMsR0FBRSxHQUFFO0FBQUMsa0JBQVUsT0FBTyxXQUFTLGVBQWEsT0FBTyxTQUFPLE9BQU8sVUFBUSxFQUFFLElBQUUsY0FBWSxPQUFPLFVBQVEsT0FBTyxNQUFJLE9BQU8sQ0FBQyxLQUFHLElBQUUsZUFBYSxPQUFPLGFBQVcsYUFBVyxLQUFHLE1BQU0sUUFBTSxFQUFFO0FBQUEsSUFBQyxFQUFFLFNBQU0sV0FBVTtBQUFDO0FBQWEsVUFBSSxJQUFFLEtBQUksSUFBRSxLQUFJLElBQUUsTUFBSyxJQUFFLGVBQWMsSUFBRSxVQUFTLElBQUUsVUFBUyxJQUFFLFFBQU8sSUFBRSxPQUFNLElBQUUsUUFBTyxJQUFFLFNBQVEsSUFBRSxXQUFVLElBQUUsUUFBTyxJQUFFLFFBQU8sSUFBRSxnQkFBZSxJQUFFLDhGQUE2RixJQUFFLHVGQUFzRixJQUFFLEVBQUMsTUFBSyxNQUFLLFVBQVMsMkRBQTJELE1BQU0sR0FBRyxHQUFFLFFBQU8sd0ZBQXdGLE1BQU0sR0FBRyxHQUFFLFNBQVEsU0FBU0EsSUFBRTtBQUFDLFlBQUlDLEtBQUUsQ0FBQyxNQUFLLE1BQUssTUFBSyxJQUFJLEdBQUVDLEtBQUVGLEtBQUU7QUFBSSxlQUFNLE1BQUlBLE1BQUdDLElBQUdDLEtBQUUsTUFBSSxFQUFFLEtBQUdELEdBQUVDLEVBQUMsS0FBR0QsR0FBRSxDQUFDLEtBQUc7QUFBQSxNQUFHLEVBQUMsR0FBRSxJQUFFLGdDQUFTRCxJQUFF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QUFPLE9BQU87QUFBQSxFQUNoQjtBQUNGO0FBcEI4RDtBQUF2RCxJQUFNLGVBQU47OztBQ0pBLElBQU0sb0JBQU4sTUFBTSxrQkFBaUI7QUFBQSxFQUM1QixPQUFPLFdBQXdCLFlBQVksR0FBRyxVQUFVLElBQVU7QUFDaEUsY0FBVSxZQUFZO0FBQ3RCLGFBQVMsT0FBTyxXQUFXLFFBQVEsU0FBUyxRQUFRO0FBQ2xELFlBQU0sU0FBUyxTQUFTLGNBQWMsaUJBQWlCO0FBQ3ZELGFBQU8sY0FBYyxHQUFHLEtBQUssU0FBUyxFQUFFLFNBQVMsR0FBRyxHQUFHLENBQUM7QUFDeEQsZ0JBQVUsWUFBWSxNQUFNO0FBQUEsSUFDOUI7QUFBQSxFQUNGO0FBQ0Y7QUFUOEI7QUFBdkIsSUFBTSxtQkFBTjsiLAogICJuYW1lcyI6IFsidCIsICJlIiwgIm4iLCAiciIsICJpIiwgInMiLCAidSIsICJhIiwgIk0iLCAibSIsICJmIiwgImwiLCAiJCIsICJ5IiwgInYiLCAiZyIsICJEIiwgIm8iLCAiZCIsICJjIiwgImgiLCAidCIsICJpIiwgImUiLCAicyIsICJmIiwgIm4iLCAidSIsICJyIiwgIm8iLCAidCIsICJuIiwgImkiLCAibyIsICJyIiwgImUiLCAidSIsICJmIiwgInMiLCAiYSIsICJ0IiwgImkiLCAiZCIsICJuIiwgImUiLCAicyIsICJkYXlqcyIsICJ1dGMiLCAidGltZXpvbmUiLCAiaXNvV2VlayJdCn0K
diff --git a/wwwroot/js/components/NavigationButtons.d.ts b/wwwroot/js/components/NavigationButtons.d.ts
new file mode 100644
index 0000000..75f5002
--- /dev/null
+++ b/wwwroot/js/components/NavigationButtons.d.ts
@@ -0,0 +1,63 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { DateService } from '../utils/DateService';
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * NavigationButtons - Manages navigation button UI and navigation logic
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-nav-group> UI element
+ * and performs the actual navigation calculations.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-nav-button elements
+ * - Validates navigation actions (prev, next, today)
+ * - Calculates next/previous dates based on current view
+ * - Emits NAVIGATION_COMPLETED events with new date
+ * - Manages button UI listeners
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → calculateNewDate() → emit NAVIGATION_COMPLETED → GridManager re-renders
+ */
+export declare class NavigationButtons {
+    private eventBus;
+    private buttonListeners;
+    private dateService;
+    private config;
+    private currentDate;
+    private currentView;
+    constructor(eventBus: IEventBus, dateService: DateService, config: Configuration);
+    /**
+     * Subscribe to events
+     */
+    private subscribeToEvents;
+    /**
+     * Setup click listeners on all navigation buttons
+     */
+    private setupButtonListeners;
+    /**
+     * Handle navigation action
+     */
+    private handleNavigation;
+    /**
+     * Navigate in specified direction
+     */
+    private navigate;
+    /**
+     * Navigate to next period
+     */
+    private navigateNext;
+    /**
+     * Navigate to previous period
+     */
+    private navigatePrevious;
+    /**
+     * Navigate to today
+     */
+    private navigateToday;
+    /**
+     * Validate if string is a valid navigation action
+     */
+    private isValidAction;
+}
diff --git a/wwwroot/js/components/NavigationButtons.js b/wwwroot/js/components/NavigationButtons.js
new file mode 100644
index 0000000..1f53d45
--- /dev/null
+++ b/wwwroot/js/components/NavigationButtons.js
@@ -0,0 +1,131 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * NavigationButtons - Manages navigation button UI and navigation logic
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-nav-group> UI element
+ * and performs the actual navigation calculations.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-nav-button elements
+ * - Validates navigation actions (prev, next, today)
+ * - Calculates next/previous dates based on current view
+ * - Emits NAVIGATION_COMPLETED events with new date
+ * - Manages button UI listeners
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → calculateNewDate() → emit NAVIGATION_COMPLETED → GridManager re-renders
+ */
+export class NavigationButtons {
+    constructor(eventBus, dateService, config) {
+        this.buttonListeners = new Map();
+        this.currentDate = new Date();
+        this.currentView = 'week';
+        this.eventBus = eventBus;
+        this.dateService = dateService;
+        this.config = config;
+        this.setupButtonListeners();
+        this.subscribeToEvents();
+    }
+    /**
+     * Subscribe to events
+     */
+    subscribeToEvents() {
+        // Listen for view changes
+        this.eventBus.on(CoreEvents.VIEW_CHANGED, (e) => {
+            const detail = e.detail;
+            this.currentView = detail.currentView;
+        });
+    }
+    /**
+     * Setup click listeners on all navigation buttons
+     */
+    setupButtonListeners() {
+        const buttons = document.querySelectorAll('swp-nav-button[data-action]');
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const action = button.getAttribute('data-action');
+                if (action && this.isValidAction(action)) {
+                    this.handleNavigation(action);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+    }
+    /**
+     * Handle navigation action
+     */
+    handleNavigation(action) {
+        switch (action) {
+            case 'prev':
+                this.navigatePrevious();
+                break;
+            case 'next':
+                this.navigateNext();
+                break;
+            case 'today':
+                this.navigateToday();
+                break;
+        }
+    }
+    /**
+     * Navigate in specified direction
+     */
+    navigate(direction) {
+        const offset = direction === 'next' ? 1 : -1;
+        let newDate;
+        switch (this.currentView) {
+            case 'week':
+                newDate = this.dateService.addWeeks(this.currentDate, offset);
+                break;
+            case 'month':
+                newDate = this.dateService.addMonths(this.currentDate, offset);
+                break;
+            case 'day':
+                newDate = this.dateService.addDays(this.currentDate, offset);
+                break;
+            default:
+                newDate = this.dateService.addWeeks(this.currentDate, offset);
+        }
+        this.currentDate = newDate;
+        const payload = {
+            direction: direction,
+            newDate: newDate
+        };
+        this.eventBus.emit(CoreEvents.NAV_BUTTON_CLICKED, payload);
+    }
+    /**
+     * Navigate to next period
+     */
+    navigateNext() {
+        this.navigate('next');
+    }
+    /**
+     * Navigate to previous period
+     */
+    navigatePrevious() {
+        this.navigate('previous');
+    }
+    /**
+     * Navigate to today
+     */
+    navigateToday() {
+        this.currentDate = new Date();
+        const payload = {
+            direction: 'today',
+            newDate: this.currentDate
+        };
+        this.eventBus.emit(CoreEvents.NAV_BUTTON_CLICKED, payload);
+    }
+    /**
+     * Validate if string is a valid navigation action
+     */
+    isValidAction(action) {
+        return ['prev', 'next', 'today'].includes(action);
+    }
+}
+//# sourceMappingURL=NavigationButtons.js.map
\ No newline at end of file
diff --git a/wwwroot/js/components/NavigationButtons.js.map b/wwwroot/js/components/NavigationButtons.js.map
new file mode 100644
index 0000000..85a7e6d
--- /dev/null
+++ b/wwwroot/js/components/NavigationButtons.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButtons.js","sourceRoot":"","sources":["../../../src/components/NavigationButtons.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/components/ViewSelector.d.ts b/wwwroot/js/components/ViewSelector.d.ts
new file mode 100644
index 0000000..04b1853
--- /dev/null
+++ b/wwwroot/js/components/ViewSelector.d.ts
@@ -0,0 +1,70 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * ViewSelectorManager - Manages view selector UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-view-selector> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-view-button elements
+ * - Manages current view state (day/week/month)
+ * - Validates view values
+ * - Emits VIEW_CHANGED and VIEW_RENDERED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changeView() → validate → update state → emit event → update UI
+ *
+ * IMPLEMENTATION STATUS:
+ * ======================
+ * - Week view: FULLY IMPLEMENTED
+ * - Day view: NOT IMPLEMENTED (button exists but no rendering)
+ * - Month view: NOT IMPLEMENTED (button exists but no rendering)
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - GridRenderer: Uses view parameter (currently only supports 'week')
+ * - Future: DayRenderer, MonthRenderer when implemented
+ */
+export declare class ViewSelector {
+    private eventBus;
+    private config;
+    private buttonListeners;
+    constructor(eventBus: IEventBus, config: Configuration);
+    /**
+     * Setup click listeners on all view selector buttons
+     */
+    private setupButtonListeners;
+    /**
+     * Setup event bus listeners
+     */
+    private setupEventListeners;
+    /**
+     * Change the active view
+     */
+    private changeView;
+    /**
+     * Update button states (data-active attributes)
+     */
+    private updateButtonStates;
+    /**
+     * Initialize view on INITIALIZED event
+     */
+    private initializeView;
+    /**
+     * Emit VIEW_RENDERED event
+     */
+    private emitViewRendered;
+    /**
+     * Refresh current view on DATE_CHANGED event
+     */
+    private refreshCurrentView;
+    /**
+     * Validate if string is a valid CalendarView type
+     */
+    private isValidView;
+}
diff --git a/wwwroot/js/components/ViewSelector.js b/wwwroot/js/components/ViewSelector.js
new file mode 100644
index 0000000..a54939c
--- /dev/null
+++ b/wwwroot/js/components/ViewSelector.js
@@ -0,0 +1,130 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * ViewSelectorManager - Manages view selector UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-view-selector> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-view-button elements
+ * - Manages current view state (day/week/month)
+ * - Validates view values
+ * - Emits VIEW_CHANGED and VIEW_RENDERED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changeView() → validate → update state → emit event → update UI
+ *
+ * IMPLEMENTATION STATUS:
+ * ======================
+ * - Week view: FULLY IMPLEMENTED
+ * - Day view: NOT IMPLEMENTED (button exists but no rendering)
+ * - Month view: NOT IMPLEMENTED (button exists but no rendering)
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - GridRenderer: Uses view parameter (currently only supports 'week')
+ * - Future: DayRenderer, MonthRenderer when implemented
+ */
+export class ViewSelector {
+    constructor(eventBus, config) {
+        this.buttonListeners = new Map();
+        this.eventBus = eventBus;
+        this.config = config;
+        this.setupButtonListeners();
+        this.setupEventListeners();
+    }
+    /**
+     * Setup click listeners on all view selector buttons
+     */
+    setupButtonListeners() {
+        const buttons = document.querySelectorAll('swp-view-button[data-view]');
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const view = button.getAttribute('data-view');
+                if (view && this.isValidView(view)) {
+                    this.changeView(view);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+        // Initialize button states
+        this.updateButtonStates();
+    }
+    /**
+     * Setup event bus listeners
+     */
+    setupEventListeners() {
+        this.eventBus.on(CoreEvents.INITIALIZED, () => {
+            this.initializeView();
+        });
+        this.eventBus.on(CoreEvents.DATE_CHANGED, () => {
+            this.refreshCurrentView();
+        });
+    }
+    /**
+     * Change the active view
+     */
+    changeView(newView) {
+        if (newView === this.config.currentView) {
+            return; // No change
+        }
+        const previousView = this.config.currentView;
+        this.config.currentView = newView;
+        // Update button UI states
+        this.updateButtonStates();
+        // Emit event for subscribers
+        this.eventBus.emit(CoreEvents.VIEW_CHANGED, {
+            previousView,
+            currentView: newView
+        });
+    }
+    /**
+     * Update button states (data-active attributes)
+     */
+    updateButtonStates() {
+        const buttons = document.querySelectorAll('swp-view-button[data-view]');
+        buttons.forEach(button => {
+            const buttonView = button.getAttribute('data-view');
+            if (buttonView === this.config.currentView) {
+                button.setAttribute('data-active', 'true');
+            }
+            else {
+                button.removeAttribute('data-active');
+            }
+        });
+    }
+    /**
+     * Initialize view on INITIALIZED event
+     */
+    initializeView() {
+        this.updateButtonStates();
+        this.emitViewRendered();
+    }
+    /**
+     * Emit VIEW_RENDERED event
+     */
+    emitViewRendered() {
+        this.eventBus.emit(CoreEvents.VIEW_RENDERED, {
+            view: this.config.currentView
+        });
+    }
+    /**
+     * Refresh current view on DATE_CHANGED event
+     */
+    refreshCurrentView() {
+        this.emitViewRendered();
+    }
+    /**
+     * Validate if string is a valid CalendarView type
+     */
+    isValidView(view) {
+        return ['day', 'week', 'month'].includes(view);
+    }
+}
+//# sourceMappingURL=ViewSelector.js.map
\ No newline at end of file
diff --git a/wwwroot/js/components/ViewSelector.js.map b/wwwroot/js/components/ViewSelector.js.map
new file mode 100644
index 0000000..291c1a2
--- /dev/null
+++ b/wwwroot/js/components/ViewSelector.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../src/components/ViewSelector.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/components/WorkweekPresets.d.ts b/wwwroot/js/components/WorkweekPresets.d.ts
new file mode 100644
index 0000000..7b96030
--- /dev/null
+++ b/wwwroot/js/components/WorkweekPresets.d.ts
@@ -0,0 +1,47 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * WorkweekPresetsManager - Manages workweek preset UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-workweek-presets> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Owns WORK_WEEK_PRESETS data
+ * - Handles button clicks on swp-preset-button elements
+ * - Manages current workweek preset state
+ * - Validates preset IDs
+ * - Emits WORKWEEK_CHANGED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changePreset() → validate → update state → emit event → update UI
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - ConfigManager: Updates CSS variables (--grid-columns)
+ * - GridManager: Re-renders grid with new column count
+ * - CalendarManager: Relays to header update (via workweek:header-update)
+ * - HeaderManager: Updates date headers
+ */
+export declare class WorkweekPresets {
+    private eventBus;
+    private config;
+    private buttonListeners;
+    constructor(eventBus: IEventBus, config: Configuration);
+    /**
+     * Setup click listeners on all workweek preset buttons
+     */
+    private setupButtonListeners;
+    /**
+     * Change the active workweek preset
+     */
+    private changePreset;
+    /**
+     * Update button states (data-active attributes)
+     */
+    private updateButtonStates;
+}
diff --git a/wwwroot/js/components/WorkweekPresets.js b/wwwroot/js/components/WorkweekPresets.js
new file mode 100644
index 0000000..e7e953f
--- /dev/null
+++ b/wwwroot/js/components/WorkweekPresets.js
@@ -0,0 +1,95 @@
+import { CoreEvents } from '../constants/CoreEvents';
+import { WORK_WEEK_PRESETS } from '../configurations/CalendarConfig';
+/**
+ * WorkweekPresetsManager - Manages workweek preset UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-workweek-presets> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Owns WORK_WEEK_PRESETS data
+ * - Handles button clicks on swp-preset-button elements
+ * - Manages current workweek preset state
+ * - Validates preset IDs
+ * - Emits WORKWEEK_CHANGED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changePreset() → validate → update state → emit event → update UI
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - ConfigManager: Updates CSS variables (--grid-columns)
+ * - GridManager: Re-renders grid with new column count
+ * - CalendarManager: Relays to header update (via workweek:header-update)
+ * - HeaderManager: Updates date headers
+ */
+export class WorkweekPresets {
+    constructor(eventBus, config) {
+        this.buttonListeners = new Map();
+        this.eventBus = eventBus;
+        this.config = config;
+        this.setupButtonListeners();
+    }
+    /**
+     * Setup click listeners on all workweek preset buttons
+     */
+    setupButtonListeners() {
+        const buttons = document.querySelectorAll('swp-preset-button[data-workweek]');
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const presetId = button.getAttribute('data-workweek');
+                if (presetId) {
+                    this.changePreset(presetId);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+        // Initialize button states
+        this.updateButtonStates();
+    }
+    /**
+     * Change the active workweek preset
+     */
+    changePreset(presetId) {
+        if (!WORK_WEEK_PRESETS[presetId]) {
+            console.warn(`Invalid preset ID "${presetId}"`);
+            return;
+        }
+        if (presetId === this.config.currentWorkWeek) {
+            return; // No change
+        }
+        const previousPresetId = this.config.currentWorkWeek;
+        this.config.currentWorkWeek = presetId;
+        const settings = WORK_WEEK_PRESETS[presetId];
+        // Update button UI states
+        this.updateButtonStates();
+        // Emit event for subscribers
+        this.eventBus.emit(CoreEvents.WORKWEEK_CHANGED, {
+            workWeekId: presetId,
+            previousWorkWeekId: previousPresetId,
+            settings: settings
+        });
+    }
+    /**
+     * Update button states (data-active attributes)
+     */
+    updateButtonStates() {
+        const buttons = document.querySelectorAll('swp-preset-button[data-workweek]');
+        buttons.forEach(button => {
+            const buttonPresetId = button.getAttribute('data-workweek');
+            if (buttonPresetId === this.config.currentWorkWeek) {
+                button.setAttribute('data-active', 'true');
+            }
+            else {
+                button.removeAttribute('data-active');
+            }
+        });
+    }
+}
+//# sourceMappingURL=WorkweekPresets.js.map
\ No newline at end of file
diff --git a/wwwroot/js/components/WorkweekPresets.js.map b/wwwroot/js/components/WorkweekPresets.js.map
new file mode 100644
index 0000000..10f34a5
--- /dev/null
+++ b/wwwroot/js/components/WorkweekPresets.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WorkweekPresets.js","sourceRoot":"","sources":["../../../src/components/WorkweekPresets.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAiB,MAAM,kCAAkC,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,eAAe;IAK1B,YAAY,QAAmB,EAAE,MAAqB;QAF9C,oBAAe,GAAgC,IAAI,GAAG,EAAE,CAAC;QAG/D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,CAAC;QAE9E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;gBACpC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;gBACtD,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC,CAAC;YAEF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAC/C,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,2BAA2B;QAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACK,YAAY,CAAC,QAAgB;QACnC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,IAAI,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;YAC7C,OAAO,CAAC,YAAY;QACtB,CAAC;QAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;QACrD,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,QAAQ,CAAC;QAEvC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAE7C,0BAA0B;QAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,6BAA6B;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;YAC9C,UAAU,EAAE,QAAQ;YACpB,kBAAkB,EAAE,gBAAgB;YACpC,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,kBAAkB;QACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,CAAC;QAE9E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,cAAc,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAE5D,IAAI,cAAc,KAAK,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;gBACnD,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CAEF"}
\ No newline at end of file
diff --git a/wwwroot/js/configuration/CalendarConfig.d.ts b/wwwroot/js/configuration/CalendarConfig.d.ts
new file mode 100644
index 0000000..92b98dc
--- /dev/null
+++ b/wwwroot/js/configuration/CalendarConfig.d.ts
@@ -0,0 +1,44 @@
+import { ICalendarConfig } from './ICalendarConfig';
+import { IGridSettings } from './GridSettings';
+import { IDateViewSettings } from './DateViewSettings';
+import { ITimeFormatConfig } from './TimeFormatConfig';
+import { IWorkWeekSettings } from './WorkWeekSettings';
+/**
+ * All-day event layout constants
+ */
+export declare const ALL_DAY_CONSTANTS: {
+    readonly EVENT_HEIGHT: 22;
+    readonly EVENT_GAP: 2;
+    readonly CONTAINER_PADDING: 4;
+    readonly MAX_COLLAPSED_ROWS: 4;
+    readonly SINGLE_ROW_HEIGHT: number;
+};
+/**
+ * Work week presets
+ */
+export declare const WORK_WEEK_PRESETS: {
+    [key: string]: IWorkWeekSettings;
+};
+/**
+ * Configuration - DTO container for all configuration
+ * Pure data object loaded from JSON via ConfigManager
+ */
+export declare class Configuration {
+    private static _instance;
+    config: ICalendarConfig;
+    gridSettings: IGridSettings;
+    dateViewSettings: IDateViewSettings;
+    timeFormatConfig: ITimeFormatConfig;
+    currentWorkWeek: string;
+    selectedDate: Date;
+    constructor(config: ICalendarConfig, gridSettings: IGridSettings, dateViewSettings: IDateViewSettings, timeFormatConfig: ITimeFormatConfig, currentWorkWeek: string, selectedDate?: Date);
+    /**
+     * Get the current Configuration instance
+     * Used by web components that can't use dependency injection
+     */
+    static getInstance(): Configuration;
+    getWorkWeekSettings(): IWorkWeekSettings;
+    setWorkWeek(workWeekId: string): void;
+    setSelectedDate(date: Date): void;
+}
+export { Configuration as CalendarConfig };
diff --git a/wwwroot/js/configuration/CalendarConfig.js b/wwwroot/js/configuration/CalendarConfig.js
new file mode 100644
index 0000000..8c769a3
--- /dev/null
+++ b/wwwroot/js/configuration/CalendarConfig.js
@@ -0,0 +1,90 @@
+/**
+ * All-day event layout constants
+ */
+export const ALL_DAY_CONSTANTS = {
+    EVENT_HEIGHT: 22,
+    EVENT_GAP: 2,
+    CONTAINER_PADDING: 4,
+    MAX_COLLAPSED_ROWS: 4,
+    get SINGLE_ROW_HEIGHT() {
+        return this.EVENT_HEIGHT + this.EVENT_GAP; // 28px
+    }
+};
+/**
+ * Work week presets
+ */
+export const WORK_WEEK_PRESETS = {
+    'standard': {
+        id: 'standard',
+        workDays: [1, 2, 3, 4, 5],
+        totalDays: 5,
+        firstWorkDay: 1
+    },
+    'compressed': {
+        id: 'compressed',
+        workDays: [1, 2, 3, 4],
+        totalDays: 4,
+        firstWorkDay: 1
+    },
+    'midweek': {
+        id: 'midweek',
+        workDays: [3, 4, 5],
+        totalDays: 3,
+        firstWorkDay: 3
+    },
+    'weekend': {
+        id: 'weekend',
+        workDays: [6, 7],
+        totalDays: 2,
+        firstWorkDay: 6
+    },
+    'fullweek': {
+        id: 'fullweek',
+        workDays: [1, 2, 3, 4, 5, 6, 7],
+        totalDays: 7,
+        firstWorkDay: 1
+    }
+};
+/**
+ * Configuration - DTO container for all configuration
+ * Pure data object loaded from JSON via ConfigManager
+ */
+export class Configuration {
+    constructor(config, gridSettings, dateViewSettings, timeFormatConfig, currentWorkWeek, selectedDate = new Date()) {
+        this.config = config;
+        this.gridSettings = gridSettings;
+        this.dateViewSettings = dateViewSettings;
+        this.timeFormatConfig = timeFormatConfig;
+        this.currentWorkWeek = currentWorkWeek;
+        this.selectedDate = selectedDate;
+        // Store as singleton instance for web components
+        Configuration._instance = this;
+    }
+    /**
+     * Get the current Configuration instance
+     * Used by web components that can't use dependency injection
+     */
+    static getInstance() {
+        if (!Configuration._instance) {
+            throw new Error('Configuration has not been initialized. Call ConfigManager.load() first.');
+        }
+        return Configuration._instance;
+    }
+    // Helper methods
+    getWorkWeekSettings() {
+        return WORK_WEEK_PRESETS[this.currentWorkWeek] || WORK_WEEK_PRESETS['standard'];
+    }
+    setWorkWeek(workWeekId) {
+        if (WORK_WEEK_PRESETS[workWeekId]) {
+            this.currentWorkWeek = workWeekId;
+            this.dateViewSettings.weekDays = WORK_WEEK_PRESETS[workWeekId].totalDays;
+        }
+    }
+    setSelectedDate(date) {
+        this.selectedDate = date;
+    }
+}
+Configuration._instance = null;
+// Backward compatibility alias
+export { Configuration as CalendarConfig };
+//# sourceMappingURL=CalendarConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/CalendarConfig.js.map b/wwwroot/js/configuration/CalendarConfig.js.map
new file mode 100644
index 0000000..c9c14a2
--- /dev/null
+++ b/wwwroot/js/configuration/CalendarConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CalendarConfig.js","sourceRoot":"","sources":["../../../src/configuration/CalendarConfig.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/configuration/ConfigManager.d.ts b/wwwroot/js/configuration/ConfigManager.d.ts
new file mode 100644
index 0000000..efc52f3
--- /dev/null
+++ b/wwwroot/js/configuration/ConfigManager.d.ts
@@ -0,0 +1,11 @@
+import { Configuration } from './CalendarConfig';
+/**
+ * ConfigManager - Static configuration loader
+ * Loads JSON and creates Configuration instance
+ */
+export declare class ConfigManager {
+    /**
+     * Load configuration from JSON and create Configuration instance
+     */
+    static load(): Promise<Configuration>;
+}
diff --git a/wwwroot/js/configuration/ConfigManager.js b/wwwroot/js/configuration/ConfigManager.js
new file mode 100644
index 0000000..7f90a7d
--- /dev/null
+++ b/wwwroot/js/configuration/ConfigManager.js
@@ -0,0 +1,43 @@
+import { Configuration } from './CalendarConfig';
+import { TimeFormatter } from '../utils/TimeFormatter';
+/**
+ * ConfigManager - Static configuration loader
+ * Loads JSON and creates Configuration instance
+ */
+export class ConfigManager {
+    /**
+     * Load configuration from JSON and create Configuration instance
+     */
+    static async load() {
+        const response = await fetch('/wwwroot/data/calendar-config.json');
+        if (!response.ok) {
+            throw new Error(`Failed to load config: ${response.statusText}`);
+        }
+        const data = await response.json();
+        // Build main config
+        const mainConfig = {
+            scrollbarWidth: data.scrollbar.width,
+            scrollbarColor: data.scrollbar.color,
+            scrollbarTrackColor: data.scrollbar.trackColor,
+            scrollbarHoverColor: data.scrollbar.hoverColor,
+            scrollbarBorderRadius: data.scrollbar.borderRadius,
+            allowDrag: data.interaction.allowDrag,
+            allowResize: data.interaction.allowResize,
+            allowCreate: data.interaction.allowCreate,
+            apiEndpoint: data.api.endpoint,
+            dateFormat: data.api.dateFormat,
+            timeFormat: data.api.timeFormat,
+            enableSearch: data.features.enableSearch,
+            enableTouch: data.features.enableTouch,
+            defaultEventDuration: data.eventDefaults.defaultEventDuration,
+            minEventDuration: data.gridSettings.snapInterval,
+            maxEventDuration: data.eventDefaults.maxEventDuration
+        };
+        // Create Configuration instance
+        const config = new Configuration(mainConfig, data.gridSettings, data.dateViewSettings, data.timeFormatConfig, data.currentWorkWeek);
+        // Configure TimeFormatter
+        TimeFormatter.configure(config.timeFormatConfig);
+        return config;
+    }
+}
+//# sourceMappingURL=ConfigManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/ConfigManager.js.map b/wwwroot/js/configuration/ConfigManager.js.map
new file mode 100644
index 0000000..0bc0010
--- /dev/null
+++ b/wwwroot/js/configuration/ConfigManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ConfigManager.js","sourceRoot":"","sources":["../../../src/configuration/ConfigManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,MAAM,OAAO,aAAa;IACxB;;OAEG;IACH,MAAM,CAAC,KAAK,CAAC,IAAI;QACf,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oCAAoC,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,0BAA0B,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;QACnE,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAEnC,oBAAoB;QACpB,MAAM,UAAU,GAAoB;YAClC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK;YACpC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK;YACpC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU;YAC9C,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU;YAC9C,qBAAqB,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY;YAClD,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW;YACzC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW;YACzC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ;YAC9B,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU;YAC/B,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU;YAC/B,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY;YACxC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW;YACtC,oBAAoB,EAAE,IAAI,CAAC,aAAa,CAAC,oBAAoB;YAC7D,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY;YAChD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,gBAAgB;SACtD,CAAC;QAEF,gCAAgC;QAChC,MAAM,MAAM,GAAG,IAAI,aAAa,CAC9B,UAAU,EACV,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,eAAe,CACrB,CAAC;QAEF,0BAA0B;QAC1B,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAEjD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF"}
\ No newline at end of file
diff --git a/src/configurations/DateViewSettings.ts b/wwwroot/js/configuration/DateViewSettings.d.ts
similarity index 59%
rename from src/configurations/DateViewSettings.ts
rename to wwwroot/js/configuration/DateViewSettings.d.ts
index ae9e1ea..5459f66 100644
--- a/src/configurations/DateViewSettings.ts
+++ b/wwwroot/js/configuration/DateViewSettings.d.ts
@@ -1,11 +1,10 @@
 import { ViewPeriod } from '../types/CalendarTypes';
-
 /**
  * View settings for date-based calendar mode
  */
 export interface IDateViewSettings {
-  period: ViewPeriod;
-  weekDays: number;
-  firstDayOfWeek: number;
-  showAllDay: boolean;
+    period: ViewPeriod;
+    weekDays: number;
+    firstDayOfWeek: number;
+    showAllDay: boolean;
 }
diff --git a/wwwroot/js/configuration/DateViewSettings.js b/wwwroot/js/configuration/DateViewSettings.js
new file mode 100644
index 0000000..cb2b894
--- /dev/null
+++ b/wwwroot/js/configuration/DateViewSettings.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DateViewSettings.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/DateViewSettings.js.map b/wwwroot/js/configuration/DateViewSettings.js.map
new file mode 100644
index 0000000..cf1d286
--- /dev/null
+++ b/wwwroot/js/configuration/DateViewSettings.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DateViewSettings.js","sourceRoot":"","sources":["../../../src/configuration/DateViewSettings.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configuration/GridSettings.d.ts b/wwwroot/js/configuration/GridSettings.d.ts
new file mode 100644
index 0000000..0db6981
--- /dev/null
+++ b/wwwroot/js/configuration/GridSettings.d.ts
@@ -0,0 +1,22 @@
+/**
+ * Grid display settings interface
+ */
+export interface IGridSettings {
+    dayStartHour: number;
+    dayEndHour: number;
+    workStartHour: number;
+    workEndHour: number;
+    hourHeight: number;
+    snapInterval: number;
+    fitToWidth: boolean;
+    scrollToHour: number | null;
+    gridStartThresholdMinutes: number;
+    showCurrentTime: boolean;
+    showWorkHours: boolean;
+}
+/**
+ * Grid settings utility functions
+ */
+export declare namespace GridSettingsUtils {
+    function isValidSnapInterval(interval: number): boolean;
+}
diff --git a/wwwroot/js/configuration/GridSettings.js b/wwwroot/js/configuration/GridSettings.js
new file mode 100644
index 0000000..c7e399e
--- /dev/null
+++ b/wwwroot/js/configuration/GridSettings.js
@@ -0,0 +1,11 @@
+/**
+ * Grid settings utility functions
+ */
+export var GridSettingsUtils;
+(function (GridSettingsUtils) {
+    function isValidSnapInterval(interval) {
+        return [5, 10, 15, 30, 60].includes(interval);
+    }
+    GridSettingsUtils.isValidSnapInterval = isValidSnapInterval;
+})(GridSettingsUtils || (GridSettingsUtils = {}));
+//# sourceMappingURL=GridSettings.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/GridSettings.js.map b/wwwroot/js/configuration/GridSettings.js.map
new file mode 100644
index 0000000..f8a3c86
--- /dev/null
+++ b/wwwroot/js/configuration/GridSettings.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"GridSettings.js","sourceRoot":"","sources":["../../../src/configuration/GridSettings.ts"],"names":[],"mappings":"AAiBA;;GAEG;AACH,MAAM,KAAW,iBAAiB,CAIjC;AAJD,WAAiB,iBAAiB;IAChC,SAAgB,mBAAmB,CAAC,QAAgB;QAClD,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAFe,qCAAmB,sBAElC,CAAA;AACH,CAAC,EAJgB,iBAAiB,KAAjB,iBAAiB,QAIjC"}
\ No newline at end of file
diff --git a/wwwroot/js/configuration/ICalendarConfig.d.ts b/wwwroot/js/configuration/ICalendarConfig.d.ts
new file mode 100644
index 0000000..4c66c10
--- /dev/null
+++ b/wwwroot/js/configuration/ICalendarConfig.d.ts
@@ -0,0 +1,21 @@
+/**
+ * Main calendar configuration interface
+ */
+export interface ICalendarConfig {
+    scrollbarWidth: number;
+    scrollbarColor: string;
+    scrollbarTrackColor: string;
+    scrollbarHoverColor: string;
+    scrollbarBorderRadius: number;
+    allowDrag: boolean;
+    allowResize: boolean;
+    allowCreate: boolean;
+    apiEndpoint: string;
+    dateFormat: string;
+    timeFormat: string;
+    enableSearch: boolean;
+    enableTouch: boolean;
+    defaultEventDuration: number;
+    minEventDuration: number;
+    maxEventDuration: number;
+}
diff --git a/wwwroot/js/configuration/ICalendarConfig.js b/wwwroot/js/configuration/ICalendarConfig.js
new file mode 100644
index 0000000..769ac97
--- /dev/null
+++ b/wwwroot/js/configuration/ICalendarConfig.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ICalendarConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/ICalendarConfig.js.map b/wwwroot/js/configuration/ICalendarConfig.js.map
new file mode 100644
index 0000000..46eb186
--- /dev/null
+++ b/wwwroot/js/configuration/ICalendarConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ICalendarConfig.js","sourceRoot":"","sources":["../../../src/configuration/ICalendarConfig.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configuration/TimeFormatConfig.d.ts b/wwwroot/js/configuration/TimeFormatConfig.d.ts
new file mode 100644
index 0000000..d1f26c1
--- /dev/null
+++ b/wwwroot/js/configuration/TimeFormatConfig.d.ts
@@ -0,0 +1,10 @@
+/**
+ * Time format configuration settings
+ */
+export interface ITimeFormatConfig {
+    timezone: string;
+    use24HourFormat: boolean;
+    locale: string;
+    dateFormat: 'locale' | 'technical';
+    showSeconds: boolean;
+}
diff --git a/wwwroot/js/configuration/TimeFormatConfig.js b/wwwroot/js/configuration/TimeFormatConfig.js
new file mode 100644
index 0000000..31213da
--- /dev/null
+++ b/wwwroot/js/configuration/TimeFormatConfig.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TimeFormatConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/TimeFormatConfig.js.map b/wwwroot/js/configuration/TimeFormatConfig.js.map
new file mode 100644
index 0000000..8306905
--- /dev/null
+++ b/wwwroot/js/configuration/TimeFormatConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"TimeFormatConfig.js","sourceRoot":"","sources":["../../../src/configuration/TimeFormatConfig.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configuration/WorkWeekSettings.d.ts b/wwwroot/js/configuration/WorkWeekSettings.d.ts
new file mode 100644
index 0000000..b971f20
--- /dev/null
+++ b/wwwroot/js/configuration/WorkWeekSettings.d.ts
@@ -0,0 +1,9 @@
+/**
+ * Work week configuration settings
+ */
+export interface IWorkWeekSettings {
+    id: string;
+    workDays: number[];
+    totalDays: number;
+    firstWorkDay: number;
+}
diff --git a/wwwroot/js/configuration/WorkWeekSettings.js b/wwwroot/js/configuration/WorkWeekSettings.js
new file mode 100644
index 0000000..1b2eefc
--- /dev/null
+++ b/wwwroot/js/configuration/WorkWeekSettings.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WorkWeekSettings.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configuration/WorkWeekSettings.js.map b/wwwroot/js/configuration/WorkWeekSettings.js.map
new file mode 100644
index 0000000..52447fd
--- /dev/null
+++ b/wwwroot/js/configuration/WorkWeekSettings.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WorkWeekSettings.js","sourceRoot":"","sources":["../../../src/configuration/WorkWeekSettings.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/CalendarConfig.d.ts b/wwwroot/js/configurations/CalendarConfig.d.ts
new file mode 100644
index 0000000..d883b53
--- /dev/null
+++ b/wwwroot/js/configurations/CalendarConfig.d.ts
@@ -0,0 +1,46 @@
+import { ICalendarConfig } from './ICalendarConfig';
+import { IGridSettings } from './GridSettings';
+import { IDateViewSettings } from './DateViewSettings';
+import { ITimeFormatConfig } from './TimeFormatConfig';
+import { IWorkWeekSettings } from './WorkWeekSettings';
+import { CalendarView } from '../types/CalendarTypes';
+/**
+ * All-day event layout constants
+ */
+export declare const ALL_DAY_CONSTANTS: {
+    readonly EVENT_HEIGHT: 22;
+    readonly EVENT_GAP: 2;
+    readonly CONTAINER_PADDING: 4;
+    readonly MAX_COLLAPSED_ROWS: 4;
+    readonly SINGLE_ROW_HEIGHT: number;
+};
+/**
+ * Work week presets - Configuration data
+ */
+export declare const WORK_WEEK_PRESETS: {
+    [key: string]: IWorkWeekSettings;
+};
+/**
+ * Configuration - DTO container for all configuration
+ * Pure data object loaded from JSON via ConfigManager
+ */
+export declare class Configuration {
+    private static _instance;
+    config: ICalendarConfig;
+    gridSettings: IGridSettings;
+    dateViewSettings: IDateViewSettings;
+    timeFormatConfig: ITimeFormatConfig;
+    currentWorkWeek: string;
+    currentView: CalendarView;
+    selectedDate: Date;
+    apiEndpoint: string;
+    constructor(config: ICalendarConfig, gridSettings: IGridSettings, dateViewSettings: IDateViewSettings, timeFormatConfig: ITimeFormatConfig, currentWorkWeek: string, currentView: CalendarView, selectedDate?: Date);
+    /**
+     * Get the current Configuration instance
+     * Used by web components that can't use dependency injection
+     */
+    static getInstance(): Configuration;
+    setSelectedDate(date: Date): void;
+    getWorkWeekSettings(): IWorkWeekSettings;
+}
+export { Configuration as CalendarConfig };
diff --git a/wwwroot/js/configurations/CalendarConfig.js b/wwwroot/js/configurations/CalendarConfig.js
new file mode 100644
index 0000000..89d9237
--- /dev/null
+++ b/wwwroot/js/configurations/CalendarConfig.js
@@ -0,0 +1,85 @@
+/**
+ * All-day event layout constants
+ */
+export const ALL_DAY_CONSTANTS = {
+    EVENT_HEIGHT: 22,
+    EVENT_GAP: 2,
+    CONTAINER_PADDING: 4,
+    MAX_COLLAPSED_ROWS: 4,
+    get SINGLE_ROW_HEIGHT() {
+        return this.EVENT_HEIGHT + this.EVENT_GAP; // 28px
+    }
+};
+/**
+ * Work week presets - Configuration data
+ */
+export const WORK_WEEK_PRESETS = {
+    'standard': {
+        id: 'standard',
+        workDays: [1, 2, 3, 4, 5],
+        totalDays: 5,
+        firstWorkDay: 1
+    },
+    'compressed': {
+        id: 'compressed',
+        workDays: [1, 2, 3, 4],
+        totalDays: 4,
+        firstWorkDay: 1
+    },
+    'midweek': {
+        id: 'midweek',
+        workDays: [3, 4, 5],
+        totalDays: 3,
+        firstWorkDay: 3
+    },
+    'weekend': {
+        id: 'weekend',
+        workDays: [6, 7],
+        totalDays: 2,
+        firstWorkDay: 6
+    },
+    'fullweek': {
+        id: 'fullweek',
+        workDays: [1, 2, 3, 4, 5, 6, 7],
+        totalDays: 7,
+        firstWorkDay: 1
+    }
+};
+/**
+ * Configuration - DTO container for all configuration
+ * Pure data object loaded from JSON via ConfigManager
+ */
+export class Configuration {
+    constructor(config, gridSettings, dateViewSettings, timeFormatConfig, currentWorkWeek, currentView, selectedDate = new Date()) {
+        this.apiEndpoint = '/api';
+        this.config = config;
+        this.gridSettings = gridSettings;
+        this.dateViewSettings = dateViewSettings;
+        this.timeFormatConfig = timeFormatConfig;
+        this.currentWorkWeek = currentWorkWeek;
+        this.currentView = currentView;
+        this.selectedDate = selectedDate;
+        // Store as singleton instance for web components
+        Configuration._instance = this;
+    }
+    /**
+     * Get the current Configuration instance
+     * Used by web components that can't use dependency injection
+     */
+    static getInstance() {
+        if (!Configuration._instance) {
+            throw new Error('Configuration has not been initialized. Call ConfigManager.load() first.');
+        }
+        return Configuration._instance;
+    }
+    setSelectedDate(date) {
+        this.selectedDate = date;
+    }
+    getWorkWeekSettings() {
+        return WORK_WEEK_PRESETS[this.currentWorkWeek] || WORK_WEEK_PRESETS['standard'];
+    }
+}
+Configuration._instance = null;
+// Backward compatibility alias
+export { Configuration as CalendarConfig };
+//# sourceMappingURL=CalendarConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/CalendarConfig.js.map b/wwwroot/js/configurations/CalendarConfig.js.map
new file mode 100644
index 0000000..e563232
--- /dev/null
+++ b/wwwroot/js/configurations/CalendarConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CalendarConfig.js","sourceRoot":"","sources":["../../../src/configurations/CalendarConfig.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,CAAC;IACZ,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,CAAC;IACrB,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO;IACpD,CAAC;CACO,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAyC;IACrE,UAAU,EAAE;QACV,EAAE,EAAE,UAAU;QACd,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACzB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,YAAY;QAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,SAAS,EAAE;QACT,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,SAAS,EAAE;QACT,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAChB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,UAAU,EAAE;QACV,EAAE,EAAE,UAAU;QACd,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC/B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,OAAO,aAAa;IAYxB,YACE,MAAuB,EACvB,YAA2B,EAC3B,gBAAmC,EACnC,gBAAmC,EACnC,eAAuB,EACvB,WAAyB,EACzB,eAAqB,IAAI,IAAI,EAAE;QAT1B,gBAAW,GAAW,MAAM,CAAC;QAWlC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,iDAAiD;QACjD,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;QAC9F,CAAC;QACD,OAAO,aAAa,CAAC,SAAS,CAAC;IACjC,CAAC;IAED,eAAe,CAAC,IAAU;QACxB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,mBAAmB;QACjB,OAAO,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC;;AAjDc,uBAAS,GAAyB,IAAI,AAA7B,CAA8B;AAoDxD,+BAA+B;AAC/B,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/ConfigManager.d.ts b/wwwroot/js/configurations/ConfigManager.d.ts
new file mode 100644
index 0000000..1123edd
--- /dev/null
+++ b/wwwroot/js/configurations/ConfigManager.d.ts
@@ -0,0 +1,28 @@
+import { Configuration } from './CalendarConfig';
+import { IEventBus } from '../types/CalendarTypes';
+/**
+ * ConfigManager - Configuration loader and CSS property manager
+ * Loads JSON and creates Configuration instance
+ * Listens to events and manages CSS custom properties for dynamic styling
+ */
+export declare class ConfigManager {
+    private eventBus;
+    private config;
+    constructor(eventBus: IEventBus, config: Configuration);
+    /**
+     * Setup event listeners for dynamic CSS updates
+     */
+    private setupEventListeners;
+    /**
+     * Sync grid-related CSS variables from configuration
+     */
+    private syncGridCSSVariables;
+    /**
+     * Sync workweek-related CSS variables
+     */
+    private syncWorkweekCSSVariables;
+    /**
+     * Load configuration from JSON and create Configuration instance
+     */
+    static load(): Promise<Configuration>;
+}
diff --git a/wwwroot/js/configurations/ConfigManager.js b/wwwroot/js/configurations/ConfigManager.js
new file mode 100644
index 0000000..1c75db8
--- /dev/null
+++ b/wwwroot/js/configurations/ConfigManager.js
@@ -0,0 +1,80 @@
+import { Configuration } from './CalendarConfig';
+import { TimeFormatter } from '../utils/TimeFormatter';
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * ConfigManager - Configuration loader and CSS property manager
+ * Loads JSON and creates Configuration instance
+ * Listens to events and manages CSS custom properties for dynamic styling
+ */
+export class ConfigManager {
+    constructor(eventBus, config) {
+        this.eventBus = eventBus;
+        this.config = config;
+        this.setupEventListeners();
+        this.syncGridCSSVariables();
+        this.syncWorkweekCSSVariables();
+    }
+    /**
+     * Setup event listeners for dynamic CSS updates
+     */
+    setupEventListeners() {
+        // Listen to workweek changes and update CSS accordingly
+        this.eventBus.on(CoreEvents.WORKWEEK_CHANGED, (event) => {
+            const { settings } = event.detail;
+            this.syncWorkweekCSSVariables(settings);
+        });
+    }
+    /**
+     * Sync grid-related CSS variables from configuration
+     */
+    syncGridCSSVariables() {
+        const gridSettings = this.config.gridSettings;
+        document.documentElement.style.setProperty('--hour-height', `${gridSettings.hourHeight}px`);
+        document.documentElement.style.setProperty('--day-start-hour', gridSettings.dayStartHour.toString());
+        document.documentElement.style.setProperty('--day-end-hour', gridSettings.dayEndHour.toString());
+        document.documentElement.style.setProperty('--work-start-hour', gridSettings.workStartHour.toString());
+        document.documentElement.style.setProperty('--work-end-hour', gridSettings.workEndHour.toString());
+    }
+    /**
+     * Sync workweek-related CSS variables
+     */
+    syncWorkweekCSSVariables(workWeekSettings) {
+        const settings = workWeekSettings || this.config.getWorkWeekSettings();
+        document.documentElement.style.setProperty('--grid-columns', settings.totalDays.toString());
+    }
+    /**
+     * Load configuration from JSON and create Configuration instance
+     */
+    static async load() {
+        const response = await fetch('/wwwroot/data/calendar-config.json');
+        if (!response.ok) {
+            throw new Error(`Failed to load config: ${response.statusText}`);
+        }
+        const data = await response.json();
+        // Build main config
+        const mainConfig = {
+            scrollbarWidth: data.scrollbar.width,
+            scrollbarColor: data.scrollbar.color,
+            scrollbarTrackColor: data.scrollbar.trackColor,
+            scrollbarHoverColor: data.scrollbar.hoverColor,
+            scrollbarBorderRadius: data.scrollbar.borderRadius,
+            allowDrag: data.interaction.allowDrag,
+            allowResize: data.interaction.allowResize,
+            allowCreate: data.interaction.allowCreate,
+            apiEndpoint: data.api.endpoint,
+            dateFormat: data.api.dateFormat,
+            timeFormat: data.api.timeFormat,
+            enableSearch: data.features.enableSearch,
+            enableTouch: data.features.enableTouch,
+            defaultEventDuration: data.eventDefaults.defaultEventDuration,
+            minEventDuration: data.gridSettings.snapInterval,
+            maxEventDuration: data.eventDefaults.maxEventDuration
+        };
+        // Create Configuration instance
+        const config = new Configuration(mainConfig, data.gridSettings, data.dateViewSettings, data.timeFormatConfig, data.currentWorkWeek, data.currentView || 'week');
+        // Configure TimeFormatter
+        TimeFormatter.configure(config.timeFormatConfig);
+        return config;
+    }
+}
+//# sourceMappingURL=ConfigManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/ConfigManager.js.map b/wwwroot/js/configurations/ConfigManager.js.map
new file mode 100644
index 0000000..71e69a0
--- /dev/null
+++ b/wwwroot/js/configurations/ConfigManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ConfigManager.js","sourceRoot":"","sources":["../../../src/configurations/ConfigManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/DateViewSettings.d.ts b/wwwroot/js/configurations/DateViewSettings.d.ts
new file mode 100644
index 0000000..5459f66
--- /dev/null
+++ b/wwwroot/js/configurations/DateViewSettings.d.ts
@@ -0,0 +1,10 @@
+import { ViewPeriod } from '../types/CalendarTypes';
+/**
+ * View settings for date-based calendar mode
+ */
+export interface IDateViewSettings {
+    period: ViewPeriod;
+    weekDays: number;
+    firstDayOfWeek: number;
+    showAllDay: boolean;
+}
diff --git a/wwwroot/js/configurations/DateViewSettings.js b/wwwroot/js/configurations/DateViewSettings.js
new file mode 100644
index 0000000..cb2b894
--- /dev/null
+++ b/wwwroot/js/configurations/DateViewSettings.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DateViewSettings.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/DateViewSettings.js.map b/wwwroot/js/configurations/DateViewSettings.js.map
new file mode 100644
index 0000000..385c982
--- /dev/null
+++ b/wwwroot/js/configurations/DateViewSettings.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DateViewSettings.js","sourceRoot":"","sources":["../../../src/configurations/DateViewSettings.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/GridSettings.d.ts b/wwwroot/js/configurations/GridSettings.d.ts
new file mode 100644
index 0000000..0db6981
--- /dev/null
+++ b/wwwroot/js/configurations/GridSettings.d.ts
@@ -0,0 +1,22 @@
+/**
+ * Grid display settings interface
+ */
+export interface IGridSettings {
+    dayStartHour: number;
+    dayEndHour: number;
+    workStartHour: number;
+    workEndHour: number;
+    hourHeight: number;
+    snapInterval: number;
+    fitToWidth: boolean;
+    scrollToHour: number | null;
+    gridStartThresholdMinutes: number;
+    showCurrentTime: boolean;
+    showWorkHours: boolean;
+}
+/**
+ * Grid settings utility functions
+ */
+export declare namespace GridSettingsUtils {
+    function isValidSnapInterval(interval: number): boolean;
+}
diff --git a/wwwroot/js/configurations/GridSettings.js b/wwwroot/js/configurations/GridSettings.js
new file mode 100644
index 0000000..c7e399e
--- /dev/null
+++ b/wwwroot/js/configurations/GridSettings.js
@@ -0,0 +1,11 @@
+/**
+ * Grid settings utility functions
+ */
+export var GridSettingsUtils;
+(function (GridSettingsUtils) {
+    function isValidSnapInterval(interval) {
+        return [5, 10, 15, 30, 60].includes(interval);
+    }
+    GridSettingsUtils.isValidSnapInterval = isValidSnapInterval;
+})(GridSettingsUtils || (GridSettingsUtils = {}));
+//# sourceMappingURL=GridSettings.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/GridSettings.js.map b/wwwroot/js/configurations/GridSettings.js.map
new file mode 100644
index 0000000..cdfbb83
--- /dev/null
+++ b/wwwroot/js/configurations/GridSettings.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"GridSettings.js","sourceRoot":"","sources":["../../../src/configurations/GridSettings.ts"],"names":[],"mappings":"AAiBA;;GAEG;AACH,MAAM,KAAW,iBAAiB,CAIjC;AAJD,WAAiB,iBAAiB;IAChC,SAAgB,mBAAmB,CAAC,QAAgB;QAClD,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAFe,qCAAmB,sBAElC,CAAA;AACH,CAAC,EAJgB,iBAAiB,KAAjB,iBAAiB,QAIjC"}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/ICalendarConfig.d.ts b/wwwroot/js/configurations/ICalendarConfig.d.ts
new file mode 100644
index 0000000..4c66c10
--- /dev/null
+++ b/wwwroot/js/configurations/ICalendarConfig.d.ts
@@ -0,0 +1,21 @@
+/**
+ * Main calendar configuration interface
+ */
+export interface ICalendarConfig {
+    scrollbarWidth: number;
+    scrollbarColor: string;
+    scrollbarTrackColor: string;
+    scrollbarHoverColor: string;
+    scrollbarBorderRadius: number;
+    allowDrag: boolean;
+    allowResize: boolean;
+    allowCreate: boolean;
+    apiEndpoint: string;
+    dateFormat: string;
+    timeFormat: string;
+    enableSearch: boolean;
+    enableTouch: boolean;
+    defaultEventDuration: number;
+    minEventDuration: number;
+    maxEventDuration: number;
+}
diff --git a/wwwroot/js/configurations/ICalendarConfig.js b/wwwroot/js/configurations/ICalendarConfig.js
new file mode 100644
index 0000000..769ac97
--- /dev/null
+++ b/wwwroot/js/configurations/ICalendarConfig.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ICalendarConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/ICalendarConfig.js.map b/wwwroot/js/configurations/ICalendarConfig.js.map
new file mode 100644
index 0000000..f3e954b
--- /dev/null
+++ b/wwwroot/js/configurations/ICalendarConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ICalendarConfig.js","sourceRoot":"","sources":["../../../src/configurations/ICalendarConfig.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/TimeFormatConfig.d.ts b/wwwroot/js/configurations/TimeFormatConfig.d.ts
new file mode 100644
index 0000000..d1f26c1
--- /dev/null
+++ b/wwwroot/js/configurations/TimeFormatConfig.d.ts
@@ -0,0 +1,10 @@
+/**
+ * Time format configuration settings
+ */
+export interface ITimeFormatConfig {
+    timezone: string;
+    use24HourFormat: boolean;
+    locale: string;
+    dateFormat: 'locale' | 'technical';
+    showSeconds: boolean;
+}
diff --git a/wwwroot/js/configurations/TimeFormatConfig.js b/wwwroot/js/configurations/TimeFormatConfig.js
new file mode 100644
index 0000000..31213da
--- /dev/null
+++ b/wwwroot/js/configurations/TimeFormatConfig.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TimeFormatConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/TimeFormatConfig.js.map b/wwwroot/js/configurations/TimeFormatConfig.js.map
new file mode 100644
index 0000000..c94321c
--- /dev/null
+++ b/wwwroot/js/configurations/TimeFormatConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"TimeFormatConfig.js","sourceRoot":"","sources":["../../../src/configurations/TimeFormatConfig.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/configurations/WorkWeekSettings.d.ts b/wwwroot/js/configurations/WorkWeekSettings.d.ts
new file mode 100644
index 0000000..b971f20
--- /dev/null
+++ b/wwwroot/js/configurations/WorkWeekSettings.d.ts
@@ -0,0 +1,9 @@
+/**
+ * Work week configuration settings
+ */
+export interface IWorkWeekSettings {
+    id: string;
+    workDays: number[];
+    totalDays: number;
+    firstWorkDay: number;
+}
diff --git a/wwwroot/js/configurations/WorkWeekSettings.js b/wwwroot/js/configurations/WorkWeekSettings.js
new file mode 100644
index 0000000..1b2eefc
--- /dev/null
+++ b/wwwroot/js/configurations/WorkWeekSettings.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WorkWeekSettings.js.map
\ No newline at end of file
diff --git a/wwwroot/js/configurations/WorkWeekSettings.js.map b/wwwroot/js/configurations/WorkWeekSettings.js.map
new file mode 100644
index 0000000..9fe597d
--- /dev/null
+++ b/wwwroot/js/configurations/WorkWeekSettings.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WorkWeekSettings.js","sourceRoot":"","sources":["../../../src/configurations/WorkWeekSettings.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/constants/CoreEvents.d.ts b/wwwroot/js/constants/CoreEvents.d.ts
new file mode 100644
index 0000000..7e98d27
--- /dev/null
+++ b/wwwroot/js/constants/CoreEvents.d.ts
@@ -0,0 +1,37 @@
+/**
+ * CoreEvents - Consolidated essential events for the calendar
+ * Reduces complexity from 102+ events to ~20 core events
+ */
+export declare const CoreEvents: {
+    readonly INITIALIZED: "core:initialized";
+    readonly READY: "core:ready";
+    readonly DESTROYED: "core:destroyed";
+    readonly VIEW_CHANGED: "view:changed";
+    readonly VIEW_RENDERED: "view:rendered";
+    readonly WORKWEEK_CHANGED: "workweek:changed";
+    readonly NAV_BUTTON_CLICKED: "nav:button-clicked";
+    readonly DATE_CHANGED: "nav:date-changed";
+    readonly NAVIGATION_COMPLETED: "nav:navigation-completed";
+    readonly NAVIGATE_TO_EVENT: "nav:navigate-to-event";
+    readonly DATA_LOADING: "data:loading";
+    readonly DATA_LOADED: "data:loaded";
+    readonly DATA_ERROR: "data:error";
+    readonly EVENTS_FILTERED: "data:events-filtered";
+    readonly REMOTE_UPDATE_RECEIVED: "data:remote-update";
+    readonly GRID_RENDERED: "grid:rendered";
+    readonly GRID_CLICKED: "grid:clicked";
+    readonly CELL_SELECTED: "grid:cell-selected";
+    readonly EVENT_CREATED: "event:created";
+    readonly EVENT_UPDATED: "event:updated";
+    readonly EVENT_DELETED: "event:deleted";
+    readonly EVENT_SELECTED: "event:selected";
+    readonly ERROR: "system:error";
+    readonly REFRESH_REQUESTED: "system:refresh";
+    readonly OFFLINE_MODE_CHANGED: "system:offline-mode-changed";
+    readonly SYNC_STARTED: "sync:started";
+    readonly SYNC_COMPLETED: "sync:completed";
+    readonly SYNC_FAILED: "sync:failed";
+    readonly SYNC_RETRY: "sync:retry";
+    readonly FILTER_CHANGED: "filter:changed";
+    readonly EVENTS_RENDERED: "events:rendered";
+};
diff --git a/wwwroot/js/constants/CoreEvents.js b/wwwroot/js/constants/CoreEvents.js
new file mode 100644
index 0000000..f72a48a
--- /dev/null
+++ b/wwwroot/js/constants/CoreEvents.js
@@ -0,0 +1,48 @@
+/**
+ * CoreEvents - Consolidated essential events for the calendar
+ * Reduces complexity from 102+ events to ~20 core events
+ */
+export const CoreEvents = {
+    // Lifecycle events (3)
+    INITIALIZED: 'core:initialized',
+    READY: 'core:ready',
+    DESTROYED: 'core:destroyed',
+    // View events (3)
+    VIEW_CHANGED: 'view:changed',
+    VIEW_RENDERED: 'view:rendered',
+    WORKWEEK_CHANGED: 'workweek:changed',
+    // Navigation events (4)
+    NAV_BUTTON_CLICKED: 'nav:button-clicked',
+    DATE_CHANGED: 'nav:date-changed',
+    NAVIGATION_COMPLETED: 'nav:navigation-completed',
+    NAVIGATE_TO_EVENT: 'nav:navigate-to-event',
+    // Data events (5)
+    DATA_LOADING: 'data:loading',
+    DATA_LOADED: 'data:loaded',
+    DATA_ERROR: 'data:error',
+    EVENTS_FILTERED: 'data:events-filtered',
+    REMOTE_UPDATE_RECEIVED: 'data:remote-update',
+    // Grid events (3)
+    GRID_RENDERED: 'grid:rendered',
+    GRID_CLICKED: 'grid:clicked',
+    CELL_SELECTED: 'grid:cell-selected',
+    // Event management (4)
+    EVENT_CREATED: 'event:created',
+    EVENT_UPDATED: 'event:updated',
+    EVENT_DELETED: 'event:deleted',
+    EVENT_SELECTED: 'event:selected',
+    // System events (3)
+    ERROR: 'system:error',
+    REFRESH_REQUESTED: 'system:refresh',
+    OFFLINE_MODE_CHANGED: 'system:offline-mode-changed',
+    // Sync events (4)
+    SYNC_STARTED: 'sync:started',
+    SYNC_COMPLETED: 'sync:completed',
+    SYNC_FAILED: 'sync:failed',
+    SYNC_RETRY: 'sync:retry',
+    // Filter events (1)
+    FILTER_CHANGED: 'filter:changed',
+    // Rendering events (1)
+    EVENTS_RENDERED: 'events:rendered'
+};
+//# sourceMappingURL=CoreEvents.js.map
\ No newline at end of file
diff --git a/wwwroot/js/constants/CoreEvents.js.map b/wwwroot/js/constants/CoreEvents.js.map
new file mode 100644
index 0000000..d32cee3
--- /dev/null
+++ b/wwwroot/js/constants/CoreEvents.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CoreEvents.js","sourceRoot":"","sources":["../../../src/constants/CoreEvents.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,uBAAuB;IACvB,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,gBAAgB;IAE3B,kBAAkB;IAClB,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,eAAe;IAC9B,gBAAgB,EAAE,kBAAkB;IAEpC,wBAAwB;IACxB,kBAAkB,EAAE,oBAAoB;IACxC,YAAY,EAAE,kBAAkB;IAChC,oBAAoB,EAAE,0BAA0B;IAChD,iBAAiB,EAAE,uBAAuB;IAE1C,kBAAkB;IAClB,YAAY,EAAE,cAAc;IAC5B,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,YAAY;IACxB,eAAe,EAAE,sBAAsB;IACvC,sBAAsB,EAAE,oBAAoB;IAE5C,kBAAkB;IAClB,aAAa,EAAE,eAAe;IAC9B,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,oBAAoB;IAEnC,uBAAuB;IACvB,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;IAEhC,oBAAoB;IACpB,KAAK,EAAE,cAAc;IACrB,iBAAiB,EAAE,gBAAgB;IACnC,oBAAoB,EAAE,6BAA6B;IAEnD,kBAAkB;IAClB,YAAY,EAAE,cAAc;IAC5B,cAAc,EAAE,gBAAgB;IAChC,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,YAAY;IAExB,oBAAoB;IACpB,cAAc,EAAE,gBAAgB;IAEhC,uBAAuB;IACvB,eAAe,EAAE,iBAAiB;CAC1B,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/core/CalendarConfig.d.ts b/wwwroot/js/core/CalendarConfig.d.ts
new file mode 100644
index 0000000..c19e1f3
--- /dev/null
+++ b/wwwroot/js/core/CalendarConfig.d.ts
@@ -0,0 +1,225 @@
+import { CalendarConfig as ICalendarConfig, ViewPeriod, CalendarMode } from '../types/CalendarTypes';
+/**
+ * All-day event layout constants
+ */
+export declare const ALL_DAY_CONSTANTS: {
+    readonly EVENT_HEIGHT: 22;
+    readonly EVENT_GAP: 2;
+    readonly CONTAINER_PADDING: 4;
+    readonly MAX_COLLAPSED_ROWS: 4;
+    readonly SINGLE_ROW_HEIGHT: number;
+};
+/**
+ * Layout and timing settings for the calendar grid
+ */
+interface GridSettings {
+    dayStartHour: number;
+    dayEndHour: number;
+    workStartHour: number;
+    workEndHour: number;
+    hourHeight: number;
+    snapInterval: number;
+    fitToWidth: boolean;
+    scrollToHour: number | null;
+    gridStartThresholdMinutes: number;
+    showCurrentTime: boolean;
+    showWorkHours: boolean;
+}
+/**
+ * View settings for date-based calendar mode
+ */
+interface DateViewSettings {
+    period: ViewPeriod;
+    weekDays: number;
+    firstDayOfWeek: number;
+    showAllDay: boolean;
+}
+/**
+ * Work week configuration settings
+ */
+interface WorkWeekSettings {
+    id: string;
+    workDays: number[];
+    totalDays: number;
+    firstWorkDay: number;
+}
+/**
+ * View settings for resource-based calendar mode
+ */
+interface ResourceViewSettings {
+    maxResources: number;
+    showAvatars: boolean;
+    avatarSize: number;
+    resourceNameFormat: 'full' | 'short';
+    showResourceDetails: boolean;
+    showAllDay: boolean;
+}
+/**
+ * Time format configuration settings
+ */
+interface TimeFormatConfig {
+    timezone: string;
+    use24HourFormat: boolean;
+    locale: string;
+    dateFormat: 'locale' | 'technical';
+    showSeconds: boolean;
+}
+/**
+ * Calendar configuration management
+ */
+export declare class CalendarConfig {
+    private config;
+    private calendarMode;
+    private selectedDate;
+    private gridSettings;
+    private dateViewSettings;
+    private resourceViewSettings;
+    private currentWorkWeek;
+    private timeFormatConfig;
+    constructor();
+    /**
+     * Load calendar type and date from URL parameters
+     */
+    private loadCalendarType;
+    /**
+     * Load configuration from DOM data attributes
+     */
+    private loadFromDOM;
+    /**
+     * Get a config value
+     */
+    get<K extends keyof ICalendarConfig>(key: K): ICalendarConfig[K];
+    /**
+     * Set a config value
+     */
+    set<K extends keyof ICalendarConfig>(key: K, value: ICalendarConfig[K]): void;
+    /**
+     * Update multiple config values
+     */
+    update(updates: Partial<ICalendarConfig>): void;
+    /**
+     * Get all config
+     */
+    getAll(): ICalendarConfig;
+    /**
+     * Calculate derived values
+     */
+    get minuteHeight(): number;
+    get totalHours(): number;
+    get totalMinutes(): number;
+    get slotsPerHour(): number;
+    get totalSlots(): number;
+    get slotHeight(): number;
+    /**
+     * Validate snap interval
+     */
+    isValidSnapInterval(interval: number): boolean;
+    /**
+     * Get grid display settings
+     */
+    getGridSettings(): GridSettings;
+    /**
+     * Update grid display settings
+     */
+    updateGridSettings(updates: Partial<GridSettings>): void;
+    /**
+     * Get date view settings
+     */
+    getDateViewSettings(): DateViewSettings;
+    /**
+     * Update date view settings
+     */
+    updateDateViewSettings(updates: Partial<DateViewSettings>): void;
+    /**
+     * Get resource view settings
+     */
+    getResourceViewSettings(): ResourceViewSettings;
+    /**
+     * Update resource view settings
+     */
+    updateResourceViewSettings(updates: Partial<ResourceViewSettings>): void;
+    /**
+     * Check if current mode is resource-based
+     */
+    isResourceMode(): boolean;
+    /**
+     * Check if current mode is date-based
+     */
+    isDateMode(): boolean;
+    /**
+     * Get calendar mode
+     */
+    getCalendarMode(): CalendarMode;
+    /**
+     * Set calendar mode
+     */
+    setCalendarMode(mode: CalendarMode): void;
+    /**
+     * Get selected date
+     */
+    getSelectedDate(): Date | null;
+    /**
+     * Set selected date
+     * Note: Does not emit events - caller is responsible for event emission
+     */
+    setSelectedDate(date: Date): void;
+    /**
+     * Get work week presets
+     */
+    private getWorkWeekPresets;
+    /**
+     * Get current work week settings
+     */
+    getWorkWeekSettings(): WorkWeekSettings;
+    /**
+     * Set work week preset
+     * Note: Does not emit events - caller is responsible for event emission
+     */
+    setWorkWeek(workWeekId: string): void;
+    /**
+     * Get current work week ID
+     */
+    getCurrentWorkWeek(): string;
+    /**
+     * Get time format settings
+     */
+    getTimeFormatSettings(): TimeFormatConfig;
+    /**
+     * Update time format settings
+     */
+    updateTimeFormatSettings(updates: Partial<TimeFormatConfig>): void;
+    /**
+     * Set timezone (convenience method)
+     */
+    setTimezone(timezone: string): void;
+    /**
+     * Set 12/24 hour format (convenience method)
+     */
+    set24HourFormat(use24Hour: boolean): void;
+    /**
+     * Get configured timezone
+     */
+    getTimezone(): string;
+    /**
+     * Get configured locale
+     */
+    getLocale(): string;
+    /**
+     * Check if using 24-hour format
+     */
+    is24HourFormat(): boolean;
+    /**
+     * Set date format (convenience method)
+     */
+    setDateFormat(format: 'locale' | 'technical'): void;
+    /**
+     * Set whether to show seconds (convenience method)
+     */
+    setShowSeconds(show: boolean): void;
+    /**
+     * Get current date format
+     */
+    getDateFormat(): 'locale' | 'technical';
+}
+export declare const calendarConfig: CalendarConfig;
+export {};
diff --git a/wwwroot/js/core/CalendarConfig.js b/wwwroot/js/core/CalendarConfig.js
new file mode 100644
index 0000000..010ca10
--- /dev/null
+++ b/wwwroot/js/core/CalendarConfig.js
@@ -0,0 +1,421 @@
+// Calendar configuration management
+import { eventBus } from './EventBus';
+import { CoreEvents } from '../constants/CoreEvents';
+import { TimeFormatter } from '../utils/TimeFormatter';
+/**
+ * All-day event layout constants
+ */
+export const ALL_DAY_CONSTANTS = {
+    EVENT_HEIGHT: 22, // Height of single all-day event
+    EVENT_GAP: 2, // Gap between stacked events
+    CONTAINER_PADDING: 4, // Container padding (top + bottom)
+    get SINGLE_ROW_HEIGHT() {
+        return this.EVENT_HEIGHT + this.EVENT_GAP + this.CONTAINER_PADDING; // 28px
+    }
+};
+/**
+ * Calendar configuration management
+ */
+export class CalendarConfig {
+    constructor() {
+        this.calendarMode = 'date';
+        this.selectedDate = null;
+        this.currentWorkWeek = 'standard';
+        this.config = {
+            // Scrollbar styling
+            scrollbarWidth: 16, // Width of scrollbar in pixels
+            scrollbarColor: '#666', // Scrollbar thumb color
+            scrollbarTrackColor: '#f0f0f0', // Scrollbar track color
+            scrollbarHoverColor: '#b53f7aff', // Scrollbar thumb hover color
+            scrollbarBorderRadius: 6, // Border radius for scrollbar thumb
+            // Interaction settings
+            allowDrag: true,
+            allowResize: true,
+            allowCreate: true,
+            // API settings
+            apiEndpoint: '/api/events',
+            dateFormat: 'YYYY-MM-DD',
+            timeFormat: 'HH:mm',
+            // Feature flags
+            enableSearch: true,
+            enableTouch: true,
+            // Event defaults
+            defaultEventDuration: 60, // Minutes
+            minEventDuration: 15, // Will be same as snapInterval
+            maxEventDuration: 480 // 8 hours
+        };
+        // Grid display settings
+        this.gridSettings = {
+            hourHeight: 60,
+            dayStartHour: 0,
+            dayEndHour: 24,
+            workStartHour: 8,
+            workEndHour: 17,
+            snapInterval: 15,
+            showCurrentTime: true,
+            showWorkHours: true,
+            fitToWidth: false,
+            scrollToHour: 8
+        };
+        // Date view settings
+        this.dateViewSettings = {
+            period: 'week',
+            weekDays: 7,
+            firstDayOfWeek: 1,
+            showAllDay: true
+        };
+        // Resource view settings
+        this.resourceViewSettings = {
+            maxResources: 10,
+            showAvatars: true,
+            avatarSize: 32,
+            resourceNameFormat: 'full',
+            showResourceDetails: true,
+            showAllDay: true
+        };
+        // Time format settings - default to Denmark
+        this.timeFormatConfig = {
+            timezone: 'Europe/Copenhagen',
+            use24HourFormat: true,
+            locale: 'da-DK'
+        };
+        // Set computed values
+        this.config.minEventDuration = this.gridSettings.snapInterval;
+        // Initialize TimeFormatter with default settings
+        TimeFormatter.configure(this.timeFormatConfig);
+        // Load calendar type from URL parameter
+        this.loadCalendarType();
+        // Load from data attributes
+        this.loadFromDOM();
+    }
+    /**
+     * Load calendar type and date from URL parameters
+     */
+    loadCalendarType() {
+        const urlParams = new URLSearchParams(window.location.search);
+        const typeParam = urlParams.get('type');
+        const dateParam = urlParams.get('date');
+        // Set calendar mode
+        if (typeParam === 'resource' || typeParam === 'date') {
+            this.calendarMode = typeParam;
+        }
+        else {
+            this.calendarMode = 'date'; // Default
+        }
+        // Set selected date
+        if (dateParam) {
+            const parsedDate = new Date(dateParam);
+            if (!isNaN(parsedDate.getTime())) {
+                this.selectedDate = parsedDate;
+            }
+            else {
+                this.selectedDate = new Date();
+            }
+        }
+        else {
+            this.selectedDate = new Date(); // Default to today
+        }
+    }
+    /**
+     * Load configuration from DOM data attributes
+     */
+    loadFromDOM() {
+        const calendar = document.querySelector('swp-calendar');
+        if (!calendar)
+            return;
+        // Read data attributes
+        const attrs = calendar.dataset;
+        // Update date view settings
+        if (attrs.view)
+            this.dateViewSettings.period = attrs.view;
+        if (attrs.weekDays)
+            this.dateViewSettings.weekDays = parseInt(attrs.weekDays);
+        // Update grid settings
+        if (attrs.snapInterval)
+            this.gridSettings.snapInterval = parseInt(attrs.snapInterval);
+        if (attrs.dayStartHour)
+            this.gridSettings.dayStartHour = parseInt(attrs.dayStartHour);
+        if (attrs.dayEndHour)
+            this.gridSettings.dayEndHour = parseInt(attrs.dayEndHour);
+        if (attrs.hourHeight)
+            this.gridSettings.hourHeight = parseInt(attrs.hourHeight);
+        if (attrs.fitToWidth !== undefined)
+            this.gridSettings.fitToWidth = attrs.fitToWidth === 'true';
+        // Update computed values
+        this.config.minEventDuration = this.gridSettings.snapInterval;
+    }
+    /**
+     * Get a config value
+     */
+    get(key) {
+        return this.config[key];
+    }
+    /**
+     * Set a config value
+     */
+    set(key, value) {
+        const oldValue = this.config[key];
+        this.config[key] = value;
+        // Update computed values handled in specific update methods
+        // Emit config update event
+        eventBus.emit(CoreEvents.REFRESH_REQUESTED, {
+            key,
+            value,
+            oldValue
+        });
+    }
+    /**
+     * Update multiple config values
+     */
+    update(updates) {
+        Object.entries(updates).forEach(([key, value]) => {
+            this.set(key, value);
+        });
+    }
+    /**
+     * Get all config
+     */
+    getAll() {
+        return { ...this.config };
+    }
+    /**
+     * Calculate derived values
+     */
+    get minuteHeight() {
+        return this.gridSettings.hourHeight / 60;
+    }
+    get totalHours() {
+        return this.gridSettings.dayEndHour - this.gridSettings.dayStartHour;
+    }
+    get totalMinutes() {
+        return this.totalHours * 60;
+    }
+    get slotsPerHour() {
+        return 60 / this.gridSettings.snapInterval;
+    }
+    get totalSlots() {
+        return this.totalHours * this.slotsPerHour;
+    }
+    get slotHeight() {
+        return this.gridSettings.hourHeight / this.slotsPerHour;
+    }
+    /**
+     * Validate snap interval
+     */
+    isValidSnapInterval(interval) {
+        return [5, 10, 15, 30, 60].includes(interval);
+    }
+    /**
+     * Get grid display settings
+     */
+    getGridSettings() {
+        return { ...this.gridSettings };
+    }
+    /**
+     * Update grid display settings
+     */
+    updateGridSettings(updates) {
+        this.gridSettings = { ...this.gridSettings, ...updates };
+        // Update computed values
+        if (updates.snapInterval) {
+            this.config.minEventDuration = updates.snapInterval;
+        }
+        // Grid settings changes trigger general refresh - avoid specific event
+        eventBus.emit(CoreEvents.REFRESH_REQUESTED, {
+            key: 'gridSettings',
+            value: this.gridSettings
+        });
+    }
+    /**
+     * Get date view settings
+     */
+    getDateViewSettings() {
+        return { ...this.dateViewSettings };
+    }
+    /**
+     * Update date view settings
+     */
+    updateDateViewSettings(updates) {
+        this.dateViewSettings = { ...this.dateViewSettings, ...updates };
+        // Date view settings changes trigger general refresh - avoid specific event
+        eventBus.emit(CoreEvents.REFRESH_REQUESTED, {
+            key: 'dateViewSettings',
+            value: this.dateViewSettings
+        });
+    }
+    /**
+     * Get resource view settings
+     */
+    getResourceViewSettings() {
+        return { ...this.resourceViewSettings };
+    }
+    /**
+     * Update resource view settings
+     */
+    updateResourceViewSettings(updates) {
+        this.resourceViewSettings = { ...this.resourceViewSettings, ...updates };
+        // Resource view settings changes trigger general refresh - avoid specific event
+        eventBus.emit(CoreEvents.REFRESH_REQUESTED, {
+            key: 'resourceViewSettings',
+            value: this.resourceViewSettings
+        });
+    }
+    /**
+     * Check if current mode is resource-based
+     */
+    isResourceMode() {
+        return this.calendarMode === 'resource';
+    }
+    /**
+     * Check if current mode is date-based
+     */
+    isDateMode() {
+        return this.calendarMode === 'date';
+    }
+    /**
+     * Get calendar mode
+     */
+    getCalendarMode() {
+        return this.calendarMode;
+    }
+    /**
+     * Set calendar mode
+     */
+    setCalendarMode(mode) {
+        const oldMode = this.calendarMode;
+        this.calendarMode = mode;
+        // Emit calendar mode change event
+        eventBus.emit(CoreEvents.VIEW_CHANGED, {
+            oldType: oldMode,
+            newType: mode
+        });
+    }
+    /**
+     * Get selected date
+     */
+    getSelectedDate() {
+        return this.selectedDate;
+    }
+    /**
+     * Set selected date
+     */
+    setSelectedDate(date) {
+        this.selectedDate = date;
+        // Emit date change event
+        eventBus.emit(CoreEvents.DATE_CHANGED, {
+            date: date
+        });
+    }
+    /**
+     * Get work week presets
+     */
+    getWorkWeekPresets() {
+        return {
+            'standard': {
+                id: 'standard',
+                workDays: [1, 2, 3, 4, 5], // Monday-Friday (ISO)
+                totalDays: 5,
+                firstWorkDay: 1
+            },
+            'compressed': {
+                id: 'compressed',
+                workDays: [1, 2, 3, 4], // Monday-Thursday (ISO)
+                totalDays: 4,
+                firstWorkDay: 1
+            },
+            'midweek': {
+                id: 'midweek',
+                workDays: [3, 4, 5], // Wednesday-Friday (ISO)
+                totalDays: 3,
+                firstWorkDay: 3
+            },
+            'weekend': {
+                id: 'weekend',
+                workDays: [6, 7], // Saturday-Sunday (ISO)
+                totalDays: 2,
+                firstWorkDay: 6
+            },
+            'fullweek': {
+                id: 'fullweek',
+                workDays: [1, 2, 3, 4, 5, 6, 7], // Monday-Sunday (ISO)
+                totalDays: 7,
+                firstWorkDay: 1
+            }
+        };
+    }
+    /**
+     * Get current work week settings
+     */
+    getWorkWeekSettings() {
+        const presets = this.getWorkWeekPresets();
+        return presets[this.currentWorkWeek] || presets['standard'];
+    }
+    /**
+     * Set work week preset
+     */
+    setWorkWeek(workWeekId) {
+        const presets = this.getWorkWeekPresets();
+        if (presets[workWeekId]) {
+            this.currentWorkWeek = workWeekId;
+            // Update dateViewSettings to match work week
+            this.dateViewSettings.weekDays = presets[workWeekId].totalDays;
+            // Emit work week change event
+            eventBus.emit(CoreEvents.WORKWEEK_CHANGED, {
+                workWeekId: workWeekId,
+                settings: presets[workWeekId]
+            });
+        }
+    }
+    /**
+     * Get current work week ID
+     */
+    getCurrentWorkWeek() {
+        return this.currentWorkWeek;
+    }
+    /**
+     * Get time format settings
+     */
+    getTimeFormatSettings() {
+        return { ...this.timeFormatConfig };
+    }
+    /**
+     * Update time format settings
+     */
+    updateTimeFormatSettings(updates) {
+        this.timeFormatConfig = { ...this.timeFormatConfig, ...updates };
+        // Update TimeFormatter with new settings
+        TimeFormatter.configure(this.timeFormatConfig);
+        // Emit time format change event
+        eventBus.emit(CoreEvents.REFRESH_REQUESTED, {
+            key: 'timeFormatSettings',
+            value: this.timeFormatConfig
+        });
+    }
+    /**
+     * Set timezone (convenience method)
+     */
+    setTimezone(timezone) {
+        this.updateTimeFormatSettings({ timezone });
+    }
+    /**
+     * Set 12/24 hour format (convenience method)
+     */
+    set24HourFormat(use24Hour) {
+        this.updateTimeFormatSettings({ use24HourFormat: use24Hour });
+    }
+    /**
+     * Get configured timezone
+     */
+    getTimezone() {
+        return this.timeFormatConfig.timezone;
+    }
+    /**
+     * Check if using 24-hour format
+     */
+    is24HourFormat() {
+        return this.timeFormatConfig.use24HourFormat;
+    }
+}
+// Create singleton instance
+export const calendarConfig = new CalendarConfig();
+//# sourceMappingURL=CalendarConfig.js.map
\ No newline at end of file
diff --git a/wwwroot/js/core/CalendarConfig.js.map b/wwwroot/js/core/CalendarConfig.js.map
new file mode 100644
index 0000000..d0e1710
--- /dev/null
+++ b/wwwroot/js/core/CalendarConfig.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CalendarConfig.js","sourceRoot":"","sources":["../../../src/core/CalendarConfig.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/core/EventBus.d.ts b/wwwroot/js/core/EventBus.d.ts
new file mode 100644
index 0000000..93273d5
--- /dev/null
+++ b/wwwroot/js/core/EventBus.d.ts
@@ -0,0 +1,60 @@
+import { IEventLogEntry, IEventBus } from '../types/CalendarTypes';
+/**
+ * Central event dispatcher for calendar using DOM CustomEvents
+ * Provides logging and debugging capabilities
+ */
+export declare class EventBus implements IEventBus {
+    private eventLog;
+    private debug;
+    private listeners;
+    private logConfig;
+    /**
+     * Subscribe to an event via DOM addEventListener
+     */
+    on(eventType: string, handler: EventListener, options?: AddEventListenerOptions): () => void;
+    /**
+     * Subscribe to an event once
+     */
+    once(eventType: string, handler: EventListener): () => void;
+    /**
+     * Unsubscribe from an event
+     */
+    off(eventType: string, handler: EventListener): void;
+    /**
+     * Emit an event via DOM CustomEvent
+     */
+    emit(eventType: string, detail?: unknown): boolean;
+    /**
+     * Log event with console grouping
+     */
+    private logEventWithGrouping;
+    /**
+     * Extract category from event type
+     */
+    private extractCategory;
+    /**
+     * Get styling for different categories
+     */
+    private getCategoryStyle;
+    /**
+     * Configure logging for specific categories
+     */
+    setLogConfig(config: {
+        [key: string]: boolean;
+    }): void;
+    /**
+     * Get current log configuration
+     */
+    getLogConfig(): {
+        [key: string]: boolean;
+    };
+    /**
+     * Get event history
+     */
+    getEventLog(eventType?: string): IEventLogEntry[];
+    /**
+     * Enable/disable debug mode
+     */
+    setDebug(enabled: boolean): void;
+}
+export declare const eventBus: EventBus;
diff --git a/wwwroot/js/core/EventBus.js b/wwwroot/js/core/EventBus.js
new file mode 100644
index 0000000..07b721e
--- /dev/null
+++ b/wwwroot/js/core/EventBus.js
@@ -0,0 +1,158 @@
+/**
+ * Central event dispatcher for calendar using DOM CustomEvents
+ * Provides logging and debugging capabilities
+ */
+export class EventBus {
+    constructor() {
+        this.eventLog = [];
+        this.debug = false;
+        this.listeners = new Set();
+        // Log configuration for different categories
+        this.logConfig = {
+            calendar: true,
+            grid: true,
+            event: true,
+            scroll: true,
+            navigation: true,
+            view: true,
+            default: true
+        };
+    }
+    /**
+     * Subscribe to an event via DOM addEventListener
+     */
+    on(eventType, handler, options) {
+        document.addEventListener(eventType, handler, options);
+        // Track for cleanup
+        this.listeners.add({ eventType, handler, options });
+        // Return unsubscribe function
+        return () => this.off(eventType, handler);
+    }
+    /**
+     * Subscribe to an event once
+     */
+    once(eventType, handler) {
+        return this.on(eventType, handler, { once: true });
+    }
+    /**
+     * Unsubscribe from an event
+     */
+    off(eventType, handler) {
+        document.removeEventListener(eventType, handler);
+        // Remove from tracking
+        for (const listener of this.listeners) {
+            if (listener.eventType === eventType && listener.handler === handler) {
+                this.listeners.delete(listener);
+                break;
+            }
+        }
+    }
+    /**
+     * Emit an event via DOM CustomEvent
+     */
+    emit(eventType, detail = {}) {
+        // Validate eventType
+        if (!eventType) {
+            return false;
+        }
+        const event = new CustomEvent(eventType, {
+            detail: detail ?? {},
+            bubbles: true,
+            cancelable: true
+        });
+        // Log event with grouping
+        if (this.debug) {
+            this.logEventWithGrouping(eventType, detail);
+        }
+        this.eventLog.push({
+            type: eventType,
+            detail: detail ?? {},
+            timestamp: Date.now()
+        });
+        // Emit on document (only DOM events now)
+        return !document.dispatchEvent(event);
+    }
+    /**
+     * Log event with console grouping
+     */
+    logEventWithGrouping(eventType, detail) {
+        // Extract category from event type (e.g., 'calendar:datechanged' → 'calendar')
+        const category = this.extractCategory(eventType);
+        // Only log if category is enabled
+        if (!this.logConfig[category]) {
+            return;
+        }
+        // Get category emoji and color
+        const { emoji, color } = this.getCategoryStyle(category);
+        // Use collapsed group to reduce visual noise
+    }
+    /**
+     * Extract category from event type
+     */
+    extractCategory(eventType) {
+        if (!eventType) {
+            return 'unknown';
+        }
+        if (eventType.includes(':')) {
+            return eventType.split(':')[0];
+        }
+        // Fallback: try to detect category from event name patterns
+        const lowerType = eventType.toLowerCase();
+        if (lowerType.includes('grid') || lowerType.includes('rendered'))
+            return 'grid';
+        if (lowerType.includes('event') || lowerType.includes('sync'))
+            return 'event';
+        if (lowerType.includes('scroll'))
+            return 'scroll';
+        if (lowerType.includes('nav') || lowerType.includes('date'))
+            return 'navigation';
+        if (lowerType.includes('view'))
+            return 'view';
+        return 'default';
+    }
+    /**
+     * Get styling for different categories
+     */
+    getCategoryStyle(category) {
+        const styles = {
+            calendar: { emoji: '🗓️', color: '#2196F3' },
+            grid: { emoji: '📊', color: '#4CAF50' },
+            event: { emoji: '📅', color: '#FF9800' },
+            scroll: { emoji: '📜', color: '#9C27B0' },
+            navigation: { emoji: '🧭', color: '#F44336' },
+            view: { emoji: '👁️', color: '#00BCD4' },
+            default: { emoji: '📢', color: '#607D8B' }
+        };
+        return styles[category] || styles.default;
+    }
+    /**
+     * Configure logging for specific categories
+     */
+    setLogConfig(config) {
+        this.logConfig = { ...this.logConfig, ...config };
+    }
+    /**
+     * Get current log configuration
+     */
+    getLogConfig() {
+        return { ...this.logConfig };
+    }
+    /**
+     * Get event history
+     */
+    getEventLog(eventType) {
+        if (eventType) {
+            return this.eventLog.filter(e => e.type === eventType);
+        }
+        return this.eventLog;
+    }
+    /**
+     * Enable/disable debug mode
+     */
+    setDebug(enabled) {
+        this.debug = enabled;
+    }
+}
+// Create singleton instance
+export const eventBus = new EventBus();
+//# sourceMappingURL=EventBus.js.map
\ No newline at end of file
diff --git a/wwwroot/js/core/EventBus.js.map b/wwwroot/js/core/EventBus.js.map
new file mode 100644
index 0000000..36bb9bc
--- /dev/null
+++ b/wwwroot/js/core/EventBus.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventBus.js","sourceRoot":"","sources":["../../../src/core/EventBus.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/datasources/DateColumnDataSource.d.ts b/wwwroot/js/datasources/DateColumnDataSource.d.ts
new file mode 100644
index 0000000..3807ff2
--- /dev/null
+++ b/wwwroot/js/datasources/DateColumnDataSource.d.ts
@@ -0,0 +1,55 @@
+import { IColumnDataSource } from '../types/ColumnDataSource';
+import { DateService } from '../utils/DateService';
+import { Configuration } from '../configurations/CalendarConfig';
+import { CalendarView } from '../types/CalendarTypes';
+/**
+ * DateColumnDataSource - Provides date-based columns
+ *
+ * Calculates which dates to display based on:
+ * - Current date
+ * - Current view (day/week/month)
+ * - Workweek settings
+ */
+export declare class DateColumnDataSource implements IColumnDataSource {
+    private dateService;
+    private config;
+    private currentDate;
+    private currentView;
+    constructor(dateService: DateService, config: Configuration, currentDate: Date, currentView: CalendarView);
+    /**
+     * Get columns (dates) to display
+     */
+    getColumns(): Date[];
+    /**
+     * Get type of datasource
+     */
+    getType(): 'date' | 'resource';
+    /**
+     * Update current date
+     */
+    setCurrentDate(date: Date): void;
+    /**
+     * Update current view
+     */
+    setCurrentView(view: CalendarView): void;
+    /**
+     * Get dates for week view based on workweek settings
+     */
+    private getWeekDates;
+    /**
+     * Get all dates in current month
+     */
+    private getMonthDates;
+    /**
+     * Get ISO week start (Monday)
+     */
+    private getISOWeekStart;
+    /**
+     * Get month start
+     */
+    private getMonthStart;
+    /**
+     * Get month end
+     */
+    private getMonthEnd;
+}
diff --git a/wwwroot/js/datasources/DateColumnDataSource.js b/wwwroot/js/datasources/DateColumnDataSource.js
new file mode 100644
index 0000000..eefe010
--- /dev/null
+++ b/wwwroot/js/datasources/DateColumnDataSource.js
@@ -0,0 +1,94 @@
+/**
+ * DateColumnDataSource - Provides date-based columns
+ *
+ * Calculates which dates to display based on:
+ * - Current date
+ * - Current view (day/week/month)
+ * - Workweek settings
+ */
+export class DateColumnDataSource {
+    constructor(dateService, config, currentDate, currentView) {
+        this.dateService = dateService;
+        this.config = config;
+        this.currentDate = currentDate;
+        this.currentView = currentView;
+    }
+    /**
+     * Get columns (dates) to display
+     */
+    getColumns() {
+        switch (this.currentView) {
+            case 'week':
+                return this.getWeekDates();
+            case 'month':
+                return this.getMonthDates();
+            case 'day':
+                return [this.currentDate];
+            default:
+                return this.getWeekDates();
+        }
+    }
+    /**
+     * Get type of datasource
+     */
+    getType() {
+        return 'date';
+    }
+    /**
+     * Update current date
+     */
+    setCurrentDate(date) {
+        this.currentDate = date;
+    }
+    /**
+     * Update current view
+     */
+    setCurrentView(view) {
+        this.currentView = view;
+    }
+    /**
+     * Get dates for week view based on workweek settings
+     */
+    getWeekDates() {
+        const weekStart = this.getISOWeekStart(this.currentDate);
+        const workWeekSettings = this.config.getWorkWeekSettings();
+        return this.dateService.getWorkWeekDates(weekStart, workWeekSettings.workDays);
+    }
+    /**
+     * Get all dates in current month
+     */
+    getMonthDates() {
+        const dates = [];
+        const monthStart = this.getMonthStart(this.currentDate);
+        const monthEnd = this.getMonthEnd(this.currentDate);
+        const totalDays = Math.ceil((monthEnd.getTime() - monthStart.getTime()) / (1000 * 60 * 60 * 24)) + 1;
+        for (let i = 0; i < totalDays; i++) {
+            dates.push(this.dateService.addDays(monthStart, i));
+        }
+        return dates;
+    }
+    /**
+     * Get ISO week start (Monday)
+     */
+    getISOWeekStart(date) {
+        const weekBounds = this.dateService.getWeekBounds(date);
+        return this.dateService.startOfDay(weekBounds.start);
+    }
+    /**
+     * Get month start
+     */
+    getMonthStart(date) {
+        const year = date.getFullYear();
+        const month = date.getMonth();
+        return this.dateService.startOfDay(new Date(year, month, 1));
+    }
+    /**
+     * Get month end
+     */
+    getMonthEnd(date) {
+        const nextMonth = this.dateService.addMonths(date, 1);
+        const firstOfNextMonth = this.getMonthStart(nextMonth);
+        return this.dateService.endOfDay(this.dateService.addDays(firstOfNextMonth, -1));
+    }
+}
+//# sourceMappingURL=DateColumnDataSource.js.map
\ No newline at end of file
diff --git a/wwwroot/js/datasources/DateColumnDataSource.js.map b/wwwroot/js/datasources/DateColumnDataSource.js.map
new file mode 100644
index 0000000..b40c024
--- /dev/null
+++ b/wwwroot/js/datasources/DateColumnDataSource.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DateColumnDataSource.js","sourceRoot":"","sources":["../../../src/datasources/DateColumnDataSource.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/demo.js b/wwwroot/js/demo.js
new file mode 100644
index 0000000..2ab50eb
--- /dev/null
+++ b/wwwroot/js/demo.js
@@ -0,0 +1,6489 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/dayjs/dayjs.min.js
+var require_dayjs_min = __commonJS({
+  "node_modules/dayjs/dayjs.min.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
+    }(exports, function() {
+      "use strict";
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = /* @__PURE__ */ __name(function(t2, e2, n2) {
+        var r2 = String(t2);
+        return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+      }, "m"), v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: /* @__PURE__ */ __name(function t2(e2, n2) {
+        if (e2.date() < n2.date())
+          return -t2(n2, e2);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+        return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, "t"), a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n2, r2) {
+        var i2;
+        if (!e2)
+          return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1)
+            return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
+        }
+        return !r2 && i2 && (g = i2), i2 || !r2 && g;
+      }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
+        if (S(t2))
+          return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, "O"), b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        __name(M2, "M");
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2)
+              return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e2))
+              return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date)
+              return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r2 = e2.match($);
+              if (r2) {
+                var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+              }
+            }
+            return new Date(e2);
+          }(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = O(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return O(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < O(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = /* @__PURE__ */ __name(function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r2 ? i2 : i2.endOf(a);
+          }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, "$"), y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r2 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r2 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r2, f2) {
+          var d2, l2 = this;
+          r2 = Number(r2);
+          var $2 = b.p(f2), y2 = /* @__PURE__ */ __name(function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          }, "y");
+          if ($2 === c)
+            return this.set(c, this.$M + r2);
+          if ($2 === h)
+            return this.set(h, this.$y + r2);
+          if ($2 === a)
+            return y2(1);
+          if ($2 === o)
+            return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid())
+            return n2.invalidDate || l;
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+          }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, "d"), $2 = f2 || function(t3, e3, n3) {
+            var r3 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r3.toLowerCase() : r3;
+          };
+          return r2.replace(y, function(t3, r3) {
+            return r3 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r2, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = /* @__PURE__ */ __name(function() {
+            return b.m(y2, m3);
+          }, "D");
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2)
+            return this.$L;
+          var n2 = this.clone(), r2 = w(t2, e2, true);
+          return r2 && (n2.$L = r2), n2;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
+        };
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/utc.js
+var require_utc = __commonJS({
+  "node_modules/dayjs/plugin/utc.js"(exports, module) {
+    !function(t, i) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = i() : "function" == typeof define && define.amd ? define(i) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_utc = i();
+    }(exports, function() {
+      "use strict";
+      var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+      return function(s, f, n) {
+        var u = f.prototype;
+        n.utc = function(t2) {
+          var i2 = { date: t2, utc: true, args: arguments };
+          return new f(i2);
+        }, u.utc = function(i2) {
+          var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+          return i2 ? e2.add(this.utcOffset(), t) : e2;
+        }, u.local = function() {
+          return n(this.toDate(), { locale: this.$L, utc: false });
+        };
+        var r = u.parse;
+        u.parse = function(t2) {
+          t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), r.call(this, t2);
+        };
+        var o = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var t2 = this.$d;
+            this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+          } else
+            o.call(this);
+        };
+        var a = u.utcOffset;
+        u.utcOffset = function(s2, f2) {
+          var n2 = this.$utils().u;
+          if (n2(s2))
+            return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+          if ("string" == typeof s2 && (s2 = function(t2) {
+            void 0 === t2 && (t2 = "");
+            var s3 = t2.match(i);
+            if (!s3)
+              return null;
+            var f3 = ("" + s3[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+          }(s2), null === s2))
+            return this;
+          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2;
+          if (0 === u2)
+            return this.utc(f2);
+          var r2 = this.clone();
+          if (f2)
+            return r2.$offset = u2, r2.$u = false, r2;
+          var o2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (r2 = this.local().add(u2 + o2, t)).$offset = u2, r2.$x.$localOffset = o2, r2;
+        };
+        var h = u.format;
+        u.format = function(t2) {
+          var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, i2);
+        }, u.valueOf = function() {
+          var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * t2;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var l = u.toDate;
+        u.toDate = function(t2) {
+          return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+        };
+        var c = u.diff;
+        u.diff = function(t2, i2, e2) {
+          if (t2 && this.$u === t2.$u)
+            return c.call(this, t2, i2, e2);
+          var s2 = this.local(), f2 = n(t2).local();
+          return c.call(s2, f2, i2, e2);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/timezone.js
+var require_timezone = __commonJS({
+  "node_modules/dayjs/plugin/timezone.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_timezone = e();
+    }(exports, function() {
+      "use strict";
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+      return function(n, i, o) {
+        var r, a = /* @__PURE__ */ __name(function(t2, n2, i2) {
+          void 0 === i2 && (i2 = {});
+          var o2 = new Date(t2), r2 = function(t3, n3) {
+            void 0 === n3 && (n3 = {});
+            var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+            return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+          }(n2, i2);
+          return r2.formatToParts(o2);
+        }, "a"), u = /* @__PURE__ */ __name(function(e2, n2) {
+          for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+            var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+            c >= 0 && (r2[c] = parseInt(m, 10));
+          }
+          var d = r2[3], l = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+          return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+        }, "u"), f = i.prototype;
+        f.tz = function(t2, e2) {
+          void 0 === t2 && (t2 = r);
+          var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s2 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+          if (!Number(s2))
+            n2 = this.utcOffset(0, e2);
+          else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s2, true), e2) {
+            var m = n2.utcOffset();
+            n2 = n2.add(i2 - m, "minute");
+          }
+          return n2.$x.$timezone = t2, n2;
+        }, f.offsetName = function(t2) {
+          var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find(function(t3) {
+            return "timezonename" === t3.type.toLowerCase();
+          });
+          return n2 && n2.value;
+        };
+        var s = f.startOf;
+        f.startOf = function(t2, e2) {
+          if (!this.$x || !this.$x.$timezone)
+            return s.call(this, t2, e2);
+          var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return s.call(n2, t2, e2).tz(this.$x.$timezone, true);
+        }, o.tz = function(t2, e2, n2) {
+          var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+          if ("string" != typeof t2)
+            return o(t2).tz(a2);
+          var s2 = function(t3, e3, n3) {
+            var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+            if (e3 === o2)
+              return [i3, e3];
+            var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+            return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+          }(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+          return d.$x.$timezone = a2, d;
+        }, o.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, o.tz.setDefault = function(t2) {
+          r = t2;
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/isoWeek.js
+var require_isoWeek = __commonJS({
+  "node_modules/dayjs/plugin/isoWeek.js"(exports, module) {
+    !function(e, t) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_plugin_isoWeek = t();
+    }(exports, function() {
+      "use strict";
+      var e = "day";
+      return function(t, i, s) {
+        var a = /* @__PURE__ */ __name(function(t2) {
+          return t2.add(4 - t2.isoWeekday(), e);
+        }, "a"), d = i.prototype;
+        d.isoWeekYear = function() {
+          return a(this).year();
+        }, d.isoWeek = function(t2) {
+          if (!this.$utils().u(t2))
+            return this.add(7 * (t2 - this.isoWeek()), e);
+          var i2, d2, n2, o, r = a(this), u = (i2 = this.isoWeekYear(), d2 = this.$u, n2 = (d2 ? s.utc : s)().year(i2).startOf("year"), o = 4 - n2.isoWeekday(), n2.isoWeekday() > 4 && (o += 7), n2.add(o, e));
+          return r.diff(u, "week") + 1;
+        }, d.isoWeekday = function(e2) {
+          return this.$utils().u(e2) ? this.day() || 7 : this.day(this.day() % 7 ? e2 : e2 - 7);
+        };
+        var n = d.startOf;
+        d.startOf = function(e2, t2) {
+          var i2 = this.$utils(), s2 = !!i2.u(t2) || t2;
+          return "isoweek" === i2.p(e2) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n.bind(this)(e2, t2);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/@novadi/core/dist/token.js
+var tokenCounter = 0;
+function Token(description) {
+  const id = ++tokenCounter;
+  const sym = Symbol(description ? `Token(${description})` : `Token#${id}`);
+  const token2 = {
+    symbol: sym,
+    description,
+    toString() {
+      return description ? `Token<${description}>` : `Token<#${id}>`;
+    }
+  };
+  return token2;
+}
+__name(Token, "Token");
+
+// node_modules/@novadi/core/dist/errors.js
+var _ContainerError = class _ContainerError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ContainerError";
+  }
+};
+__name(_ContainerError, "ContainerError");
+var ContainerError = _ContainerError;
+var _BindingNotFoundError = class _BindingNotFoundError extends ContainerError {
+  constructor(tokenDescription, path = []) {
+    const pathStr = path.length > 0 ? `
+  Dependency path: ${path.join(" -> ")}` : "";
+    super(`Token "${tokenDescription}" is not bound or registered in the container.${pathStr}`);
+    this.name = "BindingNotFoundError";
+  }
+};
+__name(_BindingNotFoundError, "BindingNotFoundError");
+var BindingNotFoundError = _BindingNotFoundError;
+var _CircularDependencyError = class _CircularDependencyError extends ContainerError {
+  constructor(path) {
+    super(`Circular dependency detected: ${path.join(" -> ")}`);
+    this.name = "CircularDependencyError";
+  }
+};
+__name(_CircularDependencyError, "CircularDependencyError");
+var CircularDependencyError = _CircularDependencyError;
+
+// node_modules/@novadi/core/dist/autowire.js
+var paramNameCache = /* @__PURE__ */ new WeakMap();
+function extractParameterNames(constructor) {
+  const cached = paramNameCache.get(constructor);
+  if (cached) {
+    return cached;
+  }
+  const fnStr = constructor.toString();
+  const match = fnStr.match(/constructor\s*\(([^)]*)\)/) || fnStr.match(/^[^(]*\(([^)]*)\)/);
+  if (!match || !match[1]) {
+    return [];
+  }
+  const params = match[1].split(",").map((param) => param.trim()).filter((param) => param.length > 0).map((param) => {
+    let name = param.split(/[:=]/)[0].trim();
+    name = name.replace(/^((public|private|protected|readonly)\s+)+/, "");
+    if (name.includes("{") || name.includes("[")) {
+      return null;
+    }
+    return name;
+  }).filter((name) => name !== null);
+  paramNameCache.set(constructor, params);
+  return params;
+}
+__name(extractParameterNames, "extractParameterNames");
+function resolveByMap(constructor, container2, options) {
+  if (!options.map) {
+    throw new Error("AutoWire map strategy requires options.map to be defined");
+  }
+  const paramNames = extractParameterNames(constructor);
+  const resolvedDeps = [];
+  for (const paramName of paramNames) {
+    const resolver = options.map[paramName];
+    if (resolver === void 0) {
+      if (options.strict) {
+        throw new Error(`Cannot resolve parameter "${paramName}" on ${constructor.name}. Not found in autowire map. Add it to the map: .autoWire({ map: { ${paramName}: ... } })`);
+      } else {
+        resolvedDeps.push(void 0);
+      }
+      continue;
+    }
+    if (typeof resolver === "function") {
+      resolvedDeps.push(resolver(container2));
+    } else {
+      resolvedDeps.push(container2.resolve(resolver));
+    }
+  }
+  return resolvedDeps;
+}
+__name(resolveByMap, "resolveByMap");
+function resolveByMapResolvers(_constructor, container2, options) {
+  if (!options.mapResolvers || options.mapResolvers.length === 0) {
+    return [];
+  }
+  const resolvedDeps = [];
+  for (let i = 0; i < options.mapResolvers.length; i++) {
+    const resolver = options.mapResolvers[i];
+    if (resolver === void 0) {
+      resolvedDeps.push(void 0);
+    } else if (typeof resolver === "function") {
+      resolvedDeps.push(resolver(container2));
+    } else {
+      resolvedDeps.push(container2.resolve(resolver));
+    }
+  }
+  return resolvedDeps;
+}
+__name(resolveByMapResolvers, "resolveByMapResolvers");
+function autowire(constructor, container2, options) {
+  const opts = {
+    by: "paramName",
+    strict: false,
+    ...options
+  };
+  if (opts.mapResolvers && opts.mapResolvers.length > 0) {
+    return resolveByMapResolvers(constructor, container2, opts);
+  }
+  if (opts.map && Object.keys(opts.map).length > 0) {
+    return resolveByMap(constructor, container2, opts);
+  }
+  return [];
+}
+__name(autowire, "autowire");
+
+// node_modules/@novadi/core/dist/builder.js
+var _RegistrationBuilder = class _RegistrationBuilder {
+  constructor(pending, registrations) {
+    this.registrations = registrations;
+    this.configs = [];
+    this.defaultLifetime = "singleton";
+    this.pending = pending;
+  }
+  /**
+   * Bind this registration to a token or interface type
+   *
+   * @overload
+   * @param {Token<U>} token - Explicit token for binding
+   *
+   * @overload
+   * @param {string} typeName - Interface type name (auto-generated by transformer)
+   */
+  as(tokenOrTypeName) {
+    if (tokenOrTypeName && typeof tokenOrTypeName === "object" && "symbol" in tokenOrTypeName) {
+      const config = {
+        token: tokenOrTypeName,
+        type: this.pending.type,
+        value: this.pending.value,
+        factory: this.pending.factory,
+        constructor: this.pending.constructor,
+        lifetime: this.defaultLifetime
+      };
+      this.configs.push(config);
+      this.registrations.push(config);
+      return this;
+    } else {
+      const config = {
+        token: null,
+        // Will be set during build()
+        type: this.pending.type,
+        value: this.pending.value,
+        factory: this.pending.factory,
+        constructor: this.pending.constructor,
+        lifetime: this.defaultLifetime,
+        interfaceType: tokenOrTypeName
+      };
+      this.configs.push(config);
+      this.registrations.push(config);
+      return this;
+    }
+  }
+  /**
+   * Register as default implementation for an interface
+   * Combines as() + asDefault()
+   */
+  asDefaultInterface(typeName) {
+    this.as("TInterface", typeName);
+    return this.asDefault();
+  }
+  /**
+   * Register as a keyed interface implementation
+   * Combines as() + keyed()
+   */
+  asKeyedInterface(key, typeName) {
+    this.as("TInterface", typeName);
+    return this.keyed(key);
+  }
+  /**
+   * Register as multiple implemented interfaces
+   */
+  asImplementedInterfaces(tokens) {
+    if (tokens.length === 0) {
+      return this;
+    }
+    if (this.configs.length > 0) {
+      for (const config of this.configs) {
+        config.lifetime = "singleton";
+        config.additionalTokens = config.additionalTokens || [];
+        config.additionalTokens.push(...tokens);
+      }
+      return this;
+    }
+    const firstConfig = {
+      token: tokens[0],
+      type: this.pending.type,
+      value: this.pending.value,
+      factory: this.pending.factory,
+      constructor: this.pending.constructor,
+      lifetime: "singleton"
+    };
+    this.configs.push(firstConfig);
+    this.registrations.push(firstConfig);
+    for (let i = 1; i < tokens.length; i++) {
+      firstConfig.additionalTokens = firstConfig.additionalTokens || [];
+      firstConfig.additionalTokens.push(tokens[i]);
+    }
+    return this;
+  }
+  /**
+   * Set singleton lifetime (one instance for entire container)
+   */
+  singleInstance() {
+    for (const config of this.configs) {
+      config.lifetime = "singleton";
+    }
+    return this;
+  }
+  /**
+   * Set per-request lifetime (one instance per resolve call tree)
+   */
+  instancePerRequest() {
+    for (const config of this.configs) {
+      config.lifetime = "per-request";
+    }
+    return this;
+  }
+  /**
+   * Set transient lifetime (new instance every time)
+   * Alias for default behavior
+   */
+  instancePerDependency() {
+    for (const config of this.configs) {
+      config.lifetime = "transient";
+    }
+    return this;
+  }
+  /**
+   * Name this registration for named resolution
+   */
+  named(name) {
+    for (const config of this.configs) {
+      config.name = name;
+    }
+    return this;
+  }
+  /**
+   * Key this registration for keyed resolution
+   */
+  keyed(key) {
+    for (const config of this.configs) {
+      config.key = key;
+    }
+    return this;
+  }
+  /**
+   * Mark this as default registration
+   * Default registrations don't override existing ones
+   */
+  asDefault() {
+    for (const config of this.configs) {
+      config.isDefault = true;
+    }
+    return this;
+  }
+  /**
+   * Only register if token not already registered
+   */
+  ifNotRegistered() {
+    for (const config of this.configs) {
+      config.ifNotRegistered = true;
+    }
+    return this;
+  }
+  /**
+   * Specify parameter values for constructor (primitives and constants)
+   * Use this for non-DI parameters like strings, numbers, config values
+   */
+  withParameters(parameters) {
+    for (const config of this.configs) {
+      config.parameterValues = parameters;
+    }
+    return this;
+  }
+  /**
+   * Enable automatic dependency injection (autowiring)
+   * Supports three strategies: paramName (default), map, and class
+   *
+   * @example
+   * ```ts
+   * // Strategy 1: paramName (default, requires non-minified code in dev)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire()
+   *
+   * // Strategy 2: map (minify-safe, explicit)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire({
+   *   map: {
+   *     logger: (c) => c.resolveType<ILogger>()
+   *   }
+   * })
+   *
+   * // Strategy 3: class (requires build-time codegen)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire({ by: 'class' })
+   * ```
+   */
+  autoWire(options) {
+    for (const config of this.configs) {
+      config.autowireOptions = options || { by: "paramName", strict: false };
+    }
+    return this;
+  }
+};
+__name(_RegistrationBuilder, "RegistrationBuilder");
+var RegistrationBuilder = _RegistrationBuilder;
+var _Builder = class _Builder {
+  constructor(baseContainer) {
+    this.baseContainer = baseContainer;
+    this.registrations = [];
+  }
+  /**
+   * Register a class constructor
+   */
+  registerType(constructor) {
+    const pending = {
+      type: "type",
+      value: null,
+      constructor
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a pre-created instance
+   */
+  registerInstance(instance) {
+    const pending = {
+      type: "instance",
+      value: instance,
+      constructor: void 0
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a factory function
+   */
+  register(factory) {
+    const pending = {
+      type: "factory",
+      value: null,
+      factory,
+      constructor: void 0
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a module (function that adds multiple registrations)
+   */
+  module(moduleFunc) {
+    moduleFunc(this);
+    return this;
+  }
+  /**
+   * Resolve interface type names to tokens
+   * @internal
+   */
+  resolveInterfaceTokens(container2) {
+    for (const config of this.registrations) {
+      if (config.interfaceType !== void 0 && !config.token) {
+        config.token = container2.interfaceToken(config.interfaceType);
+      }
+    }
+  }
+  /**
+   * Identify tokens that have non-default registrations
+   * @internal
+   */
+  identifyNonDefaultTokens() {
+    const tokensWithNonDefaults = /* @__PURE__ */ new Set();
+    for (const config of this.registrations) {
+      if (!config.isDefault && !config.name && config.key === void 0) {
+        tokensWithNonDefaults.add(config.token);
+      }
+    }
+    return tokensWithNonDefaults;
+  }
+  /**
+   * Check if registration should be skipped
+   * @internal
+   */
+  shouldSkipRegistration(config, tokensWithNonDefaults, registeredTokens) {
+    if (config.isDefault && !config.name && config.key === void 0 && tokensWithNonDefaults.has(config.token)) {
+      return true;
+    }
+    if (config.ifNotRegistered && registeredTokens.has(config.token)) {
+      return true;
+    }
+    if (config.isDefault && registeredTokens.has(config.token)) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Create binding token for registration (named, keyed, or multi)
+   * @internal
+   */
+  createBindingToken(config, namedRegistrations, keyedRegistrations, multiRegistrations) {
+    if (config.name) {
+      const bindingToken = Token(`__named_${config.name}`);
+      namedRegistrations.set(config.name, { ...config, token: bindingToken });
+      return bindingToken;
+    } else if (config.key !== void 0) {
+      const keyStr = typeof config.key === "symbol" ? config.key.toString() : config.key;
+      const bindingToken = Token(`__keyed_${keyStr}`);
+      keyedRegistrations.set(config.key, { ...config, token: bindingToken });
+      return bindingToken;
+    } else {
+      if (multiRegistrations.has(config.token)) {
+        const bindingToken = Token(`__multi_${config.token.toString()}_${multiRegistrations.get(config.token).length}`);
+        multiRegistrations.get(config.token).push(bindingToken);
+        return bindingToken;
+      } else {
+        multiRegistrations.set(config.token, [config.token]);
+        return config.token;
+      }
+    }
+  }
+  /**
+   * Register additional interfaces for a config
+   * @internal
+   */
+  registerAdditionalInterfaces(container2, config, bindingToken, registeredTokens) {
+    if (config.additionalTokens) {
+      for (const additionalToken of config.additionalTokens) {
+        container2.bindFactory(additionalToken, (c) => c.resolve(bindingToken), { lifetime: config.lifetime });
+        registeredTokens.add(additionalToken);
+      }
+    }
+  }
+  /**
+   * Build the container with all registered bindings
+   */
+  build() {
+    const container2 = this.baseContainer.createChild();
+    this.resolveInterfaceTokens(container2);
+    const registeredTokens = /* @__PURE__ */ new Set();
+    const namedRegistrations = /* @__PURE__ */ new Map();
+    const keyedRegistrations = /* @__PURE__ */ new Map();
+    const multiRegistrations = /* @__PURE__ */ new Map();
+    const tokensWithNonDefaults = this.identifyNonDefaultTokens();
+    for (const config of this.registrations) {
+      if (this.shouldSkipRegistration(config, tokensWithNonDefaults, registeredTokens)) {
+        continue;
+      }
+      const bindingToken = this.createBindingToken(config, namedRegistrations, keyedRegistrations, multiRegistrations);
+      this.applyRegistration(container2, { ...config, token: bindingToken });
+      registeredTokens.add(config.token);
+      this.registerAdditionalInterfaces(container2, config, bindingToken, registeredTokens);
+    }
+    ;
+    container2.__namedRegistrations = namedRegistrations;
+    container2.__keyedRegistrations = keyedRegistrations;
+    container2.__multiRegistrations = multiRegistrations;
+    return container2;
+  }
+  /**
+   * Analyze constructor to detect dependencies
+   * @internal
+   */
+  analyzeConstructor(constructor) {
+    const constructorStr = constructor.toString();
+    const hasDependencies = /constructor\s*\([^)]+\)/.test(constructorStr);
+    return { hasDependencies };
+  }
+  /**
+   * Create optimized factory for zero-dependency constructors
+   * @internal
+   */
+  createOptimizedFactory(container2, config, options) {
+    if (config.lifetime === "singleton") {
+      const instance = new config.constructor();
+      container2.bindValue(config.token, instance);
+    } else if (config.lifetime === "transient") {
+      const ctor = config.constructor;
+      const fastFactory = /* @__PURE__ */ __name(() => new ctor(), "fastFactory");
+      container2.fastTransientCache.set(config.token, fastFactory);
+      container2.bindFactory(config.token, fastFactory, options);
+    } else {
+      const factory = /* @__PURE__ */ __name(() => new config.constructor(), "factory");
+      container2.bindFactory(config.token, factory, options);
+    }
+  }
+  /**
+   * Create autowire factory
+   * @internal
+   */
+  createAutoWireFactory(container2, config, options) {
+    const factory = /* @__PURE__ */ __name((c) => {
+      const resolvedDeps = autowire(config.constructor, c, config.autowireOptions);
+      return new config.constructor(...resolvedDeps);
+    }, "factory");
+    container2.bindFactory(config.token, factory, options);
+  }
+  /**
+   * Create withParameters factory
+   * @internal
+   */
+  createParameterFactory(container2, config, options) {
+    const factory = /* @__PURE__ */ __name(() => {
+      const values = Object.values(config.parameterValues);
+      return new config.constructor(...values);
+    }, "factory");
+    container2.bindFactory(config.token, factory, options);
+  }
+  /**
+   * Apply type registration (class constructor)
+   * @internal
+   */
+  applyTypeRegistration(container2, config, options) {
+    const { hasDependencies } = this.analyzeConstructor(config.constructor);
+    if (!hasDependencies && !config.autowireOptions && !config.parameterValues) {
+      this.createOptimizedFactory(container2, config, options);
+      return;
+    }
+    if (config.autowireOptions) {
+      this.createAutoWireFactory(container2, config, options);
+      return;
+    }
+    if (config.parameterValues) {
+      this.createParameterFactory(container2, config, options);
+      return;
+    }
+    if (hasDependencies) {
+      const className = config.constructor.name || "UnnamedClass";
+      throw new Error(`Service "${className}" has constructor dependencies but no autowiring configuration.
+
+Solutions:
+  1. \u2B50 Use the NovaDI transformer (recommended):
+     - Add "@novadi/core/unplugin" to your build config
+     - Transformer automatically generates .autoWire() for all dependencies
+
+  2. Add manual autowiring:
+     .autoWire({ map: { /* param: resolver */ } })
+
+  3. Use a factory function:
+     .register((c) => new ${className}(...))
+
+See docs: https://github.com/janus007/NovaDI#autowire`);
+    }
+    const factory = /* @__PURE__ */ __name(() => new config.constructor(), "factory");
+    container2.bindFactory(config.token, factory, options);
+  }
+  applyRegistration(container2, config) {
+    const options = { lifetime: config.lifetime };
+    switch (config.type) {
+      case "instance":
+        container2.bindValue(config.token, config.value);
+        break;
+      case "factory":
+        container2.bindFactory(config.token, config.factory, options);
+        break;
+      case "type":
+        this.applyTypeRegistration(container2, config, options);
+        break;
+    }
+  }
+};
+__name(_Builder, "Builder");
+var Builder = _Builder;
+
+// node_modules/@novadi/core/dist/container.js
+function isDisposable(obj) {
+  return obj && typeof obj.dispose === "function";
+}
+__name(isDisposable, "isDisposable");
+var _ResolutionContext = class _ResolutionContext {
+  constructor() {
+    this.resolvingStack = /* @__PURE__ */ new Set();
+    this.perRequestCache = /* @__PURE__ */ new Map();
+  }
+  isResolving(token2) {
+    return this.resolvingStack.has(token2);
+  }
+  enterResolve(token2) {
+    this.resolvingStack.add(token2);
+  }
+  exitResolve(token2) {
+    this.resolvingStack.delete(token2);
+    this.path = void 0;
+  }
+  getPath() {
+    if (!this.path) {
+      this.path = Array.from(this.resolvingStack).map((t) => t.toString());
+    }
+    return [...this.path];
+  }
+  cachePerRequest(token2, instance) {
+    this.perRequestCache.set(token2, instance);
+  }
+  getPerRequest(token2) {
+    return this.perRequestCache.get(token2);
+  }
+  hasPerRequest(token2) {
+    return this.perRequestCache.has(token2);
+  }
+  /**
+   * Reset context for reuse in object pool
+   * Performance: Reusing contexts avoids heap allocations
+   */
+  reset() {
+    this.resolvingStack.clear();
+    this.perRequestCache.clear();
+    this.path = void 0;
+  }
+};
+__name(_ResolutionContext, "ResolutionContext");
+var ResolutionContext = _ResolutionContext;
+var _ResolutionContextPool = class _ResolutionContextPool {
+  constructor() {
+    this.pool = [];
+    this.maxSize = 10;
+  }
+  acquire() {
+    const context = this.pool.pop();
+    if (context) {
+      context.reset();
+      return context;
+    }
+    return new ResolutionContext();
+  }
+  release(context) {
+    if (this.pool.length < this.maxSize) {
+      this.pool.push(context);
+    }
+  }
+};
+__name(_ResolutionContextPool, "ResolutionContextPool");
+var ResolutionContextPool = _ResolutionContextPool;
+var _Container = class _Container {
+  constructor(parent) {
+    this.bindings = /* @__PURE__ */ new Map();
+    this.singletonCache = /* @__PURE__ */ new Map();
+    this.singletonOrder = [];
+    this.interfaceRegistry = /* @__PURE__ */ new Map();
+    this.interfaceTokenCache = /* @__PURE__ */ new Map();
+    this.fastTransientCache = /* @__PURE__ */ new Map();
+    this.ultraFastSingletonCache = /* @__PURE__ */ new Map();
+    this.parent = parent;
+  }
+  /**
+   * Bind a pre-created value to a token
+   */
+  bindValue(token2, value) {
+    this.bindings.set(token2, {
+      type: "value",
+      lifetime: "singleton",
+      value,
+      constructor: void 0
+    });
+    this.invalidateBindingCache();
+  }
+  /**
+   * Bind a factory function to a token
+   */
+  bindFactory(token2, factory, options) {
+    this.bindings.set(token2, {
+      type: "factory",
+      lifetime: options?.lifetime || "transient",
+      factory,
+      dependencies: options?.dependencies,
+      constructor: void 0
+    });
+    this.invalidateBindingCache();
+  }
+  /**
+   * Bind a class constructor to a token
+   */
+  bindClass(token2, constructor, options) {
+    const binding = {
+      type: "class",
+      lifetime: options?.lifetime || "transient",
+      constructor,
+      dependencies: options?.dependencies
+    };
+    this.bindings.set(token2, binding);
+    this.invalidateBindingCache();
+    if (binding.lifetime === "transient" && (!binding.dependencies || binding.dependencies.length === 0)) {
+      this.fastTransientCache.set(token2, () => new constructor());
+    }
+  }
+  /**
+   * Resolve a dependency synchronously
+   * Performance optimized with multiple fast paths
+   */
+  resolve(token2) {
+    const cached = this.tryGetFromCaches(token2);
+    if (cached !== void 0) {
+      return cached;
+    }
+    if (this.currentContext) {
+      return this.resolveWithContext(token2, this.currentContext);
+    }
+    const context = _Container.contextPool.acquire();
+    this.currentContext = context;
+    try {
+      return this.resolveWithContext(token2, context);
+    } finally {
+      this.currentContext = void 0;
+      _Container.contextPool.release(context);
+    }
+  }
+  /**
+   * SPECIALIZED: Ultra-fast singleton resolve (no safety checks)
+   * Use ONLY when you're 100% sure the token is a registered singleton
+   * @internal For performance-critical paths only
+   */
+  resolveSingletonUnsafe(token2) {
+    return this.ultraFastSingletonCache.get(token2) ?? this.singletonCache.get(token2);
+  }
+  /**
+   * SPECIALIZED: Fast transient resolve for zero-dependency classes
+   * Skips all context creation and circular dependency checks
+   * @internal For performance-critical paths only
+   */
+  resolveTransientSimple(token2) {
+    const factory = this.fastTransientCache.get(token2);
+    if (factory) {
+      return factory();
+    }
+    return this.resolve(token2);
+  }
+  /**
+   * SPECIALIZED: Batch resolve multiple dependencies at once
+   * More efficient than multiple individual resolves
+   */
+  resolveBatch(tokens) {
+    const wasResolving = !!this.currentContext;
+    const context = this.currentContext || _Container.contextPool.acquire();
+    if (!wasResolving) {
+      this.currentContext = context;
+    }
+    try {
+      const results = tokens.map((token2) => {
+        const cached = this.tryGetFromCaches(token2);
+        if (cached !== void 0)
+          return cached;
+        return this.resolveWithContext(token2, context);
+      });
+      return results;
+    } finally {
+      if (!wasResolving) {
+        this.currentContext = void 0;
+        _Container.contextPool.release(context);
+      }
+    }
+  }
+  /**
+   * Resolve a dependency asynchronously (supports async factories)
+   */
+  async resolveAsync(token2) {
+    if (this.currentContext) {
+      return this.resolveAsyncWithContext(token2, this.currentContext);
+    }
+    const context = _Container.contextPool.acquire();
+    this.currentContext = context;
+    try {
+      return await this.resolveAsyncWithContext(token2, context);
+    } finally {
+      this.currentContext = void 0;
+      _Container.contextPool.release(context);
+    }
+  }
+  /**
+   * Try to get instance from all cache levels
+   * Returns undefined if not cached
+   * @internal
+   */
+  tryGetFromCaches(token2) {
+    const ultraFast = this.ultraFastSingletonCache.get(token2);
+    if (ultraFast !== void 0) {
+      return ultraFast;
+    }
+    if (this.singletonCache.has(token2)) {
+      const cached = this.singletonCache.get(token2);
+      this.ultraFastSingletonCache.set(token2, cached);
+      return cached;
+    }
+    const fastFactory = this.fastTransientCache.get(token2);
+    if (fastFactory) {
+      return fastFactory();
+    }
+    return void 0;
+  }
+  /**
+   * Cache instance based on lifetime strategy
+   * @internal
+   */
+  cacheInstance(token2, instance, lifetime, context) {
+    if (lifetime === "singleton") {
+      this.singletonCache.set(token2, instance);
+      this.singletonOrder.push(token2);
+      this.ultraFastSingletonCache.set(token2, instance);
+    } else if (lifetime === "per-request" && context) {
+      context.cachePerRequest(token2, instance);
+    }
+  }
+  /**
+   * Validate and get binding with circular dependency check
+   * Returns binding or throws error
+   * @internal
+   */
+  validateAndGetBinding(token2, context) {
+    if (context.isResolving(token2)) {
+      throw new CircularDependencyError([...context.getPath(), token2.toString()]);
+    }
+    const binding = this.getBinding(token2);
+    if (!binding) {
+      throw new BindingNotFoundError(token2.toString(), context.getPath());
+    }
+    return binding;
+  }
+  /**
+   * Instantiate from binding synchronously
+   * @internal
+   */
+  instantiateBindingSync(binding, token2, context) {
+    switch (binding.type) {
+      case "value":
+        return binding.value;
+      case "factory":
+        const result = binding.factory(this);
+        if (result instanceof Promise) {
+          throw new Error(`Async factory detected for ${token2.toString()}. Use resolveAsync() instead.`);
+        }
+        return result;
+      case "class":
+        const deps = binding.dependencies || [];
+        const resolvedDeps = deps.map((dep) => this.resolveWithContext(dep, context));
+        return new binding.constructor(...resolvedDeps);
+      case "inline-class":
+        return new binding.constructor();
+      default:
+        throw new Error(`Unknown binding type: ${binding.type}`);
+    }
+  }
+  /**
+   * Instantiate from binding asynchronously
+   * @internal
+   */
+  async instantiateBindingAsync(binding, context) {
+    switch (binding.type) {
+      case "value":
+        return binding.value;
+      case "factory":
+        return await Promise.resolve(binding.factory(this));
+      case "class":
+        const deps = binding.dependencies || [];
+        const resolvedDeps = await Promise.all(deps.map((dep) => this.resolveAsyncWithContext(dep, context)));
+        return new binding.constructor(...resolvedDeps);
+      case "inline-class":
+        return new binding.constructor();
+      default:
+        throw new Error(`Unknown binding type: ${binding.type}`);
+    }
+  }
+  /**
+   * Create a child container that inherits bindings from this container
+   */
+  createChild() {
+    return new _Container(this);
+  }
+  /**
+   * Dispose all singleton instances in reverse registration order
+   */
+  async dispose() {
+    const errors = [];
+    for (let i = this.singletonOrder.length - 1; i >= 0; i--) {
+      const token2 = this.singletonOrder[i];
+      const instance = this.singletonCache.get(token2);
+      if (instance && isDisposable(instance)) {
+        try {
+          await instance.dispose();
+        } catch (error) {
+          errors.push(error);
+        }
+      }
+    }
+    this.singletonCache.clear();
+    this.singletonOrder.length = 0;
+  }
+  /**
+   * Create a fluent builder for registering dependencies
+   */
+  builder() {
+    return new Builder(this);
+  }
+  /**
+   * Resolve a named service
+   */
+  resolveNamed(name) {
+    const namedRegistrations = this.__namedRegistrations;
+    if (!namedRegistrations) {
+      throw new Error(`Named service "${name}" not found. No named registrations exist.`);
+    }
+    const config = namedRegistrations.get(name);
+    if (!config) {
+      throw new Error(`Named service "${name}" not found`);
+    }
+    return this.resolve(config.token);
+  }
+  /**
+   * Resolve a keyed service
+   */
+  resolveKeyed(key) {
+    const keyedRegistrations = this.__keyedRegistrations;
+    if (!keyedRegistrations) {
+      throw new Error(`Keyed service not found. No keyed registrations exist.`);
+    }
+    const config = keyedRegistrations.get(key);
+    if (!config) {
+      const keyStr = typeof key === "symbol" ? key.toString() : `"${key}"`;
+      throw new Error(`Keyed service ${keyStr} not found`);
+    }
+    return this.resolve(config.token);
+  }
+  /**
+   * Resolve all registrations for a token
+   */
+  resolveAll(token2) {
+    const multiRegistrations = this.__multiRegistrations;
+    if (!multiRegistrations) {
+      return [];
+    }
+    const tokens = multiRegistrations.get(token2);
+    if (!tokens || tokens.length === 0) {
+      return [];
+    }
+    return tokens.map((t) => this.resolve(t));
+  }
+  /**
+   * Get registry information for debugging/visualization
+   * Returns array of binding information
+   */
+  getRegistry() {
+    const registry = [];
+    this.bindings.forEach((binding, token2) => {
+      registry.push({
+        token: token2.description || token2.symbol.toString(),
+        type: binding.type,
+        lifetime: binding.lifetime,
+        dependencies: binding.dependencies?.map((d) => d.description || d.symbol.toString())
+      });
+    });
+    return registry;
+  }
+  /**
+   * Get or create a token for an interface type
+   * Uses a type name hash as key for the interface registry
+   */
+  interfaceToken(typeName) {
+    const key = typeName || `Interface_${Math.random().toString(36).substr(2, 9)}`;
+    if (this.interfaceRegistry.has(key)) {
+      return this.interfaceRegistry.get(key);
+    }
+    if (this.parent) {
+      const parentToken = this.parent.interfaceToken(key);
+      return parentToken;
+    }
+    const token2 = Token(key);
+    this.interfaceRegistry.set(key, token2);
+    return token2;
+  }
+  /**
+   * Resolve a dependency by interface type without explicit token
+   */
+  resolveType(typeName) {
+    const key = typeName || "";
+    let token2 = this.interfaceTokenCache.get(key);
+    if (!token2) {
+      token2 = this.interfaceToken(typeName);
+      this.interfaceTokenCache.set(key, token2);
+    }
+    return this.resolve(token2);
+  }
+  /**
+   * Resolve a keyed interface
+   */
+  resolveTypeKeyed(key, _typeName) {
+    return this.resolveKeyed(key);
+  }
+  /**
+   * Resolve all registrations for an interface type
+   */
+  resolveTypeAll(typeName) {
+    const token2 = this.interfaceToken(typeName);
+    return this.resolveAll(token2);
+  }
+  /**
+   * Internal: Resolve with context for circular dependency detection
+   */
+  resolveWithContext(token2, context) {
+    const binding = this.validateAndGetBinding(token2, context);
+    if (binding.lifetime === "per-request" && context.hasPerRequest(token2)) {
+      return context.getPerRequest(token2);
+    }
+    if (binding.lifetime === "singleton" && this.singletonCache.has(token2)) {
+      return this.singletonCache.get(token2);
+    }
+    context.enterResolve(token2);
+    try {
+      const instance = this.instantiateBindingSync(binding, token2, context);
+      this.cacheInstance(token2, instance, binding.lifetime, context);
+      return instance;
+    } finally {
+      context.exitResolve(token2);
+    }
+  }
+  /**
+   * Internal: Async resolve with context
+   */
+  async resolveAsyncWithContext(token2, context) {
+    const binding = this.validateAndGetBinding(token2, context);
+    if (binding.lifetime === "per-request" && context.hasPerRequest(token2)) {
+      return context.getPerRequest(token2);
+    }
+    if (binding.lifetime === "singleton" && this.singletonCache.has(token2)) {
+      return this.singletonCache.get(token2);
+    }
+    context.enterResolve(token2);
+    try {
+      const instance = await this.instantiateBindingAsync(binding, context);
+      this.cacheInstance(token2, instance, binding.lifetime, context);
+      return instance;
+    } finally {
+      context.exitResolve(token2);
+    }
+  }
+  /**
+   * Get binding from this container or parent chain
+   * Performance optimized: Uses flat cache to avoid recursive parent lookups
+   */
+  getBinding(token2) {
+    if (!this.bindingCache) {
+      this.buildBindingCache();
+    }
+    return this.bindingCache.get(token2);
+  }
+  /**
+   * Build flat cache of all bindings including parent chain
+   * This converts O(n) parent chain traversal to O(1) lookup
+   */
+  buildBindingCache() {
+    this.bindingCache = /* @__PURE__ */ new Map();
+    let current = this;
+    while (current) {
+      current.bindings.forEach((binding, token2) => {
+        if (!this.bindingCache.has(token2)) {
+          this.bindingCache.set(token2, binding);
+        }
+      });
+      current = current.parent;
+    }
+  }
+  /**
+   * Invalidate binding cache when new bindings are added
+   * Called by bindValue, bindFactory, bindClass
+   */
+  invalidateBindingCache() {
+    this.bindingCache = void 0;
+    this.ultraFastSingletonCache.clear();
+  }
+};
+__name(_Container, "Container");
+var Container = _Container;
+Container.contextPool = new ResolutionContextPool();
+
+// src/features/date/DateRenderer.ts
+var _DateRenderer = class _DateRenderer {
+  constructor(dateService) {
+    this.dateService = dateService;
+    this.type = "date";
+  }
+  render(context) {
+    const dates = context.filter["date"] || [];
+    const resourceIds = context.filter["resource"] || [];
+    const dateGrouping = context.groupings?.find((g) => g.type === "date");
+    const hideHeader = dateGrouping?.hideHeader === true;
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r];
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+        const segments = { date: dateStr };
+        if (resourceId)
+          segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+        const header = document.createElement("swp-day-header");
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = "true";
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, "short")}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+        const column = document.createElement("swp-day-column");
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = "<swp-events-layer></swp-events-layer>";
+        context.columnContainer.appendChild(column);
+        columnCount++;
+      }
+    }
+    const container2 = context.columnContainer.closest("swp-calendar-container");
+    if (container2) {
+      container2.style.setProperty("--grid-columns", String(columnCount));
+    }
+  }
+};
+__name(_DateRenderer, "DateRenderer");
+var DateRenderer = _DateRenderer;
+
+// src/core/DateService.ts
+var import_dayjs = __toESM(require_dayjs_min(), 1);
+var import_utc = __toESM(require_utc(), 1);
+var import_timezone = __toESM(require_timezone(), 1);
+var import_isoWeek = __toESM(require_isoWeek(), 1);
+import_dayjs.default.extend(import_utc.default);
+import_dayjs.default.extend(import_timezone.default);
+import_dayjs.default.extend(import_isoWeek.default);
+var _DateService = class _DateService {
+  constructor(config, baseDate) {
+    this.config = config;
+    this.timezone = config.timezone;
+    this.baseDate = baseDate ? (0, import_dayjs.default)(baseDate) : (0, import_dayjs.default)();
+  }
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date) {
+    this.baseDate = (0, import_dayjs.default)(date);
+  }
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate() {
+    return this.baseDate.toDate();
+  }
+  parseISO(isoString) {
+    return (0, import_dayjs.default)(isoString).toDate();
+  }
+  getDayName(date, format = "short") {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+  /**
+   * Get dates starting from a day offset
+   * @param dayOffset - Day offset from base date
+   * @param count - Number of consecutive days to return
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getDatesFromOffset(dayOffset, count) {
+    const startDate = this.baseDate.add(dayOffset, "day");
+    return Array.from({ length: count }, (_, i) => startDate.add(i, "day").format("YYYY-MM-DD"));
+  }
+  /**
+   * Get specific weekdays from the week containing the offset date
+   * @param dayOffset - Day offset from base date
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkDaysFromOffset(dayOffset, workDays) {
+    const targetDate = this.baseDate.add(dayOffset, "day");
+    const monday = targetDate.startOf("week").add(1, "day");
+    return workDays.map((isoDay) => {
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, "day").format("YYYY-MM-DD");
+    });
+  }
+  // Legacy methods for backwards compatibility
+  getWeekDates(weekOffset = 0, days = 7) {
+    return this.getDatesFromOffset(weekOffset * 7, days);
+  }
+  getWorkWeekDates(weekOffset, workDays) {
+    return this.getWorkDaysFromOffset(weekOffset * 7, workDays);
+  }
+  // ============================================
+  // FORMATTING
+  // ============================================
+  formatTime(date, showSeconds = false) {
+    const pattern = showSeconds ? "HH:mm:ss" : "HH:mm";
+    return (0, import_dayjs.default)(date).format(pattern);
+  }
+  formatTimeRange(start, end) {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+  formatDate(date) {
+    return (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+  }
+  getDateKey(date) {
+    return this.formatDate(date);
+  }
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments) {
+    const date = segments.date;
+    const others = Object.entries(segments).filter(([k]) => k !== "date").sort(([a], [b]) => a.localeCompare(b)).map(([, v]) => v);
+    return date ? [date, ...others].join(":") : others.join(":");
+  }
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey) {
+    const parts = columnKey.split(":");
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey) {
+    return columnKey.split(":")[0];
+  }
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+  timeToMinutes(timeString) {
+    const parts = timeString.split(":").map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+  minutesToTime(totalMinutes) {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)().hour(hours).minute(minutes).format("HH:mm");
+  }
+  getMinutesSinceMidnight(date) {
+    const d = (0, import_dayjs.default)(date);
+    return d.hour() * 60 + d.minute();
+  }
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+  toUTC(localDate) {
+    return import_dayjs.default.tz(localDate, this.timezone).utc().toISOString();
+  }
+  fromUTC(utcString) {
+    return import_dayjs.default.utc(utcString).tz(this.timezone).toDate();
+  }
+  // ============================================
+  // DATE CREATION
+  // ============================================
+  createDateAtTime(baseDate, timeString) {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)(baseDate).startOf("day").hour(hours).minute(minutes).toDate();
+  }
+  getISOWeekDay(date) {
+    return (0, import_dayjs.default)(date).isoWeekday();
+  }
+};
+__name(_DateService, "DateService");
+var DateService = _DateService;
+
+// src/core/BaseGroupingRenderer.ts
+var _BaseGroupingRenderer = class _BaseGroupingRenderer {
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context) {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0)
+      return;
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter["date"]?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter((id) => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+      this.renderHeader(entity, header, context);
+      context.headerContainer.appendChild(header);
+    }
+  }
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  renderHeader(entity, header, _context) {
+    header.textContent = this.getDisplayName(entity);
+  }
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  createHeader(entity, context) {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+};
+__name(_BaseGroupingRenderer, "BaseGroupingRenderer");
+var BaseGroupingRenderer = _BaseGroupingRenderer;
+
+// src/features/resource/ResourceRenderer.ts
+var _ResourceRenderer = class _ResourceRenderer extends BaseGroupingRenderer {
+  constructor(resourceService) {
+    super();
+    this.resourceService = resourceService;
+    this.type = "resource";
+    this.config = {
+      elementTag: "swp-resource-header",
+      idAttribute: "resourceId",
+      colspanVar: "--resource-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.resourceService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.displayName;
+  }
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context) {
+    const resourceIds = context.filter["resource"] || [];
+    const dateCount = context.filter["date"]?.length || 1;
+    let orderedResourceIds;
+    if (context.parentChildMap) {
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+    const resources = await this.getEntities(orderedResourceIds);
+    const resourceMap = new Map(resources.map((r) => [r.id, r]));
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource)
+        continue;
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+};
+__name(_ResourceRenderer, "ResourceRenderer");
+var ResourceRenderer = _ResourceRenderer;
+
+// src/features/team/TeamRenderer.ts
+var _TeamRenderer = class _TeamRenderer extends BaseGroupingRenderer {
+  constructor(teamService) {
+    super();
+    this.teamService = teamService;
+    this.type = "team";
+    this.config = {
+      elementTag: "swp-team-header",
+      idAttribute: "teamId",
+      colspanVar: "--team-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.teamService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.name;
+  }
+};
+__name(_TeamRenderer, "TeamRenderer");
+var TeamRenderer = _TeamRenderer;
+
+// src/features/department/DepartmentRenderer.ts
+var _DepartmentRenderer = class _DepartmentRenderer extends BaseGroupingRenderer {
+  constructor(departmentService) {
+    super();
+    this.departmentService = departmentService;
+    this.type = "department";
+    this.config = {
+      elementTag: "swp-department-header",
+      idAttribute: "departmentId",
+      colspanVar: "--department-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.departmentService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.name;
+  }
+};
+__name(_DepartmentRenderer, "DepartmentRenderer");
+var DepartmentRenderer = _DepartmentRenderer;
+
+// src/core/RenderBuilder.ts
+function buildPipeline(renderers) {
+  return {
+    async run(context) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
+__name(buildPipeline, "buildPipeline");
+
+// src/core/FilterTemplate.ts
+var _FilterTemplate = class _FilterTemplate {
+  constructor(dateService, entityResolver) {
+    this.dateService = dateService;
+    this.entityResolver = entityResolver;
+    this.fields = [];
+  }
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty, derivedFrom) {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  parseDotNotation(idProperty) {
+    if (!idProperty.includes("."))
+      return null;
+    const [entityType, property] = idProperty.split(".");
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + "Id"
+      // Convention: resource → resourceId
+    };
+  }
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  getDatasetKey(idProperty) {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property;
+    }
+    return idProperty;
+  }
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column) {
+    return this.fields.map((f) => {
+      const key = this.getDatasetKey(f.idProperty);
+      return column.dataset[key] || "";
+    }).join(":");
+  }
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event) {
+    const eventRecord = event;
+    return this.fields.map((f) => {
+      const dotNotation = this.parseDotNotation(f.idProperty);
+      if (dotNotation) {
+        return this.resolveDotNotation(eventRecord, dotNotation);
+      }
+      if (f.derivedFrom) {
+        const sourceValue = eventRecord[f.derivedFrom];
+        if (sourceValue instanceof Date) {
+          return this.dateService.getDateKey(sourceValue);
+        }
+        return String(sourceValue || "");
+      }
+      return String(eventRecord[f.idProperty] || "");
+    }).join(":");
+  }
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  resolveDotNotation(eventRecord, dotNotation) {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return "";
+    }
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId)
+      return "";
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity)
+      return "";
+    return String(entity[dotNotation.property] || "");
+  }
+  /**
+   * Match event mod kolonne
+   */
+  matches(event, column) {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+};
+__name(_FilterTemplate, "FilterTemplate");
+var FilterTemplate = _FilterTemplate;
+
+// src/core/CalendarOrchestrator.ts
+var _CalendarOrchestrator = class _CalendarOrchestrator {
+  constructor(allRenderers, eventRenderer, scheduleRenderer, headerDrawerRenderer, dateService, entityServices) {
+    this.allRenderers = allRenderers;
+    this.eventRenderer = eventRenderer;
+    this.scheduleRenderer = scheduleRenderer;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.dateService = dateService;
+    this.entityServices = entityServices;
+  }
+  async render(viewConfig, container2) {
+    const headerContainer = container2.querySelector("swp-calendar-header");
+    const columnContainer = container2.querySelector("swp-day-columns");
+    if (!headerContainer || !columnContainer) {
+      throw new Error("Missing swp-calendar-header or swp-day-columns");
+    }
+    const filter = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+    const context = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+    headerContainer.innerHTML = "";
+    columnContainer.innerHTML = "";
+    const levels = viewConfig.groupings.map((g) => g.type).join(" ");
+    headerContainer.dataset.levels = levels;
+    const activeRenderers = this.selectRenderers(viewConfig);
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+    await this.scheduleRenderer.render(container2, filter);
+    await this.eventRenderer.render(container2, filter, filterTemplate);
+    await this.headerDrawerRenderer.render(container2, filter, filterTemplate);
+  }
+  selectRenderers(viewConfig) {
+    const types = viewConfig.groupings.map((g) => g.type);
+    return types.map((type) => this.allRenderers.find((r) => r.type === type)).filter((r) => r !== void 0);
+  }
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  async resolveBelongsTo(groupings, filter) {
+    const childGrouping = groupings.find((g) => g.belongsTo);
+    if (!childGrouping?.belongsTo)
+      return {};
+    const [entityType, property] = childGrouping.belongsTo.split(".");
+    if (!entityType || !property)
+      return {};
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0)
+      return {};
+    const service = this.entityServices.find((s) => s.entityType.toLowerCase() === entityType);
+    if (!service)
+      return {};
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter((e) => parentIds.includes(e.id));
+    const map = {};
+    for (const entity of entities) {
+      const entityRecord = entity;
+      const children = entityRecord[property] || [];
+      map[entityRecord.id] = children;
+    }
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+};
+__name(_CalendarOrchestrator, "CalendarOrchestrator");
+var CalendarOrchestrator = _CalendarOrchestrator;
+
+// src/core/NavigationAnimator.ts
+var _NavigationAnimator = class _NavigationAnimator {
+  constructor(headerTrack, contentTrack, headerDrawer) {
+    this.headerTrack = headerTrack;
+    this.contentTrack = contentTrack;
+    this.headerDrawer = headerDrawer;
+  }
+  async slide(direction, renderFn) {
+    const out = direction === "left" ? "-100%" : "100%";
+    const into = direction === "left" ? "100%" : "-100%";
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+  async animateOut(translate) {
+    const animations = [
+      this.headerTrack.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished,
+      this.contentTrack.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished
+    ];
+    if (this.headerDrawer) {
+      animations.push(this.headerDrawer.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished);
+    }
+    await Promise.all(animations);
+  }
+  async animateIn(translate) {
+    const animations = [
+      this.headerTrack.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished,
+      this.contentTrack.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished
+    ];
+    if (this.headerDrawer) {
+      animations.push(this.headerDrawer.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished);
+    }
+    await Promise.all(animations);
+  }
+};
+__name(_NavigationAnimator, "NavigationAnimator");
+var NavigationAnimator = _NavigationAnimator;
+
+// src/core/CalendarEvents.ts
+var CalendarEvents = {
+  // Command events (host → calendar)
+  CMD_NAVIGATE_PREV: "calendar:cmd:navigate:prev",
+  CMD_NAVIGATE_NEXT: "calendar:cmd:navigate:next",
+  CMD_DRAWER_TOGGLE: "calendar:cmd:drawer:toggle",
+  CMD_RENDER: "calendar:cmd:render",
+  CMD_WORKWEEK_CHANGE: "calendar:cmd:workweek:change",
+  CMD_VIEW_UPDATE: "calendar:cmd:view:update"
+};
+
+// src/core/CalendarApp.ts
+var _CalendarApp = class _CalendarApp {
+  constructor(orchestrator, timeAxisRenderer, dateService, scrollManager, headerDrawerManager, dragDropManager, edgeScrollManager, resizeManager, headerDrawerRenderer, eventPersistenceManager, settingsService, viewConfigService, eventBus) {
+    this.orchestrator = orchestrator;
+    this.timeAxisRenderer = timeAxisRenderer;
+    this.dateService = dateService;
+    this.scrollManager = scrollManager;
+    this.headerDrawerManager = headerDrawerManager;
+    this.dragDropManager = dragDropManager;
+    this.edgeScrollManager = edgeScrollManager;
+    this.resizeManager = resizeManager;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.eventPersistenceManager = eventPersistenceManager;
+    this.settingsService = settingsService;
+    this.viewConfigService = viewConfigService;
+    this.eventBus = eventBus;
+    this.dayOffset = 0;
+    this.currentViewId = "simple";
+    this.workweekPreset = null;
+    this.groupingOverrides = /* @__PURE__ */ new Map();
+  }
+  async init(container2) {
+    this.container = container2;
+    const gridSettings = await this.settingsService.getGridSettings();
+    if (!gridSettings) {
+      throw new Error("GridSettings not found");
+    }
+    this.workweekPreset = await this.settingsService.getDefaultWorkweekPreset();
+    this.animator = new NavigationAnimator(container2.querySelector("swp-header-track"), container2.querySelector("swp-content-track"), container2.querySelector("swp-header-drawer"));
+    this.timeAxisRenderer.render(container2.querySelector("#time-axis"), gridSettings.dayStartHour, gridSettings.dayEndHour);
+    this.scrollManager.init(container2);
+    this.headerDrawerManager.init(container2);
+    this.dragDropManager.init(container2);
+    this.resizeManager.init(container2);
+    const scrollableContent = container2.querySelector("swp-scrollable-content");
+    this.edgeScrollManager.init(scrollableContent);
+    this.setupEventListeners();
+    this.emitStatus("ready");
+  }
+  setupEventListeners() {
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_PREV, () => {
+      this.handleNavigatePrev();
+    });
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_NEXT, () => {
+      this.handleNavigateNext();
+    });
+    this.eventBus.on(CalendarEvents.CMD_DRAWER_TOGGLE, () => {
+      this.headerDrawerManager.toggle();
+    });
+    this.eventBus.on(CalendarEvents.CMD_RENDER, (e) => {
+      const { viewId } = e.detail;
+      this.handleRenderCommand(viewId);
+    });
+    this.eventBus.on(CalendarEvents.CMD_WORKWEEK_CHANGE, (e) => {
+      const { presetId } = e.detail;
+      this.handleWorkweekChange(presetId);
+    });
+    this.eventBus.on(CalendarEvents.CMD_VIEW_UPDATE, (e) => {
+      const { type, values } = e.detail;
+      this.handleViewUpdate(type, values);
+    });
+  }
+  async handleRenderCommand(viewId) {
+    this.currentViewId = viewId;
+    await this.render();
+    this.emitStatus("rendered", { viewId });
+  }
+  async handleNavigatePrev() {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset -= step;
+    await this.animator.slide("right", () => this.render());
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async handleNavigateNext() {
+    const step = this.workweekPreset?.periodDays ?? 7;
+    this.dayOffset += step;
+    await this.animator.slide("left", () => this.render());
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async handleWorkweekChange(presetId) {
+    const preset = await this.settingsService.getWorkweekPreset(presetId);
+    if (preset) {
+      this.workweekPreset = preset;
+      await this.render();
+      this.emitStatus("rendered", { viewId: this.currentViewId });
+    }
+  }
+  async handleViewUpdate(type, values) {
+    this.groupingOverrides.set(type, values);
+    await this.render();
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async render() {
+    const storedConfig = await this.viewConfigService.getById(this.currentViewId);
+    if (!storedConfig) {
+      this.emitStatus("error", { message: `ViewConfig not found: ${this.currentViewId}` });
+      return;
+    }
+    const workDays = this.workweekPreset?.workDays || [1, 2, 3, 4, 5];
+    const periodDays = this.workweekPreset?.periodDays ?? 7;
+    const dates = periodDays === 1 ? this.dateService.getDatesFromOffset(this.dayOffset, workDays.length) : this.dateService.getWorkDaysFromOffset(this.dayOffset, workDays);
+    const viewConfig = {
+      ...storedConfig,
+      groupings: storedConfig.groupings.map((g) => {
+        if (g.type === "date") {
+          return { ...g, values: dates };
+        }
+        const override = this.groupingOverrides.get(g.type);
+        if (override) {
+          return { ...g, values: override };
+        }
+        return g;
+      })
+    };
+    await this.orchestrator.render(viewConfig, this.container);
+  }
+  emitStatus(status, detail) {
+    this.container.dispatchEvent(new CustomEvent(`calendar:status:${status}`, {
+      detail,
+      bubbles: true
+    }));
+  }
+};
+__name(_CalendarApp, "CalendarApp");
+var CalendarApp = _CalendarApp;
+
+// src/features/timeaxis/TimeAxisRenderer.ts
+var _TimeAxisRenderer = class _TimeAxisRenderer {
+  render(container2, startHour = 6, endHour = 20) {
+    container2.innerHTML = "";
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement("swp-hour-marker");
+      marker.textContent = `${hour.toString().padStart(2, "0")}:00`;
+      container2.appendChild(marker);
+    }
+  }
+};
+__name(_TimeAxisRenderer, "TimeAxisRenderer");
+var TimeAxisRenderer = _TimeAxisRenderer;
+
+// src/core/ScrollManager.ts
+var _ScrollManager = class _ScrollManager {
+  init(container2) {
+    this.scrollableContent = container2.querySelector("swp-scrollable-content");
+    this.timeAxisContent = container2.querySelector("swp-time-axis-content");
+    this.calendarHeader = container2.querySelector("swp-calendar-header");
+    this.headerDrawer = container2.querySelector("swp-header-drawer");
+    this.headerViewport = container2.querySelector("swp-header-viewport");
+    this.headerSpacer = container2.querySelector("swp-header-spacer");
+    this.scrollableContent.addEventListener("scroll", () => this.onScroll());
+    this.resizeObserver = new ResizeObserver(() => this.syncHeaderSpacerHeight());
+    this.resizeObserver.observe(this.headerViewport);
+    this.syncHeaderSpacerHeight();
+  }
+  syncHeaderSpacerHeight() {
+    const computedHeight = getComputedStyle(this.headerViewport).height;
+    this.headerSpacer.style.height = computedHeight;
+  }
+  onScroll() {
+    const { scrollTop, scrollLeft } = this.scrollableContent;
+    this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
+    this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
+    this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`;
+  }
+};
+__name(_ScrollManager, "ScrollManager");
+var ScrollManager = _ScrollManager;
+
+// src/core/HeaderDrawerManager.ts
+var _HeaderDrawerManager = class _HeaderDrawerManager {
+  constructor() {
+    this.expanded = false;
+    this.currentRows = 0;
+    this.rowHeight = 25;
+    this.duration = 200;
+  }
+  init(container2) {
+    this.drawer = container2.querySelector("swp-header-drawer");
+    if (!this.drawer)
+      console.error("HeaderDrawerManager: swp-header-drawer not found");
+  }
+  toggle() {
+    this.expanded ? this.collapse() : this.expand();
+  }
+  /**
+   * Expand drawer to single row (legacy support)
+   */
+  expand() {
+    this.expandToRows(1);
+  }
+  /**
+   * Expand drawer to fit specified number of rows
+   */
+  expandToRows(rowCount) {
+    const targetHeight = rowCount * this.rowHeight;
+    const currentHeight = this.expanded ? this.currentRows * this.rowHeight : 0;
+    if (this.expanded && this.currentRows === rowCount)
+      return;
+    this.currentRows = rowCount;
+    this.expanded = true;
+    this.animate(currentHeight, targetHeight);
+  }
+  collapse() {
+    if (!this.expanded)
+      return;
+    const currentHeight = this.currentRows * this.rowHeight;
+    this.expanded = false;
+    this.currentRows = 0;
+    this.animate(currentHeight, 0);
+  }
+  animate(from, to) {
+    const keyframes = [
+      { height: `${from}px` },
+      { height: `${to}px` }
+    ];
+    const options = {
+      duration: this.duration,
+      easing: "ease",
+      fill: "forwards"
+    };
+    this.drawer.animate(keyframes, options);
+  }
+  isExpanded() {
+    return this.expanded;
+  }
+  getRowCount() {
+    return this.currentRows;
+  }
+};
+__name(_HeaderDrawerManager, "HeaderDrawerManager");
+var HeaderDrawerManager = _HeaderDrawerManager;
+
+// src/demo/MockStores.ts
+var _MockTeamStore = class _MockTeamStore {
+  constructor() {
+    this.type = "team";
+    this.teams = [
+      { id: "alpha", name: "Team Alpha" },
+      { id: "beta", name: "Team Beta" }
+    ];
+  }
+  getByIds(ids) {
+    return this.teams.filter((t) => ids.includes(t.id));
+  }
+};
+__name(_MockTeamStore, "MockTeamStore");
+var MockTeamStore = _MockTeamStore;
+var _MockResourceStore = class _MockResourceStore {
+  constructor() {
+    this.type = "resource";
+    this.resources = [
+      { id: "alice", name: "Alice", teamId: "alpha" },
+      { id: "bob", name: "Bob", teamId: "alpha" },
+      { id: "carol", name: "Carol", teamId: "beta" },
+      { id: "dave", name: "Dave", teamId: "beta" }
+    ];
+  }
+  getByIds(ids) {
+    return this.resources.filter((r) => ids.includes(r.id));
+  }
+};
+__name(_MockResourceStore, "MockResourceStore");
+var MockResourceStore = _MockResourceStore;
+
+// src/demo/DemoApp.ts
+var _DemoApp = class _DemoApp {
+  constructor(indexedDBContext, dataSeeder, auditService, calendarApp, dateService, resourceService, eventBus) {
+    this.indexedDBContext = indexedDBContext;
+    this.dataSeeder = dataSeeder;
+    this.auditService = auditService;
+    this.calendarApp = calendarApp;
+    this.dateService = dateService;
+    this.resourceService = resourceService;
+    this.eventBus = eventBus;
+    this.currentView = "simple";
+  }
+  async init() {
+    this.dateService.setBaseDate(/* @__PURE__ */ new Date("2025-12-08"));
+    await this.indexedDBContext.initialize();
+    console.log("[DemoApp] IndexedDB initialized");
+    await this.dataSeeder.seedIfEmpty();
+    console.log("[DemoApp] Data seeding complete");
+    this.container = document.querySelector("swp-calendar-container");
+    await this.calendarApp.init(this.container);
+    console.log("[DemoApp] CalendarApp initialized");
+    this.setupNavigation();
+    this.setupDrawerToggle();
+    this.setupViewSwitching();
+    this.setupWorkweekSelector();
+    await this.setupResourceSelector();
+    this.setupStatusListeners();
+    this.eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: this.currentView });
+  }
+  setupNavigation() {
+    document.getElementById("btn-prev").onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_NAVIGATE_PREV);
+    };
+    document.getElementById("btn-next").onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_NAVIGATE_NEXT);
+    };
+  }
+  setupViewSwitching() {
+    const chips = document.querySelectorAll(".view-chip");
+    chips.forEach((chip) => {
+      chip.addEventListener("click", () => {
+        chips.forEach((c) => c.classList.remove("active"));
+        chip.classList.add("active");
+        const view = chip.dataset.view;
+        if (view) {
+          this.currentView = view;
+          this.updateSelectorVisibility();
+          this.eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: view });
+        }
+      });
+    });
+  }
+  updateSelectorVisibility() {
+    const selector = document.querySelector("swp-resource-selector");
+    const showSelector = this.currentView === "picker" || this.currentView === "day";
+    selector?.classList.toggle("hidden", !showSelector);
+  }
+  setupDrawerToggle() {
+    document.getElementById("btn-drawer").onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_DRAWER_TOGGLE);
+    };
+  }
+  setupWorkweekSelector() {
+    const workweekSelect = document.getElementById("workweek-select");
+    workweekSelect?.addEventListener("change", () => {
+      const presetId = workweekSelect.value;
+      this.eventBus.emit(CalendarEvents.CMD_WORKWEEK_CHANGE, { presetId });
+    });
+  }
+  async setupResourceSelector() {
+    const resources = await this.resourceService.getAll();
+    const container2 = document.querySelector(".resource-checkboxes");
+    if (!container2)
+      return;
+    container2.innerHTML = "";
+    resources.forEach((r) => {
+      const label = document.createElement("label");
+      label.innerHTML = `
+        <input type="checkbox" value="${r.id}" checked>
+        ${r.displayName}
+      `;
+      container2.appendChild(label);
+    });
+    container2.addEventListener("change", () => {
+      const checked = container2.querySelectorAll("input:checked");
+      const values = Array.from(checked).map((cb) => cb.value);
+      this.eventBus.emit(CalendarEvents.CMD_VIEW_UPDATE, { type: "resource", values });
+    });
+  }
+  setupStatusListeners() {
+    this.container.addEventListener("calendar:status:ready", () => {
+      console.log("[DemoApp] Calendar ready");
+    });
+    this.container.addEventListener("calendar:status:rendered", (e) => {
+      console.log("[DemoApp] Calendar rendered:", e.detail.viewId);
+    });
+    this.container.addEventListener("calendar:status:error", (e) => {
+      console.error("[DemoApp] Calendar error:", e.detail.message);
+    });
+  }
+};
+__name(_DemoApp, "DemoApp");
+var DemoApp = _DemoApp;
+
+// src/core/EventBus.ts
+var _EventBus = class _EventBus {
+  constructor() {
+    this.eventLog = [];
+    this.debug = false;
+    this.listeners = /* @__PURE__ */ new Set();
+    this.logConfig = {
+      calendar: true,
+      grid: true,
+      event: true,
+      scroll: true,
+      navigation: true,
+      view: true,
+      default: true
+    };
+  }
+  /**
+   * Subscribe to an event via DOM addEventListener
+   */
+  on(eventType, handler, options) {
+    document.addEventListener(eventType, handler, options);
+    this.listeners.add({ eventType, handler, options });
+    return () => this.off(eventType, handler);
+  }
+  /**
+   * Subscribe to an event once
+   */
+  once(eventType, handler) {
+    return this.on(eventType, handler, { once: true });
+  }
+  /**
+   * Unsubscribe from an event
+   */
+  off(eventType, handler) {
+    document.removeEventListener(eventType, handler);
+    for (const listener of this.listeners) {
+      if (listener.eventType === eventType && listener.handler === handler) {
+        this.listeners.delete(listener);
+        break;
+      }
+    }
+  }
+  /**
+   * Emit an event via DOM CustomEvent
+   */
+  emit(eventType, detail = {}) {
+    if (!eventType) {
+      return false;
+    }
+    const event = new CustomEvent(eventType, {
+      detail: detail ?? {},
+      bubbles: true,
+      cancelable: true
+    });
+    if (this.debug) {
+      this.logEventWithGrouping(eventType, detail);
+    }
+    this.eventLog.push({
+      type: eventType,
+      detail: detail ?? {},
+      timestamp: Date.now()
+    });
+    return !document.dispatchEvent(event);
+  }
+  /**
+   * Log event with console grouping
+   */
+  logEventWithGrouping(eventType, _detail) {
+    const category = this.extractCategory(eventType);
+    if (!this.logConfig[category]) {
+      return;
+    }
+    this.getCategoryStyle(category);
+  }
+  /**
+   * Extract category from event type
+   */
+  extractCategory(eventType) {
+    if (!eventType) {
+      return "unknown";
+    }
+    if (eventType.includes(":")) {
+      return eventType.split(":")[0];
+    }
+    const lowerType = eventType.toLowerCase();
+    if (lowerType.includes("grid") || lowerType.includes("rendered"))
+      return "grid";
+    if (lowerType.includes("event") || lowerType.includes("sync"))
+      return "event";
+    if (lowerType.includes("scroll"))
+      return "scroll";
+    if (lowerType.includes("nav") || lowerType.includes("date"))
+      return "navigation";
+    if (lowerType.includes("view"))
+      return "view";
+    return "default";
+  }
+  /**
+   * Get styling for different categories
+   */
+  getCategoryStyle(category) {
+    const styles = {
+      calendar: { emoji: "\u{1F4C5}", color: "#2196F3" },
+      grid: { emoji: "\u{1F4CA}", color: "#4CAF50" },
+      event: { emoji: "\u{1F4CC}", color: "#FF9800" },
+      scroll: { emoji: "\u{1F4DC}", color: "#9C27B0" },
+      navigation: { emoji: "\u{1F9ED}", color: "#F44336" },
+      view: { emoji: "\u{1F441}", color: "#00BCD4" },
+      default: { emoji: "\u{1F4E2}", color: "#607D8B" }
+    };
+    return styles[category] || styles.default;
+  }
+  /**
+   * Configure logging for specific categories
+   */
+  setLogConfig(config) {
+    this.logConfig = { ...this.logConfig, ...config };
+  }
+  /**
+   * Get current log configuration
+   */
+  getLogConfig() {
+    return { ...this.logConfig };
+  }
+  /**
+   * Get event history
+   */
+  getEventLog(eventType) {
+    if (eventType) {
+      return this.eventLog.filter((e) => e.type === eventType);
+    }
+    return this.eventLog;
+  }
+  /**
+   * Enable/disable debug mode
+   */
+  setDebug(enabled) {
+    this.debug = enabled;
+  }
+};
+__name(_EventBus, "EventBus");
+var EventBus = _EventBus;
+
+// src/storage/IndexedDBContext.ts
+var _IndexedDBContext = class _IndexedDBContext {
+  constructor(stores) {
+    this.db = null;
+    this.initialized = false;
+    this.stores = stores;
+  }
+  /**
+   * Initialize and open the database
+   */
+  async initialize() {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(_IndexedDBContext.DB_NAME, _IndexedDBContext.DB_VERSION);
+      request.onerror = () => {
+        reject(new Error(`Failed to open IndexedDB: ${request.error}`));
+      };
+      request.onsuccess = () => {
+        this.db = request.result;
+        this.initialized = true;
+        resolve();
+      };
+      request.onupgradeneeded = (event) => {
+        const db = event.target.result;
+        this.stores.forEach((store) => {
+          if (!db.objectStoreNames.contains(store.storeName)) {
+            store.create(db);
+          }
+        });
+      };
+    });
+  }
+  /**
+   * Check if database is initialized
+   */
+  isInitialized() {
+    return this.initialized;
+  }
+  /**
+   * Get IDBDatabase instance
+   */
+  getDatabase() {
+    if (!this.db) {
+      throw new Error("IndexedDB not initialized. Call initialize() first.");
+    }
+    return this.db;
+  }
+  /**
+   * Close database connection
+   */
+  close() {
+    if (this.db) {
+      this.db.close();
+      this.db = null;
+      this.initialized = false;
+    }
+  }
+  /**
+   * Delete entire database (for testing/reset)
+   */
+  static async deleteDatabase() {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.deleteDatabase(_IndexedDBContext.DB_NAME);
+      request.onsuccess = () => resolve();
+      request.onerror = () => reject(new Error(`Failed to delete database: ${request.error}`));
+    });
+  }
+};
+__name(_IndexedDBContext, "IndexedDBContext");
+var IndexedDBContext = _IndexedDBContext;
+IndexedDBContext.DB_NAME = "CalendarDB";
+IndexedDBContext.DB_VERSION = 4;
+
+// src/storage/events/EventStore.ts
+var _EventStore = class _EventStore {
+  constructor() {
+    this.storeName = _EventStore.STORE_NAME;
+  }
+  /**
+   * Create the events ObjectStore with indexes
+   */
+  create(db) {
+    const store = db.createObjectStore(_EventStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("start", "start", { unique: false });
+    store.createIndex("end", "end", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("resourceId", "resourceId", { unique: false });
+    store.createIndex("customerId", "customerId", { unique: false });
+    store.createIndex("bookingId", "bookingId", { unique: false });
+    store.createIndex("startEnd", ["start", "end"], { unique: false });
+  }
+};
+__name(_EventStore, "EventStore");
+var EventStore = _EventStore;
+EventStore.STORE_NAME = "events";
+
+// src/storage/events/EventSerialization.ts
+var _EventSerialization = class _EventSerialization {
+  /**
+   * Serialize event for IndexedDB storage
+   */
+  static serialize(event) {
+    return {
+      ...event,
+      start: event.start instanceof Date ? event.start.toISOString() : event.start,
+      end: event.end instanceof Date ? event.end.toISOString() : event.end
+    };
+  }
+  /**
+   * Deserialize event from IndexedDB storage
+   */
+  static deserialize(data) {
+    return {
+      ...data,
+      start: typeof data.start === "string" ? new Date(data.start) : data.start,
+      end: typeof data.end === "string" ? new Date(data.end) : data.end
+    };
+  }
+};
+__name(_EventSerialization, "EventSerialization");
+var EventSerialization = _EventSerialization;
+
+// src/storage/SyncPlugin.ts
+var _SyncPlugin = class _SyncPlugin {
+  constructor(service) {
+    this.service = service;
+  }
+  /**
+   * Mark entity as successfully synced
+   */
+  async markAsSynced(id) {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = "synced";
+      await this.service.save(entity);
+    }
+  }
+  /**
+   * Mark entity as sync error
+   */
+  async markAsError(id) {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = "error";
+      await this.service.save(entity);
+    }
+  }
+  /**
+   * Get current sync status for an entity
+   */
+  async getSyncStatus(id) {
+    const entity = await this.service.get(id);
+    return entity ? entity.syncStatus : null;
+  }
+  /**
+   * Get entities by sync status using IndexedDB index
+   */
+  async getBySyncStatus(syncStatus) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.service.db.transaction([this.service.storeName], "readonly");
+      const store = transaction.objectStore(this.service.storeName);
+      const index = store.index("syncStatus");
+      const request = index.getAll(syncStatus);
+      request.onsuccess = () => {
+        const data = request.result;
+        const entities = data.map((item) => this.service.deserialize(item));
+        resolve(entities);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get by sync status ${syncStatus}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_SyncPlugin, "SyncPlugin");
+var SyncPlugin = _SyncPlugin;
+
+// src/constants/CoreEvents.ts
+var CoreEvents = {
+  // Lifecycle events
+  INITIALIZED: "core:initialized",
+  READY: "core:ready",
+  DESTROYED: "core:destroyed",
+  // View events
+  VIEW_CHANGED: "view:changed",
+  VIEW_RENDERED: "view:rendered",
+  // Navigation events
+  DATE_CHANGED: "nav:date-changed",
+  NAVIGATION_COMPLETED: "nav:navigation-completed",
+  // Data events
+  DATA_LOADING: "data:loading",
+  DATA_LOADED: "data:loaded",
+  DATA_ERROR: "data:error",
+  // Grid events
+  GRID_RENDERED: "grid:rendered",
+  GRID_CLICKED: "grid:clicked",
+  // Event management
+  EVENT_CREATED: "event:created",
+  EVENT_UPDATED: "event:updated",
+  EVENT_DELETED: "event:deleted",
+  EVENT_SELECTED: "event:selected",
+  // Event drag-drop
+  EVENT_DRAG_START: "event:drag-start",
+  EVENT_DRAG_MOVE: "event:drag-move",
+  EVENT_DRAG_END: "event:drag-end",
+  EVENT_DRAG_CANCEL: "event:drag-cancel",
+  EVENT_DRAG_COLUMN_CHANGE: "event:drag-column-change",
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: "event:drag-enter-header",
+  EVENT_DRAG_MOVE_HEADER: "event:drag-move-header",
+  EVENT_DRAG_LEAVE_HEADER: "event:drag-leave-header",
+  // Event resize
+  EVENT_RESIZE_START: "event:resize-start",
+  EVENT_RESIZE_END: "event:resize-end",
+  // Edge scroll
+  EDGE_SCROLL_TICK: "edge-scroll:tick",
+  EDGE_SCROLL_STARTED: "edge-scroll:started",
+  EDGE_SCROLL_STOPPED: "edge-scroll:stopped",
+  // System events
+  ERROR: "system:error",
+  // Sync events
+  SYNC_STARTED: "sync:started",
+  SYNC_COMPLETED: "sync:completed",
+  SYNC_FAILED: "sync:failed",
+  // Entity events - for audit and sync
+  ENTITY_SAVED: "entity:saved",
+  ENTITY_DELETED: "entity:deleted",
+  // Audit events
+  AUDIT_LOGGED: "audit:logged",
+  // Rendering events
+  EVENTS_RENDERED: "events:rendered"
+};
+
+// node_modules/json-diff-ts/dist/index.js
+function arrayDifference(first, second) {
+  const secondSet = new Set(second);
+  return first.filter((item) => !secondSet.has(item));
+}
+__name(arrayDifference, "arrayDifference");
+function arrayIntersection(first, second) {
+  const secondSet = new Set(second);
+  return first.filter((item) => secondSet.has(item));
+}
+__name(arrayIntersection, "arrayIntersection");
+function keyBy(arr, getKey2) {
+  const result = {};
+  for (const item of arr) {
+    result[String(getKey2(item))] = item;
+  }
+  return result;
+}
+__name(keyBy, "keyBy");
+function diff(oldObj, newObj, options = {}) {
+  let { embeddedObjKeys } = options;
+  const { keysToSkip, treatTypeChangeAsReplace } = options;
+  if (embeddedObjKeys instanceof Map) {
+    embeddedObjKeys = new Map(
+      Array.from(embeddedObjKeys.entries()).map(([key, value]) => [
+        key instanceof RegExp ? key : key.replace(/^\./, ""),
+        value
+      ])
+    );
+  } else if (embeddedObjKeys) {
+    embeddedObjKeys = Object.fromEntries(
+      Object.entries(embeddedObjKeys).map(([key, value]) => [key.replace(/^\./, ""), value])
+    );
+  }
+  return compare(oldObj, newObj, [], [], {
+    embeddedObjKeys,
+    keysToSkip: keysToSkip ?? [],
+    treatTypeChangeAsReplace: treatTypeChangeAsReplace ?? true
+  });
+}
+__name(diff, "diff");
+var getTypeOfObj = /* @__PURE__ */ __name((obj) => {
+  if (typeof obj === "undefined") {
+    return "undefined";
+  }
+  if (obj === null) {
+    return null;
+  }
+  return Object.prototype.toString.call(obj).match(/^\[object\s(.*)\]$/)[1];
+}, "getTypeOfObj");
+var getKey = /* @__PURE__ */ __name((path) => {
+  const left = path[path.length - 1];
+  return left != null ? left : "$root";
+}, "getKey");
+var compare = /* @__PURE__ */ __name((oldObj, newObj, path, keyPath, options) => {
+  let changes = [];
+  const currentPath = keyPath.join(".");
+  if (options.keysToSkip?.some((skipPath) => {
+    if (currentPath === skipPath) {
+      return true;
+    }
+    if (skipPath.includes(".") && skipPath.startsWith(currentPath + ".")) {
+      return false;
+    }
+    if (skipPath.includes(".")) {
+      const skipParts = skipPath.split(".");
+      const currentParts = currentPath.split(".");
+      if (currentParts.length >= skipParts.length) {
+        for (let i = 0; i < skipParts.length; i++) {
+          if (skipParts[i] !== currentParts[i]) {
+            return false;
+          }
+        }
+        return true;
+      }
+    }
+    return false;
+  })) {
+    return changes;
+  }
+  const typeOfOldObj = getTypeOfObj(oldObj);
+  const typeOfNewObj = getTypeOfObj(newObj);
+  if (options.treatTypeChangeAsReplace && typeOfOldObj !== typeOfNewObj) {
+    if (typeOfOldObj !== "undefined") {
+      changes.push({ type: "REMOVE", key: getKey(path), value: oldObj });
+    }
+    if (typeOfNewObj !== "undefined") {
+      changes.push({ type: "ADD", key: getKey(path), value: newObj });
+    }
+    return changes;
+  }
+  if (typeOfNewObj === "undefined" && typeOfOldObj !== "undefined") {
+    changes.push({ type: "REMOVE", key: getKey(path), value: oldObj });
+    return changes;
+  }
+  if (typeOfNewObj === "Object" && typeOfOldObj === "Array") {
+    changes.push({ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj });
+    return changes;
+  }
+  if (typeOfNewObj === null) {
+    if (typeOfOldObj !== null) {
+      changes.push({ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj });
+    }
+    return changes;
+  }
+  switch (typeOfOldObj) {
+    case "Date":
+      if (typeOfNewObj === "Date") {
+        changes = changes.concat(
+          comparePrimitives(oldObj.getTime(), newObj.getTime(), path).map((x) => ({
+            ...x,
+            value: new Date(x.value),
+            oldValue: new Date(x.oldValue)
+          }))
+        );
+      } else {
+        changes = changes.concat(comparePrimitives(oldObj, newObj, path));
+      }
+      break;
+    case "Object": {
+      const diffs = compareObject(oldObj, newObj, path, keyPath, false, options);
+      if (diffs.length) {
+        if (path.length) {
+          changes.push({
+            type: "UPDATE",
+            key: getKey(path),
+            changes: diffs
+          });
+        } else {
+          changes = changes.concat(diffs);
+        }
+      }
+      break;
+    }
+    case "Array":
+      changes = changes.concat(compareArray(oldObj, newObj, path, keyPath, options));
+      break;
+    case "Function":
+      break;
+    default:
+      changes = changes.concat(comparePrimitives(oldObj, newObj, path));
+  }
+  return changes;
+}, "compare");
+var compareObject = /* @__PURE__ */ __name((oldObj, newObj, path, keyPath, skipPath = false, options = {}) => {
+  let k;
+  let newKeyPath;
+  let newPath;
+  if (skipPath == null) {
+    skipPath = false;
+  }
+  let changes = [];
+  const oldObjKeys = Object.keys(oldObj);
+  const newObjKeys = Object.keys(newObj);
+  const intersectionKeys = arrayIntersection(oldObjKeys, newObjKeys);
+  for (k of intersectionKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const diffs = compare(oldObj[k], newObj[k], newPath, newKeyPath, options);
+    if (diffs.length) {
+      changes = changes.concat(diffs);
+    }
+  }
+  const addedKeys = arrayDifference(newObjKeys, oldObjKeys);
+  for (k of addedKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const currentPath = newKeyPath.join(".");
+    if (options.keysToSkip?.some((skipPath2) => currentPath === skipPath2 || currentPath.startsWith(skipPath2 + "."))) {
+      continue;
+    }
+    changes.push({
+      type: "ADD",
+      key: getKey(newPath),
+      value: newObj[k]
+    });
+  }
+  const deletedKeys = arrayDifference(oldObjKeys, newObjKeys);
+  for (k of deletedKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const currentPath = newKeyPath.join(".");
+    if (options.keysToSkip?.some((skipPath2) => currentPath === skipPath2 || currentPath.startsWith(skipPath2 + "."))) {
+      continue;
+    }
+    changes.push({
+      type: "REMOVE",
+      key: getKey(newPath),
+      value: oldObj[k]
+    });
+  }
+  return changes;
+}, "compareObject");
+var compareArray = /* @__PURE__ */ __name((oldObj, newObj, path, keyPath, options) => {
+  if (getTypeOfObj(newObj) !== "Array") {
+    return [{ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj }];
+  }
+  const left = getObjectKey(options.embeddedObjKeys, keyPath);
+  const uniqKey = left != null ? left : "$index";
+  const indexedOldObj = convertArrayToObj(oldObj, uniqKey);
+  const indexedNewObj = convertArrayToObj(newObj, uniqKey);
+  const diffs = compareObject(indexedOldObj, indexedNewObj, path, keyPath, true, options);
+  if (diffs.length) {
+    return [
+      {
+        type: "UPDATE",
+        key: getKey(path),
+        embeddedKey: typeof uniqKey === "function" && uniqKey.length === 2 ? uniqKey(newObj[0], true) : uniqKey,
+        changes: diffs
+      }
+    ];
+  } else {
+    return [];
+  }
+}, "compareArray");
+var getObjectKey = /* @__PURE__ */ __name((embeddedObjKeys, keyPath) => {
+  if (embeddedObjKeys != null) {
+    const path = keyPath.join(".");
+    if (embeddedObjKeys instanceof Map) {
+      for (const [key2, value] of embeddedObjKeys.entries()) {
+        if (key2 instanceof RegExp) {
+          if (path.match(key2)) {
+            return value;
+          }
+        } else if (path === key2) {
+          return value;
+        }
+      }
+    }
+    const key = embeddedObjKeys[path];
+    if (key != null) {
+      return key;
+    }
+  }
+  return void 0;
+}, "getObjectKey");
+var convertArrayToObj = /* @__PURE__ */ __name((arr, uniqKey) => {
+  let obj = {};
+  if (uniqKey === "$value") {
+    arr.forEach((value) => {
+      obj[value] = value;
+    });
+  } else if (uniqKey !== "$index") {
+    const keyFunction = typeof uniqKey === "string" ? (item) => item[uniqKey] : uniqKey;
+    obj = keyBy(arr, keyFunction);
+  } else {
+    for (let i = 0; i < arr.length; i++) {
+      const value = arr[i];
+      obj[i] = value;
+    }
+  }
+  return obj;
+}, "convertArrayToObj");
+var comparePrimitives = /* @__PURE__ */ __name((oldObj, newObj, path) => {
+  const changes = [];
+  if (oldObj !== newObj) {
+    changes.push({
+      type: "UPDATE",
+      key: getKey(path),
+      value: newObj,
+      oldValue: oldObj
+    });
+  }
+  return changes;
+}, "comparePrimitives");
+
+// src/storage/BaseEntityService.ts
+var _BaseEntityService = class _BaseEntityService {
+  constructor(context, eventBus) {
+    this.context = context;
+    this.eventBus = eventBus;
+    this.syncPlugin = new SyncPlugin(this);
+  }
+  get db() {
+    return this.context.getDatabase();
+  }
+  /**
+   * Serialize entity before storing in IndexedDB
+   */
+  serialize(entity) {
+    return entity;
+  }
+  /**
+   * Deserialize data from IndexedDB back to entity
+   */
+  deserialize(data) {
+    return data;
+  }
+  /**
+   * Get a single entity by ID
+   */
+  async get(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.get(id);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? this.deserialize(data) : null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get all entities
+   */
+  async getAll() {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.getAll();
+      request.onsuccess = () => {
+        const data = request.result;
+        const entities = data.map((item) => this.deserialize(item));
+        resolve(entities);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get all ${this.entityType}s: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Save an entity (create or update)
+   * Emits ENTITY_SAVED event with operation type and changes (diff for updates)
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  async save(entity, silent = false) {
+    const entityId = entity.id;
+    const existingEntity = await this.get(entityId);
+    const isCreate = existingEntity === null;
+    let changes;
+    if (isCreate) {
+      changes = entity;
+    } else {
+      const existingSerialized = this.serialize(existingEntity);
+      const newSerialized = this.serialize(entity);
+      changes = diff(existingSerialized, newSerialized);
+    }
+    const serialized = this.serialize(entity);
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+      request.onsuccess = () => {
+        if (!silent) {
+          const payload = {
+            entityType: this.entityType,
+            entityId,
+            operation: isCreate ? "create" : "update",
+            changes,
+            timestamp: Date.now()
+          };
+          this.eventBus.emit(CoreEvents.ENTITY_SAVED, payload);
+        }
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to save ${this.entityType} ${entityId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Delete an entity
+   * Emits ENTITY_DELETED event
+   */
+  async delete(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.delete(id);
+      request.onsuccess = () => {
+        const payload = {
+          entityType: this.entityType,
+          entityId: id,
+          operation: "delete",
+          timestamp: Date.now()
+        };
+        this.eventBus.emit(CoreEvents.ENTITY_DELETED, payload);
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to delete ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+  // Sync methods - delegate to SyncPlugin
+  async markAsSynced(id) {
+    return this.syncPlugin.markAsSynced(id);
+  }
+  async markAsError(id) {
+    return this.syncPlugin.markAsError(id);
+  }
+  async getSyncStatus(id) {
+    return this.syncPlugin.getSyncStatus(id);
+  }
+  async getBySyncStatus(syncStatus) {
+    return this.syncPlugin.getBySyncStatus(syncStatus);
+  }
+};
+__name(_BaseEntityService, "BaseEntityService");
+var BaseEntityService = _BaseEntityService;
+
+// src/storage/events/EventService.ts
+var _EventService = class _EventService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = EventStore.STORE_NAME;
+    this.entityType = "Event";
+  }
+  serialize(event) {
+    return EventSerialization.serialize(event);
+  }
+  deserialize(data) {
+    return EventSerialization.deserialize(data);
+  }
+  /**
+   * Get events within a date range
+   */
+  async getByDateRange(start, end) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("start");
+      const range = IDBKeyRange.lowerBound(start.toISOString());
+      const request = index.getAll(range);
+      request.onsuccess = () => {
+        const data = request.result;
+        const events = data.map((item) => this.deserialize(item)).filter((event) => event.start <= end);
+        resolve(events);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get events by date range: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get events for a specific resource
+   */
+  async getByResource(resourceId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("resourceId");
+      const request = index.getAll(resourceId);
+      request.onsuccess = () => {
+        const data = request.result;
+        const events = data.map((item) => this.deserialize(item));
+        resolve(events);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get events for resource ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get events for a resource within a date range
+   */
+  async getByResourceAndDateRange(resourceId, start, end) {
+    const resourceEvents = await this.getByResource(resourceId);
+    return resourceEvents.filter((event) => event.start >= start && event.start <= end);
+  }
+};
+__name(_EventService, "EventService");
+var EventService = _EventService;
+
+// src/storage/resources/ResourceStore.ts
+var _ResourceStore = class _ResourceStore {
+  constructor() {
+    this.storeName = _ResourceStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_ResourceStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("type", "type", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("isActive", "isActive", { unique: false });
+  }
+};
+__name(_ResourceStore, "ResourceStore");
+var ResourceStore = _ResourceStore;
+ResourceStore.STORE_NAME = "resources";
+
+// src/storage/resources/ResourceService.ts
+var _ResourceService = class _ResourceService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = ResourceStore.STORE_NAME;
+    this.entityType = "Resource";
+  }
+  /**
+   * Get all active resources
+   */
+  async getActive() {
+    const all = await this.getAll();
+    return all.filter((r) => r.isActive !== false);
+  }
+  /**
+   * Get resources by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((r) => r !== null);
+  }
+  /**
+   * Get resources by type
+   */
+  async getByType(type) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("type");
+      const request = index.getAll(type);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get resources by type ${type}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_ResourceService, "ResourceService");
+var ResourceService = _ResourceService;
+
+// src/storage/bookings/BookingStore.ts
+var _BookingStore = class _BookingStore {
+  constructor() {
+    this.storeName = _BookingStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_BookingStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("customerId", "customerId", { unique: false });
+    store.createIndex("status", "status", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("createdAt", "createdAt", { unique: false });
+  }
+};
+__name(_BookingStore, "BookingStore");
+var BookingStore = _BookingStore;
+BookingStore.STORE_NAME = "bookings";
+
+// src/storage/bookings/BookingService.ts
+var _BookingService = class _BookingService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = BookingStore.STORE_NAME;
+    this.entityType = "Booking";
+  }
+  serialize(booking) {
+    return {
+      ...booking,
+      createdAt: booking.createdAt.toISOString()
+    };
+  }
+  deserialize(data) {
+    const raw = data;
+    return {
+      ...raw,
+      createdAt: new Date(raw.createdAt)
+    };
+  }
+  /**
+   * Get bookings for a customer
+   */
+  async getByCustomer(customerId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("customerId");
+      const request = index.getAll(customerId);
+      request.onsuccess = () => {
+        const data = request.result;
+        const bookings = data.map((item) => this.deserialize(item));
+        resolve(bookings);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings for customer ${customerId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get bookings by status
+   */
+  async getByStatus(status) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("status");
+      const request = index.getAll(status);
+      request.onsuccess = () => {
+        const data = request.result;
+        const bookings = data.map((item) => this.deserialize(item));
+        resolve(bookings);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings with status ${status}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_BookingService, "BookingService");
+var BookingService = _BookingService;
+
+// src/storage/customers/CustomerStore.ts
+var _CustomerStore = class _CustomerStore {
+  constructor() {
+    this.storeName = _CustomerStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_CustomerStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("name", "name", { unique: false });
+    store.createIndex("phone", "phone", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+  }
+};
+__name(_CustomerStore, "CustomerStore");
+var CustomerStore = _CustomerStore;
+CustomerStore.STORE_NAME = "customers";
+
+// src/storage/customers/CustomerService.ts
+var _CustomerService = class _CustomerService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = CustomerStore.STORE_NAME;
+    this.entityType = "Customer";
+  }
+  /**
+   * Search customers by name (case-insensitive contains)
+   */
+  async searchByName(query) {
+    const all = await this.getAll();
+    const lowerQuery = query.toLowerCase();
+    return all.filter((c) => c.name.toLowerCase().includes(lowerQuery));
+  }
+  /**
+   * Find customer by phone
+   */
+  async getByPhone(phone) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("phone");
+      const request = index.get(phone);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? data : null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to find customer by phone ${phone}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_CustomerService, "CustomerService");
+var CustomerService = _CustomerService;
+
+// src/storage/teams/TeamStore.ts
+var _TeamStore = class _TeamStore {
+  constructor() {
+    this.storeName = _TeamStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_TeamStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_TeamStore, "TeamStore");
+var TeamStore = _TeamStore;
+TeamStore.STORE_NAME = "teams";
+
+// src/storage/teams/TeamService.ts
+var _TeamService = class _TeamService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = TeamStore.STORE_NAME;
+    this.entityType = "Team";
+  }
+  /**
+   * Get teams by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((t) => t !== null);
+  }
+  /**
+   * Build reverse lookup: resourceId → teamId
+   */
+  async buildResourceToTeamMap() {
+    const teams = await this.getAll();
+    const map = {};
+    for (const team of teams) {
+      for (const resourceId of team.resourceIds) {
+        map[resourceId] = team.id;
+      }
+    }
+    return map;
+  }
+};
+__name(_TeamService, "TeamService");
+var TeamService = _TeamService;
+
+// src/storage/departments/DepartmentStore.ts
+var _DepartmentStore = class _DepartmentStore {
+  constructor() {
+    this.storeName = _DepartmentStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_DepartmentStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_DepartmentStore, "DepartmentStore");
+var DepartmentStore = _DepartmentStore;
+DepartmentStore.STORE_NAME = "departments";
+
+// src/storage/departments/DepartmentService.ts
+var _DepartmentService = class _DepartmentService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = DepartmentStore.STORE_NAME;
+    this.entityType = "Department";
+  }
+  /**
+   * Get departments by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((d) => d !== null);
+  }
+};
+__name(_DepartmentService, "DepartmentService");
+var DepartmentService = _DepartmentService;
+
+// src/storage/settings/SettingsStore.ts
+var _SettingsStore = class _SettingsStore {
+  constructor() {
+    this.storeName = _SettingsStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_SettingsStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_SettingsStore, "SettingsStore");
+var SettingsStore = _SettingsStore;
+SettingsStore.STORE_NAME = "settings";
+
+// src/types/SettingsTypes.ts
+var SettingsIds = {
+  WORKWEEK: "workweek",
+  GRID: "grid",
+  TIME_FORMAT: "timeFormat",
+  VIEWS: "views"
+};
+
+// src/storage/settings/SettingsService.ts
+var _SettingsService = class _SettingsService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = SettingsStore.STORE_NAME;
+    this.entityType = "Settings";
+  }
+  /**
+   * Get workweek settings
+   */
+  async getWorkweekSettings() {
+    return this.get(SettingsIds.WORKWEEK);
+  }
+  /**
+   * Get grid settings
+   */
+  async getGridSettings() {
+    return this.get(SettingsIds.GRID);
+  }
+  /**
+   * Get time format settings
+   */
+  async getTimeFormatSettings() {
+    return this.get(SettingsIds.TIME_FORMAT);
+  }
+  /**
+   * Get view settings
+   */
+  async getViewSettings() {
+    return this.get(SettingsIds.VIEWS);
+  }
+  /**
+   * Get workweek preset by ID
+   */
+  async getWorkweekPreset(presetId) {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return null;
+    return settings.presets[presetId] || null;
+  }
+  /**
+   * Get the default workweek preset
+   */
+  async getDefaultWorkweekPreset() {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return null;
+    return settings.presets[settings.defaultPreset] || null;
+  }
+  /**
+   * Get all available workweek presets
+   */
+  async getWorkweekPresets() {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return [];
+    return Object.values(settings.presets);
+  }
+};
+__name(_SettingsService, "SettingsService");
+var SettingsService = _SettingsService;
+
+// src/storage/viewconfigs/ViewConfigStore.ts
+var _ViewConfigStore = class _ViewConfigStore {
+  constructor() {
+    this.storeName = _ViewConfigStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_ViewConfigStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_ViewConfigStore, "ViewConfigStore");
+var ViewConfigStore = _ViewConfigStore;
+ViewConfigStore.STORE_NAME = "viewconfigs";
+
+// src/storage/viewconfigs/ViewConfigService.ts
+var _ViewConfigService = class _ViewConfigService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = ViewConfigStore.STORE_NAME;
+    this.entityType = "ViewConfig";
+  }
+  async getById(id) {
+    return this.get(id);
+  }
+};
+__name(_ViewConfigService, "ViewConfigService");
+var ViewConfigService = _ViewConfigService;
+
+// src/storage/audit/AuditStore.ts
+var _AuditStore = class _AuditStore {
+  constructor() {
+    this.storeName = "audit";
+  }
+  create(db) {
+    const store = db.createObjectStore(this.storeName, { keyPath: "id" });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("synced", "synced", { unique: false });
+    store.createIndex("entityId", "entityId", { unique: false });
+    store.createIndex("timestamp", "timestamp", { unique: false });
+  }
+};
+__name(_AuditStore, "AuditStore");
+var AuditStore = _AuditStore;
+
+// src/storage/audit/AuditService.ts
+var _AuditService = class _AuditService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = "audit";
+    this.entityType = "Audit";
+    this.setupEventListeners();
+  }
+  /**
+   * Setup listeners for ENTITY_SAVED and ENTITY_DELETED events
+   */
+  setupEventListeners() {
+    this.eventBus.on(CoreEvents.ENTITY_SAVED, (event) => {
+      const detail = event.detail;
+      this.handleEntitySaved(detail);
+    });
+    this.eventBus.on(CoreEvents.ENTITY_DELETED, (event) => {
+      const detail = event.detail;
+      this.handleEntityDeleted(detail);
+    });
+  }
+  /**
+   * Handle ENTITY_SAVED event - create audit entry
+   */
+  async handleEntitySaved(payload) {
+    if (payload.entityType === "Audit")
+      return;
+    const auditEntry = {
+      id: crypto.randomUUID(),
+      entityType: payload.entityType,
+      entityId: payload.entityId,
+      operation: payload.operation,
+      userId: _AuditService.DEFAULT_USER_ID,
+      timestamp: payload.timestamp,
+      changes: payload.changes,
+      synced: false,
+      syncStatus: "pending"
+    };
+    await this.save(auditEntry);
+  }
+  /**
+   * Handle ENTITY_DELETED event - create audit entry
+   */
+  async handleEntityDeleted(payload) {
+    if (payload.entityType === "Audit")
+      return;
+    const auditEntry = {
+      id: crypto.randomUUID(),
+      entityType: payload.entityType,
+      entityId: payload.entityId,
+      operation: "delete",
+      userId: _AuditService.DEFAULT_USER_ID,
+      timestamp: payload.timestamp,
+      changes: { id: payload.entityId },
+      // For delete, just store the ID
+      synced: false,
+      syncStatus: "pending"
+    };
+    await this.save(auditEntry);
+  }
+  /**
+   * Override save to NOT trigger ENTITY_SAVED event
+   * Instead, emits AUDIT_LOGGED for SyncManager to listen
+   *
+   * This prevents infinite loops:
+   * - BaseEntityService.save() emits ENTITY_SAVED
+   * - AuditService listens to ENTITY_SAVED and creates audit
+   * - If AuditService.save() also emitted ENTITY_SAVED, it would loop
+   */
+  async save(entity) {
+    const serialized = this.serialize(entity);
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+      request.onsuccess = () => {
+        const payload = {
+          auditId: entity.id,
+          entityType: entity.entityType,
+          entityId: entity.entityId,
+          operation: entity.operation,
+          timestamp: entity.timestamp
+        };
+        this.eventBus.emit(CoreEvents.AUDIT_LOGGED, payload);
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to save audit entry ${entity.id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Override delete to NOT trigger ENTITY_DELETED event
+   * Audit entries should never be deleted (compliance requirement)
+   */
+  async delete(_id) {
+    throw new Error("Audit entries cannot be deleted (compliance requirement)");
+  }
+  /**
+   * Get pending audit entries (for sync)
+   */
+  async getPendingAudits() {
+    return this.getBySyncStatus("pending");
+  }
+  /**
+   * Get audit entries for a specific entity
+   */
+  async getByEntityId(entityId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("entityId");
+      const request = index.getAll(entityId);
+      request.onsuccess = () => {
+        const entries = request.result;
+        resolve(entries);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get audit entries for entity ${entityId}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_AuditService, "AuditService");
+var AuditService = _AuditService;
+AuditService.DEFAULT_USER_ID = "00000000-0000-0000-0000-000000000001";
+
+// src/repositories/MockEventRepository.ts
+var _MockEventRepository = class _MockEventRepository {
+  constructor() {
+    this.entityType = "Event";
+    this.dataUrl = "data/mock-events.json";
+  }
+  /**
+   * Fetch all events from mock JSON file
+   */
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock events: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processCalendarData(rawData);
+    } catch (error) {
+      console.error("Failed to load event data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_event) {
+    throw new Error("MockEventRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockEventRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockEventRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processCalendarData(data) {
+    return data.map((event) => {
+      if (event.type === "customer") {
+        if (!event.bookingId)
+          console.warn(`Customer event ${event.id} missing bookingId`);
+        if (!event.resourceId)
+          console.warn(`Customer event ${event.id} missing resourceId`);
+        if (!event.customerId)
+          console.warn(`Customer event ${event.id} missing customerId`);
+      }
+      return {
+        id: event.id,
+        title: event.title,
+        description: event.description,
+        start: new Date(event.start),
+        end: new Date(event.end),
+        type: event.type,
+        allDay: event.allDay || false,
+        bookingId: event.bookingId,
+        resourceId: event.resourceId,
+        customerId: event.customerId,
+        recurringId: event.recurringId,
+        metadata: event.metadata,
+        syncStatus: "synced"
+      };
+    });
+  }
+};
+__name(_MockEventRepository, "MockEventRepository");
+var MockEventRepository = _MockEventRepository;
+
+// src/repositories/MockResourceRepository.ts
+var _MockResourceRepository = class _MockResourceRepository {
+  constructor() {
+    this.entityType = "Resource";
+    this.dataUrl = "data/mock-resources.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock resources: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processResourceData(rawData);
+    } catch (error) {
+      console.error("Failed to load resource data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_resource) {
+    throw new Error("MockResourceRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockResourceRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockResourceRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processResourceData(data) {
+    return data.map((resource) => ({
+      id: resource.id,
+      name: resource.name,
+      displayName: resource.displayName,
+      type: resource.type,
+      avatarUrl: resource.avatarUrl,
+      color: resource.color,
+      isActive: resource.isActive,
+      defaultSchedule: resource.defaultSchedule,
+      metadata: resource.metadata,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockResourceRepository, "MockResourceRepository");
+var MockResourceRepository = _MockResourceRepository;
+
+// src/repositories/MockBookingRepository.ts
+var _MockBookingRepository = class _MockBookingRepository {
+  constructor() {
+    this.entityType = "Booking";
+    this.dataUrl = "data/mock-bookings.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock bookings: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processBookingData(rawData);
+    } catch (error) {
+      console.error("Failed to load booking data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_booking) {
+    throw new Error("MockBookingRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockBookingRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockBookingRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processBookingData(data) {
+    return data.map((booking) => ({
+      id: booking.id,
+      customerId: booking.customerId,
+      status: booking.status,
+      createdAt: new Date(booking.createdAt),
+      services: booking.services,
+      totalPrice: booking.totalPrice,
+      tags: booking.tags,
+      notes: booking.notes,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockBookingRepository, "MockBookingRepository");
+var MockBookingRepository = _MockBookingRepository;
+
+// src/repositories/MockCustomerRepository.ts
+var _MockCustomerRepository = class _MockCustomerRepository {
+  constructor() {
+    this.entityType = "Customer";
+    this.dataUrl = "data/mock-customers.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock customers: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processCustomerData(rawData);
+    } catch (error) {
+      console.error("Failed to load customer data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_customer) {
+    throw new Error("MockCustomerRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockCustomerRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockCustomerRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processCustomerData(data) {
+    return data.map((customer) => ({
+      id: customer.id,
+      name: customer.name,
+      phone: customer.phone,
+      email: customer.email,
+      metadata: customer.metadata,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockCustomerRepository, "MockCustomerRepository");
+var MockCustomerRepository = _MockCustomerRepository;
+
+// src/repositories/MockAuditRepository.ts
+var _MockAuditRepository = class _MockAuditRepository {
+  constructor() {
+    this.entityType = "Audit";
+  }
+  async sendCreate(entity) {
+    await new Promise((resolve) => setTimeout(resolve, 100));
+    console.log("MockAuditRepository: Audit entry synced to backend:", {
+      id: entity.id,
+      entityType: entity.entityType,
+      entityId: entity.entityId,
+      operation: entity.operation,
+      timestamp: new Date(entity.timestamp).toISOString()
+    });
+    return entity;
+  }
+  async sendUpdate(_id, _entity) {
+    throw new Error("Audit entries cannot be updated");
+  }
+  async sendDelete(_id) {
+    throw new Error("Audit entries cannot be deleted");
+  }
+  async fetchAll() {
+    return [];
+  }
+  async fetchById(_id) {
+    return null;
+  }
+};
+__name(_MockAuditRepository, "MockAuditRepository");
+var MockAuditRepository = _MockAuditRepository;
+
+// src/repositories/MockTeamRepository.ts
+var _MockTeamRepository = class _MockTeamRepository {
+  constructor() {
+    this.entityType = "Team";
+    this.dataUrl = "data/mock-teams.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock teams: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processTeamData(rawData);
+    } catch (error) {
+      console.error("Failed to load team data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_team) {
+    throw new Error("MockTeamRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockTeamRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockTeamRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processTeamData(data) {
+    return data.map((team) => ({
+      id: team.id,
+      name: team.name,
+      resourceIds: team.resourceIds,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockTeamRepository, "MockTeamRepository");
+var MockTeamRepository = _MockTeamRepository;
+
+// src/repositories/MockDepartmentRepository.ts
+var _MockDepartmentRepository = class _MockDepartmentRepository {
+  constructor() {
+    this.entityType = "Department";
+    this.dataUrl = "data/mock-departments.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock departments: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processDepartmentData(rawData);
+    } catch (error) {
+      console.error("Failed to load department data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_department) {
+    throw new Error("MockDepartmentRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockDepartmentRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockDepartmentRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processDepartmentData(data) {
+    return data.map((dept) => ({
+      id: dept.id,
+      name: dept.name,
+      resourceIds: dept.resourceIds,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockDepartmentRepository, "MockDepartmentRepository");
+var MockDepartmentRepository = _MockDepartmentRepository;
+
+// src/repositories/MockSettingsRepository.ts
+var _MockSettingsRepository = class _MockSettingsRepository {
+  constructor() {
+    this.entityType = "Settings";
+    this.dataUrl = "data/tenant-settings.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load tenant settings: ${response.status} ${response.statusText}`);
+      }
+      const settings = await response.json();
+      return settings.map((s) => ({
+        ...s,
+        syncStatus: s.syncStatus || "synced"
+      }));
+    } catch (error) {
+      console.error("Failed to load tenant settings:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_settings) {
+    throw new Error("MockSettingsRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockSettingsRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockSettingsRepository does not support sendDelete. Mock data is read-only.");
+  }
+};
+__name(_MockSettingsRepository, "MockSettingsRepository");
+var MockSettingsRepository = _MockSettingsRepository;
+
+// src/repositories/MockViewConfigRepository.ts
+var _MockViewConfigRepository = class _MockViewConfigRepository {
+  constructor() {
+    this.entityType = "ViewConfig";
+    this.dataUrl = "data/viewconfigs.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load viewconfigs: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      const configs = rawData.map((config) => ({
+        ...config,
+        syncStatus: config.syncStatus || "synced"
+      }));
+      return configs;
+    } catch (error) {
+      console.error("Failed to load viewconfigs:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_config) {
+    throw new Error("MockViewConfigRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockViewConfigRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockViewConfigRepository does not support sendDelete. Mock data is read-only.");
+  }
+};
+__name(_MockViewConfigRepository, "MockViewConfigRepository");
+var MockViewConfigRepository = _MockViewConfigRepository;
+
+// src/workers/DataSeeder.ts
+var _DataSeeder = class _DataSeeder {
+  constructor(services, repositories) {
+    this.services = services;
+    this.repositories = repositories;
+  }
+  /**
+   * Seed all entity stores if they are empty
+   */
+  async seedIfEmpty() {
+    console.log("[DataSeeder] Checking if database needs seeding...");
+    try {
+      for (const service of this.services) {
+        const repository = this.repositories.find((repo) => repo.entityType === service.entityType);
+        if (!repository) {
+          console.warn(`[DataSeeder] No repository found for entity type: ${service.entityType}, skipping`);
+          continue;
+        }
+        await this.seedEntity(service.entityType, service, repository);
+      }
+      console.log("[DataSeeder] Seeding complete");
+    } catch (error) {
+      console.error("[DataSeeder] Seeding failed:", error);
+      throw error;
+    }
+  }
+  async seedEntity(entityType, service, repository) {
+    const existing = await service.getAll();
+    if (existing.length > 0) {
+      console.log(`[DataSeeder] ${entityType} store already has ${existing.length} items, skipping seed`);
+      return;
+    }
+    console.log(`[DataSeeder] ${entityType} store is empty, fetching from repository...`);
+    const data = await repository.fetchAll();
+    console.log(`[DataSeeder] Fetched ${data.length} ${entityType} items, saving to IndexedDB...`);
+    for (const entity of data) {
+      await service.save(entity, true);
+    }
+    console.log(`[DataSeeder] ${entityType} seeding complete (${data.length} items saved)`);
+  }
+};
+__name(_DataSeeder, "DataSeeder");
+var DataSeeder = _DataSeeder;
+
+// src/utils/PositionUtils.ts
+function calculateEventPosition(start, end, config) {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+  return { top, height };
+}
+__name(calculateEventPosition, "calculateEventPosition");
+function minutesToPixels(minutes, config) {
+  return minutes / 60 * config.hourHeight;
+}
+__name(minutesToPixels, "minutesToPixels");
+function pixelsToMinutes(pixels, config) {
+  return pixels / config.hourHeight * 60;
+}
+__name(pixelsToMinutes, "pixelsToMinutes");
+function snapToGrid(pixels, config) {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
+__name(snapToGrid, "snapToGrid");
+
+// src/features/event/EventLayoutEngine.ts
+function eventsOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+__name(eventsOverlap, "eventsOverlap");
+function eventsWithinThreshold(a, b, thresholdMinutes) {
+  const thresholdMs = thresholdMinutes * 60 * 1e3;
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs)
+    return true;
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs)
+    return true;
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs)
+    return true;
+  return false;
+}
+__name(eventsWithinThreshold, "eventsWithinThreshold");
+function findOverlapGroups(events) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsOverlap(member, candidate));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findOverlapGroups, "findOverlapGroups");
+function findGridCandidates(events, thresholdMinutes) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsWithinThreshold(member, candidate, thresholdMinutes));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findGridCandidates, "findGridCandidates");
+function calculateStackLevels(events) {
+  const levels = /* @__PURE__ */ new Map();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+    for (const [id, level] of levels) {
+      const other = events.find((e) => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+  return levels;
+}
+__name(calculateStackLevels, "calculateStackLevels");
+function allocateColumns(events) {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns = [];
+  for (const event of sorted) {
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some((e) => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+  return columns;
+}
+__name(allocateColumns, "allocateColumns");
+function calculateColumnLayout(events, config) {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+  const result = {
+    grids: [],
+    stacked: []
+  };
+  if (events.length === 0)
+    return result;
+  const overlapGroups = findOverlapGroups(events);
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+    const largestGridCandidate = gridSubgroups.reduce((max, g) => g.length > max.length ? g : max, gridSubgroups[0]);
+    if (largestGridCandidate.length === overlapGroup.length) {
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) => e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+  return result;
+}
+__name(calculateColumnLayout, "calculateColumnLayout");
+
+// src/features/event/EventRenderer.ts
+var _EventRenderer = class _EventRenderer {
+  constructor(eventService, dateService, gridConfig, eventBus) {
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+    this.eventBus = eventBus;
+    this.container = null;
+    this.setupListeners();
+  }
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = e.detail;
+      this.handleColumnChange(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = e.detail;
+      this.updateDragTimestamp(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = e.detail;
+      this.handleEventUpdated(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  handleDragLeaveHeader(payload) {
+    if (payload.source !== "header")
+      return;
+    if (!payload.targetColumn || !payload.start || !payload.end)
+      return;
+    if (payload.element) {
+      payload.element.classList.add("drag-ghost");
+      payload.element.style.opacity = "0.3";
+      payload.element.style.pointerEvents = "none";
+    }
+    const event = {
+      id: payload.eventId,
+      title: payload.title || "",
+      description: "",
+      start: payload.start,
+      end: payload.end,
+      type: "customer",
+      allDay: false,
+      syncStatus: "pending"
+    };
+    const element = this.createEventElement(event);
+    let eventsLayer = payload.targetColumn.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+    element.classList.add("dragging");
+  }
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  async handleEventUpdated(payload) {
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  async rerenderColumn(columnKey) {
+    const column = this.findColumn(columnKey);
+    if (!column)
+      return;
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+    if (!date)
+      return;
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+    const events = resourceId ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate) : await this.eventService.getByDateRange(startDate, endDate);
+    const timedEvents = events.filter((event) => !event.allDay && this.dateService.getDateKey(event.start) === date);
+    let eventsLayer = column.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      column.appendChild(eventsLayer);
+    }
+    eventsLayer.innerHTML = "";
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+    layout.grids.forEach((grid) => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer.appendChild(groupEl);
+    });
+    layout.stacked.forEach((item) => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer.appendChild(eventEl);
+    });
+  }
+  /**
+   * Find a column element by columnKey
+   */
+  findColumn(columnKey) {
+    if (!this.container)
+      return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`);
+  }
+  /**
+   * Handle event moving to a new column during drag
+   */
+  handleColumnChange(payload) {
+    const eventsLayer = payload.newColumn.querySelector("swp-events-layer");
+    if (!eventsLayer)
+      return;
+    eventsLayer.appendChild(payload.element);
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  updateDragTimestamp(payload) {
+    const timeEl = payload.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + minutesFromGridStart;
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container2, filter, filterTemplate) {
+    this.container = container2;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const dayColumns = container2.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    columns.forEach((column) => {
+      const columnEl = column;
+      const columnEvents = events.filter((event) => filterTemplate.matches(event, columnEl));
+      let eventsLayer = column.querySelector("swp-events-layer");
+      if (!eventsLayer) {
+        eventsLayer = document.createElement("swp-events-layer");
+        column.appendChild(eventsLayer);
+      }
+      eventsLayer.innerHTML = "";
+      const timedEvents = columnEvents.filter((event) => !event.allDay);
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+      layout.grids.forEach((grid) => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer.appendChild(groupEl);
+      });
+      layout.stacked.forEach((item) => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer.appendChild(eventEl);
+      });
+    });
+  }
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  createEventElement(event) {
+    const element = document.createElement("swp-event");
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ""}
+    `;
+    return element;
+  }
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  renderGridGroup(layout) {
+    const group = document.createElement("swp-event-group");
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom)
+        maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+    layout.columns.forEach((columnEvents) => {
+      const wrapper = document.createElement("div");
+      wrapper.style.position = "relative";
+      columnEvents.forEach((event) => {
+        const eventEl = this.createEventElement(event);
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = "absolute";
+        eventEl.style.left = "0";
+        eventEl.style.right = "0";
+        wrapper.appendChild(eventEl);
+      });
+      group.appendChild(wrapper);
+    });
+    return group;
+  }
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  renderStackedEvent(event, stackLevel) {
+    const element = this.createEventElement(event);
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+    return element;
+  }
+};
+__name(_EventRenderer, "EventRenderer");
+var EventRenderer = _EventRenderer;
+
+// src/features/schedule/ScheduleRenderer.ts
+var _ScheduleRenderer = class _ScheduleRenderer {
+  constructor(scheduleService, dateService, gridConfig) {
+    this.scheduleService = scheduleService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+  }
+  /**
+   * Render unavailable zones for visible columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and 'resource' arrays
+   */
+  async render(container2, filter) {
+    const dates = filter["date"] || [];
+    const resourceIds = filter["resource"] || [];
+    if (dates.length === 0)
+      return;
+    const dayColumns = container2.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    for (const column of columns) {
+      const date = column.dataset.date;
+      const resourceId = column.dataset.resourceId;
+      if (!date || !resourceId)
+        continue;
+      let unavailableLayer = column.querySelector("swp-unavailable-layer");
+      if (!unavailableLayer) {
+        unavailableLayer = document.createElement("swp-unavailable-layer");
+        column.insertBefore(unavailableLayer, column.firstChild);
+      }
+      unavailableLayer.innerHTML = "";
+      const schedule = await this.scheduleService.getScheduleForDate(resourceId, date);
+      this.renderUnavailableZones(unavailableLayer, schedule);
+    }
+  }
+  /**
+   * Render unavailable time zones based on schedule
+   */
+  renderUnavailableZones(layer, schedule) {
+    const dayStartMinutes = this.gridConfig.dayStartHour * 60;
+    const dayEndMinutes = this.gridConfig.dayEndHour * 60;
+    const minuteHeight = this.gridConfig.hourHeight / 60;
+    if (schedule === null) {
+      const zone = this.createUnavailableZone(0, (dayEndMinutes - dayStartMinutes) * minuteHeight);
+      layer.appendChild(zone);
+      return;
+    }
+    const workStartMinutes = this.dateService.timeToMinutes(schedule.start);
+    const workEndMinutes = this.dateService.timeToMinutes(schedule.end);
+    if (workStartMinutes > dayStartMinutes) {
+      const top = 0;
+      const height = (workStartMinutes - dayStartMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+    if (workEndMinutes < dayEndMinutes) {
+      const top = (workEndMinutes - dayStartMinutes) * minuteHeight;
+      const height = (dayEndMinutes - workEndMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+  }
+  /**
+   * Create an unavailable zone element
+   */
+  createUnavailableZone(top, height) {
+    const zone = document.createElement("swp-unavailable-zone");
+    zone.style.top = `${top}px`;
+    zone.style.height = `${height}px`;
+    return zone;
+  }
+};
+__name(_ScheduleRenderer, "ScheduleRenderer");
+var ScheduleRenderer = _ScheduleRenderer;
+
+// src/features/headerdrawer/HeaderDrawerRenderer.ts
+var _HeaderDrawerRenderer = class _HeaderDrawerRenderer {
+  constructor(eventBus, gridConfig, headerDrawerManager, eventService, dateService) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.headerDrawerManager = headerDrawerManager;
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.currentItem = null;
+    this.container = null;
+    this.sourceElement = null;
+    this.wasExpandedBeforeDrag = false;
+    this.filterTemplate = null;
+    this.setupListeners();
+  }
+  /**
+   * Render allDay events into the header drawer with row stacking
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container2, filter, filterTemplate) {
+    this.filterTemplate = filterTemplate;
+    const drawer = container2.querySelector("swp-header-drawer");
+    if (!drawer)
+      return;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const allDayEvents = events.filter((event) => event.allDay !== false);
+    drawer.innerHTML = "";
+    if (allDayEvents.length === 0)
+      return;
+    const layouts = this.calculateLayout(allDayEvents, visibleColumnKeys);
+    const rowCount = Math.max(1, ...layouts.map((l) => l.row));
+    layouts.forEach((layout) => {
+      const item = this.createHeaderItem(layout);
+      drawer.appendChild(item);
+    });
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+  /**
+   * Create a header item element from layout
+   */
+  createHeaderItem(layout) {
+    const { event, columnKey, row, colStart, colEnd } = layout;
+    const item = document.createElement("swp-header-item");
+    item.dataset.eventId = event.id;
+    item.dataset.itemType = "event";
+    item.dataset.start = event.start.toISOString();
+    item.dataset.end = event.end.toISOString();
+    item.dataset.columnKey = columnKey;
+    item.textContent = event.title;
+    const colorClass = this.getColorClass(event);
+    if (colorClass)
+      item.classList.add(colorClass);
+    item.style.gridArea = `${row} / ${colStart} / ${row + 1} / ${colEnd}`;
+    return item;
+  }
+  /**
+   * Calculate layout for all events with row stacking
+   * Uses track-based algorithm to find available rows for overlapping events
+   */
+  calculateLayout(events, visibleColumnKeys) {
+    const tracks = [new Array(visibleColumnKeys.length).fill(false)];
+    const layouts = [];
+    for (const event of events) {
+      const columnKey = this.buildColumnKeyFromEvent(event);
+      const startCol = visibleColumnKeys.indexOf(columnKey);
+      const endColumnKey = this.buildColumnKeyFromEvent(event, event.end);
+      const endCol = visibleColumnKeys.indexOf(endColumnKey);
+      if (startCol === -1 && endCol === -1)
+        continue;
+      const colStart = Math.max(0, startCol);
+      const colEnd = (endCol !== -1 ? endCol : visibleColumnKeys.length - 1) + 1;
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+      layouts.push({ event, columnKey, row: row + 1, colStart: colStart + 1, colEnd: colEnd + 1 });
+    }
+    return layouts;
+  }
+  /**
+   * Build columnKey from event using FilterTemplate
+   * Uses the same template that columns use for matching
+   */
+  buildColumnKeyFromEvent(event, date) {
+    if (!this.filterTemplate) {
+      const dateStr = this.dateService.getDateKey(date || event.start);
+      return dateStr;
+    }
+    if (date && date.getTime() !== event.start.getTime()) {
+      const tempEvent = { ...event, start: date };
+      return this.filterTemplate.buildKeyFromEvent(tempEvent);
+    }
+    return this.filterTemplate.buildKeyFromEvent(event);
+  }
+  /**
+   * Find available row for event spanning columns [colStart, colEnd)
+   */
+  findAvailableRow(tracks, colStart, colEnd) {
+    for (let row = 0; row < tracks.length; row++) {
+      let available = true;
+      for (let c = colStart; c < colEnd; c++) {
+        if (tracks[row][c]) {
+          available = false;
+          break;
+        }
+      }
+      if (available)
+        return row;
+    }
+    tracks.push(new Array(tracks[0].length).fill(false));
+    return tracks.length - 1;
+  }
+  /**
+   * Get color class based on event metadata or type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Setup event listeners for drag events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_ENTER_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragEnter(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragMove(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeave(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => {
+      this.cleanup();
+    });
+  }
+  /**
+   * Handle drag entering header zone - create preview item
+   */
+  handleDragEnter(payload) {
+    this.container = document.querySelector("swp-header-drawer");
+    if (!this.container)
+      return;
+    this.wasExpandedBeforeDrag = this.headerDrawerManager.isExpanded();
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.expandToRows(1);
+    }
+    this.sourceElement = payload.element;
+    const item = document.createElement("swp-header-item");
+    item.dataset.eventId = payload.eventId;
+    item.dataset.itemType = payload.itemType;
+    item.dataset.duration = String(payload.duration);
+    item.dataset.columnKey = payload.sourceColumnKey;
+    item.textContent = payload.title;
+    if (payload.colorClass) {
+      item.classList.add(payload.colorClass);
+    }
+    item.classList.add("dragging");
+    const col = payload.sourceColumnIndex + 1;
+    const endCol = col + payload.duration;
+    item.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+    this.container.appendChild(item);
+    this.currentItem = item;
+    payload.element.style.visibility = "hidden";
+  }
+  /**
+   * Handle drag moving within header - update column position
+   */
+  handleDragMove(payload) {
+    if (!this.currentItem)
+      return;
+    const col = payload.columnIndex + 1;
+    const duration = parseInt(this.currentItem.dataset.duration || "1", 10);
+    const endCol = col + duration;
+    this.currentItem.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+    this.currentItem.dataset.columnKey = payload.columnKey;
+  }
+  /**
+   * Handle drag leaving header - cleanup for grid→header drag only
+   */
+  handleDragLeave(payload) {
+    if (payload.source === "grid") {
+      this.cleanup();
+    }
+  }
+  /**
+   * Handle drag end - finalize based on drop target
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      if (this.currentItem) {
+        this.currentItem.classList.remove("dragging");
+        this.recalculateDrawerLayout();
+        this.currentItem = null;
+        this.sourceElement = null;
+      }
+    } else {
+      const ghost = document.querySelector(`swp-header-item.drag-ghost[data-event-id="${payload.swpEvent.eventId}"]`);
+      ghost?.remove();
+      this.recalculateDrawerLayout();
+    }
+  }
+  /**
+   * Recalculate layout for all items currently in the drawer
+   * Called after drop to reposition items and adjust height
+   */
+  recalculateDrawerLayout() {
+    const drawer = document.querySelector("swp-header-drawer");
+    if (!drawer)
+      return;
+    const items = Array.from(drawer.querySelectorAll("swp-header-item"));
+    if (items.length === 0)
+      return;
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0)
+      return;
+    const itemData = items.map((item) => ({
+      element: item,
+      columnKey: item.dataset.columnKey || "",
+      duration: parseInt(item.dataset.duration || "1", 10)
+    }));
+    const tracks = [new Array(visibleColumnKeys.length).fill(false)];
+    for (const item of itemData) {
+      const startCol = visibleColumnKeys.indexOf(item.columnKey);
+      if (startCol === -1)
+        continue;
+      const colStart = startCol;
+      const colEnd = Math.min(startCol + item.duration, visibleColumnKeys.length);
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+      item.element.style.gridArea = `${row + 1} / ${colStart + 1} / ${row + 2} / ${colEnd + 1}`;
+    }
+    const rowCount = tracks.length;
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+  /**
+   * Get visible column keys from DOM (preserves order for multi-resource views)
+   * Uses filterTemplate.buildKeyFromColumn() for consistent key format with events
+   */
+  getVisibleColumnKeysFromDOM() {
+    if (!this.filterTemplate)
+      return [];
+    const columns = document.querySelectorAll("swp-day-column");
+    const columnKeys = [];
+    columns.forEach((col) => {
+      const columnKey = this.filterTemplate.buildKeyFromColumn(col);
+      if (columnKey)
+        columnKeys.push(columnKey);
+    });
+    return columnKeys;
+  }
+  /**
+   * Cleanup preview item and restore source visibility
+   */
+  cleanup() {
+    this.currentItem?.remove();
+    this.currentItem = null;
+    if (this.sourceElement) {
+      this.sourceElement.style.visibility = "";
+      this.sourceElement = null;
+    }
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.collapse();
+    }
+  }
+};
+__name(_HeaderDrawerRenderer, "HeaderDrawerRenderer");
+var HeaderDrawerRenderer = _HeaderDrawerRenderer;
+
+// src/storage/schedules/ScheduleOverrideStore.ts
+var _ScheduleOverrideStore = class _ScheduleOverrideStore {
+  constructor() {
+    this.storeName = _ScheduleOverrideStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_ScheduleOverrideStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("resourceId", "resourceId", { unique: false });
+    store.createIndex("date", "date", { unique: false });
+    store.createIndex("resourceId_date", ["resourceId", "date"], { unique: true });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+  }
+};
+__name(_ScheduleOverrideStore, "ScheduleOverrideStore");
+var ScheduleOverrideStore = _ScheduleOverrideStore;
+ScheduleOverrideStore.STORE_NAME = "scheduleOverrides";
+
+// src/storage/schedules/ScheduleOverrideService.ts
+var _ScheduleOverrideService = class _ScheduleOverrideService {
+  constructor(context) {
+    this.context = context;
+  }
+  get db() {
+    return this.context.getDatabase();
+  }
+  /**
+   * Get override for a specific resource and date
+   */
+  async getOverride(resourceId, date) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readonly");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index("resourceId_date");
+      const request = index.get([resourceId, date]);
+      request.onsuccess = () => {
+        resolve(request.result || null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get override for ${resourceId} on ${date}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get all overrides for a resource
+   */
+  async getByResource(resourceId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readonly");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index("resourceId");
+      const request = index.getAll(resourceId);
+      request.onsuccess = () => {
+        resolve(request.result || []);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get overrides for ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get overrides for a date range
+   */
+  async getByDateRange(resourceId, startDate, endDate) {
+    const all = await this.getByResource(resourceId);
+    return all.filter((o) => o.date >= startDate && o.date <= endDate);
+  }
+  /**
+   * Save an override
+   */
+  async save(override) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readwrite");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.put(override);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to save override ${override.id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Delete an override
+   */
+  async delete(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readwrite");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.delete(id);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to delete override ${id}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_ScheduleOverrideService, "ScheduleOverrideService");
+var ScheduleOverrideService = _ScheduleOverrideService;
+
+// src/storage/schedules/ResourceScheduleService.ts
+var _ResourceScheduleService = class _ResourceScheduleService {
+  constructor(resourceService, overrideService, dateService) {
+    this.resourceService = resourceService;
+    this.overrideService = overrideService;
+    this.dateService = dateService;
+  }
+  /**
+   * Get effective schedule for a resource on a specific date
+   *
+   * @param resourceId - Resource ID
+   * @param date - Date string "YYYY-MM-DD"
+   * @returns ITimeSlot or null (fri/closed)
+   */
+  async getScheduleForDate(resourceId, date) {
+    const override = await this.overrideService.getOverride(resourceId, date);
+    if (override) {
+      return override.schedule;
+    }
+    const resource = await this.resourceService.get(resourceId);
+    if (!resource || !resource.defaultSchedule) {
+      return null;
+    }
+    const weekDay = this.dateService.getISOWeekDay(date);
+    return resource.defaultSchedule[weekDay] || null;
+  }
+  /**
+   * Get schedules for multiple dates
+   *
+   * @param resourceId - Resource ID
+   * @param dates - Array of date strings "YYYY-MM-DD"
+   * @returns Map of date -> ITimeSlot | null
+   */
+  async getSchedulesForDates(resourceId, dates) {
+    const result = /* @__PURE__ */ new Map();
+    const resource = await this.resourceService.get(resourceId);
+    const overrides = dates.length > 0 ? await this.overrideService.getByDateRange(resourceId, dates[0], dates[dates.length - 1]) : [];
+    const overrideMap = new Map(overrides.map((o) => [o.date, o.schedule]));
+    for (const date of dates) {
+      if (overrideMap.has(date)) {
+        result.set(date, overrideMap.get(date));
+        continue;
+      }
+      if (resource?.defaultSchedule) {
+        const weekDay = this.dateService.getISOWeekDay(date);
+        result.set(date, resource.defaultSchedule[weekDay] || null);
+      } else {
+        result.set(date, null);
+      }
+    }
+    return result;
+  }
+};
+__name(_ResourceScheduleService, "ResourceScheduleService");
+var ResourceScheduleService = _ResourceScheduleService;
+
+// src/types/SwpEvent.ts
+var _SwpEvent = class _SwpEvent {
+  constructor(element, columnKey, start, end) {
+    this.element = element;
+    this.columnKey = columnKey;
+    this._start = start;
+    this._end = end;
+  }
+  /** Event ID from element.dataset.eventId */
+  get eventId() {
+    return this.element.dataset.eventId || "";
+  }
+  get start() {
+    return this._start;
+  }
+  get end() {
+    return this._end;
+  }
+  /** Duration in minutes */
+  get durationMinutes() {
+    return (this._end.getTime() - this._start.getTime()) / (1e3 * 60);
+  }
+  /** Duration in milliseconds */
+  get durationMs() {
+    return this._end.getTime() - this._start.getTime();
+  }
+  /**
+   * Factory: Create SwpEvent from element + columnKey
+   * Reads top/height from element.style to calculate start/end
+   * @param columnKey - Opaque column identifier (do NOT parse - use only for matching)
+   * @param date - Date string (YYYY-MM-DD) for time calculations
+   */
+  static fromElement(element, columnKey, date, gridConfig) {
+    const topPixels = parseFloat(element.style.top) || 0;
+    const heightPixels = parseFloat(element.style.height) || 0;
+    const startMinutesFromGrid = topPixels / gridConfig.hourHeight * 60;
+    const totalMinutes = gridConfig.dayStartHour * 60 + startMinutesFromGrid;
+    const start = new Date(date);
+    start.setHours(Math.floor(totalMinutes / 60), totalMinutes % 60, 0, 0);
+    const durationMinutes = heightPixels / gridConfig.hourHeight * 60;
+    const end = new Date(start.getTime() + durationMinutes * 60 * 1e3);
+    return new _SwpEvent(element, columnKey, start, end);
+  }
+};
+__name(_SwpEvent, "SwpEvent");
+var SwpEvent = _SwpEvent;
+
+// src/managers/DragDropManager.ts
+var _DragDropManager = class _DragDropManager {
+  constructor(eventBus, gridConfig) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.dragState = null;
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+    this.container = null;
+    this.inHeader = false;
+    this.DRAG_THRESHOLD = 5;
+    this.INTERPOLATION_FACTOR = 0.3;
+    this.handlePointerDown = (e) => {
+      const target = e.target;
+      if (target.closest("swp-resize-handle"))
+        return;
+      const eventElement = target.closest("swp-event");
+      const headerItem = target.closest("swp-header-item");
+      const draggable = eventElement || headerItem;
+      if (!draggable)
+        return;
+      this.mouseDownPosition = { x: e.clientX, y: e.clientY };
+      this.pendingElement = draggable;
+      const rect = draggable.getBoundingClientRect();
+      this.pendingMouseOffset = {
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top
+      };
+      draggable.setPointerCapture(e.pointerId);
+    };
+    this.handlePointerMove = (e) => {
+      if (!this.mouseDownPosition || !this.pendingElement) {
+        if (this.dragState) {
+          this.updateDragTarget(e);
+        }
+        return;
+      }
+      const deltaX = Math.abs(e.clientX - this.mouseDownPosition.x);
+      const deltaY = Math.abs(e.clientY - this.mouseDownPosition.y);
+      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+      if (distance < this.DRAG_THRESHOLD)
+        return;
+      this.initializeDrag(this.pendingElement, this.pendingMouseOffset, e);
+      this.mouseDownPosition = null;
+      this.pendingElement = null;
+      this.pendingMouseOffset = null;
+    };
+    this.handlePointerUp = (_e) => {
+      this.mouseDownPosition = null;
+      this.pendingElement = null;
+      this.pendingMouseOffset = null;
+      if (!this.dragState)
+        return;
+      cancelAnimationFrame(this.dragState.animationId);
+      if (this.dragState.dragSource === "header") {
+        this.handleHeaderItemDragEnd();
+      } else {
+        this.handleGridEventDragEnd();
+      }
+      this.dragState.element.classList.remove("dragging");
+      this.dragState = null;
+      this.inHeader = false;
+    };
+    this.animateDrag = () => {
+      if (!this.dragState)
+        return;
+      const diff2 = this.dragState.targetY - this.dragState.currentY;
+      if (Math.abs(diff2) <= 0.5) {
+        this.dragState.animationId = 0;
+        return;
+      }
+      this.dragState.currentY += diff2 * this.INTERPOLATION_FACTOR;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+      if (this.dragState.columnElement) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          currentY: this.dragState.currentY,
+          columnElement: this.dragState.columnElement
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE, payload);
+      }
+      this.dragState.animationId = requestAnimationFrame(this.animateDrag);
+    };
+    this.setupScrollListener();
+  }
+  setupScrollListener() {
+    this.eventBus.on(CoreEvents.EDGE_SCROLL_TICK, (e) => {
+      if (!this.dragState)
+        return;
+      const { scrollDelta } = e.detail;
+      this.dragState.targetY += scrollDelta;
+      this.dragState.currentY += scrollDelta;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+    });
+  }
+  /**
+   * Initialize drag-drop on a container element
+   */
+  init(container2) {
+    this.container = container2;
+    container2.addEventListener("pointerdown", this.handlePointerDown);
+    document.addEventListener("pointermove", this.handlePointerMove);
+    document.addEventListener("pointerup", this.handlePointerUp);
+  }
+  /**
+   * Handle drag end for header items
+   */
+  handleHeaderItemDragEnd() {
+    if (!this.dragState)
+      return;
+    if (!this.inHeader && this.dragState.currentColumn) {
+      const gridEvent = this.dragState.currentColumn.querySelector(`swp-event[data-event-id="${this.dragState.eventId}"]`);
+      if (gridEvent) {
+        const columnKey = this.dragState.currentColumn.dataset.columnKey || "";
+        const date = this.dragState.currentColumn.dataset.date || "";
+        const swpEvent = SwpEvent.fromElement(gridEvent, columnKey, date, this.gridConfig);
+        const payload = {
+          swpEvent,
+          sourceColumnKey: this.dragState.sourceColumnKey,
+          target: "grid"
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+      }
+    }
+  }
+  /**
+   * Handle drag end for grid events
+   */
+  handleGridEventDragEnd() {
+    if (!this.dragState || !this.dragState.columnElement)
+      return;
+    const snappedY = snapToGrid(this.dragState.currentY, this.gridConfig);
+    this.dragState.element.style.top = `${snappedY}px`;
+    this.dragState.ghostElement?.remove();
+    const columnKey = this.dragState.columnElement.dataset.columnKey || "";
+    const date = this.dragState.columnElement.dataset.date || "";
+    const swpEvent = SwpEvent.fromElement(this.dragState.element, columnKey, date, this.gridConfig);
+    const payload = {
+      swpEvent,
+      sourceColumnKey: this.dragState.sourceColumnKey,
+      target: this.inHeader ? "header" : "grid"
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+  }
+  initializeDrag(element, mouseOffset, e) {
+    const eventId = element.dataset.eventId || "";
+    const isHeaderItem = element.tagName.toLowerCase() === "swp-header-item";
+    const columnElement = element.closest("swp-day-column");
+    if (!isHeaderItem && !columnElement)
+      return;
+    if (isHeaderItem) {
+      this.initializeHeaderItemDrag(element, mouseOffset, eventId);
+    } else {
+      this.initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId);
+    }
+  }
+  /**
+   * Initialize drag for a header item (allDay event)
+   */
+  initializeHeaderItemDrag(element, mouseOffset, eventId) {
+    element.classList.add("dragging");
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement: null,
+      // No ghost for header items
+      startY: 0,
+      mouseOffset,
+      columnElement: null,
+      currentColumn: null,
+      targetY: 0,
+      currentY: 0,
+      animationId: 0,
+      sourceColumnKey: "",
+      // Will be set from header item data
+      dragSource: "header"
+    };
+    this.inHeader = true;
+  }
+  /**
+   * Initialize drag for a grid event
+   */
+  initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId) {
+    const elementRect = element.getBoundingClientRect();
+    const columnRect = columnElement.getBoundingClientRect();
+    const startY = elementRect.top - columnRect.top;
+    const group = element.closest("swp-event-group");
+    if (group) {
+      const eventsLayer = columnElement.querySelector("swp-events-layer");
+      if (eventsLayer) {
+        eventsLayer.appendChild(element);
+      }
+    }
+    element.style.position = "absolute";
+    element.style.top = `${startY}px`;
+    element.style.left = "2px";
+    element.style.right = "2px";
+    element.style.marginLeft = "0";
+    const ghostElement = element.cloneNode(true);
+    ghostElement.classList.add("drag-ghost");
+    ghostElement.style.opacity = "0.3";
+    ghostElement.style.pointerEvents = "none";
+    element.parentNode?.insertBefore(ghostElement, element);
+    element.classList.add("dragging");
+    const targetY = e.clientY - columnRect.top - mouseOffset.y;
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement,
+      currentColumn: columnElement,
+      targetY: Math.max(0, targetY),
+      currentY: startY,
+      animationId: 0,
+      sourceColumnKey: columnElement.dataset.columnKey || "",
+      dragSource: "grid"
+    };
+    const payload = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_START, payload);
+    this.animateDrag();
+  }
+  updateDragTarget(e) {
+    if (!this.dragState)
+      return;
+    this.checkHeaderZone(e);
+    if (this.inHeader)
+      return;
+    const columnAtPoint = this.getColumnAtPoint(e.clientX);
+    if (this.dragState.dragSource === "header" && columnAtPoint && !this.dragState.currentColumn) {
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+    if (columnAtPoint && columnAtPoint !== this.dragState.currentColumn && this.dragState.currentColumn) {
+      const payload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        previousColumn: this.dragState.currentColumn,
+        newColumn: columnAtPoint,
+        currentY: this.dragState.currentY
+      };
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, payload);
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+    if (!this.dragState.columnElement)
+      return;
+    const columnRect = this.dragState.columnElement.getBoundingClientRect();
+    const targetY = e.clientY - columnRect.top - this.dragState.mouseOffset.y;
+    this.dragState.targetY = Math.max(0, targetY);
+    if (!this.dragState.animationId) {
+      this.animateDrag();
+    }
+  }
+  /**
+   * Check if pointer is in header zone and emit appropriate events
+   */
+  checkHeaderZone(e) {
+    if (!this.dragState)
+      return;
+    const headerViewport = document.querySelector("swp-header-viewport");
+    if (!headerViewport)
+      return;
+    const rect = headerViewport.getBoundingClientRect();
+    const isInHeader = e.clientY < rect.bottom;
+    if (isInHeader && !this.inHeader) {
+      this.inHeader = true;
+      if (this.dragState.dragSource === "grid" && this.dragState.columnElement) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          sourceColumnIndex: this.getColumnIndex(this.dragState.columnElement),
+          sourceColumnKey: this.dragState.columnElement.dataset.columnKey || "",
+          title: this.dragState.element.querySelector("swp-event-title")?.textContent || "",
+          colorClass: [...this.dragState.element.classList].find((c) => c.startsWith("is-")),
+          itemType: "event",
+          duration: 1
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_ENTER_HEADER, payload);
+      }
+    } else if (!isInHeader && this.inHeader) {
+      this.inHeader = false;
+      const targetColumn = this.getColumnAtPoint(e.clientX);
+      if (this.dragState.dragSource === "header") {
+        const payload = {
+          eventId: this.dragState.eventId,
+          source: "header",
+          element: this.dragState.element,
+          targetColumn: targetColumn || void 0,
+          start: this.dragState.element.dataset.start ? new Date(this.dragState.element.dataset.start) : void 0,
+          end: this.dragState.element.dataset.end ? new Date(this.dragState.element.dataset.end) : void 0,
+          title: this.dragState.element.textContent || "",
+          colorClass: [...this.dragState.element.classList].find((c) => c.startsWith("is-"))
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+        if (targetColumn) {
+          const newElement = targetColumn.querySelector(`swp-event[data-event-id="${this.dragState.eventId}"]`);
+          if (newElement) {
+            this.dragState.element = newElement;
+            this.dragState.columnElement = targetColumn;
+            this.dragState.currentColumn = targetColumn;
+            this.animateDrag();
+          }
+        }
+      } else {
+        const payload = {
+          eventId: this.dragState.eventId,
+          source: "grid"
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+      }
+    } else if (isInHeader) {
+      const column = this.getColumnAtX(e.clientX);
+      if (column) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          columnIndex: this.getColumnIndex(column),
+          columnKey: column.dataset.columnKey || ""
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE_HEADER, payload);
+      }
+    }
+  }
+  /**
+   * Get column index (0-based) for a column element
+   */
+  getColumnIndex(column) {
+    if (!this.container || !column)
+      return 0;
+    const columns = Array.from(this.container.querySelectorAll("swp-day-column"));
+    return columns.indexOf(column);
+  }
+  /**
+   * Get column at X coordinate (alias for getColumnAtPoint)
+   */
+  getColumnAtX(clientX) {
+    return this.getColumnAtPoint(clientX);
+  }
+  /**
+   * Find column element at given X coordinate
+   */
+  getColumnAtPoint(clientX) {
+    if (!this.container)
+      return null;
+    const columns = this.container.querySelectorAll("swp-day-column");
+    for (const col of columns) {
+      const rect = col.getBoundingClientRect();
+      if (clientX >= rect.left && clientX <= rect.right) {
+        return col;
+      }
+    }
+    return null;
+  }
+  /**
+   * Cancel drag and animate back to start position
+   */
+  cancelDrag() {
+    if (!this.dragState)
+      return;
+    cancelAnimationFrame(this.dragState.animationId);
+    const { element, ghostElement, startY, eventId } = this.dragState;
+    element.style.transition = "top 200ms ease-out";
+    element.style.top = `${startY}px`;
+    setTimeout(() => {
+      ghostElement?.remove();
+      element.style.transition = "";
+      element.classList.remove("dragging");
+    }, 200);
+    const payload = {
+      eventId,
+      element,
+      startY
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_CANCEL, payload);
+    this.dragState = null;
+    this.inHeader = false;
+  }
+};
+__name(_DragDropManager, "DragDropManager");
+var DragDropManager = _DragDropManager;
+
+// src/managers/EdgeScrollManager.ts
+var _EdgeScrollManager = class _EdgeScrollManager {
+  constructor(eventBus) {
+    this.eventBus = eventBus;
+    this.scrollableContent = null;
+    this.timeGrid = null;
+    this.draggedElement = null;
+    this.scrollRAF = null;
+    this.mouseY = 0;
+    this.isDragging = false;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.rect = null;
+    this.initialScrollTop = 0;
+    this.OUTER_ZONE = 100;
+    this.INNER_ZONE = 50;
+    this.SLOW_SPEED = 140;
+    this.FAST_SPEED = 640;
+    this.trackMouse = (e) => {
+      if (this.isDragging) {
+        this.mouseY = e.clientY;
+      }
+    };
+    this.scrollTick = (ts) => {
+      if (!this.isDragging || !this.scrollableContent)
+        return;
+      const dt = this.lastTs ? (ts - this.lastTs) / 1e3 : 0;
+      this.lastTs = ts;
+      this.rect ?? (this.rect = this.scrollableContent.getBoundingClientRect());
+      const velocity = this.calculateVelocity();
+      if (velocity !== 0 && !this.isAtBoundary(velocity)) {
+        const scrollDelta = velocity * dt;
+        this.scrollableContent.scrollTop += scrollDelta;
+        this.rect = null;
+        this.eventBus.emit(CoreEvents.EDGE_SCROLL_TICK, { scrollDelta });
+        this.setScrollingState(true);
+      } else {
+        this.setScrollingState(false);
+      }
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    };
+    this.subscribeToEvents();
+    document.addEventListener("pointermove", this.trackMouse);
+  }
+  init(scrollableContent) {
+    this.scrollableContent = scrollableContent;
+    this.timeGrid = scrollableContent.querySelector("swp-time-grid");
+    this.scrollableContent.style.scrollBehavior = "auto";
+  }
+  subscribeToEvents() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_START, (event) => {
+      const payload = event.detail;
+      this.draggedElement = payload.element;
+      this.startDrag();
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, () => this.stopDrag());
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => this.stopDrag());
+  }
+  startDrag() {
+    this.isDragging = true;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+    if (this.scrollRAF === null) {
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    }
+  }
+  stopDrag() {
+    this.isDragging = false;
+    this.setScrollingState(false);
+    if (this.scrollRAF !== null) {
+      cancelAnimationFrame(this.scrollRAF);
+      this.scrollRAF = null;
+    }
+    this.rect = null;
+    this.lastTs = 0;
+    this.initialScrollTop = 0;
+  }
+  calculateVelocity() {
+    if (!this.rect)
+      return 0;
+    const distTop = this.mouseY - this.rect.top;
+    const distBot = this.rect.bottom - this.mouseY;
+    if (distTop < this.INNER_ZONE)
+      return -this.FAST_SPEED;
+    if (distTop < this.OUTER_ZONE)
+      return -this.SLOW_SPEED;
+    if (distBot < this.INNER_ZONE)
+      return this.FAST_SPEED;
+    if (distBot < this.OUTER_ZONE)
+      return this.SLOW_SPEED;
+    return 0;
+  }
+  isAtBoundary(velocity) {
+    if (!this.scrollableContent || !this.timeGrid || !this.draggedElement)
+      return false;
+    const atTop = this.scrollableContent.scrollTop <= 0 && velocity < 0;
+    const atBottom = velocity > 0 && this.draggedElement.getBoundingClientRect().bottom >= this.timeGrid.getBoundingClientRect().bottom;
+    return atTop || atBottom;
+  }
+  setScrollingState(scrolling) {
+    if (this.isScrolling === scrolling)
+      return;
+    this.isScrolling = scrolling;
+    if (scrolling) {
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STARTED, {});
+    } else {
+      this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STOPPED, {});
+    }
+  }
+};
+__name(_EdgeScrollManager, "EdgeScrollManager");
+var EdgeScrollManager = _EdgeScrollManager;
+
+// src/managers/ResizeManager.ts
+var _ResizeManager = class _ResizeManager {
+  constructor(eventBus, gridConfig, dateService) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.dateService = dateService;
+    this.container = null;
+    this.resizeState = null;
+    this.Z_INDEX_RESIZING = "1000";
+    this.ANIMATION_SPEED = 0.35;
+    this.MIN_HEIGHT_MINUTES = 15;
+    this.handleMouseOver = (e) => {
+      const target = e.target;
+      const eventElement = target.closest("swp-event");
+      if (!eventElement || this.resizeState)
+        return;
+      if (!eventElement.querySelector(":scope > swp-resize-handle")) {
+        const handle = this.createResizeHandle();
+        eventElement.appendChild(handle);
+      }
+    };
+    this.handlePointerDown = (e) => {
+      const handle = e.target.closest("swp-resize-handle");
+      if (!handle)
+        return;
+      const element = handle.parentElement;
+      if (!element)
+        return;
+      const eventId = element.dataset.eventId || "";
+      const startHeight = element.offsetHeight;
+      const startDurationMinutes = pixelsToMinutes(startHeight, this.gridConfig);
+      const container2 = element.closest("swp-event-group") ?? element;
+      const prevZIndex = container2.style.zIndex;
+      this.resizeState = {
+        eventId,
+        element,
+        handleElement: handle,
+        startY: e.clientY,
+        startHeight,
+        startDurationMinutes,
+        pointerId: e.pointerId,
+        prevZIndex,
+        // Animation state
+        currentHeight: startHeight,
+        targetHeight: startHeight,
+        animationId: null
+      };
+      container2.style.zIndex = this.Z_INDEX_RESIZING;
+      try {
+        handle.setPointerCapture(e.pointerId);
+      } catch (err) {
+        console.warn("Pointer capture failed:", err);
+      }
+      document.documentElement.classList.add("swp--resizing");
+      this.eventBus.emit(CoreEvents.EVENT_RESIZE_START, {
+        eventId,
+        element,
+        startHeight
+      });
+      e.preventDefault();
+    };
+    this.handlePointerMove = (e) => {
+      if (!this.resizeState)
+        return;
+      const deltaY = e.clientY - this.resizeState.startY;
+      const minHeight = this.MIN_HEIGHT_MINUTES / 60 * this.gridConfig.hourHeight;
+      const newHeight = Math.max(minHeight, this.resizeState.startHeight + deltaY);
+      this.resizeState.targetHeight = newHeight;
+      if (this.resizeState.animationId === null) {
+        this.animateHeight();
+      }
+    };
+    this.animateHeight = () => {
+      if (!this.resizeState)
+        return;
+      const diff2 = this.resizeState.targetHeight - this.resizeState.currentHeight;
+      if (Math.abs(diff2) < 0.5) {
+        this.resizeState.animationId = null;
+        return;
+      }
+      this.resizeState.currentHeight += diff2 * this.ANIMATION_SPEED;
+      this.resizeState.element.style.height = `${this.resizeState.currentHeight}px`;
+      this.updateTimestampDisplay();
+      this.resizeState.animationId = requestAnimationFrame(this.animateHeight);
+    };
+    this.handlePointerUp = (e) => {
+      if (!this.resizeState)
+        return;
+      if (this.resizeState.animationId !== null) {
+        cancelAnimationFrame(this.resizeState.animationId);
+      }
+      try {
+        this.resizeState.handleElement.releasePointerCapture(e.pointerId);
+      } catch (err) {
+        console.warn("Pointer release failed:", err);
+      }
+      this.snapToGridFinal();
+      this.updateTimestampDisplay();
+      const container2 = this.resizeState.element.closest("swp-event-group") ?? this.resizeState.element;
+      container2.style.zIndex = this.resizeState.prevZIndex;
+      document.documentElement.classList.remove("swp--resizing");
+      const column = this.resizeState.element.closest("swp-day-column");
+      const columnKey = column?.dataset.columnKey || "";
+      const date = column?.dataset.date || "";
+      const swpEvent = SwpEvent.fromElement(this.resizeState.element, columnKey, date, this.gridConfig);
+      this.eventBus.emit(CoreEvents.EVENT_RESIZE_END, {
+        swpEvent
+      });
+      this.resizeState = null;
+    };
+  }
+  /**
+   * Initialize resize functionality on container
+   */
+  init(container2) {
+    this.container = container2;
+    container2.addEventListener("mouseover", this.handleMouseOver, true);
+    document.addEventListener("pointerdown", this.handlePointerDown, true);
+    document.addEventListener("pointermove", this.handlePointerMove, true);
+    document.addEventListener("pointerup", this.handlePointerUp, true);
+  }
+  /**
+   * Create resize handle element
+   */
+  createResizeHandle() {
+    const handle = document.createElement("swp-resize-handle");
+    handle.setAttribute("aria-label", "Resize event");
+    handle.setAttribute("role", "separator");
+    return handle;
+  }
+  /**
+   * Update timestamp display with snapped end time
+   */
+  updateTimestampDisplay() {
+    if (!this.resizeState)
+      return;
+    const timeEl = this.resizeState.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const top = parseFloat(this.resizeState.element.style.top) || 0;
+    const startMinutesFromGrid = pixelsToMinutes(top, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + startMinutesFromGrid;
+    const snappedHeight = snapToGrid(this.resizeState.currentHeight, this.gridConfig);
+    const durationMinutes = pixelsToMinutes(snappedHeight, this.gridConfig);
+    const endMinutes = startMinutes + durationMinutes;
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(endMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to Date
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Snap final height to grid interval
+   */
+  snapToGridFinal() {
+    if (!this.resizeState)
+      return;
+    const currentHeight = this.resizeState.element.offsetHeight;
+    const snappedHeight = snapToGrid(currentHeight, this.gridConfig);
+    const minHeight = minutesToPixels(this.MIN_HEIGHT_MINUTES, this.gridConfig);
+    const finalHeight = Math.max(minHeight, snappedHeight);
+    this.resizeState.element.style.height = `${finalHeight}px`;
+    this.resizeState.currentHeight = finalHeight;
+  }
+};
+__name(_ResizeManager, "ResizeManager");
+var ResizeManager = _ResizeManager;
+
+// src/managers/EventPersistenceManager.ts
+var _EventPersistenceManager = class _EventPersistenceManager {
+  constructor(eventService, eventBus, dateService) {
+    this.eventService = eventService;
+    this.eventBus = eventBus;
+    this.dateService = dateService;
+    this.handleDragEnd = async (e) => {
+      const payload = e.detail;
+      const { swpEvent } = payload;
+      const event = await this.eventService.get(swpEvent.eventId);
+      if (!event) {
+        console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+        return;
+      }
+      const { resource } = this.dateService.parseColumnKey(swpEvent.columnKey);
+      const updatedEvent = {
+        ...event,
+        start: swpEvent.start,
+        end: swpEvent.end,
+        resourceId: resource ?? event.resourceId,
+        allDay: payload.target === "header",
+        syncStatus: "pending"
+      };
+      await this.eventService.save(updatedEvent);
+      const updatePayload = {
+        eventId: updatedEvent.id,
+        sourceColumnKey: payload.sourceColumnKey,
+        targetColumnKey: swpEvent.columnKey
+      };
+      this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+    };
+    this.handleResizeEnd = async (e) => {
+      const payload = e.detail;
+      const { swpEvent } = payload;
+      const event = await this.eventService.get(swpEvent.eventId);
+      if (!event) {
+        console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+        return;
+      }
+      const updatedEvent = {
+        ...event,
+        end: swpEvent.end,
+        syncStatus: "pending"
+      };
+      await this.eventService.save(updatedEvent);
+      const updatePayload = {
+        eventId: updatedEvent.id,
+        sourceColumnKey: swpEvent.columnKey,
+        targetColumnKey: swpEvent.columnKey
+      };
+      this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+    };
+    this.setupListeners();
+  }
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, this.handleDragEnd);
+    this.eventBus.on(CoreEvents.EVENT_RESIZE_END, this.handleResizeEnd);
+  }
+};
+__name(_EventPersistenceManager, "EventPersistenceManager");
+var EventPersistenceManager = _EventPersistenceManager;
+
+// src/CompositionRoot.ts
+var defaultTimeFormatConfig = {
+  timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+  use24HourFormat: true,
+  locale: "da-DK",
+  dateFormat: "locale",
+  showSeconds: false
+};
+var defaultGridConfig = {
+  hourHeight: 64,
+  dayStartHour: 6,
+  dayEndHour: 18,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30
+};
+function createContainer() {
+  const container2 = new Container();
+  const builder = container2.builder();
+  builder.registerInstance(defaultTimeFormatConfig).as("ITimeFormatConfig");
+  builder.registerInstance(defaultGridConfig).as("IGridConfig");
+  builder.registerType(EventBus).as("EventBus");
+  builder.registerType(EventBus).as("IEventBus");
+  builder.registerType(DateService).as("DateService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ITimeFormatConfig"),
+      void 0
+    ]
+  });
+  builder.registerType(IndexedDBContext).as("IndexedDBContext").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IStore")
+    ]
+  });
+  builder.registerType(EventStore).as("IStore");
+  builder.registerType(ResourceStore).as("IStore");
+  builder.registerType(BookingStore).as("IStore");
+  builder.registerType(CustomerStore).as("IStore");
+  builder.registerType(TeamStore).as("IStore");
+  builder.registerType(DepartmentStore).as("IStore");
+  builder.registerType(ScheduleOverrideStore).as("IStore");
+  builder.registerType(AuditStore).as("IStore");
+  builder.registerType(SettingsStore).as("IStore");
+  builder.registerType(ViewConfigStore).as("IStore");
+  builder.registerType(EventService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventService).as("EventService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("ResourceService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(BookingService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(BookingService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(BookingService).as("BookingService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(CustomerService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(CustomerService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(CustomerService).as("CustomerService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(TeamService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(TeamService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(TeamService).as("TeamService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DepartmentService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DepartmentService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DepartmentService).as("DepartmentService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("SettingsService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("ViewConfigService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(MockEventRepository).as("IApiRepository");
+  builder.registerType(MockEventRepository).as("IApiRepository");
+  builder.registerType(MockResourceRepository).as("IApiRepository");
+  builder.registerType(MockResourceRepository).as("IApiRepository");
+  builder.registerType(MockBookingRepository).as("IApiRepository");
+  builder.registerType(MockBookingRepository).as("IApiRepository");
+  builder.registerType(MockCustomerRepository).as("IApiRepository");
+  builder.registerType(MockCustomerRepository).as("IApiRepository");
+  builder.registerType(MockAuditRepository).as("IApiRepository");
+  builder.registerType(MockAuditRepository).as("IApiRepository");
+  builder.registerType(MockTeamRepository).as("IApiRepository");
+  builder.registerType(MockTeamRepository).as("IApiRepository");
+  builder.registerType(MockDepartmentRepository).as("IApiRepository");
+  builder.registerType(MockDepartmentRepository).as("IApiRepository");
+  builder.registerType(MockSettingsRepository).as("IApiRepository");
+  builder.registerType(MockSettingsRepository).as("IApiRepository");
+  builder.registerType(MockViewConfigRepository).as("IApiRepository");
+  builder.registerType(MockViewConfigRepository).as("IApiRepository");
+  builder.registerType(AuditService).as("AuditService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DataSeeder).as("DataSeeder").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IEntityService"),
+      (c) => c.resolveTypeAll("IApiRepository")
+    ]
+  });
+  builder.registerType(ScheduleOverrideService).as("ScheduleOverrideService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext")
+    ]
+  });
+  builder.registerType(ResourceScheduleService).as("ResourceScheduleService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceService"),
+      (c) => c.resolveType("ScheduleOverrideService"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(EventRenderer).as("EventRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ScheduleRenderer).as("ScheduleRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceScheduleService"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("IGridConfig")
+    ]
+  });
+  builder.registerType(HeaderDrawerRenderer).as("HeaderDrawerRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("HeaderDrawerManager"),
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(DateRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(ResourceRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceService")
+    ]
+  });
+  builder.registerType(TeamRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("TeamService")
+    ]
+  });
+  builder.registerType(DepartmentRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("DepartmentService")
+    ]
+  });
+  builder.registerType(MockTeamStore).as("IGroupingStore");
+  builder.registerType(MockResourceStore).as("IGroupingStore");
+  builder.registerType(CalendarOrchestrator).as("CalendarOrchestrator").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IRenderer"),
+      (c) => c.resolveType("EventRenderer"),
+      (c) => c.resolveType("ScheduleRenderer"),
+      (c) => c.resolveType("HeaderDrawerRenderer"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveTypeAll("IEntityService")
+    ]
+  });
+  builder.registerType(TimeAxisRenderer).as("TimeAxisRenderer");
+  builder.registerType(ScrollManager).as("ScrollManager");
+  builder.registerType(HeaderDrawerManager).as("HeaderDrawerManager");
+  builder.registerType(DragDropManager).as("DragDropManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig")
+    ]
+  });
+  builder.registerType(EdgeScrollManager).as("EdgeScrollManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResizeManager).as("ResizeManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(EventPersistenceManager).as("EventPersistenceManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(CalendarApp).as("CalendarApp").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("CalendarOrchestrator"),
+      (c) => c.resolveType("TimeAxisRenderer"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("ScrollManager"),
+      (c) => c.resolveType("HeaderDrawerManager"),
+      (c) => c.resolveType("DragDropManager"),
+      (c) => c.resolveType("EdgeScrollManager"),
+      (c) => c.resolveType("ResizeManager"),
+      (c) => c.resolveType("HeaderDrawerRenderer"),
+      (c) => c.resolveType("EventPersistenceManager"),
+      (c) => c.resolveType("SettingsService"),
+      (c) => c.resolveType("ViewConfigService"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DemoApp).as("DemoApp").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("DataSeeder"),
+      (c) => c.resolveType("AuditService"),
+      (c) => c.resolveType("CalendarApp"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("ResourceService"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  return builder.build();
+}
+__name(createContainer, "createContainer");
+
+// src/demo/index.ts
+var container = createContainer();
+container.resolveType("DemoApp").init().catch(console.error);
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vbm9kZV9tb2R1bGVzL2RheWpzL2RheWpzLm1pbi5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3V0Yy5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3RpbWV6b25lLmpzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9kYXlqcy9wbHVnaW4vaXNvV2Vlay5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvQG5vdmFkaS9jb3JlL2Rpc3QvdG9rZW4uanMiLCAiLi4vLi4vbm9kZV9tb2R1bGVzL0Bub3ZhZGkvY29yZS9kaXN0L2Vycm9ycy5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvQG5vdmFkaS9jb3JlL2Rpc3QvYXV0b3dpcmUuanMiLCAiLi4vLi4vbm9kZV9tb2R1bGVzL0Bub3ZhZGkvY29yZS9kaXN0L2J1aWxkZXIuanMiLCAiLi4vLi4vbm9kZV9tb2R1bGVzL0Bub3ZhZGkvY29yZS9kaXN0L2NvbnRhaW5lci5qcyIsICIuLi8uLi9zcmMvZmVhdHVyZXMvZGF0ZS9EYXRlUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL2NvcmUvRGF0ZVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL2NvcmUvQmFzZUdyb3VwaW5nUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL2ZlYXR1cmVzL3Jlc291cmNlL1Jlc291cmNlUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL2ZlYXR1cmVzL3RlYW0vVGVhbVJlbmRlcmVyLnRzIiwgIi4uLy4uL3NyYy9mZWF0dXJlcy9kZXBhcnRtZW50L0RlcGFydG1lbnRSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvY29yZS9SZW5kZXJCdWlsZGVyLnRzIiwgIi4uLy4uL3NyYy9jb3JlL0ZpbHRlclRlbXBsYXRlLnRzIiwgIi4uLy4uL3NyYy9jb3JlL0NhbGVuZGFyT3JjaGVzdHJhdG9yLnRzIiwgIi4uLy4uL3NyYy9jb3JlL05hdmlnYXRpb25BbmltYXRvci50cyIsICIuLi8uLi9zcmMvY29yZS9DYWxlbmRhckV2ZW50cy50cyIsICIuLi8uLi9zcmMvY29yZS9DYWxlbmRhckFwcC50cyIsICIuLi8uLi9zcmMvZmVhdHVyZXMvdGltZWF4aXMvVGltZUF4aXNSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvY29yZS9TY3JvbGxNYW5hZ2VyLnRzIiwgIi4uLy4uL3NyYy9jb3JlL0hlYWRlckRyYXdlck1hbmFnZXIudHMiLCAiLi4vLi4vc3JjL2RlbW8vTW9ja1N0b3Jlcy50cyIsICIuLi8uLi9zcmMvZGVtby9EZW1vQXBwLnRzIiwgIi4uLy4uL3NyYy9jb3JlL0V2ZW50QnVzLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL0luZGV4ZWREQkNvbnRleHQudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvZXZlbnRzL0V2ZW50U3RvcmUudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvZXZlbnRzL0V2ZW50U2VyaWFsaXphdGlvbi50cyIsICIuLi8uLi9zcmMvc3RvcmFnZS9TeW5jUGx1Z2luLnRzIiwgIi4uLy4uL3NyYy9jb25zdGFudHMvQ29yZUV2ZW50cy50cyIsICIuLi8uLi9ub2RlX21vZHVsZXMvanNvbi1kaWZmLXRzL3NyYy9oZWxwZXJzLnRzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9qc29uLWRpZmYtdHMvc3JjL2pzb25EaWZmLnRzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9qc29uLWRpZmYtdHMvc3JjL2pzb25Db21wYXJlLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL0Jhc2VFbnRpdHlTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL2V2ZW50cy9FdmVudFNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvcmVzb3VyY2VzL1Jlc291cmNlU3RvcmUudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvcmVzb3VyY2VzL1Jlc291cmNlU2VydmljZS50cyIsICIuLi8uLi9zcmMvc3RvcmFnZS9ib29raW5ncy9Cb29raW5nU3RvcmUudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvYm9va2luZ3MvQm9va2luZ1NlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvY3VzdG9tZXJzL0N1c3RvbWVyU3RvcmUudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvY3VzdG9tZXJzL0N1c3RvbWVyU2VydmljZS50cyIsICIuLi8uLi9zcmMvc3RvcmFnZS90ZWFtcy9UZWFtU3RvcmUudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvdGVhbXMvVGVhbVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2UvZGVwYXJ0bWVudHMvRGVwYXJ0bWVudFN0b3JlLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL2RlcGFydG1lbnRzL0RlcGFydG1lbnRTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL3NldHRpbmdzL1NldHRpbmdzU3RvcmUudHMiLCAiLi4vLi4vc3JjL3R5cGVzL1NldHRpbmdzVHlwZXMudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2Uvc2V0dGluZ3MvU2V0dGluZ3NTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL3ZpZXdjb25maWdzL1ZpZXdDb25maWdTdG9yZS50cyIsICIuLi8uLi9zcmMvc3RvcmFnZS92aWV3Y29uZmlncy9WaWV3Q29uZmlnU2VydmljZS50cyIsICIuLi8uLi9zcmMvc3RvcmFnZS9hdWRpdC9BdWRpdFN0b3JlLnRzIiwgIi4uLy4uL3NyYy9zdG9yYWdlL2F1ZGl0L0F1ZGl0U2VydmljZS50cyIsICIuLi8uLi9zcmMvcmVwb3NpdG9yaWVzL01vY2tFdmVudFJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3JlcG9zaXRvcmllcy9Nb2NrUmVzb3VyY2VSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy9yZXBvc2l0b3JpZXMvTW9ja0Jvb2tpbmdSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy9yZXBvc2l0b3JpZXMvTW9ja0N1c3RvbWVyUmVwb3NpdG9yeS50cyIsICIuLi8uLi9zcmMvcmVwb3NpdG9yaWVzL01vY2tBdWRpdFJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3JlcG9zaXRvcmllcy9Nb2NrVGVhbVJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3JlcG9zaXRvcmllcy9Nb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3JlcG9zaXRvcmllcy9Nb2NrU2V0dGluZ3NSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy9yZXBvc2l0b3JpZXMvTW9ja1ZpZXdDb25maWdSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy93b3JrZXJzL0RhdGFTZWVkZXIudHMiLCAiLi4vLi4vc3JjL3V0aWxzL1Bvc2l0aW9uVXRpbHMudHMiLCAiLi4vLi4vc3JjL2ZlYXR1cmVzL2V2ZW50L0V2ZW50TGF5b3V0RW5naW5lLnRzIiwgIi4uLy4uL3NyYy9mZWF0dXJlcy9ldmVudC9FdmVudFJlbmRlcmVyLnRzIiwgIi4uLy4uL3NyYy9mZWF0dXJlcy9zY2hlZHVsZS9TY2hlZHVsZVJlbmRlcmVyLnRzIiwgIi4uLy4uL3NyYy9mZWF0dXJlcy9oZWFkZXJkcmF3ZXIvSGVhZGVyRHJhd2VyUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2Uvc2NoZWR1bGVzL1NjaGVkdWxlT3ZlcnJpZGVTdG9yZS50cyIsICIuLi8uLi9zcmMvc3RvcmFnZS9zY2hlZHVsZXMvU2NoZWR1bGVPdmVycmlkZVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3N0b3JhZ2Uvc2NoZWR1bGVzL1Jlc291cmNlU2NoZWR1bGVTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy90eXBlcy9Td3BFdmVudC50cyIsICIuLi8uLi9zcmMvbWFuYWdlcnMvRHJhZ0Ryb3BNYW5hZ2VyLnRzIiwgIi4uLy4uL3NyYy9tYW5hZ2Vycy9FZGdlU2Nyb2xsTWFuYWdlci50cyIsICIuLi8uLi9zcmMvbWFuYWdlcnMvUmVzaXplTWFuYWdlci50cyIsICIuLi8uLi9zcmMvbWFuYWdlcnMvRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIudHMiLCAiLi4vLi4vc3JjL0NvbXBvc2l0aW9uUm9vdC50cyIsICIuLi8uLi9zcmMvZGVtby9pbmRleC50cyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiIWZ1bmN0aW9uKHQsZSl7XCJvYmplY3RcIj09dHlwZW9mIGV4cG9ydHMmJlwidW5kZWZpbmVkXCIhPXR5cGVvZiBtb2R1bGU/bW9kdWxlLmV4cG9ydHM9ZSgpOlwiZnVuY3Rpb25cIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUoZSk6KHQ9XCJ1bmRlZmluZWRcIiE9dHlwZW9mIGdsb2JhbFRoaXM/Z2xvYmFsVGhpczp0fHxzZWxmKS5kYXlqcz1lKCl9KHRoaXMsKGZ1bmN0aW9uKCl7XCJ1c2Ugc3RyaWN0XCI7dmFyIHQ9MWUzLGU9NmU0LG49MzZlNSxyPVwibWlsbGlzZWNvbmRcIixpPVwic2Vjb25kXCIscz1cIm1pbnV0ZVwiLHU9XCJob3VyXCIsYT1cImRheVwiLG89XCJ3ZWVrXCIsYz1cIm1vbnRoXCIsZj1cInF1YXJ0ZXJcIixoPVwieWVhclwiLGQ9XCJkYXRlXCIsbD1cIkludmFsaWQgRGF0ZVwiLCQ9L14oXFxkezR9KVstL10/KFxcZHsxLDJ9KT9bLS9dPyhcXGR7MCwyfSlbVHRcXHNdKihcXGR7MSwyfSk/Oj8oXFxkezEsMn0pPzo/KFxcZHsxLDJ9KT9bLjpdPyhcXGQrKT8kLyx5PS9cXFsoW15cXF1dKyldfFl7MSw0fXxNezEsNH18RHsxLDJ9fGR7MSw0fXxIezEsMn18aHsxLDJ9fGF8QXxtezEsMn18c3sxLDJ9fFp7MSwyfXxTU1MvZyxNPXtuYW1lOlwiZW5cIix3ZWVrZGF5czpcIlN1bmRheV9Nb25kYXlfVHVlc2RheV9XZWRuZXNkYXlfVGh1cnNkYXlfRnJpZGF5X1NhdHVyZGF5XCIuc3BsaXQoXCJfXCIpLG1vbnRoczpcIkphbnVhcnlfRmVicnVhcnlfTWFyY2hfQXByaWxfTWF5X0p1bmVfSnVseV9BdWd1c3RfU2VwdGVtYmVyX09jdG9iZXJfTm92ZW1iZXJfRGVjZW1iZXJcIi5zcGxpdChcIl9cIiksb3JkaW5hbDpmdW5jdGlvbih0KXt2YXIgZT1bXCJ0aFwiLFwic3RcIixcIm5kXCIsXCJyZFwiXSxuPXQlMTAwO3JldHVyblwiW1wiK3QrKGVbKG4tMjApJTEwXXx8ZVtuXXx8ZVswXSkrXCJdXCJ9fSxtPWZ1bmN0aW9uKHQsZSxuKXt2YXIgcj1TdHJpbmcodCk7cmV0dXJuIXJ8fHIubGVuZ3RoPj1lP3Q6XCJcIitBcnJheShlKzEtci5sZW5ndGgpLmpvaW4obikrdH0sdj17czptLHo6ZnVuY3Rpb24odCl7dmFyIGU9LXQudXRjT2Zmc2V0KCksbj1NYXRoLmFicyhlKSxyPU1hdGguZmxvb3Iobi82MCksaT1uJTYwO3JldHVybihlPD0wP1wiK1wiOlwiLVwiKSttKHIsMixcIjBcIikrXCI6XCIrbShpLDIsXCIwXCIpfSxtOmZ1bmN0aW9uIHQoZSxuKXtpZihlLmRhdGUoKTxuLmRhdGUoKSlyZXR1cm4tdChuLGUpO3ZhciByPTEyKihuLnllYXIoKS1lLnllYXIoKSkrKG4ubW9udGgoKS1lLm1vbnRoKCkpLGk9ZS5jbG9uZSgpLmFkZChyLGMpLHM9bi1pPDAsdT1lLmNsb25lKCkuYWRkKHIrKHM/LTE6MSksYyk7cmV0dXJuKygtKHIrKG4taSkvKHM/aS11OnUtaSkpfHwwKX0sYTpmdW5jdGlvbih0KXtyZXR1cm4gdDwwP01hdGguY2VpbCh0KXx8MDpNYXRoLmZsb29yKHQpfSxwOmZ1bmN0aW9uKHQpe3JldHVybntNOmMseTpoLHc6byxkOmEsRDpkLGg6dSxtOnMsczppLG1zOnIsUTpmfVt0XXx8U3RyaW5nKHR8fFwiXCIpLnRvTG93ZXJDYXNlKCkucmVwbGFjZSgvcyQvLFwiXCIpfSx1OmZ1bmN0aW9uKHQpe3JldHVybiB2b2lkIDA9PT10fX0sZz1cImVuXCIsRD17fTtEW2ddPU07dmFyIHA9XCIkaXNEYXlqc09iamVjdFwiLFM9ZnVuY3Rpb24odCl7cmV0dXJuIHQgaW5zdGFuY2VvZiBffHwhKCF0fHwhdFtwXSl9LHc9ZnVuY3Rpb24gdChlLG4scil7dmFyIGk7aWYoIWUpcmV0dXJuIGc7aWYoXCJzdHJpbmdcIj09dHlwZW9mIGUpe3ZhciBzPWUudG9Mb3dlckNhc2UoKTtEW3NdJiYoaT1zKSxuJiYoRFtzXT1uLGk9cyk7dmFyIHU9ZS5zcGxpdChcIi1cIik7aWYoIWkmJnUubGVuZ3RoPjEpcmV0dXJuIHQodVswXSl9ZWxzZXt2YXIgYT1lLm5hbWU7RFthXT1lLGk9YX1yZXR1cm4hciYmaSYmKGc9aSksaXx8IXImJmd9LE89ZnVuY3Rpb24odCxlKXtpZihTKHQpKXJldHVybiB0LmNsb25lKCk7dmFyIG49XCJvYmplY3RcIj09dHlwZW9mIGU/ZTp7fTtyZXR1cm4gbi5kYXRlPXQsbi5hcmdzPWFyZ3VtZW50cyxuZXcgXyhuKX0sYj12O2IubD13LGIuaT1TLGIudz1mdW5jdGlvbih0LGUpe3JldHVybiBPKHQse2xvY2FsZTplLiRMLHV0YzplLiR1LHg6ZS4keCwkb2Zmc2V0OmUuJG9mZnNldH0pfTt2YXIgXz1mdW5jdGlvbigpe2Z1bmN0aW9uIE0odCl7dGhpcy4kTD13KHQubG9jYWxlLG51bGwsITApLHRoaXMucGFyc2UodCksdGhpcy4keD10aGlzLiR4fHx0Lnh8fHt9LHRoaXNbcF09ITB9dmFyIG09TS5wcm90b3R5cGU7cmV0dXJuIG0ucGFyc2U9ZnVuY3Rpb24odCl7dGhpcy4kZD1mdW5jdGlvbih0KXt2YXIgZT10LmRhdGUsbj10LnV0YztpZihudWxsPT09ZSlyZXR1cm4gbmV3IERhdGUoTmFOKTtpZihiLnUoZSkpcmV0dXJuIG5ldyBEYXRlO2lmKGUgaW5zdGFuY2VvZiBEYXRlKXJldHVybiBuZXcgRGF0ZShlKTtpZihcInN0cmluZ1wiPT10eXBlb2YgZSYmIS9aJC9pLnRlc3QoZSkpe3ZhciByPWUubWF0Y2goJCk7aWYocil7dmFyIGk9clsyXS0xfHwwLHM9KHJbN118fFwiMFwiKS5zdWJzdHJpbmcoMCwzKTtyZXR1cm4gbj9uZXcgRGF0ZShEYXRlLlVUQyhyWzFdLGksclszXXx8MSxyWzRdfHwwLHJbNV18fDAscls2XXx8MCxzKSk6bmV3IERhdGUoclsxXSxpLHJbM118fDEscls0XXx8MCxyWzVdfHwwLHJbNl18fDAscyl9fXJldHVybiBuZXcgRGF0ZShlKX0odCksdGhpcy5pbml0KCl9LG0uaW5pdD1mdW5jdGlvbigpe3ZhciB0PXRoaXMuJGQ7dGhpcy4keT10LmdldEZ1bGxZZWFyKCksdGhpcy4kTT10LmdldE1vbnRoKCksdGhpcy4kRD10LmdldERhdGUoKSx0aGlzLiRXPXQuZ2V0RGF5KCksdGhpcy4kSD10LmdldEhvdXJzKCksdGhpcy4kbT10LmdldE1pbnV0ZXMoKSx0aGlzLiRzPXQuZ2V0U2Vjb25kcygpLHRoaXMuJG1zPXQuZ2V0TWlsbGlzZWNvbmRzKCl9LG0uJHV0aWxzPWZ1bmN0aW9uKCl7cmV0dXJuIGJ9LG0uaXNWYWxpZD1mdW5jdGlvbigpe3JldHVybiEodGhpcy4kZC50b1N0cmluZygpPT09bCl9LG0uaXNTYW1lPWZ1bmN0aW9uKHQsZSl7dmFyIG49Tyh0KTtyZXR1cm4gdGhpcy5zdGFydE9mKGUpPD1uJiZuPD10aGlzLmVuZE9mKGUpfSxtLmlzQWZ0ZXI9ZnVuY3Rpb24odCxlKXtyZXR1cm4gTyh0KTx0aGlzLnN0YXJ0T2YoZSl9LG0uaXNCZWZvcmU9ZnVuY3Rpb24odCxlKXtyZXR1cm4gdGhpcy5lbmRPZihlKTxPKHQpfSxtLiRnPWZ1bmN0aW9uKHQsZSxuKXtyZXR1cm4gYi51KHQpP3RoaXNbZV06dGhpcy5zZXQobix0KX0sbS51bml4PWZ1bmN0aW9uKCl7cmV0dXJuIE1hdGguZmxvb3IodGhpcy52YWx1ZU9mKCkvMWUzKX0sbS52YWx1ZU9mPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuJGQuZ2V0VGltZSgpfSxtLnN0YXJ0T2Y9ZnVuY3Rpb24odCxlKXt2YXIgbj10aGlzLHI9ISFiLnUoZSl8fGUsZj1iLnAodCksbD1mdW5jdGlvbih0LGUpe3ZhciBpPWIudyhuLiR1P0RhdGUuVVRDKG4uJHksZSx0KTpuZXcgRGF0ZShuLiR5LGUsdCksbik7cmV0dXJuIHI/aTppLmVuZE9mKGEpfSwkPWZ1bmN0aW9uKHQsZSl7cmV0dXJuIGIudyhuLnRvRGF0ZSgpW3RdLmFwcGx5KG4udG9EYXRlKFwic1wiKSwocj9bMCwwLDAsMF06WzIzLDU5LDU5LDk5OV0pLnNsaWNlKGUpKSxuKX0seT10aGlzLiRXLE09dGhpcy4kTSxtPXRoaXMuJEQsdj1cInNldFwiKyh0aGlzLiR1P1wiVVRDXCI6XCJcIik7c3dpdGNoKGYpe2Nhc2UgaDpyZXR1cm4gcj9sKDEsMCk6bCgzMSwxMSk7Y2FzZSBjOnJldHVybiByP2woMSxNKTpsKDAsTSsxKTtjYXNlIG86dmFyIGc9dGhpcy4kbG9jYWxlKCkud2Vla1N0YXJ0fHwwLEQ9KHk8Zz95Kzc6eSktZztyZXR1cm4gbChyP20tRDptKyg2LUQpLE0pO2Nhc2UgYTpjYXNlIGQ6cmV0dXJuICQoditcIkhvdXJzXCIsMCk7Y2FzZSB1OnJldHVybiAkKHYrXCJNaW51dGVzXCIsMSk7Y2FzZSBzOnJldHVybiAkKHYrXCJTZWNvbmRzXCIsMik7Y2FzZSBpOnJldHVybiAkKHYrXCJNaWxsaXNlY29uZHNcIiwzKTtkZWZhdWx0OnJldHVybiB0aGlzLmNsb25lKCl9fSxtLmVuZE9mPWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLnN0YXJ0T2YodCwhMSl9LG0uJHNldD1mdW5jdGlvbih0LGUpe3ZhciBuLG89Yi5wKHQpLGY9XCJzZXRcIisodGhpcy4kdT9cIlVUQ1wiOlwiXCIpLGw9KG49e30sblthXT1mK1wiRGF0ZVwiLG5bZF09ZitcIkRhdGVcIixuW2NdPWYrXCJNb250aFwiLG5baF09ZitcIkZ1bGxZZWFyXCIsblt1XT1mK1wiSG91cnNcIixuW3NdPWYrXCJNaW51dGVzXCIsbltpXT1mK1wiU2Vjb25kc1wiLG5bcl09ZitcIk1pbGxpc2Vjb25kc1wiLG4pW29dLCQ9bz09PWE/dGhpcy4kRCsoZS10aGlzLiRXKTplO2lmKG89PT1jfHxvPT09aCl7dmFyIHk9dGhpcy5jbG9uZSgpLnNldChkLDEpO3kuJGRbbF0oJCkseS5pbml0KCksdGhpcy4kZD15LnNldChkLE1hdGgubWluKHRoaXMuJEQseS5kYXlzSW5Nb250aCgpKSkuJGR9ZWxzZSBsJiZ0aGlzLiRkW2xdKCQpO3JldHVybiB0aGlzLmluaXQoKSx0aGlzfSxtLnNldD1mdW5jdGlvbih0LGUpe3JldHVybiB0aGlzLmNsb25lKCkuJHNldCh0LGUpfSxtLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpc1tiLnAodCldKCl9LG0uYWRkPWZ1bmN0aW9uKHIsZil7dmFyIGQsbD10aGlzO3I9TnVtYmVyKHIpO3ZhciAkPWIucChmKSx5PWZ1bmN0aW9uKHQpe3ZhciBlPU8obCk7cmV0dXJuIGIudyhlLmRhdGUoZS5kYXRlKCkrTWF0aC5yb3VuZCh0KnIpKSxsKX07aWYoJD09PWMpcmV0dXJuIHRoaXMuc2V0KGMsdGhpcy4kTStyKTtpZigkPT09aClyZXR1cm4gdGhpcy5zZXQoaCx0aGlzLiR5K3IpO2lmKCQ9PT1hKXJldHVybiB5KDEpO2lmKCQ9PT1vKXJldHVybiB5KDcpO3ZhciBNPShkPXt9LGRbc109ZSxkW3VdPW4sZFtpXT10LGQpWyRdfHwxLG09dGhpcy4kZC5nZXRUaW1lKCkrcipNO3JldHVybiBiLncobSx0aGlzKX0sbS5zdWJ0cmFjdD1mdW5jdGlvbih0LGUpe3JldHVybiB0aGlzLmFkZCgtMSp0LGUpfSxtLmZvcm1hdD1mdW5jdGlvbih0KXt2YXIgZT10aGlzLG49dGhpcy4kbG9jYWxlKCk7aWYoIXRoaXMuaXNWYWxpZCgpKXJldHVybiBuLmludmFsaWREYXRlfHxsO3ZhciByPXR8fFwiWVlZWS1NTS1ERFRISDptbTpzc1pcIixpPWIueih0aGlzKSxzPXRoaXMuJEgsdT10aGlzLiRtLGE9dGhpcy4kTSxvPW4ud2Vla2RheXMsYz1uLm1vbnRocyxmPW4ubWVyaWRpZW0saD1mdW5jdGlvbih0LG4saSxzKXtyZXR1cm4gdCYmKHRbbl18fHQoZSxyKSl8fGlbbl0uc2xpY2UoMCxzKX0sZD1mdW5jdGlvbih0KXtyZXR1cm4gYi5zKHMlMTJ8fDEyLHQsXCIwXCIpfSwkPWZ8fGZ1bmN0aW9uKHQsZSxuKXt2YXIgcj10PDEyP1wiQU1cIjpcIlBNXCI7cmV0dXJuIG4/ci50b0xvd2VyQ2FzZSgpOnJ9O3JldHVybiByLnJlcGxhY2UoeSwoZnVuY3Rpb24odCxyKXtyZXR1cm4gcnx8ZnVuY3Rpb24odCl7c3dpdGNoKHQpe2Nhc2VcIllZXCI6cmV0dXJuIFN0cmluZyhlLiR5KS5zbGljZSgtMik7Y2FzZVwiWVlZWVwiOnJldHVybiBiLnMoZS4keSw0LFwiMFwiKTtjYXNlXCJNXCI6cmV0dXJuIGErMTtjYXNlXCJNTVwiOnJldHVybiBiLnMoYSsxLDIsXCIwXCIpO2Nhc2VcIk1NTVwiOnJldHVybiBoKG4ubW9udGhzU2hvcnQsYSxjLDMpO2Nhc2VcIk1NTU1cIjpyZXR1cm4gaChjLGEpO2Nhc2VcIkRcIjpyZXR1cm4gZS4kRDtjYXNlXCJERFwiOnJldHVybiBiLnMoZS4kRCwyLFwiMFwiKTtjYXNlXCJkXCI6cmV0dXJuIFN0cmluZyhlLiRXKTtjYXNlXCJkZFwiOnJldHVybiBoKG4ud2Vla2RheXNNaW4sZS4kVyxvLDIpO2Nhc2VcImRkZFwiOnJldHVybiBoKG4ud2Vla2RheXNTaG9ydCxlLiRXLG8sMyk7Y2FzZVwiZGRkZFwiOnJldHVybiBvW2UuJFddO2Nhc2VcIkhcIjpyZXR1cm4gU3RyaW5nKHMpO2Nhc2VcIkhIXCI6cmV0dXJuIGIucyhzLDIsXCIwXCIpO2Nhc2VcImhcIjpyZXR1cm4gZCgxKTtjYXNlXCJoaFwiOnJldHVybiBkKDIpO2Nhc2VcImFcIjpyZXR1cm4gJChzLHUsITApO2Nhc2VcIkFcIjpyZXR1cm4gJChzLHUsITEpO2Nhc2VcIm1cIjpyZXR1cm4gU3RyaW5nKHUpO2Nhc2VcIm1tXCI6cmV0dXJuIGIucyh1LDIsXCIwXCIpO2Nhc2VcInNcIjpyZXR1cm4gU3RyaW5nKGUuJHMpO2Nhc2VcInNzXCI6cmV0dXJuIGIucyhlLiRzLDIsXCIwXCIpO2Nhc2VcIlNTU1wiOnJldHVybiBiLnMoZS4kbXMsMyxcIjBcIik7Y2FzZVwiWlwiOnJldHVybiBpfXJldHVybiBudWxsfSh0KXx8aS5yZXBsYWNlKFwiOlwiLFwiXCIpfSkpfSxtLnV0Y09mZnNldD1mdW5jdGlvbigpe3JldHVybiAxNSotTWF0aC5yb3VuZCh0aGlzLiRkLmdldFRpbWV6b25lT2Zmc2V0KCkvMTUpfSxtLmRpZmY9ZnVuY3Rpb24ocixkLGwpe3ZhciAkLHk9dGhpcyxNPWIucChkKSxtPU8ociksdj0obS51dGNPZmZzZXQoKS10aGlzLnV0Y09mZnNldCgpKSplLGc9dGhpcy1tLEQ9ZnVuY3Rpb24oKXtyZXR1cm4gYi5tKHksbSl9O3N3aXRjaChNKXtjYXNlIGg6JD1EKCkvMTI7YnJlYWs7Y2FzZSBjOiQ9RCgpO2JyZWFrO2Nhc2UgZjokPUQoKS8zO2JyZWFrO2Nhc2UgbzokPShnLXYpLzYwNDhlNTticmVhaztjYXNlIGE6JD0oZy12KS84NjRlNTticmVhaztjYXNlIHU6JD1nL247YnJlYWs7Y2FzZSBzOiQ9Zy9lO2JyZWFrO2Nhc2UgaTokPWcvdDticmVhaztkZWZhdWx0OiQ9Z31yZXR1cm4gbD8kOmIuYSgkKX0sbS5kYXlzSW5Nb250aD1mdW5jdGlvbigpe3JldHVybiB0aGlzLmVuZE9mKGMpLiREfSxtLiRsb2NhbGU9ZnVuY3Rpb24oKXtyZXR1cm4gRFt0aGlzLiRMXX0sbS5sb2NhbGU9ZnVuY3Rpb24odCxlKXtpZighdClyZXR1cm4gdGhpcy4kTDt2YXIgbj10aGlzLmNsb25lKCkscj13KHQsZSwhMCk7cmV0dXJuIHImJihuLiRMPXIpLG59LG0uY2xvbmU9ZnVuY3Rpb24oKXtyZXR1cm4gYi53KHRoaXMuJGQsdGhpcyl9LG0udG9EYXRlPWZ1bmN0aW9uKCl7cmV0dXJuIG5ldyBEYXRlKHRoaXMudmFsdWVPZigpKX0sbS50b0pTT049ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy5pc1ZhbGlkKCk/dGhpcy50b0lTT1N0cmluZygpOm51bGx9LG0udG9JU09TdHJpbmc9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy4kZC50b0lTT1N0cmluZygpfSxtLnRvU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuJGQudG9VVENTdHJpbmcoKX0sTX0oKSxrPV8ucHJvdG90eXBlO3JldHVybiBPLnByb3RvdHlwZT1rLFtbXCIkbXNcIixyXSxbXCIkc1wiLGldLFtcIiRtXCIsc10sW1wiJEhcIix1XSxbXCIkV1wiLGFdLFtcIiRNXCIsY10sW1wiJHlcIixoXSxbXCIkRFwiLGRdXS5mb3JFYWNoKChmdW5jdGlvbih0KXtrW3RbMV1dPWZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLiRnKGUsdFswXSx0WzFdKX19KSksTy5leHRlbmQ9ZnVuY3Rpb24odCxlKXtyZXR1cm4gdC4kaXx8KHQoZSxfLE8pLHQuJGk9ITApLE99LE8ubG9jYWxlPXcsTy5pc0RheWpzPVMsTy51bml4PWZ1bmN0aW9uKHQpe3JldHVybiBPKDFlMyp0KX0sTy5lbj1EW2ddLE8uTHM9RCxPLnA9e30sT30pKTsiLCAiIWZ1bmN0aW9uKHQsaSl7XCJvYmplY3RcIj09dHlwZW9mIGV4cG9ydHMmJlwidW5kZWZpbmVkXCIhPXR5cGVvZiBtb2R1bGU/bW9kdWxlLmV4cG9ydHM9aSgpOlwiZnVuY3Rpb25cIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUoaSk6KHQ9XCJ1bmRlZmluZWRcIiE9dHlwZW9mIGdsb2JhbFRoaXM/Z2xvYmFsVGhpczp0fHxzZWxmKS5kYXlqc19wbHVnaW5fdXRjPWkoKX0odGhpcywoZnVuY3Rpb24oKXtcInVzZSBzdHJpY3RcIjt2YXIgdD1cIm1pbnV0ZVwiLGk9L1srLV1cXGRcXGQoPzo6P1xcZFxcZCk/L2csZT0vKFsrLV18XFxkXFxkKS9nO3JldHVybiBmdW5jdGlvbihzLGYsbil7dmFyIHU9Zi5wcm90b3R5cGU7bi51dGM9ZnVuY3Rpb24odCl7dmFyIGk9e2RhdGU6dCx1dGM6ITAsYXJnczphcmd1bWVudHN9O3JldHVybiBuZXcgZihpKX0sdS51dGM9ZnVuY3Rpb24oaSl7dmFyIGU9bih0aGlzLnRvRGF0ZSgpLHtsb2NhbGU6dGhpcy4kTCx1dGM6ITB9KTtyZXR1cm4gaT9lLmFkZCh0aGlzLnV0Y09mZnNldCgpLHQpOmV9LHUubG9jYWw9ZnVuY3Rpb24oKXtyZXR1cm4gbih0aGlzLnRvRGF0ZSgpLHtsb2NhbGU6dGhpcy4kTCx1dGM6ITF9KX07dmFyIHI9dS5wYXJzZTt1LnBhcnNlPWZ1bmN0aW9uKHQpe3QudXRjJiYodGhpcy4kdT0hMCksdGhpcy4kdXRpbHMoKS51KHQuJG9mZnNldCl8fCh0aGlzLiRvZmZzZXQ9dC4kb2Zmc2V0KSxyLmNhbGwodGhpcyx0KX07dmFyIG89dS5pbml0O3UuaW5pdD1mdW5jdGlvbigpe2lmKHRoaXMuJHUpe3ZhciB0PXRoaXMuJGQ7dGhpcy4keT10LmdldFVUQ0Z1bGxZZWFyKCksdGhpcy4kTT10LmdldFVUQ01vbnRoKCksdGhpcy4kRD10LmdldFVUQ0RhdGUoKSx0aGlzLiRXPXQuZ2V0VVRDRGF5KCksdGhpcy4kSD10LmdldFVUQ0hvdXJzKCksdGhpcy4kbT10LmdldFVUQ01pbnV0ZXMoKSx0aGlzLiRzPXQuZ2V0VVRDU2Vjb25kcygpLHRoaXMuJG1zPXQuZ2V0VVRDTWlsbGlzZWNvbmRzKCl9ZWxzZSBvLmNhbGwodGhpcyl9O3ZhciBhPXUudXRjT2Zmc2V0O3UudXRjT2Zmc2V0PWZ1bmN0aW9uKHMsZil7dmFyIG49dGhpcy4kdXRpbHMoKS51O2lmKG4ocykpcmV0dXJuIHRoaXMuJHU/MDpuKHRoaXMuJG9mZnNldCk/YS5jYWxsKHRoaXMpOnRoaXMuJG9mZnNldDtpZihcInN0cmluZ1wiPT10eXBlb2YgcyYmKHM9ZnVuY3Rpb24odCl7dm9pZCAwPT09dCYmKHQ9XCJcIik7dmFyIHM9dC5tYXRjaChpKTtpZighcylyZXR1cm4gbnVsbDt2YXIgZj0oXCJcIitzWzBdKS5tYXRjaChlKXx8W1wiLVwiLDAsMF0sbj1mWzBdLHU9NjAqK2ZbMV0rICtmWzJdO3JldHVybiAwPT09dT8wOlwiK1wiPT09bj91Oi11fShzKSxudWxsPT09cykpcmV0dXJuIHRoaXM7dmFyIHU9TWF0aC5hYnMocyk8PTE2PzYwKnM6cztpZigwPT09dSlyZXR1cm4gdGhpcy51dGMoZik7dmFyIHI9dGhpcy5jbG9uZSgpO2lmKGYpcmV0dXJuIHIuJG9mZnNldD11LHIuJHU9ITEscjt2YXIgbz10aGlzLiR1P3RoaXMudG9EYXRlKCkuZ2V0VGltZXpvbmVPZmZzZXQoKTotMSp0aGlzLnV0Y09mZnNldCgpO3JldHVybihyPXRoaXMubG9jYWwoKS5hZGQodStvLHQpKS4kb2Zmc2V0PXUsci4keC4kbG9jYWxPZmZzZXQ9byxyfTt2YXIgaD11LmZvcm1hdDt1LmZvcm1hdD1mdW5jdGlvbih0KXt2YXIgaT10fHwodGhpcy4kdT9cIllZWVktTU0tRERUSEg6bW06c3NbWl1cIjpcIlwiKTtyZXR1cm4gaC5jYWxsKHRoaXMsaSl9LHUudmFsdWVPZj1mdW5jdGlvbigpe3ZhciB0PXRoaXMuJHV0aWxzKCkudSh0aGlzLiRvZmZzZXQpPzA6dGhpcy4kb2Zmc2V0Kyh0aGlzLiR4LiRsb2NhbE9mZnNldHx8dGhpcy4kZC5nZXRUaW1lem9uZU9mZnNldCgpKTtyZXR1cm4gdGhpcy4kZC52YWx1ZU9mKCktNmU0KnR9LHUuaXNVVEM9ZnVuY3Rpb24oKXtyZXR1cm4hIXRoaXMuJHV9LHUudG9JU09TdHJpbmc9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy50b0RhdGUoKS50b0lTT1N0cmluZygpfSx1LnRvU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMudG9EYXRlKCkudG9VVENTdHJpbmcoKX07dmFyIGw9dS50b0RhdGU7dS50b0RhdGU9ZnVuY3Rpb24odCl7cmV0dXJuXCJzXCI9PT10JiZ0aGlzLiRvZmZzZXQ/bih0aGlzLmZvcm1hdChcIllZWVktTU0tREQgSEg6bW06c3M6U1NTXCIpKS50b0RhdGUoKTpsLmNhbGwodGhpcyl9O3ZhciBjPXUuZGlmZjt1LmRpZmY9ZnVuY3Rpb24odCxpLGUpe2lmKHQmJnRoaXMuJHU9PT10LiR1KXJldHVybiBjLmNhbGwodGhpcyx0LGksZSk7dmFyIHM9dGhpcy5sb2NhbCgpLGY9bih0KS5sb2NhbCgpO3JldHVybiBjLmNhbGwocyxmLGksZSl9fX0pKTsiLCAiIWZ1bmN0aW9uKHQsZSl7XCJvYmplY3RcIj09dHlwZW9mIGV4cG9ydHMmJlwidW5kZWZpbmVkXCIhPXR5cGVvZiBtb2R1bGU/bW9kdWxlLmV4cG9ydHM9ZSgpOlwiZnVuY3Rpb25cIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUoZSk6KHQ9XCJ1bmRlZmluZWRcIiE9dHlwZW9mIGdsb2JhbFRoaXM/Z2xvYmFsVGhpczp0fHxzZWxmKS5kYXlqc19wbHVnaW5fdGltZXpvbmU9ZSgpfSh0aGlzLChmdW5jdGlvbigpe1widXNlIHN0cmljdFwiO3ZhciB0PXt5ZWFyOjAsbW9udGg6MSxkYXk6Mixob3VyOjMsbWludXRlOjQsc2Vjb25kOjV9LGU9e307cmV0dXJuIGZ1bmN0aW9uKG4saSxvKXt2YXIgcixhPWZ1bmN0aW9uKHQsbixpKXt2b2lkIDA9PT1pJiYoaT17fSk7dmFyIG89bmV3IERhdGUodCkscj1mdW5jdGlvbih0LG4pe3ZvaWQgMD09PW4mJihuPXt9KTt2YXIgaT1uLnRpbWVab25lTmFtZXx8XCJzaG9ydFwiLG89dCtcInxcIitpLHI9ZVtvXTtyZXR1cm4gcnx8KHI9bmV3IEludGwuRGF0ZVRpbWVGb3JtYXQoXCJlbi1VU1wiLHtob3VyMTI6ITEsdGltZVpvbmU6dCx5ZWFyOlwibnVtZXJpY1wiLG1vbnRoOlwiMi1kaWdpdFwiLGRheTpcIjItZGlnaXRcIixob3VyOlwiMi1kaWdpdFwiLG1pbnV0ZTpcIjItZGlnaXRcIixzZWNvbmQ6XCIyLWRpZ2l0XCIsdGltZVpvbmVOYW1lOml9KSxlW29dPXIpLHJ9KG4saSk7cmV0dXJuIHIuZm9ybWF0VG9QYXJ0cyhvKX0sdT1mdW5jdGlvbihlLG4pe2Zvcih2YXIgaT1hKGUsbikscj1bXSx1PTA7dTxpLmxlbmd0aDt1Kz0xKXt2YXIgZj1pW3VdLHM9Zi50eXBlLG09Zi52YWx1ZSxjPXRbc107Yz49MCYmKHJbY109cGFyc2VJbnQobSwxMCkpfXZhciBkPXJbM10sbD0yND09PWQ/MDpkLGg9clswXStcIi1cIityWzFdK1wiLVwiK3JbMl0rXCIgXCIrbCtcIjpcIityWzRdK1wiOlwiK3JbNV0rXCI6MDAwXCIsdj0rZTtyZXR1cm4oby51dGMoaCkudmFsdWVPZigpLSh2LT12JTFlMykpLzZlNH0sZj1pLnByb3RvdHlwZTtmLnR6PWZ1bmN0aW9uKHQsZSl7dm9pZCAwPT09dCYmKHQ9cik7dmFyIG4saT10aGlzLnV0Y09mZnNldCgpLGE9dGhpcy50b0RhdGUoKSx1PWEudG9Mb2NhbGVTdHJpbmcoXCJlbi1VU1wiLHt0aW1lWm9uZTp0fSksZj1NYXRoLnJvdW5kKChhLW5ldyBEYXRlKHUpKS8xZTMvNjApLHM9MTUqLU1hdGgucm91bmQoYS5nZXRUaW1lem9uZU9mZnNldCgpLzE1KS1mO2lmKCFOdW1iZXIocykpbj10aGlzLnV0Y09mZnNldCgwLGUpO2Vsc2UgaWYobj1vKHUse2xvY2FsZTp0aGlzLiRMfSkuJHNldChcIm1pbGxpc2Vjb25kXCIsdGhpcy4kbXMpLnV0Y09mZnNldChzLCEwKSxlKXt2YXIgbT1uLnV0Y09mZnNldCgpO249bi5hZGQoaS1tLFwibWludXRlXCIpfXJldHVybiBuLiR4LiR0aW1lem9uZT10LG59LGYub2Zmc2V0TmFtZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLiR4LiR0aW1lem9uZXx8by50ei5ndWVzcygpLG49YSh0aGlzLnZhbHVlT2YoKSxlLHt0aW1lWm9uZU5hbWU6dH0pLmZpbmQoKGZ1bmN0aW9uKHQpe3JldHVyblwidGltZXpvbmVuYW1lXCI9PT10LnR5cGUudG9Mb3dlckNhc2UoKX0pKTtyZXR1cm4gbiYmbi52YWx1ZX07dmFyIHM9Zi5zdGFydE9mO2Yuc3RhcnRPZj1mdW5jdGlvbih0LGUpe2lmKCF0aGlzLiR4fHwhdGhpcy4keC4kdGltZXpvbmUpcmV0dXJuIHMuY2FsbCh0aGlzLHQsZSk7dmFyIG49byh0aGlzLmZvcm1hdChcIllZWVktTU0tREQgSEg6bW06c3M6U1NTXCIpLHtsb2NhbGU6dGhpcy4kTH0pO3JldHVybiBzLmNhbGwobix0LGUpLnR6KHRoaXMuJHguJHRpbWV6b25lLCEwKX0sby50ej1mdW5jdGlvbih0LGUsbil7dmFyIGk9biYmZSxhPW58fGV8fHIsZj11KCtvKCksYSk7aWYoXCJzdHJpbmdcIiE9dHlwZW9mIHQpcmV0dXJuIG8odCkudHooYSk7dmFyIHM9ZnVuY3Rpb24odCxlLG4pe3ZhciBpPXQtNjAqZSoxZTMsbz11KGksbik7aWYoZT09PW8pcmV0dXJuW2ksZV07dmFyIHI9dShpLT02MCooby1lKSoxZTMsbik7cmV0dXJuIG89PT1yP1tpLG9dOlt0LTYwKk1hdGgubWluKG8scikqMWUzLE1hdGgubWF4KG8scildfShvLnV0Yyh0LGkpLnZhbHVlT2YoKSxmLGEpLG09c1swXSxjPXNbMV0sZD1vKG0pLnV0Y09mZnNldChjKTtyZXR1cm4gZC4keC4kdGltZXpvbmU9YSxkfSxvLnR6Lmd1ZXNzPWZ1bmN0aW9uKCl7cmV0dXJuIEludGwuRGF0ZVRpbWVGb3JtYXQoKS5yZXNvbHZlZE9wdGlvbnMoKS50aW1lWm9uZX0sby50ei5zZXREZWZhdWx0PWZ1bmN0aW9uKHQpe3I9dH19fSkpOyIsICIhZnVuY3Rpb24oZSx0KXtcIm9iamVjdFwiPT10eXBlb2YgZXhwb3J0cyYmXCJ1bmRlZmluZWRcIiE9dHlwZW9mIG1vZHVsZT9tb2R1bGUuZXhwb3J0cz10KCk6XCJmdW5jdGlvblwiPT10eXBlb2YgZGVmaW5lJiZkZWZpbmUuYW1kP2RlZmluZSh0KTooZT1cInVuZGVmaW5lZFwiIT10eXBlb2YgZ2xvYmFsVGhpcz9nbG9iYWxUaGlzOmV8fHNlbGYpLmRheWpzX3BsdWdpbl9pc29XZWVrPXQoKX0odGhpcywoZnVuY3Rpb24oKXtcInVzZSBzdHJpY3RcIjt2YXIgZT1cImRheVwiO3JldHVybiBmdW5jdGlvbih0LGkscyl7dmFyIGE9ZnVuY3Rpb24odCl7cmV0dXJuIHQuYWRkKDQtdC5pc29XZWVrZGF5KCksZSl9LGQ9aS5wcm90b3R5cGU7ZC5pc29XZWVrWWVhcj1mdW5jdGlvbigpe3JldHVybiBhKHRoaXMpLnllYXIoKX0sZC5pc29XZWVrPWZ1bmN0aW9uKHQpe2lmKCF0aGlzLiR1dGlscygpLnUodCkpcmV0dXJuIHRoaXMuYWRkKDcqKHQtdGhpcy5pc29XZWVrKCkpLGUpO3ZhciBpLGQsbixvLHI9YSh0aGlzKSx1PShpPXRoaXMuaXNvV2Vla1llYXIoKSxkPXRoaXMuJHUsbj0oZD9zLnV0YzpzKSgpLnllYXIoaSkuc3RhcnRPZihcInllYXJcIiksbz00LW4uaXNvV2Vla2RheSgpLG4uaXNvV2Vla2RheSgpPjQmJihvKz03KSxuLmFkZChvLGUpKTtyZXR1cm4gci5kaWZmKHUsXCJ3ZWVrXCIpKzF9LGQuaXNvV2Vla2RheT1mdW5jdGlvbihlKXtyZXR1cm4gdGhpcy4kdXRpbHMoKS51KGUpP3RoaXMuZGF5KCl8fDc6dGhpcy5kYXkodGhpcy5kYXkoKSU3P2U6ZS03KX07dmFyIG49ZC5zdGFydE9mO2Quc3RhcnRPZj1mdW5jdGlvbihlLHQpe3ZhciBpPXRoaXMuJHV0aWxzKCkscz0hIWkudSh0KXx8dDtyZXR1cm5cImlzb3dlZWtcIj09PWkucChlKT9zP3RoaXMuZGF0ZSh0aGlzLmRhdGUoKS0odGhpcy5pc29XZWVrZGF5KCktMSkpLnN0YXJ0T2YoXCJkYXlcIik6dGhpcy5kYXRlKHRoaXMuZGF0ZSgpLTEtKHRoaXMuaXNvV2Vla2RheSgpLTEpKzcpLmVuZE9mKFwiZGF5XCIpOm4uYmluZCh0aGlzKShlLHQpfX19KSk7IiwgImxldCB0b2tlbkNvdW50ZXIgPSAwO1xuLyoqXG4gKiBDcmVhdGVzIGEgbmV3IHVuaXF1ZSB0b2tlbiBmb3IgZGVwZW5kZW5jeSBpbmplY3Rpb24uXG4gKlxuICogQHBhcmFtIGRlc2NyaXB0aW9uIE9wdGlvbmFsIGRlc2NyaXB0aW9uIGZvciBkZWJ1Z2dpbmcgcHVycG9zZXNcbiAqIEByZXR1cm5zIEEgdW5pcXVlIHRva2VuIHRoYXQgY2FuIGJlIHVzZWQgYXMgYSBNYXAga2V5XG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHRzXG4gKiBpbnRlcmZhY2UgSUxvZ2dlciB7IGxvZyhtc2c6IHN0cmluZyk6IHZvaWQgfVxuICogY29uc3QgTG9nZ2VyVG9rZW4gPSBUb2tlbjxJTG9nZ2VyPignTG9nZ2VyJylcbiAqIGBgYFxuICovXG5leHBvcnQgZnVuY3Rpb24gVG9rZW4oZGVzY3JpcHRpb24pIHtcbiAgICBjb25zdCBpZCA9ICsrdG9rZW5Db3VudGVyO1xuICAgIGNvbnN0IHN5bSA9IFN5bWJvbChkZXNjcmlwdGlvbiA/IGBUb2tlbigke2Rlc2NyaXB0aW9ufSlgIDogYFRva2VuIyR7aWR9YCk7XG4gICAgY29uc3QgdG9rZW4gPSB7XG4gICAgICAgIHN5bWJvbDogc3ltLFxuICAgICAgICBkZXNjcmlwdGlvbixcbiAgICAgICAgdG9TdHJpbmcoKSB7XG4gICAgICAgICAgICByZXR1cm4gZGVzY3JpcHRpb25cbiAgICAgICAgICAgICAgICA/IGBUb2tlbjwke2Rlc2NyaXB0aW9ufT5gXG4gICAgICAgICAgICAgICAgOiBgVG9rZW48IyR7aWR9PmA7XG4gICAgICAgIH1cbiAgICB9O1xuICAgIHJldHVybiB0b2tlbjtcbn1cbi8qKlxuICogQ3JlYXRlcyBhIG5ldyB1bmlxdWUgdG9rZW4gd2l0aG91dCBhIHN0cmluZyBsaXRlcmFsLlxuICogUHJlZmVycmVkIGZvciBBdXRvZmFjLXN0eWxlIERJIHRvIGF2b2lkIHN0cmluZyBsaXRlcmFscy5cbiAqXG4gKiBAcmV0dXJucyBBIHVuaXF1ZSB0b2tlbiB0aGF0IGNhbiBiZSB1c2VkIGFzIGEgTWFwIGtleVxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGB0c1xuICogaW50ZXJmYWNlIElMb2dnZXIgeyBsb2cobXNnOiBzdHJpbmcpOiB2b2lkIH1cbiAqIGNvbnN0IExvZ2dlclRva2VuID0gdG9rZW48SUxvZ2dlcj4oKVxuICogYGBgXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB0b2tlbigpIHtcbiAgICByZXR1cm4gVG9rZW4oKTtcbn1cbiIsICIvKipcbiAqIEVycm9yIGNsYXNzZXMgZm9yIE5vdmFESSBjb250YWluZXJcbiAqL1xuZXhwb3J0IGNsYXNzIENvbnRhaW5lckVycm9yIGV4dGVuZHMgRXJyb3Ige1xuICAgIGNvbnN0cnVjdG9yKG1lc3NhZ2UpIHtcbiAgICAgICAgc3VwZXIobWVzc2FnZSk7XG4gICAgICAgIHRoaXMubmFtZSA9ICdDb250YWluZXJFcnJvcic7XG4gICAgfVxufVxuZXhwb3J0IGNsYXNzIEJpbmRpbmdOb3RGb3VuZEVycm9yIGV4dGVuZHMgQ29udGFpbmVyRXJyb3Ige1xuICAgIGNvbnN0cnVjdG9yKHRva2VuRGVzY3JpcHRpb24sIHBhdGggPSBbXSkge1xuICAgICAgICBjb25zdCBwYXRoU3RyID0gcGF0aC5sZW5ndGggPiAwID8gYFxcbiAgRGVwZW5kZW5jeSBwYXRoOiAke3BhdGguam9pbignIC0+ICcpfWAgOiAnJztcbiAgICAgICAgc3VwZXIoYFRva2VuIFwiJHt0b2tlbkRlc2NyaXB0aW9ufVwiIGlzIG5vdCBib3VuZCBvciByZWdpc3RlcmVkIGluIHRoZSBjb250YWluZXIuJHtwYXRoU3RyfWApO1xuICAgICAgICB0aGlzLm5hbWUgPSAnQmluZGluZ05vdEZvdW5kRXJyb3InO1xuICAgIH1cbn1cbmV4cG9ydCBjbGFzcyBDaXJjdWxhckRlcGVuZGVuY3lFcnJvciBleHRlbmRzIENvbnRhaW5lckVycm9yIHtcbiAgICBjb25zdHJ1Y3RvcihwYXRoKSB7XG4gICAgICAgIHN1cGVyKGBDaXJjdWxhciBkZXBlbmRlbmN5IGRldGVjdGVkOiAke3BhdGguam9pbignIC0+ICcpfWApO1xuICAgICAgICB0aGlzLm5hbWUgPSAnQ2lyY3VsYXJEZXBlbmRlbmN5RXJyb3InO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIEF1dG9XaXJlIC0gQXV0b21hdGljIGRlcGVuZGVuY3kgaW5qZWN0aW9uIGZvciBOb3ZhRElcbiAqIFN1cHBvcnRzIHR3byBzdHJhdGVnaWVzOiBtYXBSZXNvbHZlcnMgKHRyYW5zZm9ybWVyLWdlbmVyYXRlZCkgYW5kIG1hcCAobWFudWFsIG92ZXJyaWRlKVxuICovXG4vKipcbiAqIFBlcmZvcm1hbmNlOiBDYWNoZSBleHRyYWN0ZWQgcGFyYW1ldGVyIG5hbWVzIHRvIGF2b2lkIHJlcGVhdGVkIHJlZ2V4IHBhcnNpbmdcbiAqIFdlYWtNYXAgYWxsb3dzIGdhcmJhZ2UgY29sbGVjdGlvbiB3aGVuIGNvbnN0cnVjdG9yIGlzIG5vIGxvbmdlciByZWZlcmVuY2VkXG4gKi9cbmNvbnN0IHBhcmFtTmFtZUNhY2hlID0gbmV3IFdlYWtNYXAoKTtcbi8qKlxuICogRXh0cmFjdCBwYXJhbWV0ZXIgbmFtZXMgZnJvbSBhIGNvbnN0cnVjdG9yIGZ1bmN0aW9uXG4gKiBVc2VzIHJlZ2V4IHRvIHBhcnNlIHRoZSB0b1N0cmluZygpIHJlcHJlc2VudGF0aW9uXG4gKiBQZXJmb3JtYW5jZSBvcHRpbWl6ZWQ6IFJlc3VsdHMgYXJlIGNhY2hlZCBwZXIgY29uc3RydWN0b3JcbiAqXG4gKiBOb3RlOiBPbmx5IHVzZWQgYnkgcmVzb2x2ZUJ5TWFwKCkgZm9yIG1hbnVhbCBtYXAgc3RyYXRlZ3lcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGV4dHJhY3RQYXJhbWV0ZXJOYW1lcyhjb25zdHJ1Y3Rvcikge1xuICAgIC8vIENoZWNrIGNhY2hlIGZpcnN0IC0gYXZvaWRzIGV4cGVuc2l2ZSByZWdleCBwYXJzaW5nXG4gICAgY29uc3QgY2FjaGVkID0gcGFyYW1OYW1lQ2FjaGUuZ2V0KGNvbnN0cnVjdG9yKTtcbiAgICBpZiAoY2FjaGVkKSB7XG4gICAgICAgIHJldHVybiBjYWNoZWQ7XG4gICAgfVxuICAgIC8vIEV4dHJhY3QgcGFyYW1ldGVyIG5hbWVzIChleHBlbnNpdmUgb3BlcmF0aW9uKVxuICAgIGNvbnN0IGZuU3RyID0gY29uc3RydWN0b3IudG9TdHJpbmcoKTtcbiAgICAvLyBNYXRjaCBjb25zdHJ1Y3RvciguLi5hcmdzKSBvciBjbGFzcyB7IGNvbnN0cnVjdG9yKC4uLmFyZ3MpIH1cbiAgICBjb25zdCBtYXRjaCA9IGZuU3RyLm1hdGNoKC9jb25zdHJ1Y3RvclxccypcXCgoW14pXSopXFwpLykgfHwgZm5TdHIubWF0Y2goL15bXihdKlxcKChbXildKilcXCkvKTtcbiAgICBpZiAoIW1hdGNoIHx8ICFtYXRjaFsxXSkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuICAgIGNvbnN0IHBhcmFtcyA9IG1hdGNoWzFdXG4gICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgIC5tYXAocGFyYW0gPT4gcGFyYW0udHJpbSgpKVxuICAgICAgICAuZmlsdGVyKHBhcmFtID0+IHBhcmFtLmxlbmd0aCA+IDApXG4gICAgICAgIC5tYXAocGFyYW0gPT4ge1xuICAgICAgICAvLyBSZW1vdmUgZGVmYXVsdCB2YWx1ZXMsIHR5cGUgYW5ub3RhdGlvbnMsIGFuZCBleHRyYWN0IGp1c3QgdGhlIG5hbWVcbiAgICAgICAgbGV0IG5hbWUgPSBwYXJhbS5zcGxpdCgvWzo9XS8pWzBdLnRyaW0oKTtcbiAgICAgICAgLy8gUmVtb3ZlIFR5cGVTY3JpcHQgbW9kaWZpZXJzIChwdWJsaWMsIHByaXZhdGUsIHByb3RlY3RlZCwgcmVhZG9ubHkpXG4gICAgICAgIC8vIENhbiBhcHBlYXIgbXVsdGlwbGUgdGltZXMsIGUuZy4sIFwicHVibGljIHJlYWRvbmx5IHNlcnZpY2VcIlxuICAgICAgICBuYW1lID0gbmFtZS5yZXBsYWNlKC9eKChwdWJsaWN8cHJpdmF0ZXxwcm90ZWN0ZWR8cmVhZG9ubHkpXFxzKykrLywgJycpO1xuICAgICAgICAvLyBIYW5kbGUgZGVzdHJ1Y3R1cmluZyAtIHNraXAgZm9yIG5vd1xuICAgICAgICBpZiAobmFtZS5pbmNsdWRlcygneycpIHx8IG5hbWUuaW5jbHVkZXMoJ1snKSkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG5hbWU7XG4gICAgfSlcbiAgICAgICAgLmZpbHRlcigobmFtZSkgPT4gbmFtZSAhPT0gbnVsbCk7XG4gICAgLy8gQ2FjaGUgcmVzdWx0IGZvciBmdXR1cmUgY2FsbHNcbiAgICBwYXJhbU5hbWVDYWNoZS5zZXQoY29uc3RydWN0b3IsIHBhcmFtcyk7XG4gICAgcmV0dXJuIHBhcmFtcztcbn1cbi8qKlxuICogUmVzb2x2ZSBkZXBlbmRlbmNpZXMgdXNpbmcgbWFwIHN0cmF0ZWd5XG4gKiBVc2VzIGV4cGxpY2l0IG1hcHBpbmcgZnJvbSBwYXJhbWV0ZXIgbmFtZXMgdG8gcmVzb2x2ZXJzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiByZXNvbHZlQnlNYXAoY29uc3RydWN0b3IsIGNvbnRhaW5lciwgb3B0aW9ucykge1xuICAgIGlmICghb3B0aW9ucy5tYXApIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdBdXRvV2lyZSBtYXAgc3RyYXRlZ3kgcmVxdWlyZXMgb3B0aW9ucy5tYXAgdG8gYmUgZGVmaW5lZCcpO1xuICAgIH1cbiAgICBjb25zdCBwYXJhbU5hbWVzID0gZXh0cmFjdFBhcmFtZXRlck5hbWVzKGNvbnN0cnVjdG9yKTtcbiAgICBjb25zdCByZXNvbHZlZERlcHMgPSBbXTtcbiAgICBmb3IgKGNvbnN0IHBhcmFtTmFtZSBvZiBwYXJhbU5hbWVzKSB7XG4gICAgICAgIGNvbnN0IHJlc29sdmVyID0gb3B0aW9ucy5tYXBbcGFyYW1OYW1lXTtcbiAgICAgICAgaWYgKHJlc29sdmVyID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIGlmIChvcHRpb25zLnN0cmljdCkge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgQ2Fubm90IHJlc29sdmUgcGFyYW1ldGVyIFwiJHtwYXJhbU5hbWV9XCIgb24gJHtjb25zdHJ1Y3Rvci5uYW1lfS4gYCArXG4gICAgICAgICAgICAgICAgICAgIGBOb3QgZm91bmQgaW4gYXV0b3dpcmUgbWFwLiBgICtcbiAgICAgICAgICAgICAgICAgICAgYEFkZCBpdCB0byB0aGUgbWFwOiAuYXV0b1dpcmUoeyBtYXA6IHsgJHtwYXJhbU5hbWV9OiAuLi4gfSB9KWApO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gU2lsZW50bHkgcHVzaCB1bmRlZmluZWQgZm9yIG1pc3NpbmcgcGFyYW1ldGVyc1xuICAgICAgICAgICAgICAgIC8vIFRoaXMgaXMgZXhwZWN0ZWQ6IHRyYW5zZm9ybWVyIGZpbHRlcnMgb3V0IHByaW1pdGl2ZSB0eXBlcyBhdCBjb21waWxlLXRpbWUsXG4gICAgICAgICAgICAgICAgLy8gc28gbWlzc2luZyBwYXJhbXMgYXJlIHR5cGljYWxseSBwcmltaXRpdmVzIHRoYXQgZG9uJ3QgbmVlZCBESSByZXNvbHV0aW9uXG4gICAgICAgICAgICAgICAgcmVzb2x2ZWREZXBzLnB1c2godW5kZWZpbmVkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICB9XG4gICAgICAgIC8vIFJlc29sdmVyIGNhbiBiZSBhIGZ1bmN0aW9uIG9yIGEgVG9rZW5cbiAgICAgICAgaWYgKHR5cGVvZiByZXNvbHZlciA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICAgICAgcmVzb2x2ZWREZXBzLnB1c2gocmVzb2x2ZXIoY29udGFpbmVyKSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBBc3N1bWUgaXQncyBhIFRva2VuXG4gICAgICAgICAgICByZXNvbHZlZERlcHMucHVzaChjb250YWluZXIucmVzb2x2ZShyZXNvbHZlcikpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiByZXNvbHZlZERlcHM7XG59XG4vKipcbiAqIFJlc29sdmUgZGVwZW5kZW5jaWVzIHVzaW5nIG1hcFJlc29sdmVycyBhcnJheSBzdHJhdGVneVxuICogT1BUSU1BTCBQRVJGT1JNQU5DRTogTygxKSBhcnJheSBhY2Nlc3MgcGVyIHBhcmFtZXRlclxuICogTWluaWZpY2F0aW9uLXNhZmU6IFVzZXMgcG9zaXRpb24tYmFzZWQgYXJyYXlcbiAqIFJlZmFjdG9yaW5nLWZyaWVuZGx5OiBUcmFuc2Zvcm1lciByZWdlbmVyYXRlcyBhcnJheSBvbiByZWNvbXBpbGVcbiAqXG4gKiBSZXF1aXJlcyBidWlsZC10aW1lIHRyYW5zZm9ybWVyIHRvIGdlbmVyYXRlIG1hcFJlc29sdmVycyBhcnJheVxuICovXG5leHBvcnQgZnVuY3Rpb24gcmVzb2x2ZUJ5TWFwUmVzb2x2ZXJzKF9jb25zdHJ1Y3RvciwgY29udGFpbmVyLCBvcHRpb25zKSB7XG4gICAgaWYgKCFvcHRpb25zLm1hcFJlc29sdmVycyB8fCBvcHRpb25zLm1hcFJlc29sdmVycy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIFtdO1xuICAgIH1cbiAgICBjb25zdCByZXNvbHZlZERlcHMgPSBbXTtcbiAgICAvLyBTaW1wbGUgTygxKSBhcnJheSBhY2Nlc3MgLSB1bHRyYSBmYXN0IVxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgb3B0aW9ucy5tYXBSZXNvbHZlcnMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgY29uc3QgcmVzb2x2ZXIgPSBvcHRpb25zLm1hcFJlc29sdmVyc1tpXTtcbiAgICAgICAgaWYgKHJlc29sdmVyID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIC8vIHVuZGVmaW5lZCBpbmRpY2F0ZXMgcHJpbWl0aXZlIHR5cGUgb3IgcGFyYW1ldGVyIHdpdGhvdXQgRElcbiAgICAgICAgICAgIHJlc29sdmVkRGVwcy5wdXNoKHVuZGVmaW5lZCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAodHlwZW9mIHJlc29sdmVyID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgICAgICAvLyBSZXNvbHZlciBmdW5jdGlvbjogKGMpID0+IGMucmVzb2x2ZVR5cGUoLi4uKVxuICAgICAgICAgICAgcmVzb2x2ZWREZXBzLnB1c2gocmVzb2x2ZXIoY29udGFpbmVyKSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBUb2tlbi1iYXNlZCByZXNvbHV0aW9uXG4gICAgICAgICAgICByZXNvbHZlZERlcHMucHVzaChjb250YWluZXIucmVzb2x2ZShyZXNvbHZlcikpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiByZXNvbHZlZERlcHM7XG59XG4vKipcbiAqIE1haW4gYXV0b3dpcmUgZnVuY3Rpb24gLSBkaXNwYXRjaGVzIHRvIGFwcHJvcHJpYXRlIHN0cmF0ZWd5XG4gKiBQcmlvcml0eTogbWFwUmVzb2x2ZXJzICh0cmFuc2Zvcm1lci1nZW5lcmF0ZWQpID4gbWFwIChtYW51YWwgb3ZlcnJpZGUpXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBhdXRvd2lyZShjb25zdHJ1Y3RvciwgY29udGFpbmVyLCBvcHRpb25zKSB7XG4gICAgY29uc3Qgb3B0cyA9IHtcbiAgICAgICAgYnk6ICdwYXJhbU5hbWUnLFxuICAgICAgICBzdHJpY3Q6IGZhbHNlLFxuICAgICAgICAuLi5vcHRpb25zXG4gICAgfTtcbiAgICAvLyBISUdIRVNUIFBSSU9SSVRZOiBtYXBSZXNvbHZlcnMgYXJyYXkgKHRyYW5zZm9ybWVyLWdlbmVyYXRlZCwgb3B0aW1hbCBwZXJmb3JtYW5jZSlcbiAgICAvLyBPKDEpIGFycmF5IGFjY2VzcyBwZXIgcGFyYW1ldGVyIC0gbWluaWZpY2F0aW9uLXNhZmUgYW5kIHJlZmFjdG9yaW5nLWZyaWVuZGx5XG4gICAgaWYgKG9wdHMubWFwUmVzb2x2ZXJzICYmIG9wdHMubWFwUmVzb2x2ZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgcmV0dXJuIHJlc29sdmVCeU1hcFJlc29sdmVycyhjb25zdHJ1Y3RvciwgY29udGFpbmVyLCBvcHRzKTtcbiAgICB9XG4gICAgLy8gRkFMTEJBQ0s6IE1hbnVhbCBtYXAgc3RyYXRlZ3kgZm9yIGV4cGxpY2l0IG92ZXJyaWRlc1xuICAgIGlmIChvcHRzLm1hcCAmJiBPYmplY3Qua2V5cyhvcHRzLm1hcCkubGVuZ3RoID4gMCkge1xuICAgICAgICByZXR1cm4gcmVzb2x2ZUJ5TWFwKGNvbnN0cnVjdG9yLCBjb250YWluZXIsIG9wdHMpO1xuICAgIH1cbiAgICAvLyBObyBhdXRvd2lyaW5nIGNvbmZpZ3VyZWQsIHJldHVybiBlbXB0eSBhcnJheVxuICAgIHJldHVybiBbXTtcbn1cbiIsICIvKipcbiAqIEZsdWVudCBidWlsZGVyIEFQSSBmb3IgTm92YURJIENvbnRhaW5lciAoQXV0b2ZhYy1zdHlsZSlcbiAqL1xuaW1wb3J0IHsgVG9rZW4gfSBmcm9tICcuL3Rva2VuLmpzJztcbmltcG9ydCB7IGF1dG93aXJlIH0gZnJvbSAnLi9hdXRvd2lyZS5qcyc7XG4vKipcbiAqIEZsdWVudCByZWdpc3RyYXRpb24gYnVpbGRlciByZXR1cm5lZCBhZnRlciBlYWNoIHJlZ2lzdHJhdGlvbiBtZXRob2RcbiAqL1xuZXhwb3J0IGNsYXNzIFJlZ2lzdHJhdGlvbkJ1aWxkZXIge1xuICAgIGNvbnN0cnVjdG9yKHBlbmRpbmcsIHJlZ2lzdHJhdGlvbnMpIHtcbiAgICAgICAgdGhpcy5yZWdpc3RyYXRpb25zID0gcmVnaXN0cmF0aW9ucztcbiAgICAgICAgdGhpcy5jb25maWdzID0gW107XG4gICAgICAgIHRoaXMuZGVmYXVsdExpZmV0aW1lID0gJ3NpbmdsZXRvbic7XG4gICAgICAgIHRoaXMucGVuZGluZyA9IHBlbmRpbmc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJpbmQgdGhpcyByZWdpc3RyYXRpb24gdG8gYSB0b2tlbiBvciBpbnRlcmZhY2UgdHlwZVxuICAgICAqXG4gICAgICogQG92ZXJsb2FkXG4gICAgICogQHBhcmFtIHtUb2tlbjxVPn0gdG9rZW4gLSBFeHBsaWNpdCB0b2tlbiBmb3IgYmluZGluZ1xuICAgICAqXG4gICAgICogQG92ZXJsb2FkXG4gICAgICogQHBhcmFtIHtzdHJpbmd9IHR5cGVOYW1lIC0gSW50ZXJmYWNlIHR5cGUgbmFtZSAoYXV0by1nZW5lcmF0ZWQgYnkgdHJhbnNmb3JtZXIpXG4gICAgICovXG4gICAgYXModG9rZW5PclR5cGVOYW1lKSB7XG4gICAgICAgIC8vIENoZWNrIGlmIGFyZ3VtZW50IGlzIGEgVG9rZW4gb2JqZWN0IChoYXMgc3ltYm9sIHByb3BlcnR5KVxuICAgICAgICBpZiAodG9rZW5PclR5cGVOYW1lICYmIHR5cGVvZiB0b2tlbk9yVHlwZU5hbWUgPT09ICdvYmplY3QnICYmICdzeW1ib2wnIGluIHRva2VuT3JUeXBlTmFtZSkge1xuICAgICAgICAgICAgLy8gVG9rZW4tYmFzZWQgcmVnaXN0cmF0aW9uXG4gICAgICAgICAgICBjb25zdCBjb25maWcgPSB7XG4gICAgICAgICAgICAgICAgdG9rZW46IHRva2VuT3JUeXBlTmFtZSxcbiAgICAgICAgICAgICAgICB0eXBlOiB0aGlzLnBlbmRpbmcudHlwZSxcbiAgICAgICAgICAgICAgICB2YWx1ZTogdGhpcy5wZW5kaW5nLnZhbHVlLFxuICAgICAgICAgICAgICAgIGZhY3Rvcnk6IHRoaXMucGVuZGluZy5mYWN0b3J5LFxuICAgICAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB0aGlzLnBlbmRpbmcuY29uc3RydWN0b3IsXG4gICAgICAgICAgICAgICAgbGlmZXRpbWU6IHRoaXMuZGVmYXVsdExpZmV0aW1lXG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgdGhpcy5jb25maWdzLnB1c2goY29uZmlnKTtcbiAgICAgICAgICAgIHRoaXMucmVnaXN0cmF0aW9ucy5wdXNoKGNvbmZpZyk7XG4gICAgICAgICAgICByZXR1cm4gdGhpcztcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIEludGVyZmFjZS1iYXNlZCByZWdpc3RyYXRpb24gKHR5cGVOYW1lIHN0cmluZyBvciB1bmRlZmluZWQpXG4gICAgICAgICAgICBjb25zdCBjb25maWcgPSB7XG4gICAgICAgICAgICAgICAgdG9rZW46IG51bGwsIC8vIFdpbGwgYmUgc2V0IGR1cmluZyBidWlsZCgpXG4gICAgICAgICAgICAgICAgdHlwZTogdGhpcy5wZW5kaW5nLnR5cGUsXG4gICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucGVuZGluZy52YWx1ZSxcbiAgICAgICAgICAgICAgICBmYWN0b3J5OiB0aGlzLnBlbmRpbmcuZmFjdG9yeSxcbiAgICAgICAgICAgICAgICBjb25zdHJ1Y3RvcjogdGhpcy5wZW5kaW5nLmNvbnN0cnVjdG9yLFxuICAgICAgICAgICAgICAgIGxpZmV0aW1lOiB0aGlzLmRlZmF1bHRMaWZldGltZSxcbiAgICAgICAgICAgICAgICBpbnRlcmZhY2VUeXBlOiB0b2tlbk9yVHlwZU5hbWVcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICB0aGlzLmNvbmZpZ3MucHVzaChjb25maWcpO1xuICAgICAgICAgICAgdGhpcy5yZWdpc3RyYXRpb25zLnB1c2goY29uZmlnKTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlZ2lzdGVyIGFzIGRlZmF1bHQgaW1wbGVtZW50YXRpb24gZm9yIGFuIGludGVyZmFjZVxuICAgICAqIENvbWJpbmVzIGFzKCkgKyBhc0RlZmF1bHQoKVxuICAgICAqL1xuICAgIGFzRGVmYXVsdEludGVyZmFjZSh0eXBlTmFtZSkge1xuICAgICAgICB0aGlzLmFzKFwiVEludGVyZmFjZVwiLCB0eXBlTmFtZSk7XG4gICAgICAgIHJldHVybiB0aGlzLmFzRGVmYXVsdCgpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhcyBhIGtleWVkIGludGVyZmFjZSBpbXBsZW1lbnRhdGlvblxuICAgICAqIENvbWJpbmVzIGFzKCkgKyBrZXllZCgpXG4gICAgICovXG4gICAgYXNLZXllZEludGVyZmFjZShrZXksIHR5cGVOYW1lKSB7XG4gICAgICAgIHRoaXMuYXMoXCJUSW50ZXJmYWNlXCIsIHR5cGVOYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXMua2V5ZWQoa2V5KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVnaXN0ZXIgYXMgbXVsdGlwbGUgaW1wbGVtZW50ZWQgaW50ZXJmYWNlc1xuICAgICAqL1xuICAgIGFzSW1wbGVtZW50ZWRJbnRlcmZhY2VzKHRva2Vucykge1xuICAgICAgICBpZiAodG9rZW5zLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgICAgIH1cbiAgICAgICAgLy8gSWYgdGhlcmUgYXJlIGV4aXN0aW5nIGNvbmZpZ3MgKGZyb20gcHJldmlvdXMgYXMoKSBjYWxscyksIGFkZCB0aGVzZSBhcyBhZGRpdGlvbmFsIGludGVyZmFjZXNcbiAgICAgICAgaWYgKHRoaXMuY29uZmlncy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAvLyBBZGQgYWxsIHRva2VucyBhcyBhZGRpdGlvbmFsIGludGVyZmFjZXMgdG8gZXhpc3RpbmcgY29uZmlnc1xuICAgICAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICAgICAgY29uZmlnLmxpZmV0aW1lID0gJ3NpbmdsZXRvbic7IC8vIGFzSW1wbGVtZW50ZWRJbnRlcmZhY2VzIGRlZmF1bHRzIHRvIHNpbmdsZXRvblxuICAgICAgICAgICAgICAgIGNvbmZpZy5hZGRpdGlvbmFsVG9rZW5zID0gY29uZmlnLmFkZGl0aW9uYWxUb2tlbnMgfHwgW107XG4gICAgICAgICAgICAgICAgY29uZmlnLmFkZGl0aW9uYWxUb2tlbnMucHVzaCguLi50b2tlbnMpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTm8gZXhpc3RpbmcgY29uZmlncywgY3JlYXRlIG5ldyBvbmUgd2l0aCBmaXJzdCB0b2tlblxuICAgICAgICBjb25zdCBmaXJzdENvbmZpZyA9IHtcbiAgICAgICAgICAgIHRva2VuOiB0b2tlbnNbMF0sXG4gICAgICAgICAgICB0eXBlOiB0aGlzLnBlbmRpbmcudHlwZSxcbiAgICAgICAgICAgIHZhbHVlOiB0aGlzLnBlbmRpbmcudmFsdWUsXG4gICAgICAgICAgICBmYWN0b3J5OiB0aGlzLnBlbmRpbmcuZmFjdG9yeSxcbiAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB0aGlzLnBlbmRpbmcuY29uc3RydWN0b3IsXG4gICAgICAgICAgICBsaWZldGltZTogJ3NpbmdsZXRvbidcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5jb25maWdzLnB1c2goZmlyc3RDb25maWcpO1xuICAgICAgICB0aGlzLnJlZ2lzdHJhdGlvbnMucHVzaChmaXJzdENvbmZpZyk7XG4gICAgICAgIC8vIEFkZGl0aW9uYWwgdG9rZW5zIHJlZmVyZW5jZSB0aGUgc2FtZSByZWdpc3RyYXRpb25cbiAgICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCB0b2tlbnMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGZpcnN0Q29uZmlnLmFkZGl0aW9uYWxUb2tlbnMgPSBmaXJzdENvbmZpZy5hZGRpdGlvbmFsVG9rZW5zIHx8IFtdO1xuICAgICAgICAgICAgZmlyc3RDb25maWcuYWRkaXRpb25hbFRva2Vucy5wdXNoKHRva2Vuc1tpXSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNldCBzaW5nbGV0b24gbGlmZXRpbWUgKG9uZSBpbnN0YW5jZSBmb3IgZW50aXJlIGNvbnRhaW5lcilcbiAgICAgKi9cbiAgICBzaW5nbGVJbnN0YW5jZSgpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICBjb25maWcubGlmZXRpbWUgPSAnc2luZ2xldG9uJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2V0IHBlci1yZXF1ZXN0IGxpZmV0aW1lIChvbmUgaW5zdGFuY2UgcGVyIHJlc29sdmUgY2FsbCB0cmVlKVxuICAgICAqL1xuICAgIGluc3RhbmNlUGVyUmVxdWVzdCgpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICBjb25maWcubGlmZXRpbWUgPSAncGVyLXJlcXVlc3QnO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTZXQgdHJhbnNpZW50IGxpZmV0aW1lIChuZXcgaW5zdGFuY2UgZXZlcnkgdGltZSlcbiAgICAgKiBBbGlhcyBmb3IgZGVmYXVsdCBiZWhhdmlvclxuICAgICAqL1xuICAgIGluc3RhbmNlUGVyRGVwZW5kZW5jeSgpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICBjb25maWcubGlmZXRpbWUgPSAndHJhbnNpZW50JztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogTmFtZSB0aGlzIHJlZ2lzdHJhdGlvbiBmb3IgbmFtZWQgcmVzb2x1dGlvblxuICAgICAqL1xuICAgIG5hbWVkKG5hbWUpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICBjb25maWcubmFtZSA9IG5hbWU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEtleSB0aGlzIHJlZ2lzdHJhdGlvbiBmb3Iga2V5ZWQgcmVzb2x1dGlvblxuICAgICAqL1xuICAgIGtleWVkKGtleSkge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5rZXkgPSBrZXk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE1hcmsgdGhpcyBhcyBkZWZhdWx0IHJlZ2lzdHJhdGlvblxuICAgICAqIERlZmF1bHQgcmVnaXN0cmF0aW9ucyBkb24ndCBvdmVycmlkZSBleGlzdGluZyBvbmVzXG4gICAgICovXG4gICAgYXNEZWZhdWx0KCkge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5pc0RlZmF1bHQgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBPbmx5IHJlZ2lzdGVyIGlmIHRva2VuIG5vdCBhbHJlYWR5IHJlZ2lzdGVyZWRcbiAgICAgKi9cbiAgICBpZk5vdFJlZ2lzdGVyZWQoKSB7XG4gICAgICAgIGZvciAoY29uc3QgY29uZmlnIG9mIHRoaXMuY29uZmlncykge1xuICAgICAgICAgICAgY29uZmlnLmlmTm90UmVnaXN0ZXJlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNwZWNpZnkgcGFyYW1ldGVyIHZhbHVlcyBmb3IgY29uc3RydWN0b3IgKHByaW1pdGl2ZXMgYW5kIGNvbnN0YW50cylcbiAgICAgKiBVc2UgdGhpcyBmb3Igbm9uLURJIHBhcmFtZXRlcnMgbGlrZSBzdHJpbmdzLCBudW1iZXJzLCBjb25maWcgdmFsdWVzXG4gICAgICovXG4gICAgd2l0aFBhcmFtZXRlcnMocGFyYW1ldGVycykge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5wYXJhbWV0ZXJWYWx1ZXMgPSBwYXJhbWV0ZXJzO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBFbmFibGUgYXV0b21hdGljIGRlcGVuZGVuY3kgaW5qZWN0aW9uIChhdXRvd2lyaW5nKVxuICAgICAqIFN1cHBvcnRzIHRocmVlIHN0cmF0ZWdpZXM6IHBhcmFtTmFtZSAoZGVmYXVsdCksIG1hcCwgYW5kIGNsYXNzXG4gICAgICpcbiAgICAgKiBAZXhhbXBsZVxuICAgICAqIGBgYHRzXG4gICAgICogLy8gU3RyYXRlZ3kgMTogcGFyYW1OYW1lIChkZWZhdWx0LCByZXF1aXJlcyBub24tbWluaWZpZWQgY29kZSBpbiBkZXYpXG4gICAgICogYnVpbGRlci5yZWdpc3RlclR5cGUoRXZlbnRCdXMpLmFzPElFdmVudEJ1cz4oKS5hdXRvV2lyZSgpXG4gICAgICpcbiAgICAgKiAvLyBTdHJhdGVneSAyOiBtYXAgKG1pbmlmeS1zYWZlLCBleHBsaWNpdClcbiAgICAgKiBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXM8SUV2ZW50QnVzPigpLmF1dG9XaXJlKHtcbiAgICAgKiAgIG1hcDoge1xuICAgICAqICAgICBsb2dnZXI6IChjKSA9PiBjLnJlc29sdmVUeXBlPElMb2dnZXI+KClcbiAgICAgKiAgIH1cbiAgICAgKiB9KVxuICAgICAqXG4gICAgICogLy8gU3RyYXRlZ3kgMzogY2xhc3MgKHJlcXVpcmVzIGJ1aWxkLXRpbWUgY29kZWdlbilcbiAgICAgKiBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXM8SUV2ZW50QnVzPigpLmF1dG9XaXJlKHsgYnk6ICdjbGFzcycgfSlcbiAgICAgKiBgYGBcbiAgICAgKi9cbiAgICBhdXRvV2lyZShvcHRpb25zKSB7XG4gICAgICAgIGZvciAoY29uc3QgY29uZmlnIG9mIHRoaXMuY29uZmlncykge1xuICAgICAgICAgICAgY29uZmlnLmF1dG93aXJlT3B0aW9ucyA9IG9wdGlvbnMgfHwgeyBieTogJ3BhcmFtTmFtZScsIHN0cmljdDogZmFsc2UgfTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG59XG4vKipcbiAqIEZsdWVudCBidWlsZGVyIGZvciBDb250YWluZXIgY29uZmlndXJhdGlvblxuICovXG5leHBvcnQgY2xhc3MgQnVpbGRlciB7XG4gICAgY29uc3RydWN0b3IoYmFzZUNvbnRhaW5lcikge1xuICAgICAgICB0aGlzLmJhc2VDb250YWluZXIgPSBiYXNlQ29udGFpbmVyO1xuICAgICAgICB0aGlzLnJlZ2lzdHJhdGlvbnMgPSBbXTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVnaXN0ZXIgYSBjbGFzcyBjb25zdHJ1Y3RvclxuICAgICAqL1xuICAgIHJlZ2lzdGVyVHlwZShjb25zdHJ1Y3Rvcikge1xuICAgICAgICBjb25zdCBwZW5kaW5nID0ge1xuICAgICAgICAgICAgdHlwZTogJ3R5cGUnLFxuICAgICAgICAgICAgdmFsdWU6IG51bGwsXG4gICAgICAgICAgICBjb25zdHJ1Y3RvclxuICAgICAgICB9O1xuICAgICAgICByZXR1cm4gbmV3IFJlZ2lzdHJhdGlvbkJ1aWxkZXIocGVuZGluZywgdGhpcy5yZWdpc3RyYXRpb25zKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVnaXN0ZXIgYSBwcmUtY3JlYXRlZCBpbnN0YW5jZVxuICAgICAqL1xuICAgIHJlZ2lzdGVySW5zdGFuY2UoaW5zdGFuY2UpIHtcbiAgICAgICAgY29uc3QgcGVuZGluZyA9IHtcbiAgICAgICAgICAgIHR5cGU6ICdpbnN0YW5jZScsXG4gICAgICAgICAgICB2YWx1ZTogaW5zdGFuY2UsXG4gICAgICAgICAgICBjb25zdHJ1Y3RvcjogdW5kZWZpbmVkXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiBuZXcgUmVnaXN0cmF0aW9uQnVpbGRlcihwZW5kaW5nLCB0aGlzLnJlZ2lzdHJhdGlvbnMpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhIGZhY3RvcnkgZnVuY3Rpb25cbiAgICAgKi9cbiAgICByZWdpc3RlcihmYWN0b3J5KSB7XG4gICAgICAgIGNvbnN0IHBlbmRpbmcgPSB7XG4gICAgICAgICAgICB0eXBlOiAnZmFjdG9yeScsXG4gICAgICAgICAgICB2YWx1ZTogbnVsbCxcbiAgICAgICAgICAgIGZhY3RvcnksXG4gICAgICAgICAgICBjb25zdHJ1Y3RvcjogdW5kZWZpbmVkXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiBuZXcgUmVnaXN0cmF0aW9uQnVpbGRlcihwZW5kaW5nLCB0aGlzLnJlZ2lzdHJhdGlvbnMpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhIG1vZHVsZSAoZnVuY3Rpb24gdGhhdCBhZGRzIG11bHRpcGxlIHJlZ2lzdHJhdGlvbnMpXG4gICAgICovXG4gICAgbW9kdWxlKG1vZHVsZUZ1bmMpIHtcbiAgICAgICAgbW9kdWxlRnVuYyh0aGlzKTtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgaW50ZXJmYWNlIHR5cGUgbmFtZXMgdG8gdG9rZW5zXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgcmVzb2x2ZUludGVyZmFjZVRva2Vucyhjb250YWluZXIpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5yZWdpc3RyYXRpb25zKSB7XG4gICAgICAgICAgICBpZiAoY29uZmlnLmludGVyZmFjZVR5cGUgIT09IHVuZGVmaW5lZCAmJiAhY29uZmlnLnRva2VuKSB7XG4gICAgICAgICAgICAgICAgY29uZmlnLnRva2VuID0gY29udGFpbmVyLmludGVyZmFjZVRva2VuKGNvbmZpZy5pbnRlcmZhY2VUeXBlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBJZGVudGlmeSB0b2tlbnMgdGhhdCBoYXZlIG5vbi1kZWZhdWx0IHJlZ2lzdHJhdGlvbnNcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBpZGVudGlmeU5vbkRlZmF1bHRUb2tlbnMoKSB7XG4gICAgICAgIGNvbnN0IHRva2Vuc1dpdGhOb25EZWZhdWx0cyA9IG5ldyBTZXQoKTtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5yZWdpc3RyYXRpb25zKSB7XG4gICAgICAgICAgICBpZiAoIWNvbmZpZy5pc0RlZmF1bHQgJiYgIWNvbmZpZy5uYW1lICYmIGNvbmZpZy5rZXkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgIHRva2Vuc1dpdGhOb25EZWZhdWx0cy5hZGQoY29uZmlnLnRva2VuKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdG9rZW5zV2l0aE5vbkRlZmF1bHRzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDaGVjayBpZiByZWdpc3RyYXRpb24gc2hvdWxkIGJlIHNraXBwZWRcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBzaG91bGRTa2lwUmVnaXN0cmF0aW9uKGNvbmZpZywgdG9rZW5zV2l0aE5vbkRlZmF1bHRzLCByZWdpc3RlcmVkVG9rZW5zKSB7XG4gICAgICAgIC8vIFNraXAgZGVmYXVsdCByZWdpc3RyYXRpb25zIGlmIHRoZXJlJ3MgYSBub24tZGVmYXVsdCBmb3IgdGhlIHNhbWUgdG9rZW5cbiAgICAgICAgaWYgKGNvbmZpZy5pc0RlZmF1bHQgJiYgIWNvbmZpZy5uYW1lICYmIGNvbmZpZy5rZXkgPT09IHVuZGVmaW5lZCAmJiB0b2tlbnNXaXRoTm9uRGVmYXVsdHMuaGFzKGNvbmZpZy50b2tlbikpIHtcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIC8vIEhhbmRsZSBpZk5vdFJlZ2lzdGVyZWRcbiAgICAgICAgaWYgKGNvbmZpZy5pZk5vdFJlZ2lzdGVyZWQgJiYgcmVnaXN0ZXJlZFRva2Vucy5oYXMoY29uZmlnLnRva2VuKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgLy8gSGFuZGxlIGFzRGVmYXVsdFxuICAgICAgICBpZiAoY29uZmlnLmlzRGVmYXVsdCAmJiByZWdpc3RlcmVkVG9rZW5zLmhhcyhjb25maWcudG9rZW4pKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSBiaW5kaW5nIHRva2VuIGZvciByZWdpc3RyYXRpb24gKG5hbWVkLCBrZXllZCwgb3IgbXVsdGkpXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgY3JlYXRlQmluZGluZ1Rva2VuKGNvbmZpZywgbmFtZWRSZWdpc3RyYXRpb25zLCBrZXllZFJlZ2lzdHJhdGlvbnMsIG11bHRpUmVnaXN0cmF0aW9ucykge1xuICAgICAgICBpZiAoY29uZmlnLm5hbWUpIHtcbiAgICAgICAgICAgIC8vIE5hbWVkIHJlZ2lzdHJhdGlvbiBnZXRzIHVuaXF1ZSB0b2tlblxuICAgICAgICAgICAgY29uc3QgYmluZGluZ1Rva2VuID0gVG9rZW4oYF9fbmFtZWRfJHtjb25maWcubmFtZX1gKTtcbiAgICAgICAgICAgIG5hbWVkUmVnaXN0cmF0aW9ucy5zZXQoY29uZmlnLm5hbWUsIHsgLi4uY29uZmlnLCB0b2tlbjogYmluZGluZ1Rva2VuIH0pO1xuICAgICAgICAgICAgcmV0dXJuIGJpbmRpbmdUb2tlbjtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChjb25maWcua2V5ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIC8vIEtleWVkIHJlZ2lzdHJhdGlvbiBnZXRzIHVuaXF1ZSB0b2tlblxuICAgICAgICAgICAgY29uc3Qga2V5U3RyID0gdHlwZW9mIGNvbmZpZy5rZXkgPT09ICdzeW1ib2wnID8gY29uZmlnLmtleS50b1N0cmluZygpIDogY29uZmlnLmtleTtcbiAgICAgICAgICAgIGNvbnN0IGJpbmRpbmdUb2tlbiA9IFRva2VuKGBfX2tleWVkXyR7a2V5U3RyfWApO1xuICAgICAgICAgICAga2V5ZWRSZWdpc3RyYXRpb25zLnNldChjb25maWcua2V5LCB7IC4uLmNvbmZpZywgdG9rZW46IGJpbmRpbmdUb2tlbiB9KTtcbiAgICAgICAgICAgIHJldHVybiBiaW5kaW5nVG9rZW47XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBNdWx0aS1yZWdpc3RyYXRpb24gaGFuZGxpbmdcbiAgICAgICAgICAgIGlmIChtdWx0aVJlZ2lzdHJhdGlvbnMuaGFzKGNvbmZpZy50b2tlbikpIHtcbiAgICAgICAgICAgICAgICAvLyBTdWJzZXF1ZW50IHJlZ2lzdHJhdGlvbiBmb3IgdGhpcyB0b2tlblxuICAgICAgICAgICAgICAgIGNvbnN0IGJpbmRpbmdUb2tlbiA9IFRva2VuKGBfX211bHRpXyR7Y29uZmlnLnRva2VuLnRvU3RyaW5nKCl9XyR7bXVsdGlSZWdpc3RyYXRpb25zLmdldChjb25maWcudG9rZW4pLmxlbmd0aH1gKTtcbiAgICAgICAgICAgICAgICBtdWx0aVJlZ2lzdHJhdGlvbnMuZ2V0KGNvbmZpZy50b2tlbikucHVzaChiaW5kaW5nVG9rZW4pO1xuICAgICAgICAgICAgICAgIHJldHVybiBiaW5kaW5nVG9rZW47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAvLyBGaXJzdCByZWdpc3RyYXRpb24gZm9yIHRoaXMgdG9rZW4sIHVzZSB0aGUgb3JpZ2luYWwgdG9rZW5cbiAgICAgICAgICAgICAgICBtdWx0aVJlZ2lzdHJhdGlvbnMuc2V0KGNvbmZpZy50b2tlbiwgW2NvbmZpZy50b2tlbl0pO1xuICAgICAgICAgICAgICAgIHJldHVybiBjb25maWcudG9rZW47XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVnaXN0ZXIgYWRkaXRpb25hbCBpbnRlcmZhY2VzIGZvciBhIGNvbmZpZ1xuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHJlZ2lzdGVyQWRkaXRpb25hbEludGVyZmFjZXMoY29udGFpbmVyLCBjb25maWcsIGJpbmRpbmdUb2tlbiwgcmVnaXN0ZXJlZFRva2Vucykge1xuICAgICAgICBpZiAoY29uZmlnLmFkZGl0aW9uYWxUb2tlbnMpIHtcbiAgICAgICAgICAgIGZvciAoY29uc3QgYWRkaXRpb25hbFRva2VuIG9mIGNvbmZpZy5hZGRpdGlvbmFsVG9rZW5zKSB7XG4gICAgICAgICAgICAgICAgLy8gQ3JlYXRlIGEgZmFjdG9yeSB0aGF0IHJlc29sdmVzIHRoZSBiaW5kaW5nIHRva2VuXG4gICAgICAgICAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGFkZGl0aW9uYWxUb2tlbiwgKGMpID0+IGMucmVzb2x2ZShiaW5kaW5nVG9rZW4pLCB7IGxpZmV0aW1lOiBjb25maWcubGlmZXRpbWUgfSk7XG4gICAgICAgICAgICAgICAgcmVnaXN0ZXJlZFRva2Vucy5hZGQoYWRkaXRpb25hbFRva2VuKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBCdWlsZCB0aGUgY29udGFpbmVyIHdpdGggYWxsIHJlZ2lzdGVyZWQgYmluZGluZ3NcbiAgICAgKi9cbiAgICBidWlsZCgpIHtcbiAgICAgICAgLy8gQ3JlYXRlIG5ldyBjb250YWluZXIgaW5oZXJpdGluZyBmcm9tIGJhc2VcbiAgICAgICAgY29uc3QgY29udGFpbmVyID0gdGhpcy5iYXNlQ29udGFpbmVyLmNyZWF0ZUNoaWxkKCk7XG4gICAgICAgIC8vIFByZS1wcm9jZXNzOiByZXNvbHZlIGludGVyZmFjZSB0eXBlcyB0byB0b2tlbnNcbiAgICAgICAgdGhpcy5yZXNvbHZlSW50ZXJmYWNlVG9rZW5zKGNvbnRhaW5lcik7XG4gICAgICAgIC8vIFRyYWNrIHdoYXQncyBiZWVuIHJlZ2lzdGVyZWQgZm9yIGlmTm90UmVnaXN0ZXJlZCBjaGVja3NcbiAgICAgICAgY29uc3QgcmVnaXN0ZXJlZFRva2VucyA9IG5ldyBTZXQoKTtcbiAgICAgICAgY29uc3QgbmFtZWRSZWdpc3RyYXRpb25zID0gbmV3IE1hcCgpO1xuICAgICAgICBjb25zdCBrZXllZFJlZ2lzdHJhdGlvbnMgPSBuZXcgTWFwKCk7XG4gICAgICAgIGNvbnN0IG11bHRpUmVnaXN0cmF0aW9ucyA9IG5ldyBNYXAoKTtcbiAgICAgICAgLy8gUHJlLXByb2Nlc3M6IGlkZW50aWZ5IHRva2VucyB0aGF0IGhhdmUgbm9uLWRlZmF1bHQgcmVnaXN0cmF0aW9uc1xuICAgICAgICBjb25zdCB0b2tlbnNXaXRoTm9uRGVmYXVsdHMgPSB0aGlzLmlkZW50aWZ5Tm9uRGVmYXVsdFRva2VucygpO1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLnJlZ2lzdHJhdGlvbnMpIHtcbiAgICAgICAgICAgIC8vIENoZWNrIGlmIHJlZ2lzdHJhdGlvbiBzaG91bGQgYmUgc2tpcHBlZFxuICAgICAgICAgICAgaWYgKHRoaXMuc2hvdWxkU2tpcFJlZ2lzdHJhdGlvbihjb25maWcsIHRva2Vuc1dpdGhOb25EZWZhdWx0cywgcmVnaXN0ZXJlZFRva2VucykpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIENyZWF0ZSBiaW5kaW5nIHRva2VuIChuYW1lZCwga2V5ZWQsIG9yIG11bHRpKVxuICAgICAgICAgICAgY29uc3QgYmluZGluZ1Rva2VuID0gdGhpcy5jcmVhdGVCaW5kaW5nVG9rZW4oY29uZmlnLCBuYW1lZFJlZ2lzdHJhdGlvbnMsIGtleWVkUmVnaXN0cmF0aW9ucywgbXVsdGlSZWdpc3RyYXRpb25zKTtcbiAgICAgICAgICAgIC8vIEFwcGx5IHJlZ2lzdHJhdGlvbiB0byBjb250YWluZXIgdXNpbmcgdGhlIGJpbmRpbmcgdG9rZW5cbiAgICAgICAgICAgIHRoaXMuYXBwbHlSZWdpc3RyYXRpb24oY29udGFpbmVyLCB7IC4uLmNvbmZpZywgdG9rZW46IGJpbmRpbmdUb2tlbiB9KTtcbiAgICAgICAgICAgIC8vIE1hcmsgb3JpZ2luYWwgdG9rZW4gYXMgcmVnaXN0ZXJlZFxuICAgICAgICAgICAgcmVnaXN0ZXJlZFRva2Vucy5hZGQoY29uZmlnLnRva2VuKTtcbiAgICAgICAgICAgIC8vIFJlZ2lzdGVyIGFkZGl0aW9uYWwgaW50ZXJmYWNlc1xuICAgICAgICAgICAgdGhpcy5yZWdpc3RlckFkZGl0aW9uYWxJbnRlcmZhY2VzKGNvbnRhaW5lciwgY29uZmlnLCBiaW5kaW5nVG9rZW4sIHJlZ2lzdGVyZWRUb2tlbnMpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEF0dGFjaCBtZXRhZGF0YSBmb3IgbmFtZWQva2V5ZWQgcmVzb2x1dGlvblxuICAgICAgICA7XG4gICAgICAgIGNvbnRhaW5lci5fX25hbWVkUmVnaXN0cmF0aW9ucyA9IG5hbWVkUmVnaXN0cmF0aW9ucztcbiAgICAgICAgY29udGFpbmVyLl9fa2V5ZWRSZWdpc3RyYXRpb25zID0ga2V5ZWRSZWdpc3RyYXRpb25zO1xuICAgICAgICBjb250YWluZXIuX19tdWx0aVJlZ2lzdHJhdGlvbnMgPSBtdWx0aVJlZ2lzdHJhdGlvbnM7XG4gICAgICAgIHJldHVybiBjb250YWluZXI7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEFuYWx5emUgY29uc3RydWN0b3IgdG8gZGV0ZWN0IGRlcGVuZGVuY2llc1xuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGFuYWx5emVDb25zdHJ1Y3Rvcihjb25zdHJ1Y3Rvcikge1xuICAgICAgICBjb25zdCBjb25zdHJ1Y3RvclN0ciA9IGNvbnN0cnVjdG9yLnRvU3RyaW5nKCk7XG4gICAgICAgIGNvbnN0IGhhc0RlcGVuZGVuY2llcyA9IC9jb25zdHJ1Y3RvclxccypcXChbXildK1xcKS8udGVzdChjb25zdHJ1Y3RvclN0cik7XG4gICAgICAgIHJldHVybiB7IGhhc0RlcGVuZGVuY2llcyB9O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgb3B0aW1pemVkIGZhY3RvcnkgZm9yIHplcm8tZGVwZW5kZW5jeSBjb25zdHJ1Y3RvcnNcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBjcmVhdGVPcHRpbWl6ZWRGYWN0b3J5KGNvbnRhaW5lciwgY29uZmlnLCBvcHRpb25zKSB7XG4gICAgICAgIGlmIChjb25maWcubGlmZXRpbWUgPT09ICdzaW5nbGV0b24nKSB7XG4gICAgICAgICAgICAvLyBTaW5nbGV0b246IENyZWF0ZSBpbnN0YW5jZSBkaXJlY3RseSAoZmFzdGVzdCBwYXRoIC0gbm8gZmFjdG9yeSBvdmVyaGVhZClcbiAgICAgICAgICAgIGNvbnN0IGluc3RhbmNlID0gbmV3IGNvbmZpZy5jb25zdHJ1Y3RvcigpO1xuICAgICAgICAgICAgY29udGFpbmVyLmJpbmRWYWx1ZShjb25maWcudG9rZW4sIGluc3RhbmNlKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChjb25maWcubGlmZXRpbWUgPT09ICd0cmFuc2llbnQnKSB7XG4gICAgICAgICAgICAvLyBUcmFuc2llbnQgRmFzdCBQYXRoOiBSZWdpc3RlciBpbiBmYXN0IHRyYW5zaWVudCBjYWNoZVxuICAgICAgICAgICAgY29uc3QgY3RvciA9IGNvbmZpZy5jb25zdHJ1Y3RvcjtcbiAgICAgICAgICAgIGNvbnN0IGZhc3RGYWN0b3J5ID0gKCkgPT4gbmV3IGN0b3IoKTtcbiAgICAgICAgICAgIGNvbnRhaW5lci5mYXN0VHJhbnNpZW50Q2FjaGUuc2V0KGNvbmZpZy50b2tlbiwgZmFzdEZhY3RvcnkpO1xuICAgICAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGNvbmZpZy50b2tlbiwgZmFzdEZhY3RvcnksIG9wdGlvbnMpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgLy8gUGVyLXJlcXVlc3Q6IFVzZSBzaW1wbGUgZmFjdG9yeSB3aXRob3V0IGF1dG93aXJlIG92ZXJoZWFkXG4gICAgICAgICAgICBjb25zdCBmYWN0b3J5ID0gKCkgPT4gbmV3IGNvbmZpZy5jb25zdHJ1Y3RvcigpO1xuICAgICAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGNvbmZpZy50b2tlbiwgZmFjdG9yeSwgb3B0aW9ucyk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIGF1dG93aXJlIGZhY3RvcnlcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBjcmVhdGVBdXRvV2lyZUZhY3RvcnkoY29udGFpbmVyLCBjb25maWcsIG9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgZmFjdG9yeSA9IChjKSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXNvbHZlZERlcHMgPSBhdXRvd2lyZShjb25maWcuY29uc3RydWN0b3IsIGMsIGNvbmZpZy5hdXRvd2lyZU9wdGlvbnMpO1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBjb25maWcuY29uc3RydWN0b3IoLi4ucmVzb2x2ZWREZXBzKTtcbiAgICAgICAgfTtcbiAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGNvbmZpZy50b2tlbiwgZmFjdG9yeSwgb3B0aW9ucyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSB3aXRoUGFyYW1ldGVycyBmYWN0b3J5XG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgY3JlYXRlUGFyYW1ldGVyRmFjdG9yeShjb250YWluZXIsIGNvbmZpZywgb3B0aW9ucykge1xuICAgICAgICBjb25zdCBmYWN0b3J5ID0gKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdmFsdWVzID0gT2JqZWN0LnZhbHVlcyhjb25maWcucGFyYW1ldGVyVmFsdWVzKTtcbiAgICAgICAgICAgIHJldHVybiBuZXcgY29uZmlnLmNvbnN0cnVjdG9yKC4uLnZhbHVlcyk7XG4gICAgICAgIH07XG4gICAgICAgIGNvbnRhaW5lci5iaW5kRmFjdG9yeShjb25maWcudG9rZW4sIGZhY3RvcnksIG9wdGlvbnMpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBBcHBseSB0eXBlIHJlZ2lzdHJhdGlvbiAoY2xhc3MgY29uc3RydWN0b3IpXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgYXBwbHlUeXBlUmVnaXN0cmF0aW9uKGNvbnRhaW5lciwgY29uZmlnLCBvcHRpb25zKSB7XG4gICAgICAgIGNvbnN0IHsgaGFzRGVwZW5kZW5jaWVzIH0gPSB0aGlzLmFuYWx5emVDb25zdHJ1Y3Rvcihjb25maWcuY29uc3RydWN0b3IpO1xuICAgICAgICAvLyBGYXN0IHBhdGg6IE5vIGRlcGVuZGVuY2llcyBhbmQgbm8gc3BlY2lhbCBjb25maWdcbiAgICAgICAgaWYgKCFoYXNEZXBlbmRlbmNpZXMgJiYgIWNvbmZpZy5hdXRvd2lyZU9wdGlvbnMgJiYgIWNvbmZpZy5wYXJhbWV0ZXJWYWx1ZXMpIHtcbiAgICAgICAgICAgIHRoaXMuY3JlYXRlT3B0aW1pemVkRmFjdG9yeShjb250YWluZXIsIGNvbmZpZywgb3B0aW9ucyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgLy8gQXV0b1dpcmUgcGF0aFxuICAgICAgICBpZiAoY29uZmlnLmF1dG93aXJlT3B0aW9ucykge1xuICAgICAgICAgICAgdGhpcy5jcmVhdGVBdXRvV2lyZUZhY3RvcnkoY29udGFpbmVyLCBjb25maWcsIG9wdGlvbnMpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIC8vIHdpdGhQYXJhbWV0ZXJzIHBhdGhcbiAgICAgICAgaWYgKGNvbmZpZy5wYXJhbWV0ZXJWYWx1ZXMpIHtcbiAgICAgICAgICAgIHRoaXMuY3JlYXRlUGFyYW1ldGVyRmFjdG9yeShjb250YWluZXIsIGNvbmZpZywgb3B0aW9ucyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgLy8gRXJyb3I6IENvbnN0cnVjdG9yIGhhcyBkZXBlbmRlbmNpZXMgYnV0IG5vIGNvbmZpZ1xuICAgICAgICBpZiAoaGFzRGVwZW5kZW5jaWVzKSB7XG4gICAgICAgICAgICBjb25zdCBjbGFzc05hbWUgPSBjb25maWcuY29uc3RydWN0b3IubmFtZSB8fCAnVW5uYW1lZENsYXNzJztcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgU2VydmljZSBcIiR7Y2xhc3NOYW1lfVwiIGhhcyBjb25zdHJ1Y3RvciBkZXBlbmRlbmNpZXMgYnV0IG5vIGF1dG93aXJpbmcgY29uZmlndXJhdGlvbi5cXG5cXG5gICtcbiAgICAgICAgICAgICAgICBgU29sdXRpb25zOlxcbmAgK1xuICAgICAgICAgICAgICAgIGAgIDEuIFx1MkI1MCBVc2UgdGhlIE5vdmFESSB0cmFuc2Zvcm1lciAocmVjb21tZW5kZWQpOlxcbmAgK1xuICAgICAgICAgICAgICAgIGAgICAgIC0gQWRkIFwiQG5vdmFkaS9jb3JlL3VucGx1Z2luXCIgdG8geW91ciBidWlsZCBjb25maWdcXG5gICtcbiAgICAgICAgICAgICAgICBgICAgICAtIFRyYW5zZm9ybWVyIGF1dG9tYXRpY2FsbHkgZ2VuZXJhdGVzIC5hdXRvV2lyZSgpIGZvciBhbGwgZGVwZW5kZW5jaWVzXFxuXFxuYCArXG4gICAgICAgICAgICAgICAgYCAgMi4gQWRkIG1hbnVhbCBhdXRvd2lyaW5nOlxcbmAgK1xuICAgICAgICAgICAgICAgIGAgICAgIC5hdXRvV2lyZSh7IG1hcDogeyAvKiBwYXJhbTogcmVzb2x2ZXIgKi8gfSB9KVxcblxcbmAgK1xuICAgICAgICAgICAgICAgIGAgIDMuIFVzZSBhIGZhY3RvcnkgZnVuY3Rpb246XFxuYCArXG4gICAgICAgICAgICAgICAgYCAgICAgLnJlZ2lzdGVyKChjKSA9PiBuZXcgJHtjbGFzc05hbWV9KC4uLikpXFxuXFxuYCArXG4gICAgICAgICAgICAgICAgYFNlZSBkb2NzOiBodHRwczovL2dpdGh1Yi5jb20vamFudXMwMDcvTm92YURJI2F1dG93aXJlYCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTm8gZGVwZW5kZW5jaWVzIC0gY3JlYXRlIHNpbXBsZSBmYWN0b3J5XG4gICAgICAgIGNvbnN0IGZhY3RvcnkgPSAoKSA9PiBuZXcgY29uZmlnLmNvbnN0cnVjdG9yKCk7XG4gICAgICAgIGNvbnRhaW5lci5iaW5kRmFjdG9yeShjb25maWcudG9rZW4sIGZhY3RvcnksIG9wdGlvbnMpO1xuICAgIH1cbiAgICBhcHBseVJlZ2lzdHJhdGlvbihjb250YWluZXIsIGNvbmZpZykge1xuICAgICAgICBjb25zdCBvcHRpb25zID0geyBsaWZldGltZTogY29uZmlnLmxpZmV0aW1lIH07XG4gICAgICAgIHN3aXRjaCAoY29uZmlnLnR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgJ2luc3RhbmNlJzpcbiAgICAgICAgICAgICAgICBjb250YWluZXIuYmluZFZhbHVlKGNvbmZpZy50b2tlbiwgY29uZmlnLnZhbHVlKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ2ZhY3RvcnknOlxuICAgICAgICAgICAgICAgIGNvbnRhaW5lci5iaW5kRmFjdG9yeShjb25maWcudG9rZW4sIGNvbmZpZy5mYWN0b3J5LCBvcHRpb25zKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3R5cGUnOlxuICAgICAgICAgICAgICAgIHRoaXMuYXBwbHlUeXBlUmVnaXN0cmF0aW9uKGNvbnRhaW5lciwgY29uZmlnLCBvcHRpb25zKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsICIvKipcbiAqIENvcmUgZGVwZW5kZW5jeSBpbmplY3Rpb24gY29udGFpbmVyIGZvciBOb3ZhRElcbiAqL1xuaW1wb3J0IHsgVG9rZW4gfSBmcm9tICcuL3Rva2VuLmpzJztcbmltcG9ydCB7IEJpbmRpbmdOb3RGb3VuZEVycm9yLCBDaXJjdWxhckRlcGVuZGVuY3lFcnJvciB9IGZyb20gJy4vZXJyb3JzLmpzJztcbmltcG9ydCB7IEJ1aWxkZXIgfSBmcm9tICcuL2J1aWxkZXIuanMnO1xuZnVuY3Rpb24gaXNEaXNwb3NhYmxlKG9iaikge1xuICAgIHJldHVybiBvYmogJiYgdHlwZW9mIG9iai5kaXNwb3NlID09PSAnZnVuY3Rpb24nO1xufVxuLyoqXG4gKiBSZXNvbHV0aW9uIGNvbnRleHQgdHJhY2tzIHRoZSBjdXJyZW50IGRlcGVuZGVuY3kgcmVzb2x1dGlvbiBwYXRoXG4gKiBmb3IgY2lyY3VsYXIgZGVwZW5kZW5jeSBkZXRlY3Rpb24gYW5kIHBlci1yZXF1ZXN0IHNjb3BpbmdcbiAqL1xuY2xhc3MgUmVzb2x1dGlvbkNvbnRleHQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnJlc29sdmluZ1N0YWNrID0gbmV3IFNldCgpO1xuICAgICAgICB0aGlzLnBlclJlcXVlc3RDYWNoZSA9IG5ldyBNYXAoKTtcbiAgICB9XG4gICAgaXNSZXNvbHZpbmcodG9rZW4pIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2aW5nU3RhY2suaGFzKHRva2VuKTtcbiAgICB9XG4gICAgZW50ZXJSZXNvbHZlKHRva2VuKSB7XG4gICAgICAgIHRoaXMucmVzb2x2aW5nU3RhY2suYWRkKHRva2VuKTtcbiAgICAgICAgLy8gUGVyZm9ybWFuY2U6IERvbid0IGJ1aWxkIHBhdGggdW5sZXNzIHdlIG5lZWQgaXQgKG9ubHkgdXNlZCBpbiBlcnJvciBtZXNzYWdlcylcbiAgICAgICAgLy8gVGhpcyBhdm9pZHMgZXhwZW5zaXZlIHRva2VuLnRvU3RyaW5nKCkgY2FsbHMgb24gZXZlcnkgcmVzb2x2ZVxuICAgIH1cbiAgICBleGl0UmVzb2x2ZSh0b2tlbikge1xuICAgICAgICB0aGlzLnJlc29sdmluZ1N0YWNrLmRlbGV0ZSh0b2tlbik7XG4gICAgICAgIC8vIFBlcmZvcm1hbmNlOiBDbGVhciBsYXp5IHBhdGggY2FjaGUgd2hlbiBleGl0aW5nXG4gICAgICAgIHRoaXMucGF0aCA9IHVuZGVmaW5lZDtcbiAgICB9XG4gICAgZ2V0UGF0aCgpIHtcbiAgICAgICAgLy8gUGVyZm9ybWFuY2U6IEJ1aWxkIHBhdGggb24tZGVtYW5kIG9ubHkgd2hlbiBuZWVkZWQgKHR5cGljYWxseSBmb3IgZXJyb3IgbWVzc2FnZXMpXG4gICAgICAgIGlmICghdGhpcy5wYXRoKSB7XG4gICAgICAgICAgICB0aGlzLnBhdGggPSBBcnJheS5mcm9tKHRoaXMucmVzb2x2aW5nU3RhY2spLm1hcCh0ID0+IHQudG9TdHJpbmcoKSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFsuLi50aGlzLnBhdGhdO1xuICAgIH1cbiAgICBjYWNoZVBlclJlcXVlc3QodG9rZW4sIGluc3RhbmNlKSB7XG4gICAgICAgIHRoaXMucGVyUmVxdWVzdENhY2hlLnNldCh0b2tlbiwgaW5zdGFuY2UpO1xuICAgIH1cbiAgICBnZXRQZXJSZXF1ZXN0KHRva2VuKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBlclJlcXVlc3RDYWNoZS5nZXQodG9rZW4pO1xuICAgIH1cbiAgICBoYXNQZXJSZXF1ZXN0KHRva2VuKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBlclJlcXVlc3RDYWNoZS5oYXModG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNldCBjb250ZXh0IGZvciByZXVzZSBpbiBvYmplY3QgcG9vbFxuICAgICAqIFBlcmZvcm1hbmNlOiBSZXVzaW5nIGNvbnRleHRzIGF2b2lkcyBoZWFwIGFsbG9jYXRpb25zXG4gICAgICovXG4gICAgcmVzZXQoKSB7XG4gICAgICAgIHRoaXMucmVzb2x2aW5nU3RhY2suY2xlYXIoKTtcbiAgICAgICAgdGhpcy5wZXJSZXF1ZXN0Q2FjaGUuY2xlYXIoKTtcbiAgICAgICAgdGhpcy5wYXRoID0gdW5kZWZpbmVkO1xuICAgIH1cbn1cbi8qKlxuICogT2JqZWN0IHBvb2wgZm9yIFJlc29sdXRpb25Db250ZXh0IGluc3RhbmNlc1xuICogUGVyZm9ybWFuY2U6IFJldXNpbmcgY29udGV4dHMgcmVkdWNlcyBoZWFwIGFsbG9jYXRpb25zIGFuZCBHQyBwcmVzc3VyZVxuICovXG5jbGFzcyBSZXNvbHV0aW9uQ29udGV4dFBvb2wge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnBvb2wgPSBbXTtcbiAgICAgICAgdGhpcy5tYXhTaXplID0gMTA7XG4gICAgfVxuICAgIGFjcXVpcmUoKSB7XG4gICAgICAgIGNvbnN0IGNvbnRleHQgPSB0aGlzLnBvb2wucG9wKCk7XG4gICAgICAgIGlmIChjb250ZXh0KSB7XG4gICAgICAgICAgICAvLyBSZXNldCBleGlzdGluZyBjb250ZXh0IGZvciByZXVzZVxuICAgICAgICAgICAgY29udGV4dC5yZXNldCgpO1xuICAgICAgICAgICAgcmV0dXJuIGNvbnRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ3JlYXRlIG5ldyBpZiBwb29sIGVtcHR5XG4gICAgICAgIHJldHVybiBuZXcgUmVzb2x1dGlvbkNvbnRleHQoKTtcbiAgICB9XG4gICAgcmVsZWFzZShjb250ZXh0KSB7XG4gICAgICAgIGlmICh0aGlzLnBvb2wubGVuZ3RoIDwgdGhpcy5tYXhTaXplKSB7XG4gICAgICAgICAgICB0aGlzLnBvb2wucHVzaChjb250ZXh0KTtcbiAgICAgICAgfVxuICAgICAgICAvLyBPdGhlcndpc2UgbGV0IGl0IGJlIEdDJ2RcbiAgICB9XG59XG4vKipcbiAqIERlcGVuZGVuY3kgSW5qZWN0aW9uIENvbnRhaW5lclxuICpcbiAqIE1hbmFnZXMgcmVnaXN0cmF0aW9uIGFuZCByZXNvbHV0aW9uIG9mIGRlcGVuZGVuY2llcyB3aXRoIHN1cHBvcnQgZm9yOlxuICogLSBNdWx0aXBsZSBiaW5kaW5nIHR5cGVzICh2YWx1ZSwgZmFjdG9yeSwgY2xhc3MpXG4gKiAtIExpZmV0aW1lIG1hbmFnZW1lbnQgKHNpbmdsZXRvbiwgdHJhbnNpZW50LCBwZXItcmVxdWVzdClcbiAqIC0gQ2hpbGQgY29udGFpbmVycyB3aXRoIGluaGVyaXRhbmNlXG4gKiAtIENpcmN1bGFyIGRlcGVuZGVuY3kgZGV0ZWN0aW9uXG4gKiAtIEF1dG9tYXRpYyBkaXNwb3NhbFxuICovXG5leHBvcnQgY2xhc3MgQ29udGFpbmVyIHtcbiAgICBjb25zdHJ1Y3RvcihwYXJlbnQpIHtcbiAgICAgICAgdGhpcy5iaW5kaW5ncyA9IG5ldyBNYXAoKTtcbiAgICAgICAgdGhpcy5zaW5nbGV0b25DYWNoZSA9IG5ldyBNYXAoKTtcbiAgICAgICAgdGhpcy5zaW5nbGV0b25PcmRlciA9IFtdO1xuICAgICAgICB0aGlzLmludGVyZmFjZVJlZ2lzdHJ5ID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLmludGVyZmFjZVRva2VuQ2FjaGUgPSBuZXcgTWFwKCk7IC8vIFBlcmZvcm1hbmNlOiBDYWNoZSBmb3IgcmVzb2x2ZVR5cGUoKSBsb29rdXBzXG4gICAgICAgIHRoaXMuZmFzdFRyYW5zaWVudENhY2hlID0gbmV3IE1hcCgpOyAvLyBQZXJmb3JtYW5jZTogRmFzdCBwYXRoIGZvciBzaW1wbGUgdHJhbnNpZW50c1xuICAgICAgICB0aGlzLnVsdHJhRmFzdFNpbmdsZXRvbkNhY2hlID0gbmV3IE1hcCgpOyAvLyBQZXJmb3JtYW5jZTogVWx0cmEtZmFzdCBzaW5nbGV0b24tb25seSBjYWNoZVxuICAgICAgICB0aGlzLnBhcmVudCA9IHBhcmVudDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQmluZCBhIHByZS1jcmVhdGVkIHZhbHVlIHRvIGEgdG9rZW5cbiAgICAgKi9cbiAgICBiaW5kVmFsdWUodG9rZW4sIHZhbHVlKSB7XG4gICAgICAgIHRoaXMuYmluZGluZ3Muc2V0KHRva2VuLCB7XG4gICAgICAgICAgICB0eXBlOiAndmFsdWUnLFxuICAgICAgICAgICAgbGlmZXRpbWU6ICdzaW5nbGV0b24nLFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICBjb25zdHJ1Y3RvcjogdW5kZWZpbmVkXG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmludmFsaWRhdGVCaW5kaW5nQ2FjaGUoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQmluZCBhIGZhY3RvcnkgZnVuY3Rpb24gdG8gYSB0b2tlblxuICAgICAqL1xuICAgIGJpbmRGYWN0b3J5KHRva2VuLCBmYWN0b3J5LCBvcHRpb25zKSB7XG4gICAgICAgIHRoaXMuYmluZGluZ3Muc2V0KHRva2VuLCB7XG4gICAgICAgICAgICB0eXBlOiAnZmFjdG9yeScsXG4gICAgICAgICAgICBsaWZldGltZTogb3B0aW9ucz8ubGlmZXRpbWUgfHwgJ3RyYW5zaWVudCcsXG4gICAgICAgICAgICBmYWN0b3J5LFxuICAgICAgICAgICAgZGVwZW5kZW5jaWVzOiBvcHRpb25zPy5kZXBlbmRlbmNpZXMsXG4gICAgICAgICAgICBjb25zdHJ1Y3RvcjogdW5kZWZpbmVkXG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmludmFsaWRhdGVCaW5kaW5nQ2FjaGUoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQmluZCBhIGNsYXNzIGNvbnN0cnVjdG9yIHRvIGEgdG9rZW5cbiAgICAgKi9cbiAgICBiaW5kQ2xhc3ModG9rZW4sIGNvbnN0cnVjdG9yLCBvcHRpb25zKSB7XG4gICAgICAgIGNvbnN0IGJpbmRpbmcgPSB7XG4gICAgICAgICAgICB0eXBlOiAnY2xhc3MnLFxuICAgICAgICAgICAgbGlmZXRpbWU6IG9wdGlvbnM/LmxpZmV0aW1lIHx8ICd0cmFuc2llbnQnLFxuICAgICAgICAgICAgY29uc3RydWN0b3IsXG4gICAgICAgICAgICBkZXBlbmRlbmNpZXM6IG9wdGlvbnM/LmRlcGVuZGVuY2llc1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLmJpbmRpbmdzLnNldCh0b2tlbiwgYmluZGluZyk7XG4gICAgICAgIHRoaXMuaW52YWxpZGF0ZUJpbmRpbmdDYWNoZSgpO1xuICAgICAgICAvLyBQZXJmb3JtYW5jZTogUHJlLWNvbXBpbGUgZmFzdCB0cmFuc2llbnQgZmFjdG9yeSBmb3IgemVyby1kZXBlbmRlbmN5IGNsYXNzZXNcbiAgICAgICAgaWYgKGJpbmRpbmcubGlmZXRpbWUgPT09ICd0cmFuc2llbnQnICYmICghYmluZGluZy5kZXBlbmRlbmNpZXMgfHwgYmluZGluZy5kZXBlbmRlbmNpZXMubGVuZ3RoID09PSAwKSkge1xuICAgICAgICAgICAgdGhpcy5mYXN0VHJhbnNpZW50Q2FjaGUuc2V0KHRva2VuLCAoKSA9PiBuZXcgY29uc3RydWN0b3IoKSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVzb2x2ZSBhIGRlcGVuZGVuY3kgc3luY2hyb25vdXNseVxuICAgICAqIFBlcmZvcm1hbmNlIG9wdGltaXplZCB3aXRoIG11bHRpcGxlIGZhc3QgcGF0aHNcbiAgICAgKi9cbiAgICByZXNvbHZlKHRva2VuKSB7XG4gICAgICAgIC8vIFRyeSBhbGwgY2FjaGUgbGV2ZWxzIGZpcnN0ICh1bHRyYS1mYXN0LCBzaW5nbGV0b24sIGZhc3QgdHJhbnNpZW50KVxuICAgICAgICBjb25zdCBjYWNoZWQgPSB0aGlzLnRyeUdldEZyb21DYWNoZXModG9rZW4pO1xuICAgICAgICBpZiAoY2FjaGVkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHJldHVybiBjYWNoZWQ7XG4gICAgICAgIH1cbiAgICAgICAgLy8gSWYgd2UncmUgYWxyZWFkeSByZXNvbHZpbmcgKGNhbGxlZCBmcm9tIHdpdGhpbiBhIGZhY3RvcnkpLCByZXVzZSB0aGUgY29udGV4dFxuICAgICAgICBpZiAodGhpcy5jdXJyZW50Q29udGV4dCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZVdpdGhDb250ZXh0KHRva2VuLCB0aGlzLmN1cnJlbnRDb250ZXh0KTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDb21wbGV4IHJlc29sdXRpb24gd2l0aCBwb29sZWQgY29udGV4dFxuICAgICAgICBjb25zdCBjb250ZXh0ID0gQ29udGFpbmVyLmNvbnRleHRQb29sLmFjcXVpcmUoKTtcbiAgICAgICAgdGhpcy5jdXJyZW50Q29udGV4dCA9IGNvbnRleHQ7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlV2l0aENvbnRleHQodG9rZW4sIGNvbnRleHQpO1xuICAgICAgICB9XG4gICAgICAgIGZpbmFsbHkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50Q29udGV4dCA9IHVuZGVmaW5lZDtcbiAgICAgICAgICAgIENvbnRhaW5lci5jb250ZXh0UG9vbC5yZWxlYXNlKGNvbnRleHQpO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNQRUNJQUxJWkVEOiBVbHRyYS1mYXN0IHNpbmdsZXRvbiByZXNvbHZlIChubyBzYWZldHkgY2hlY2tzKVxuICAgICAqIFVzZSBPTkxZIHdoZW4geW91J3JlIDEwMCUgc3VyZSB0aGUgdG9rZW4gaXMgYSByZWdpc3RlcmVkIHNpbmdsZXRvblxuICAgICAqIEBpbnRlcm5hbCBGb3IgcGVyZm9ybWFuY2UtY3JpdGljYWwgcGF0aHMgb25seVxuICAgICAqL1xuICAgIHJlc29sdmVTaW5nbGV0b25VbnNhZmUodG9rZW4pIHtcbiAgICAgICAgLy8gRGlyZWN0IHJldHVybiwgbm8gY2hlY2tzIC0gbWF4aW11bSBzcGVlZFxuICAgICAgICByZXR1cm4gdGhpcy51bHRyYUZhc3RTaW5nbGV0b25DYWNoZS5nZXQodG9rZW4pID8/IHRoaXMuc2luZ2xldG9uQ2FjaGUuZ2V0KHRva2VuKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogU1BFQ0lBTElaRUQ6IEZhc3QgdHJhbnNpZW50IHJlc29sdmUgZm9yIHplcm8tZGVwZW5kZW5jeSBjbGFzc2VzXG4gICAgICogU2tpcHMgYWxsIGNvbnRleHQgY3JlYXRpb24gYW5kIGNpcmN1bGFyIGRlcGVuZGVuY3kgY2hlY2tzXG4gICAgICogQGludGVybmFsIEZvciBwZXJmb3JtYW5jZS1jcml0aWNhbCBwYXRocyBvbmx5XG4gICAgICovXG4gICAgcmVzb2x2ZVRyYW5zaWVudFNpbXBsZSh0b2tlbikge1xuICAgICAgICBjb25zdCBmYWN0b3J5ID0gdGhpcy5mYXN0VHJhbnNpZW50Q2FjaGUuZ2V0KHRva2VuKTtcbiAgICAgICAgaWYgKGZhY3RvcnkpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWN0b3J5KCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gRmFsbGJhY2sgdG8gcmVndWxhciByZXNvbHZlIGlmIG5vdCBpbiBmYXN0IGNhY2hlXG4gICAgICAgIHJldHVybiB0aGlzLnJlc29sdmUodG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTUEVDSUFMSVpFRDogQmF0Y2ggcmVzb2x2ZSBtdWx0aXBsZSBkZXBlbmRlbmNpZXMgYXQgb25jZVxuICAgICAqIE1vcmUgZWZmaWNpZW50IHRoYW4gbXVsdGlwbGUgaW5kaXZpZHVhbCByZXNvbHZlc1xuICAgICAqL1xuICAgIHJlc29sdmVCYXRjaCh0b2tlbnMpIHtcbiAgICAgICAgLy8gUmV1c2Ugc2luZ2xlIGNvbnRleHQgZm9yIGFsbCByZXNvbHV0aW9uc1xuICAgICAgICBjb25zdCB3YXNSZXNvbHZpbmcgPSAhIXRoaXMuY3VycmVudENvbnRleHQ7XG4gICAgICAgIGNvbnN0IGNvbnRleHQgPSB0aGlzLmN1cnJlbnRDb250ZXh0IHx8IENvbnRhaW5lci5jb250ZXh0UG9vbC5hY3F1aXJlKCk7XG4gICAgICAgIGlmICghd2FzUmVzb2x2aW5nKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRDb250ZXh0ID0gY29udGV4dDtcbiAgICAgICAgfVxuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzdWx0cyA9IHRva2Vucy5tYXAodG9rZW4gPT4ge1xuICAgICAgICAgICAgICAgIC8vIFRyeSBhbGwgY2FjaGUgbGV2ZWxzIGZpcnN0XG4gICAgICAgICAgICAgICAgY29uc3QgY2FjaGVkID0gdGhpcy50cnlHZXRGcm9tQ2FjaGVzKHRva2VuKTtcbiAgICAgICAgICAgICAgICBpZiAoY2FjaGVkICE9PSB1bmRlZmluZWQpXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBjYWNoZWQ7XG4gICAgICAgICAgICAgICAgLy8gRnVsbCByZXNvbHZlIHdpdGggc2hhcmVkIGNvbnRleHRcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlV2l0aENvbnRleHQodG9rZW4sIGNvbnRleHQpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm4gcmVzdWx0cztcbiAgICAgICAgfVxuICAgICAgICBmaW5hbGx5IHtcbiAgICAgICAgICAgIGlmICghd2FzUmVzb2x2aW5nKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jdXJyZW50Q29udGV4dCA9IHVuZGVmaW5lZDtcbiAgICAgICAgICAgICAgICBDb250YWluZXIuY29udGV4dFBvb2wucmVsZWFzZShjb250ZXh0KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGEgZGVwZW5kZW5jeSBhc3luY2hyb25vdXNseSAoc3VwcG9ydHMgYXN5bmMgZmFjdG9yaWVzKVxuICAgICAqL1xuICAgIGFzeW5jIHJlc29sdmVBc3luYyh0b2tlbikge1xuICAgICAgICAvLyBJZiB3ZSdyZSBhbHJlYWR5IHJlc29sdmluZyAoY2FsbGVkIGZyb20gd2l0aGluIGEgZmFjdG9yeSksIHJldXNlIHRoZSBjb250ZXh0XG4gICAgICAgIGlmICh0aGlzLmN1cnJlbnRDb250ZXh0KSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlQXN5bmNXaXRoQ29udGV4dCh0b2tlbiwgdGhpcy5jdXJyZW50Q29udGV4dCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTmV3IHRvcC1sZXZlbCByZXNvbHZlXG4gICAgICAgIC8vIFBlcmZvcm1hbmNlOiBVc2UgcG9vbGVkIGNvbnRleHQgdG8gYXZvaWQgaGVhcCBhbGxvY2F0aW9uXG4gICAgICAgIGNvbnN0IGNvbnRleHQgPSBDb250YWluZXIuY29udGV4dFBvb2wuYWNxdWlyZSgpO1xuICAgICAgICB0aGlzLmN1cnJlbnRDb250ZXh0ID0gY29udGV4dDtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIHJldHVybiBhd2FpdCB0aGlzLnJlc29sdmVBc3luY1dpdGhDb250ZXh0KHRva2VuLCBjb250ZXh0KTtcbiAgICAgICAgfVxuICAgICAgICBmaW5hbGx5IHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudENvbnRleHQgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgICBDb250YWluZXIuY29udGV4dFBvb2wucmVsZWFzZShjb250ZXh0KTsgLy8gUmV0dXJuIHRvIHBvb2wgZm9yIHJldXNlXG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogVHJ5IHRvIGdldCBpbnN0YW5jZSBmcm9tIGFsbCBjYWNoZSBsZXZlbHNcbiAgICAgKiBSZXR1cm5zIHVuZGVmaW5lZCBpZiBub3QgY2FjaGVkXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgdHJ5R2V0RnJvbUNhY2hlcyh0b2tlbikge1xuICAgICAgICAvLyBMZXZlbCAxOiBVbHRyYS1mYXN0IHNpbmdsZXRvbiBjYWNoZSAoemVybyBvdmVyaGVhZClcbiAgICAgICAgY29uc3QgdWx0cmFGYXN0ID0gdGhpcy51bHRyYUZhc3RTaW5nbGV0b25DYWNoZS5nZXQodG9rZW4pO1xuICAgICAgICBpZiAodWx0cmFGYXN0ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHJldHVybiB1bHRyYUZhc3Q7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTGV2ZWwgMjogUmVndWxhciBzaW5nbGV0b24gY2FjaGVcbiAgICAgICAgaWYgKHRoaXMuc2luZ2xldG9uQ2FjaGUuaGFzKHRva2VuKSkge1xuICAgICAgICAgICAgY29uc3QgY2FjaGVkID0gdGhpcy5zaW5nbGV0b25DYWNoZS5nZXQodG9rZW4pO1xuICAgICAgICAgICAgLy8gUHJvbW90ZSB0byB1bHRyYS1mYXN0IGNhY2hlIGZvciBuZXh0IHRpbWVcbiAgICAgICAgICAgIHRoaXMudWx0cmFGYXN0U2luZ2xldG9uQ2FjaGUuc2V0KHRva2VuLCBjYWNoZWQpO1xuICAgICAgICAgICAgcmV0dXJuIGNhY2hlZDtcbiAgICAgICAgfVxuICAgICAgICAvLyBMZXZlbCAzOiBGYXN0IHRyYW5zaWVudCBjYWNoZSAobm8gZGVwZW5kZW5jaWVzKVxuICAgICAgICBjb25zdCBmYXN0RmFjdG9yeSA9IHRoaXMuZmFzdFRyYW5zaWVudENhY2hlLmdldCh0b2tlbik7XG4gICAgICAgIGlmIChmYXN0RmFjdG9yeSkge1xuICAgICAgICAgICAgcmV0dXJuIGZhc3RGYWN0b3J5KCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ2FjaGUgaW5zdGFuY2UgYmFzZWQgb24gbGlmZXRpbWUgc3RyYXRlZ3lcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBjYWNoZUluc3RhbmNlKHRva2VuLCBpbnN0YW5jZSwgbGlmZXRpbWUsIGNvbnRleHQpIHtcbiAgICAgICAgaWYgKGxpZmV0aW1lID09PSAnc2luZ2xldG9uJykge1xuICAgICAgICAgICAgdGhpcy5zaW5nbGV0b25DYWNoZS5zZXQodG9rZW4sIGluc3RhbmNlKTtcbiAgICAgICAgICAgIHRoaXMuc2luZ2xldG9uT3JkZXIucHVzaCh0b2tlbik7XG4gICAgICAgICAgICAvLyBBbHNvIGFkZCB0byB1bHRyYS1mYXN0IGNhY2hlXG4gICAgICAgICAgICB0aGlzLnVsdHJhRmFzdFNpbmdsZXRvbkNhY2hlLnNldCh0b2tlbiwgaW5zdGFuY2UpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKGxpZmV0aW1lID09PSAncGVyLXJlcXVlc3QnICYmIGNvbnRleHQpIHtcbiAgICAgICAgICAgIGNvbnRleHQuY2FjaGVQZXJSZXF1ZXN0KHRva2VuLCBpbnN0YW5jZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogVmFsaWRhdGUgYW5kIGdldCBiaW5kaW5nIHdpdGggY2lyY3VsYXIgZGVwZW5kZW5jeSBjaGVja1xuICAgICAqIFJldHVybnMgYmluZGluZyBvciB0aHJvd3MgZXJyb3JcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICB2YWxpZGF0ZUFuZEdldEJpbmRpbmcodG9rZW4sIGNvbnRleHQpIHtcbiAgICAgICAgLy8gQ2hlY2sgY2lyY3VsYXIgZGVwZW5kZW5jeVxuICAgICAgICBpZiAoY29udGV4dC5pc1Jlc29sdmluZyh0b2tlbikpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBDaXJjdWxhckRlcGVuZGVuY3lFcnJvcihbLi4uY29udGV4dC5nZXRQYXRoKCksIHRva2VuLnRvU3RyaW5nKCldKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBiaW5kaW5nID0gdGhpcy5nZXRCaW5kaW5nKHRva2VuKTtcbiAgICAgICAgaWYgKCFiaW5kaW5nKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgQmluZGluZ05vdEZvdW5kRXJyb3IodG9rZW4udG9TdHJpbmcoKSwgY29udGV4dC5nZXRQYXRoKCkpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBiaW5kaW5nO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbnN0YW50aWF0ZSBmcm9tIGJpbmRpbmcgc3luY2hyb25vdXNseVxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGluc3RhbnRpYXRlQmluZGluZ1N5bmMoYmluZGluZywgdG9rZW4sIGNvbnRleHQpIHtcbiAgICAgICAgc3dpdGNoIChiaW5kaW5nLnR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgJ3ZhbHVlJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gYmluZGluZy52YWx1ZTtcbiAgICAgICAgICAgIGNhc2UgJ2ZhY3RvcnknOlxuICAgICAgICAgICAgICAgIGNvbnN0IHJlc3VsdCA9IGJpbmRpbmcuZmFjdG9yeSh0aGlzKTtcbiAgICAgICAgICAgICAgICBpZiAocmVzdWx0IGluc3RhbmNlb2YgUHJvbWlzZSkge1xuICAgICAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEFzeW5jIGZhY3RvcnkgZGV0ZWN0ZWQgZm9yICR7dG9rZW4udG9TdHJpbmcoKX0uIFVzZSByZXNvbHZlQXN5bmMoKSBpbnN0ZWFkLmApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgICAgICAgICAgY2FzZSAnY2xhc3MnOlxuICAgICAgICAgICAgICAgIGNvbnN0IGRlcHMgPSBiaW5kaW5nLmRlcGVuZGVuY2llcyB8fCBbXTtcbiAgICAgICAgICAgICAgICBjb25zdCByZXNvbHZlZERlcHMgPSBkZXBzLm1hcChkZXAgPT4gdGhpcy5yZXNvbHZlV2l0aENvbnRleHQoZGVwLCBjb250ZXh0KSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIG5ldyBiaW5kaW5nLmNvbnN0cnVjdG9yKC4uLnJlc29sdmVkRGVwcyk7XG4gICAgICAgICAgICBjYXNlICdpbmxpbmUtY2xhc3MnOlxuICAgICAgICAgICAgICAgIHJldHVybiBuZXcgYmluZGluZy5jb25zdHJ1Y3RvcigpO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVua25vd24gYmluZGluZyB0eXBlOiAke2JpbmRpbmcudHlwZX1gKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbnN0YW50aWF0ZSBmcm9tIGJpbmRpbmcgYXN5bmNocm9ub3VzbHlcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBhc3luYyBpbnN0YW50aWF0ZUJpbmRpbmdBc3luYyhiaW5kaW5nLCBjb250ZXh0KSB7XG4gICAgICAgIHN3aXRjaCAoYmluZGluZy50eXBlKSB7XG4gICAgICAgICAgICBjYXNlICd2YWx1ZSc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGJpbmRpbmcudmFsdWU7XG4gICAgICAgICAgICBjYXNlICdmYWN0b3J5JzpcbiAgICAgICAgICAgICAgICByZXR1cm4gYXdhaXQgUHJvbWlzZS5yZXNvbHZlKGJpbmRpbmcuZmFjdG9yeSh0aGlzKSk7XG4gICAgICAgICAgICBjYXNlICdjbGFzcyc6XG4gICAgICAgICAgICAgICAgY29uc3QgZGVwcyA9IGJpbmRpbmcuZGVwZW5kZW5jaWVzIHx8IFtdO1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlc29sdmVkRGVwcyA9IGF3YWl0IFByb21pc2UuYWxsKGRlcHMubWFwKGRlcCA9PiB0aGlzLnJlc29sdmVBc3luY1dpdGhDb250ZXh0KGRlcCwgY29udGV4dCkpKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gbmV3IGJpbmRpbmcuY29uc3RydWN0b3IoLi4ucmVzb2x2ZWREZXBzKTtcbiAgICAgICAgICAgIGNhc2UgJ2lubGluZS1jbGFzcyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIG5ldyBiaW5kaW5nLmNvbnN0cnVjdG9yKCk7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVW5rbm93biBiaW5kaW5nIHR5cGU6ICR7YmluZGluZy50eXBlfWApO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSBhIGNoaWxkIGNvbnRhaW5lciB0aGF0IGluaGVyaXRzIGJpbmRpbmdzIGZyb20gdGhpcyBjb250YWluZXJcbiAgICAgKi9cbiAgICBjcmVhdGVDaGlsZCgpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBDb250YWluZXIodGhpcyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIERpc3Bvc2UgYWxsIHNpbmdsZXRvbiBpbnN0YW5jZXMgaW4gcmV2ZXJzZSByZWdpc3RyYXRpb24gb3JkZXJcbiAgICAgKi9cbiAgICBhc3luYyBkaXNwb3NlKCkge1xuICAgICAgICBjb25zdCBlcnJvcnMgPSBbXTtcbiAgICAgICAgLy8gRGlzcG9zZSBpbiByZXZlcnNlIG9yZGVyXG4gICAgICAgIGZvciAobGV0IGkgPSB0aGlzLnNpbmdsZXRvbk9yZGVyLmxlbmd0aCAtIDE7IGkgPj0gMDsgaS0tKSB7XG4gICAgICAgICAgICBjb25zdCB0b2tlbiA9IHRoaXMuc2luZ2xldG9uT3JkZXJbaV07XG4gICAgICAgICAgICBjb25zdCBpbnN0YW5jZSA9IHRoaXMuc2luZ2xldG9uQ2FjaGUuZ2V0KHRva2VuKTtcbiAgICAgICAgICAgIGlmIChpbnN0YW5jZSAmJiBpc0Rpc3Bvc2FibGUoaW5zdGFuY2UpKSB7XG4gICAgICAgICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgICAgICAgICAgYXdhaXQgaW5zdGFuY2UuZGlzcG9zZSgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgICAgICAgICAgZXJyb3JzLnB1c2goZXJyb3IpO1xuICAgICAgICAgICAgICAgICAgICAvLyBDb250aW51ZSBkaXNwb3Npbmcgb3RoZXIgaW5zdGFuY2VzIGV2ZW4gaWYgb25lIGZhaWxzXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIENsZWFyIGNhY2hlc1xuICAgICAgICB0aGlzLnNpbmdsZXRvbkNhY2hlLmNsZWFyKCk7XG4gICAgICAgIHRoaXMuc2luZ2xldG9uT3JkZXIubGVuZ3RoID0gMDtcbiAgICAgICAgLy8gTm90ZTogV2UgZG9uJ3QgdGhyb3cgZXJyb3JzIHRvIGFsbG93IGFsbCBkaXNwb3NhbHMgdG8gY29tcGxldGVcbiAgICAgICAgLy8gSW4gcHJvZHVjdGlvbiwgeW91IG1pZ2h0IHdhbnQgdG8gbG9nIHRoZXNlIGVycm9yc1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgYSBmbHVlbnQgYnVpbGRlciBmb3IgcmVnaXN0ZXJpbmcgZGVwZW5kZW5jaWVzXG4gICAgICovXG4gICAgYnVpbGRlcigpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBCdWlsZGVyKHRoaXMpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGEgbmFtZWQgc2VydmljZVxuICAgICAqL1xuICAgIHJlc29sdmVOYW1lZChuYW1lKSB7XG4gICAgICAgIGNvbnN0IG5hbWVkUmVnaXN0cmF0aW9ucyA9IHRoaXMuX19uYW1lZFJlZ2lzdHJhdGlvbnM7XG4gICAgICAgIGlmICghbmFtZWRSZWdpc3RyYXRpb25zKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYE5hbWVkIHNlcnZpY2UgXCIke25hbWV9XCIgbm90IGZvdW5kLiBObyBuYW1lZCByZWdpc3RyYXRpb25zIGV4aXN0LmApO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGNvbmZpZyA9IG5hbWVkUmVnaXN0cmF0aW9ucy5nZXQobmFtZSk7XG4gICAgICAgIGlmICghY29uZmlnKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYE5hbWVkIHNlcnZpY2UgXCIke25hbWV9XCIgbm90IGZvdW5kYCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZShjb25maWcudG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGEga2V5ZWQgc2VydmljZVxuICAgICAqL1xuICAgIHJlc29sdmVLZXllZChrZXkpIHtcbiAgICAgICAgY29uc3Qga2V5ZWRSZWdpc3RyYXRpb25zID0gdGhpcy5fX2tleWVkUmVnaXN0cmF0aW9ucztcbiAgICAgICAgaWYgKCFrZXllZFJlZ2lzdHJhdGlvbnMpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgS2V5ZWQgc2VydmljZSBub3QgZm91bmQuIE5vIGtleWVkIHJlZ2lzdHJhdGlvbnMgZXhpc3QuYCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgY29uZmlnID0ga2V5ZWRSZWdpc3RyYXRpb25zLmdldChrZXkpO1xuICAgICAgICBpZiAoIWNvbmZpZykge1xuICAgICAgICAgICAgY29uc3Qga2V5U3RyID0gdHlwZW9mIGtleSA9PT0gJ3N5bWJvbCcgPyBrZXkudG9TdHJpbmcoKSA6IGBcIiR7a2V5fVwiYDtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgS2V5ZWQgc2VydmljZSAke2tleVN0cn0gbm90IGZvdW5kYCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZShjb25maWcudG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGFsbCByZWdpc3RyYXRpb25zIGZvciBhIHRva2VuXG4gICAgICovXG4gICAgcmVzb2x2ZUFsbCh0b2tlbikge1xuICAgICAgICBjb25zdCBtdWx0aVJlZ2lzdHJhdGlvbnMgPSB0aGlzLl9fbXVsdGlSZWdpc3RyYXRpb25zO1xuICAgICAgICBpZiAoIW11bHRpUmVnaXN0cmF0aW9ucykge1xuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHRva2VucyA9IG11bHRpUmVnaXN0cmF0aW9ucy5nZXQodG9rZW4pO1xuICAgICAgICBpZiAoIXRva2VucyB8fCB0b2tlbnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRva2Vucy5tYXAoKHQpID0+IHRoaXMucmVzb2x2ZSh0KSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCByZWdpc3RyeSBpbmZvcm1hdGlvbiBmb3IgZGVidWdnaW5nL3Zpc3VhbGl6YXRpb25cbiAgICAgKiBSZXR1cm5zIGFycmF5IG9mIGJpbmRpbmcgaW5mb3JtYXRpb25cbiAgICAgKi9cbiAgICBnZXRSZWdpc3RyeSgpIHtcbiAgICAgICAgY29uc3QgcmVnaXN0cnkgPSBbXTtcbiAgICAgICAgdGhpcy5iaW5kaW5ncy5mb3JFYWNoKChiaW5kaW5nLCB0b2tlbikgPT4ge1xuICAgICAgICAgICAgcmVnaXN0cnkucHVzaCh7XG4gICAgICAgICAgICAgICAgdG9rZW46IHRva2VuLmRlc2NyaXB0aW9uIHx8IHRva2VuLnN5bWJvbC50b1N0cmluZygpLFxuICAgICAgICAgICAgICAgIHR5cGU6IGJpbmRpbmcudHlwZSxcbiAgICAgICAgICAgICAgICBsaWZldGltZTogYmluZGluZy5saWZldGltZSxcbiAgICAgICAgICAgICAgICBkZXBlbmRlbmNpZXM6IGJpbmRpbmcuZGVwZW5kZW5jaWVzPy5tYXAoZCA9PiBkLmRlc2NyaXB0aW9uIHx8IGQuc3ltYm9sLnRvU3RyaW5nKCkpXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiByZWdpc3RyeTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IG9yIGNyZWF0ZSBhIHRva2VuIGZvciBhbiBpbnRlcmZhY2UgdHlwZVxuICAgICAqIFVzZXMgYSB0eXBlIG5hbWUgaGFzaCBhcyBrZXkgZm9yIHRoZSBpbnRlcmZhY2UgcmVnaXN0cnlcbiAgICAgKi9cbiAgICBpbnRlcmZhY2VUb2tlbih0eXBlTmFtZSkge1xuICAgICAgICAvLyBHZW5lcmF0ZSBhIHVuaXF1ZSBrZXkgZm9yIHRoaXMgaW50ZXJmYWNlIHR5cGVcbiAgICAgICAgLy8gSW4gcHJvZHVjdGlvbiwgdGhpcyB3b3VsZCBiZSByZXBsYWNlZCBieSBhIFRTIHRyYW5zZm9ybWVyXG4gICAgICAgIGNvbnN0IGtleSA9IHR5cGVOYW1lIHx8IGBJbnRlcmZhY2VfJHtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zdWJzdHIoMiwgOSl9YDtcbiAgICAgICAgLy8gQ2hlY2sgaWYgdG9rZW4gYWxyZWFkeSBleGlzdHMgaW4gdGhpcyBjb250YWluZXJcbiAgICAgICAgaWYgKHRoaXMuaW50ZXJmYWNlUmVnaXN0cnkuaGFzKGtleSkpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmludGVyZmFjZVJlZ2lzdHJ5LmdldChrZXkpO1xuICAgICAgICB9XG4gICAgICAgIC8vIENoZWNrIHBhcmVudCBjb250YWluZXIgKHJlY3Vyc2l2ZWx5IHRocm91Z2ggcGFyZW50IGNoYWluKVxuICAgICAgICBpZiAodGhpcy5wYXJlbnQpIHtcbiAgICAgICAgICAgIC8vIFJlY3Vyc2l2ZWx5IGNoZWNrIHRocm91Z2ggZW50aXJlIHBhcmVudCBjaGFpblxuICAgICAgICAgICAgY29uc3QgcGFyZW50VG9rZW4gPSB0aGlzLnBhcmVudC5pbnRlcmZhY2VUb2tlbihrZXkpO1xuICAgICAgICAgICAgLy8gSWYgcGFyZW50IGNyZWF0ZWQgYSBuZXcgdG9rZW4sIGRvbid0IGNyZWF0ZSBhbm90aGVyIG9uZVxuICAgICAgICAgICAgcmV0dXJuIHBhcmVudFRva2VuO1xuICAgICAgICB9XG4gICAgICAgIC8vIENyZWF0ZSBuZXcgdG9rZW4gKG9ubHkgaWYgbm8gcGFyZW50IGV4aXN0cylcbiAgICAgICAgY29uc3QgdG9rZW4gPSBUb2tlbihrZXkpO1xuICAgICAgICB0aGlzLmludGVyZmFjZVJlZ2lzdHJ5LnNldChrZXksIHRva2VuKTtcbiAgICAgICAgcmV0dXJuIHRva2VuO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGEgZGVwZW5kZW5jeSBieSBpbnRlcmZhY2UgdHlwZSB3aXRob3V0IGV4cGxpY2l0IHRva2VuXG4gICAgICovXG4gICAgcmVzb2x2ZVR5cGUodHlwZU5hbWUpIHtcbiAgICAgICAgLy8gUGVyZm9ybWFuY2U6IENhY2hlIHRva2VuIGxvb2t1cHMgdG8gYXZvaWQgcmVwZWF0ZWQgaW50ZXJmYWNlUmVnaXN0cnkgYWNjZXNzXG4gICAgICAgIGNvbnN0IGtleSA9IHR5cGVOYW1lIHx8ICcnO1xuICAgICAgICBsZXQgdG9rZW4gPSB0aGlzLmludGVyZmFjZVRva2VuQ2FjaGUuZ2V0KGtleSk7XG4gICAgICAgIGlmICghdG9rZW4pIHtcbiAgICAgICAgICAgIHRva2VuID0gdGhpcy5pbnRlcmZhY2VUb2tlbih0eXBlTmFtZSk7XG4gICAgICAgICAgICB0aGlzLmludGVyZmFjZVRva2VuQ2FjaGUuc2V0KGtleSwgdG9rZW4pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLnJlc29sdmUodG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGEga2V5ZWQgaW50ZXJmYWNlXG4gICAgICovXG4gICAgcmVzb2x2ZVR5cGVLZXllZChrZXksIF90eXBlTmFtZSkge1xuICAgICAgICAvLyBGb3Iga2V5ZWQgaW50ZXJmYWNlcywgd2UgdXNlIHRoZSBleGlzdGluZyByZXNvbHZlS2V5ZWQgbWVjaGFuaXNtXG4gICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVLZXllZChrZXkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGFsbCByZWdpc3RyYXRpb25zIGZvciBhbiBpbnRlcmZhY2UgdHlwZVxuICAgICAqL1xuICAgIHJlc29sdmVUeXBlQWxsKHR5cGVOYW1lKSB7XG4gICAgICAgIGNvbnN0IHRva2VuID0gdGhpcy5pbnRlcmZhY2VUb2tlbih0eXBlTmFtZSk7XG4gICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVBbGwodG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbnRlcm5hbDogUmVzb2x2ZSB3aXRoIGNvbnRleHQgZm9yIGNpcmN1bGFyIGRlcGVuZGVuY3kgZGV0ZWN0aW9uXG4gICAgICovXG4gICAgcmVzb2x2ZVdpdGhDb250ZXh0KHRva2VuLCBjb250ZXh0KSB7XG4gICAgICAgIC8vIFZhbGlkYXRlIGFuZCBnZXQgYmluZGluZyAod2l0aCBjaXJjdWxhciBkZXBlbmRlbmN5IGNoZWNrKVxuICAgICAgICBjb25zdCBiaW5kaW5nID0gdGhpcy52YWxpZGF0ZUFuZEdldEJpbmRpbmcodG9rZW4sIGNvbnRleHQpO1xuICAgICAgICAvLyBDaGVjayBwZXItcmVxdWVzdCBjYWNoZVxuICAgICAgICBpZiAoYmluZGluZy5saWZldGltZSA9PT0gJ3Blci1yZXF1ZXN0JyAmJiBjb250ZXh0Lmhhc1BlclJlcXVlc3QodG9rZW4pKSB7XG4gICAgICAgICAgICByZXR1cm4gY29udGV4dC5nZXRQZXJSZXF1ZXN0KHRva2VuKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDaGVjayBzaW5nbGV0b24gY2FjaGUgKGxvY2FsIGNvbnRhaW5lciBvbmx5KVxuICAgICAgICBpZiAoYmluZGluZy5saWZldGltZSA9PT0gJ3NpbmdsZXRvbicgJiYgdGhpcy5zaW5nbGV0b25DYWNoZS5oYXModG9rZW4pKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5zaW5nbGV0b25DYWNoZS5nZXQodG9rZW4pO1xuICAgICAgICB9XG4gICAgICAgIC8vIE1hcmsgYXMgcmVzb2x2aW5nXG4gICAgICAgIGNvbnRleHQuZW50ZXJSZXNvbHZlKHRva2VuKTtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIC8vIEluc3RhbnRpYXRlIGZyb20gYmluZGluZ1xuICAgICAgICAgICAgY29uc3QgaW5zdGFuY2UgPSB0aGlzLmluc3RhbnRpYXRlQmluZGluZ1N5bmMoYmluZGluZywgdG9rZW4sIGNvbnRleHQpO1xuICAgICAgICAgICAgLy8gQ2FjaGUgYmFzZWQgb24gbGlmZXRpbWVcbiAgICAgICAgICAgIHRoaXMuY2FjaGVJbnN0YW5jZSh0b2tlbiwgaW5zdGFuY2UsIGJpbmRpbmcubGlmZXRpbWUsIGNvbnRleHQpO1xuICAgICAgICAgICAgcmV0dXJuIGluc3RhbmNlO1xuICAgICAgICB9XG4gICAgICAgIGZpbmFsbHkge1xuICAgICAgICAgICAgY29udGV4dC5leGl0UmVzb2x2ZSh0b2tlbik7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogSW50ZXJuYWw6IEFzeW5jIHJlc29sdmUgd2l0aCBjb250ZXh0XG4gICAgICovXG4gICAgYXN5bmMgcmVzb2x2ZUFzeW5jV2l0aENvbnRleHQodG9rZW4sIGNvbnRleHQpIHtcbiAgICAgICAgLy8gVmFsaWRhdGUgYW5kIGdldCBiaW5kaW5nICh3aXRoIGNpcmN1bGFyIGRlcGVuZGVuY3kgY2hlY2spXG4gICAgICAgIGNvbnN0IGJpbmRpbmcgPSB0aGlzLnZhbGlkYXRlQW5kR2V0QmluZGluZyh0b2tlbiwgY29udGV4dCk7XG4gICAgICAgIC8vIENoZWNrIHBlci1yZXF1ZXN0IGNhY2hlXG4gICAgICAgIGlmIChiaW5kaW5nLmxpZmV0aW1lID09PSAncGVyLXJlcXVlc3QnICYmIGNvbnRleHQuaGFzUGVyUmVxdWVzdCh0b2tlbikpIHtcbiAgICAgICAgICAgIHJldHVybiBjb250ZXh0LmdldFBlclJlcXVlc3QodG9rZW4pO1xuICAgICAgICB9XG4gICAgICAgIC8vIENoZWNrIHNpbmdsZXRvbiBjYWNoZSAobG9jYWwgY29udGFpbmVyIG9ubHkpXG4gICAgICAgIGlmIChiaW5kaW5nLmxpZmV0aW1lID09PSAnc2luZ2xldG9uJyAmJiB0aGlzLnNpbmdsZXRvbkNhY2hlLmhhcyh0b2tlbikpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnNpbmdsZXRvbkNhY2hlLmdldCh0b2tlbik7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTWFyayBhcyByZXNvbHZpbmdcbiAgICAgICAgY29udGV4dC5lbnRlclJlc29sdmUodG9rZW4pO1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgLy8gSW5zdGFudGlhdGUgZnJvbSBiaW5kaW5nIGFzeW5jaHJvbm91c2x5XG4gICAgICAgICAgICBjb25zdCBpbnN0YW5jZSA9IGF3YWl0IHRoaXMuaW5zdGFudGlhdGVCaW5kaW5nQXN5bmMoYmluZGluZywgY29udGV4dCk7XG4gICAgICAgICAgICAvLyBDYWNoZSBiYXNlZCBvbiBsaWZldGltZVxuICAgICAgICAgICAgdGhpcy5jYWNoZUluc3RhbmNlKHRva2VuLCBpbnN0YW5jZSwgYmluZGluZy5saWZldGltZSwgY29udGV4dCk7XG4gICAgICAgICAgICByZXR1cm4gaW5zdGFuY2U7XG4gICAgICAgIH1cbiAgICAgICAgZmluYWxseSB7XG4gICAgICAgICAgICBjb250ZXh0LmV4aXRSZXNvbHZlKHRva2VuKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgYmluZGluZyBmcm9tIHRoaXMgY29udGFpbmVyIG9yIHBhcmVudCBjaGFpblxuICAgICAqIFBlcmZvcm1hbmNlIG9wdGltaXplZDogVXNlcyBmbGF0IGNhY2hlIHRvIGF2b2lkIHJlY3Vyc2l2ZSBwYXJlbnQgbG9va3Vwc1xuICAgICAqL1xuICAgIGdldEJpbmRpbmcodG9rZW4pIHtcbiAgICAgICAgLy8gQnVpbGQgZmxhdCBjYWNoZSBvbiBmaXJzdCBhY2Nlc3NcbiAgICAgICAgaWYgKCF0aGlzLmJpbmRpbmdDYWNoZSkge1xuICAgICAgICAgICAgdGhpcy5idWlsZEJpbmRpbmdDYWNoZSgpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLmJpbmRpbmdDYWNoZS5nZXQodG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCdWlsZCBmbGF0IGNhY2hlIG9mIGFsbCBiaW5kaW5ncyBpbmNsdWRpbmcgcGFyZW50IGNoYWluXG4gICAgICogVGhpcyBjb252ZXJ0cyBPKG4pIHBhcmVudCBjaGFpbiB0cmF2ZXJzYWwgdG8gTygxKSBsb29rdXBcbiAgICAgKi9cbiAgICBidWlsZEJpbmRpbmdDYWNoZSgpIHtcbiAgICAgICAgdGhpcy5iaW5kaW5nQ2FjaGUgPSBuZXcgTWFwKCk7XG4gICAgICAgIC8vIFRyYXZlcnNlIHBhcmVudCBjaGFpbiBhbmQgZmxhdHRlbiBhbGwgYmluZGluZ3NcbiAgICAgICAgbGV0IGN1cnJlbnQgPSB0aGlzO1xuICAgICAgICB3aGlsZSAoY3VycmVudCkge1xuICAgICAgICAgICAgY3VycmVudC5iaW5kaW5ncy5mb3JFYWNoKChiaW5kaW5nLCB0b2tlbikgPT4ge1xuICAgICAgICAgICAgICAgIC8vIENoaWxkIGJpbmRpbmdzIG92ZXJyaWRlIHBhcmVudCBiaW5kaW5ncyAoZmlyc3Qgd2lucylcbiAgICAgICAgICAgICAgICBpZiAoIXRoaXMuYmluZGluZ0NhY2hlLmhhcyh0b2tlbikpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5iaW5kaW5nQ2FjaGUuc2V0KHRva2VuLCBiaW5kaW5nKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGN1cnJlbnQgPSBjdXJyZW50LnBhcmVudDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbnZhbGlkYXRlIGJpbmRpbmcgY2FjaGUgd2hlbiBuZXcgYmluZGluZ3MgYXJlIGFkZGVkXG4gICAgICogQ2FsbGVkIGJ5IGJpbmRWYWx1ZSwgYmluZEZhY3RvcnksIGJpbmRDbGFzc1xuICAgICAqL1xuICAgIGludmFsaWRhdGVCaW5kaW5nQ2FjaGUoKSB7XG4gICAgICAgIHRoaXMuYmluZGluZ0NhY2hlID0gdW5kZWZpbmVkO1xuICAgICAgICB0aGlzLnVsdHJhRmFzdFNpbmdsZXRvbkNhY2hlLmNsZWFyKCk7IC8vIENsZWFyIHVsdHJhLWZhc3QgY2FjaGUgd2hlbiBiaW5kaW5ncyBjaGFuZ2VcbiAgICB9XG59XG5Db250YWluZXIuY29udGV4dFBvb2wgPSBuZXcgUmVzb2x1dGlvbkNvbnRleHRQb29sKCk7IC8vIFBlcmZvcm1hbmNlOiBQb29sZWQgY29udGV4dHMgcmVkdWNlIGFsbG9jYXRpb25zXG4iLCAiZXhwb3J0IGNsYXNzIERhdGVSZW5kZXJlciB7XG4gICAgY29uc3RydWN0b3IoZGF0ZVNlcnZpY2UpIHtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLnR5cGUgPSAnZGF0ZSc7XG4gICAgfVxuICAgIHJlbmRlcihjb250ZXh0KSB7XG4gICAgICAgIGNvbnN0IGRhdGVzID0gY29udGV4dC5maWx0ZXJbJ2RhdGUnXSB8fCBbXTtcbiAgICAgICAgY29uc3QgcmVzb3VyY2VJZHMgPSBjb250ZXh0LmZpbHRlclsncmVzb3VyY2UnXSB8fCBbXTtcbiAgICAgICAgLy8gQ2hlY2sgaWYgZGF0ZSBoZWFkZXJzIHNob3VsZCBiZSBoaWRkZW4gKGUuZy4sIGluIGRheSB2aWV3KVxuICAgICAgICBjb25zdCBkYXRlR3JvdXBpbmcgPSBjb250ZXh0Lmdyb3VwaW5ncz8uZmluZChnID0+IGcudHlwZSA9PT0gJ2RhdGUnKTtcbiAgICAgICAgY29uc3QgaGlkZUhlYWRlciA9IGRhdGVHcm91cGluZz8uaGlkZUhlYWRlciA9PT0gdHJ1ZTtcbiAgICAgICAgLy8gUmVuZGVyIGRhdGVzIGZvciBIVkVSIHJlc291cmNlIChlbGxlciAxIGdhbmcgaHZpcyBpbmdlbiByZXNvdXJjZXMpXG4gICAgICAgIGNvbnN0IGl0ZXJhdGlvbnMgPSByZXNvdXJjZUlkcy5sZW5ndGggfHwgMTtcbiAgICAgICAgbGV0IGNvbHVtbkNvdW50ID0gMDtcbiAgICAgICAgZm9yIChsZXQgciA9IDA7IHIgPCBpdGVyYXRpb25zOyByKyspIHtcbiAgICAgICAgICAgIGNvbnN0IHJlc291cmNlSWQgPSByZXNvdXJjZUlkc1tyXTsgLy8gdW5kZWZpbmVkIGh2aXMgaW5nZW4gcmVzb3VyY2VzXG4gICAgICAgICAgICBmb3IgKGNvbnN0IGRhdGVTdHIgb2YgZGF0ZXMpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRlID0gdGhpcy5kYXRlU2VydmljZS5wYXJzZUlTTyhkYXRlU3RyKTtcbiAgICAgICAgICAgICAgICAvLyBCdWlsZCBjb2x1bW5LZXkgZm9yIHVuaWZvcm0gaWRlbnRpZmljYXRpb25cbiAgICAgICAgICAgICAgICBjb25zdCBzZWdtZW50cyA9IHsgZGF0ZTogZGF0ZVN0ciB9O1xuICAgICAgICAgICAgICAgIGlmIChyZXNvdXJjZUlkKVxuICAgICAgICAgICAgICAgICAgICBzZWdtZW50cy5yZXNvdXJjZSA9IHJlc291cmNlSWQ7XG4gICAgICAgICAgICAgICAgY29uc3QgY29sdW1uS2V5ID0gdGhpcy5kYXRlU2VydmljZS5idWlsZENvbHVtbktleShzZWdtZW50cyk7XG4gICAgICAgICAgICAgICAgLy8gSGVhZGVyXG4gICAgICAgICAgICAgICAgY29uc3QgaGVhZGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWRheS1oZWFkZXInKTtcbiAgICAgICAgICAgICAgICBoZWFkZXIuZGF0YXNldC5kYXRlID0gZGF0ZVN0cjtcbiAgICAgICAgICAgICAgICBoZWFkZXIuZGF0YXNldC5jb2x1bW5LZXkgPSBjb2x1bW5LZXk7XG4gICAgICAgICAgICAgICAgaWYgKHJlc291cmNlSWQpIHtcbiAgICAgICAgICAgICAgICAgICAgaGVhZGVyLmRhdGFzZXQucmVzb3VyY2VJZCA9IHJlc291cmNlSWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChoaWRlSGVhZGVyKSB7XG4gICAgICAgICAgICAgICAgICAgIGhlYWRlci5kYXRhc2V0LmhpZGRlbiA9ICd0cnVlJztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaGVhZGVyLmlubmVySFRNTCA9IGBcclxuICAgICAgICAgIDxzd3AtZGF5LW5hbWU+JHt0aGlzLmRhdGVTZXJ2aWNlLmdldERheU5hbWUoZGF0ZSwgJ3Nob3J0Jyl9PC9zd3AtZGF5LW5hbWU+XHJcbiAgICAgICAgICA8c3dwLWRheS1kYXRlPiR7ZGF0ZS5nZXREYXRlKCl9PC9zd3AtZGF5LWRhdGU+XHJcbiAgICAgICAgYDtcbiAgICAgICAgICAgICAgICBjb250ZXh0LmhlYWRlckNvbnRhaW5lci5hcHBlbmRDaGlsZChoZWFkZXIpO1xuICAgICAgICAgICAgICAgIC8vIENvbHVtblxuICAgICAgICAgICAgICAgIGNvbnN0IGNvbHVtbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1kYXktY29sdW1uJyk7XG4gICAgICAgICAgICAgICAgY29sdW1uLmRhdGFzZXQuZGF0ZSA9IGRhdGVTdHI7XG4gICAgICAgICAgICAgICAgY29sdW1uLmRhdGFzZXQuY29sdW1uS2V5ID0gY29sdW1uS2V5O1xuICAgICAgICAgICAgICAgIGlmIChyZXNvdXJjZUlkKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbHVtbi5kYXRhc2V0LnJlc291cmNlSWQgPSByZXNvdXJjZUlkO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBjb2x1bW4uaW5uZXJIVE1MID0gJzxzd3AtZXZlbnRzLWxheWVyPjwvc3dwLWV2ZW50cy1sYXllcj4nO1xuICAgICAgICAgICAgICAgIGNvbnRleHQuY29sdW1uQ29udGFpbmVyLmFwcGVuZENoaWxkKGNvbHVtbik7XG4gICAgICAgICAgICAgICAgY29sdW1uQ291bnQrKztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBTZXQgZ3JpZCBjb2x1bW5zIG9uIGNvbnRhaW5lclxuICAgICAgICBjb25zdCBjb250YWluZXIgPSBjb250ZXh0LmNvbHVtbkNvbnRhaW5lci5jbG9zZXN0KCdzd3AtY2FsZW5kYXItY29udGFpbmVyJyk7XG4gICAgICAgIGlmIChjb250YWluZXIpIHtcbiAgICAgICAgICAgIGNvbnRhaW5lci5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1ncmlkLWNvbHVtbnMnLCBTdHJpbmcoY29sdW1uQ291bnQpKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsICJpbXBvcnQgZGF5anMgZnJvbSAnZGF5anMnO1xuaW1wb3J0IHV0YyBmcm9tICdkYXlqcy9wbHVnaW4vdXRjJztcbmltcG9ydCB0aW1lem9uZSBmcm9tICdkYXlqcy9wbHVnaW4vdGltZXpvbmUnO1xuaW1wb3J0IGlzb1dlZWsgZnJvbSAnZGF5anMvcGx1Z2luL2lzb1dlZWsnO1xuLy8gRW5hYmxlIGRheWpzIHBsdWdpbnNcbmRheWpzLmV4dGVuZCh1dGMpO1xuZGF5anMuZXh0ZW5kKHRpbWV6b25lKTtcbmRheWpzLmV4dGVuZChpc29XZWVrKTtcbmV4cG9ydCBjbGFzcyBEYXRlU2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29uZmlnLCBiYXNlRGF0ZSkge1xuICAgICAgICB0aGlzLmNvbmZpZyA9IGNvbmZpZztcbiAgICAgICAgdGhpcy50aW1lem9uZSA9IGNvbmZpZy50aW1lem9uZTtcbiAgICAgICAgLy8gQWxsb3cgc2V0dGluZyBhIGZpeGVkIGJhc2UgZGF0ZSBmb3IgZGVtby90ZXN0aW5nIHB1cnBvc2VzXG4gICAgICAgIHRoaXMuYmFzZURhdGUgPSBiYXNlRGF0ZSA/IGRheWpzKGJhc2VEYXRlKSA6IGRheWpzKCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNldCBhIGZpeGVkIGJhc2UgZGF0ZSAodXNlZnVsIGZvciBkZW1vcyB3aXRoIHN0YXRpYyBtb2NrIGRhdGEpXG4gICAgICovXG4gICAgc2V0QmFzZURhdGUoZGF0ZSkge1xuICAgICAgICB0aGlzLmJhc2VEYXRlID0gZGF5anMoZGF0ZSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB0aGUgY3VycmVudCBiYXNlIGRhdGUgKGVpdGhlciBmaXhlZCBvciB0b2RheSlcbiAgICAgKi9cbiAgICBnZXRCYXNlRGF0ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYmFzZURhdGUudG9EYXRlKCk7XG4gICAgfVxuICAgIHBhcnNlSVNPKGlzb1N0cmluZykge1xuICAgICAgICByZXR1cm4gZGF5anMoaXNvU3RyaW5nKS50b0RhdGUoKTtcbiAgICB9XG4gICAgZ2V0RGF5TmFtZShkYXRlLCBmb3JtYXQgPSAnc2hvcnQnKSB7XG4gICAgICAgIHJldHVybiBuZXcgSW50bC5EYXRlVGltZUZvcm1hdCh0aGlzLmNvbmZpZy5sb2NhbGUsIHsgd2Vla2RheTogZm9ybWF0IH0pLmZvcm1hdChkYXRlKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGRhdGVzIHN0YXJ0aW5nIGZyb20gYSBkYXkgb2Zmc2V0XG4gICAgICogQHBhcmFtIGRheU9mZnNldCAtIERheSBvZmZzZXQgZnJvbSBiYXNlIGRhdGVcbiAgICAgKiBAcGFyYW0gY291bnQgLSBOdW1iZXIgb2YgY29uc2VjdXRpdmUgZGF5cyB0byByZXR1cm5cbiAgICAgKiBAcmV0dXJucyBBcnJheSBvZiBkYXRlIHN0cmluZ3MgaW4gWVlZWS1NTS1ERCBmb3JtYXRcbiAgICAgKi9cbiAgICBnZXREYXRlc0Zyb21PZmZzZXQoZGF5T2Zmc2V0LCBjb3VudCkge1xuICAgICAgICBjb25zdCBzdGFydERhdGUgPSB0aGlzLmJhc2VEYXRlLmFkZChkYXlPZmZzZXQsICdkYXknKTtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IGNvdW50IH0sIChfLCBpKSA9PiBzdGFydERhdGUuYWRkKGksICdkYXknKS5mb3JtYXQoJ1lZWVktTU0tREQnKSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBzcGVjaWZpYyB3ZWVrZGF5cyBmcm9tIHRoZSB3ZWVrIGNvbnRhaW5pbmcgdGhlIG9mZnNldCBkYXRlXG4gICAgICogQHBhcmFtIGRheU9mZnNldCAtIERheSBvZmZzZXQgZnJvbSBiYXNlIGRhdGVcbiAgICAgKiBAcGFyYW0gd29ya0RheXMgLSBBcnJheSBvZiBJU08gd2Vla2RheSBudW1iZXJzICgxPU1vbmRheSwgNz1TdW5kYXkpXG4gICAgICogQHJldHVybnMgQXJyYXkgb2YgZGF0ZSBzdHJpbmdzIGluIFlZWVktTU0tREQgZm9ybWF0XG4gICAgICovXG4gICAgZ2V0V29ya0RheXNGcm9tT2Zmc2V0KGRheU9mZnNldCwgd29ya0RheXMpIHtcbiAgICAgICAgLy8gR2V0IHRoZSBkYXRlIGF0IG9mZnNldCwgdGhlbiBmaW5kIGl0cyB3ZWVrJ3MgTW9uZGF5XG4gICAgICAgIGNvbnN0IHRhcmdldERhdGUgPSB0aGlzLmJhc2VEYXRlLmFkZChkYXlPZmZzZXQsICdkYXknKTtcbiAgICAgICAgY29uc3QgbW9uZGF5ID0gdGFyZ2V0RGF0ZS5zdGFydE9mKCd3ZWVrJykuYWRkKDEsICdkYXknKTtcbiAgICAgICAgcmV0dXJuIHdvcmtEYXlzLm1hcChpc29EYXkgPT4ge1xuICAgICAgICAgICAgLy8gSVNPOiAxPU1vbmRheSwgNz1TdW5kYXkgXHUyMTkyIGRheXMgZnJvbSBNb25kYXk6IDAtNlxuICAgICAgICAgICAgY29uc3QgZGF5c0Zyb21Nb25kYXkgPSBpc29EYXkgPT09IDcgPyA2IDogaXNvRGF5IC0gMTtcbiAgICAgICAgICAgIHJldHVybiBtb25kYXkuYWRkKGRheXNGcm9tTW9uZGF5LCAnZGF5JykuZm9ybWF0KCdZWVlZLU1NLUREJyk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvLyBMZWdhY3kgbWV0aG9kcyBmb3IgYmFja3dhcmRzIGNvbXBhdGliaWxpdHlcbiAgICBnZXRXZWVrRGF0ZXMod2Vla09mZnNldCA9IDAsIGRheXMgPSA3KSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldERhdGVzRnJvbU9mZnNldCh3ZWVrT2Zmc2V0ICogNywgZGF5cyk7XG4gICAgfVxuICAgIGdldFdvcmtXZWVrRGF0ZXMod2Vla09mZnNldCwgd29ya0RheXMpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0V29ya0RheXNGcm9tT2Zmc2V0KHdlZWtPZmZzZXQgKiA3LCB3b3JrRGF5cyk7XG4gICAgfVxuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgLy8gRk9STUFUVElOR1xuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgZm9ybWF0VGltZShkYXRlLCBzaG93U2Vjb25kcyA9IGZhbHNlKSB7XG4gICAgICAgIGNvbnN0IHBhdHRlcm4gPSBzaG93U2Vjb25kcyA/ICdISDptbTpzcycgOiAnSEg6bW0nO1xuICAgICAgICByZXR1cm4gZGF5anMoZGF0ZSkuZm9ybWF0KHBhdHRlcm4pO1xuICAgIH1cbiAgICBmb3JtYXRUaW1lUmFuZ2Uoc3RhcnQsIGVuZCkge1xuICAgICAgICByZXR1cm4gYCR7dGhpcy5mb3JtYXRUaW1lKHN0YXJ0KX0gLSAke3RoaXMuZm9ybWF0VGltZShlbmQpfWA7XG4gICAgfVxuICAgIGZvcm1hdERhdGUoZGF0ZSkge1xuICAgICAgICByZXR1cm4gZGF5anMoZGF0ZSkuZm9ybWF0KCdZWVlZLU1NLUREJyk7XG4gICAgfVxuICAgIGdldERhdGVLZXkoZGF0ZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtYXREYXRlKGRhdGUpO1xuICAgIH1cbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIC8vIENPTFVNTiBLRVlcbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIC8qKlxuICAgICAqIEJ1aWxkIGEgdW5pZm9ybSBjb2x1bW5LZXkgZnJvbSBncm91cGluZyBzZWdtZW50c1xuICAgICAqIEhhbmRsZXMgYW55IGNvbWJpbmF0aW9uIG9mIGRhdGUsIHJlc291cmNlLCB0ZWFtLCBldGMuXG4gICAgICpcbiAgICAgKiBAZXhhbXBsZVxuICAgICAqIGJ1aWxkQ29sdW1uS2V5KHsgZGF0ZTogJzIwMjUtMTItMDknIH0pIFx1MjE5MiBcIjIwMjUtMTItMDlcIlxuICAgICAqIGJ1aWxkQ29sdW1uS2V5KHsgZGF0ZTogJzIwMjUtMTItMDknLCByZXNvdXJjZTogJ0VNUDAwMScgfSkgXHUyMTkyIFwiMjAyNS0xMi0wOTpFTVAwMDFcIlxuICAgICAqL1xuICAgIGJ1aWxkQ29sdW1uS2V5KHNlZ21lbnRzKSB7XG4gICAgICAgIC8vIEFsd2F5cyBwdXQgZGF0ZSBmaXJzdCBpZiBwcmVzZW50LCB0aGVuIG90aGVyIHNlZ21lbnRzIGFscGhhYmV0aWNhbGx5XG4gICAgICAgIGNvbnN0IGRhdGUgPSBzZWdtZW50cy5kYXRlO1xuICAgICAgICBjb25zdCBvdGhlcnMgPSBPYmplY3QuZW50cmllcyhzZWdtZW50cylcbiAgICAgICAgICAgIC5maWx0ZXIoKFtrXSkgPT4gayAhPT0gJ2RhdGUnKVxuICAgICAgICAgICAgLnNvcnQoKFthXSwgW2JdKSA9PiBhLmxvY2FsZUNvbXBhcmUoYikpXG4gICAgICAgICAgICAubWFwKChbLCB2XSkgPT4gdik7XG4gICAgICAgIHJldHVybiBkYXRlID8gW2RhdGUsIC4uLm90aGVyc10uam9pbignOicpIDogb3RoZXJzLmpvaW4oJzonKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUGFyc2UgYSBjb2x1bW5LZXkgYmFjayBpbnRvIHNlZ21lbnRzXG4gICAgICogQXNzdW1lcyBmb3JtYXQ6IFwiZGF0ZTpyZXNvdXJjZTouLi5cIiBvciBqdXN0IFwiZGF0ZVwiXG4gICAgICovXG4gICAgcGFyc2VDb2x1bW5LZXkoY29sdW1uS2V5KSB7XG4gICAgICAgIGNvbnN0IHBhcnRzID0gY29sdW1uS2V5LnNwbGl0KCc6Jyk7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBkYXRlOiBwYXJ0c1swXSxcbiAgICAgICAgICAgIHJlc291cmNlOiBwYXJ0c1sxXVxuICAgICAgICB9O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBFeHRyYWN0IGRhdGVLZXkgZnJvbSBjb2x1bW5LZXkgKGZpcnN0IHNlZ21lbnQpXG4gICAgICovXG4gICAgZ2V0RGF0ZUZyb21Db2x1bW5LZXkoY29sdW1uS2V5KSB7XG4gICAgICAgIHJldHVybiBjb2x1bW5LZXkuc3BsaXQoJzonKVswXTtcbiAgICB9XG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAvLyBUSU1FIENBTENVTEFUSU9OU1xuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgdGltZVRvTWludXRlcyh0aW1lU3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IHBhcnRzID0gdGltZVN0cmluZy5zcGxpdCgnOicpLm1hcChOdW1iZXIpO1xuICAgICAgICBjb25zdCBob3VycyA9IHBhcnRzWzBdIHx8IDA7XG4gICAgICAgIGNvbnN0IG1pbnV0ZXMgPSBwYXJ0c1sxXSB8fCAwO1xuICAgICAgICByZXR1cm4gaG91cnMgKiA2MCArIG1pbnV0ZXM7XG4gICAgfVxuICAgIG1pbnV0ZXNUb1RpbWUodG90YWxNaW51dGVzKSB7XG4gICAgICAgIGNvbnN0IGhvdXJzID0gTWF0aC5mbG9vcih0b3RhbE1pbnV0ZXMgLyA2MCk7XG4gICAgICAgIGNvbnN0IG1pbnV0ZXMgPSB0b3RhbE1pbnV0ZXMgJSA2MDtcbiAgICAgICAgcmV0dXJuIGRheWpzKCkuaG91cihob3VycykubWludXRlKG1pbnV0ZXMpLmZvcm1hdCgnSEg6bW0nKTtcbiAgICB9XG4gICAgZ2V0TWludXRlc1NpbmNlTWlkbmlnaHQoZGF0ZSkge1xuICAgICAgICBjb25zdCBkID0gZGF5anMoZGF0ZSk7XG4gICAgICAgIHJldHVybiBkLmhvdXIoKSAqIDYwICsgZC5taW51dGUoKTtcbiAgICB9XG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAvLyBVVEMgQ09OVkVSU0lPTlNcbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIHRvVVRDKGxvY2FsRGF0ZSkge1xuICAgICAgICByZXR1cm4gZGF5anMudHoobG9jYWxEYXRlLCB0aGlzLnRpbWV6b25lKS51dGMoKS50b0lTT1N0cmluZygpO1xuICAgIH1cbiAgICBmcm9tVVRDKHV0Y1N0cmluZykge1xuICAgICAgICByZXR1cm4gZGF5anMudXRjKHV0Y1N0cmluZykudHoodGhpcy50aW1lem9uZSkudG9EYXRlKCk7XG4gICAgfVxuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgLy8gREFURSBDUkVBVElPTlxuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgY3JlYXRlRGF0ZUF0VGltZShiYXNlRGF0ZSwgdGltZVN0cmluZykge1xuICAgICAgICBjb25zdCB0b3RhbE1pbnV0ZXMgPSB0aGlzLnRpbWVUb01pbnV0ZXModGltZVN0cmluZyk7XG4gICAgICAgIGNvbnN0IGhvdXJzID0gTWF0aC5mbG9vcih0b3RhbE1pbnV0ZXMgLyA2MCk7XG4gICAgICAgIGNvbnN0IG1pbnV0ZXMgPSB0b3RhbE1pbnV0ZXMgJSA2MDtcbiAgICAgICAgcmV0dXJuIGRheWpzKGJhc2VEYXRlKS5zdGFydE9mKCdkYXknKS5ob3VyKGhvdXJzKS5taW51dGUobWludXRlcykudG9EYXRlKCk7XG4gICAgfVxuICAgIGdldElTT1dlZWtEYXkoZGF0ZSkge1xuICAgICAgICByZXR1cm4gZGF5anMoZGF0ZSkuaXNvV2Vla2RheSgpOyAvLyAxPU1vbmRheSwgNz1TdW5kYXlcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBBYnN0cmFjdCBiYXNlIGNsYXNzIGZvciBncm91cGluZyByZW5kZXJlcnNcbiAqXG4gKiBIYW5kbGVzOlxuICogLSBGZXRjaGluZyBlbnRpdGllcyBieSBJRHNcbiAqIC0gQ2FsY3VsYXRpbmcgY29sc3BhbiBmcm9tIHBhcmVudENoaWxkTWFwXG4gKiAtIENyZWF0aW5nIGhlYWRlciBlbGVtZW50c1xuICogLSBBcHBlbmRpbmcgdG8gY29udGFpbmVyXG4gKlxuICogU3ViY2xhc3NlcyBvdmVycmlkZTpcbiAqIC0gcmVuZGVySGVhZGVyKCkgZm9yIGN1c3RvbSBjb250ZW50XG4gKiAtIGdldERpc3BsYXlOYW1lKCkgZm9yIGVudGl0eSBkaXNwbGF5IHRleHRcbiAqL1xuZXhwb3J0IGNsYXNzIEJhc2VHcm91cGluZ1JlbmRlcmVyIHtcbiAgICAvKipcbiAgICAgKiBNYWluIHJlbmRlciBtZXRob2QgLSBoYW5kbGVzIGNvbW1vbiBsb2dpY1xuICAgICAqL1xuICAgIGFzeW5jIHJlbmRlcihjb250ZXh0KSB7XG4gICAgICAgIGNvbnN0IGFsbG93ZWRJZHMgPSBjb250ZXh0LmZpbHRlclt0aGlzLnR5cGVdIHx8IFtdO1xuICAgICAgICBpZiAoYWxsb3dlZElkcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGVudGl0aWVzID0gYXdhaXQgdGhpcy5nZXRFbnRpdGllcyhhbGxvd2VkSWRzKTtcbiAgICAgICAgY29uc3QgZGF0ZUNvdW50ID0gY29udGV4dC5maWx0ZXJbJ2RhdGUnXT8ubGVuZ3RoIHx8IDE7XG4gICAgICAgIGNvbnN0IGNoaWxkSWRzID0gY29udGV4dC5jaGlsZFR5cGUgPyBjb250ZXh0LmZpbHRlcltjb250ZXh0LmNoaWxkVHlwZV0gfHwgW10gOiBbXTtcbiAgICAgICAgZm9yIChjb25zdCBlbnRpdHkgb2YgZW50aXRpZXMpIHtcbiAgICAgICAgICAgIGNvbnN0IGVudGl0eUNoaWxkSWRzID0gY29udGV4dC5wYXJlbnRDaGlsZE1hcD8uW2VudGl0eS5pZF0gfHwgW107XG4gICAgICAgICAgICBjb25zdCBjaGlsZENvdW50ID0gZW50aXR5Q2hpbGRJZHMuZmlsdGVyKGlkID0+IGNoaWxkSWRzLmluY2x1ZGVzKGlkKSkubGVuZ3RoO1xuICAgICAgICAgICAgY29uc3QgY29sc3BhbiA9IGNoaWxkQ291bnQgKiBkYXRlQ291bnQ7XG4gICAgICAgICAgICBjb25zdCBoZWFkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KHRoaXMuY29uZmlnLmVsZW1lbnRUYWcpO1xuICAgICAgICAgICAgaGVhZGVyLmRhdGFzZXRbdGhpcy5jb25maWcuaWRBdHRyaWJ1dGVdID0gZW50aXR5LmlkO1xuICAgICAgICAgICAgaGVhZGVyLnN0eWxlLnNldFByb3BlcnR5KHRoaXMuY29uZmlnLmNvbHNwYW5WYXIsIFN0cmluZyhjb2xzcGFuKSk7XG4gICAgICAgICAgICAvLyBBbGxvdyBzdWJjbGFzcyB0byBjdXN0b21pemUgaGVhZGVyIGNvbnRlbnRcbiAgICAgICAgICAgIHRoaXMucmVuZGVySGVhZGVyKGVudGl0eSwgaGVhZGVyLCBjb250ZXh0KTtcbiAgICAgICAgICAgIGNvbnRleHQuaGVhZGVyQ29udGFpbmVyLmFwcGVuZENoaWxkKGhlYWRlcik7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogT3ZlcnJpZGUgdGhpcyBtZXRob2QgZm9yIGN1c3RvbSBoZWFkZXIgcmVuZGVyaW5nXG4gICAgICogRGVmYXVsdDoganVzdCBzZXRzIHRleHRDb250ZW50IHRvIGRpc3BsYXkgbmFtZVxuICAgICAqL1xuICAgIHJlbmRlckhlYWRlcihlbnRpdHksIGhlYWRlciwgX2NvbnRleHQpIHtcbiAgICAgICAgaGVhZGVyLnRleHRDb250ZW50ID0gdGhpcy5nZXREaXNwbGF5TmFtZShlbnRpdHkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIZWxwZXIgdG8gcmVuZGVyIGEgc2luZ2xlIGVudGl0eSBoZWFkZXIuXG4gICAgICogQ2FuIGJlIHVzZWQgYnkgc3ViY2xhc3NlcyB0aGF0IG92ZXJyaWRlIHJlbmRlcigpIGJ1dCB3YW50IGNvbnNpc3RlbnQgaGVhZGVyIGNyZWF0aW9uLlxuICAgICAqL1xuICAgIGNyZWF0ZUhlYWRlcihlbnRpdHksIGNvbnRleHQpIHtcbiAgICAgICAgY29uc3QgaGVhZGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCh0aGlzLmNvbmZpZy5lbGVtZW50VGFnKTtcbiAgICAgICAgaGVhZGVyLmRhdGFzZXRbdGhpcy5jb25maWcuaWRBdHRyaWJ1dGVdID0gZW50aXR5LmlkO1xuICAgICAgICB0aGlzLnJlbmRlckhlYWRlcihlbnRpdHksIGhlYWRlciwgY29udGV4dCk7XG4gICAgICAgIHJldHVybiBoZWFkZXI7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IEJhc2VHcm91cGluZ1JlbmRlcmVyIH0gZnJvbSAnLi4vLi4vY29yZS9CYXNlR3JvdXBpbmdSZW5kZXJlcic7XG5leHBvcnQgY2xhc3MgUmVzb3VyY2VSZW5kZXJlciBleHRlbmRzIEJhc2VHcm91cGluZ1JlbmRlcmVyIHtcbiAgICBjb25zdHJ1Y3RvcihyZXNvdXJjZVNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5yZXNvdXJjZVNlcnZpY2UgPSByZXNvdXJjZVNlcnZpY2U7XG4gICAgICAgIHRoaXMudHlwZSA9ICdyZXNvdXJjZSc7XG4gICAgICAgIHRoaXMuY29uZmlnID0ge1xuICAgICAgICAgICAgZWxlbWVudFRhZzogJ3N3cC1yZXNvdXJjZS1oZWFkZXInLFxuICAgICAgICAgICAgaWRBdHRyaWJ1dGU6ICdyZXNvdXJjZUlkJyxcbiAgICAgICAgICAgIGNvbHNwYW5WYXI6ICctLXJlc291cmNlLWNvbHMnXG4gICAgICAgIH07XG4gICAgfVxuICAgIGdldEVudGl0aWVzKGlkcykge1xuICAgICAgICByZXR1cm4gdGhpcy5yZXNvdXJjZVNlcnZpY2UuZ2V0QnlJZHMoaWRzKTtcbiAgICB9XG4gICAgZ2V0RGlzcGxheU5hbWUoZW50aXR5KSB7XG4gICAgICAgIHJldHVybiBlbnRpdHkuZGlzcGxheU5hbWU7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE92ZXJyaWRlIHJlbmRlciB0byBoYW5kbGU6XG4gICAgICogMS4gU3BlY2lhbCBvcmRlcmluZyB3aGVuIHBhcmVudENoaWxkTWFwIGV4aXN0cyAocmVzb3VyY2VzIGdyb3VwZWQgYnkgcGFyZW50KVxuICAgICAqIDIuIERpZmZlcmVudCBjb2xzcGFuIGNhbGN1bGF0aW9uIChqdXN0IGRhdGVDb3VudCwgbm90IGNoaWxkQ291bnQgKiBkYXRlQ291bnQpXG4gICAgICovXG4gICAgYXN5bmMgcmVuZGVyKGNvbnRleHQpIHtcbiAgICAgICAgY29uc3QgcmVzb3VyY2VJZHMgPSBjb250ZXh0LmZpbHRlclsncmVzb3VyY2UnXSB8fCBbXTtcbiAgICAgICAgY29uc3QgZGF0ZUNvdW50ID0gY29udGV4dC5maWx0ZXJbJ2RhdGUnXT8ubGVuZ3RoIHx8IDE7XG4gICAgICAgIC8vIERldGVybWluZSByZW5kZXIgb3JkZXIgYmFzZWQgb24gcGFyZW50Q2hpbGRNYXBcbiAgICAgICAgLy8gSWYgcGFyZW50Q2hpbGRNYXAgZXhpc3RzLCByZW5kZXIgcmVzb3VyY2VzIGdyb3VwZWQgYnkgcGFyZW50IChlLmcuLCB0ZWFtKVxuICAgICAgICAvLyBPdGhlcndpc2UsIHJlbmRlciBpbiBmaWx0ZXIgb3JkZXJcbiAgICAgICAgbGV0IG9yZGVyZWRSZXNvdXJjZUlkcztcbiAgICAgICAgaWYgKGNvbnRleHQucGFyZW50Q2hpbGRNYXApIHtcbiAgICAgICAgICAgIC8vIFJlbmRlciByZXNvdXJjZXMgaW4gcGFyZW50LWNoaWxkIG9yZGVyXG4gICAgICAgICAgICBvcmRlcmVkUmVzb3VyY2VJZHMgPSBbXTtcbiAgICAgICAgICAgIGZvciAoY29uc3QgY2hpbGRJZHMgb2YgT2JqZWN0LnZhbHVlcyhjb250ZXh0LnBhcmVudENoaWxkTWFwKSkge1xuICAgICAgICAgICAgICAgIGZvciAoY29uc3QgY2hpbGRJZCBvZiBjaGlsZElkcykge1xuICAgICAgICAgICAgICAgICAgICBpZiAocmVzb3VyY2VJZHMuaW5jbHVkZXMoY2hpbGRJZCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG9yZGVyZWRSZXNvdXJjZUlkcy5wdXNoKGNoaWxkSWQpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgb3JkZXJlZFJlc291cmNlSWRzID0gcmVzb3VyY2VJZHM7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgcmVzb3VyY2VzID0gYXdhaXQgdGhpcy5nZXRFbnRpdGllcyhvcmRlcmVkUmVzb3VyY2VJZHMpO1xuICAgICAgICAvLyBDcmVhdGUgYSBtYXAgZm9yIHF1aWNrIGxvb2t1cCB0byBwcmVzZXJ2ZSBvcmRlclxuICAgICAgICBjb25zdCByZXNvdXJjZU1hcCA9IG5ldyBNYXAocmVzb3VyY2VzLm1hcChyID0+IFtyLmlkLCByXSkpO1xuICAgICAgICBmb3IgKGNvbnN0IHJlc291cmNlSWQgb2Ygb3JkZXJlZFJlc291cmNlSWRzKSB7XG4gICAgICAgICAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlTWFwLmdldChyZXNvdXJjZUlkKTtcbiAgICAgICAgICAgIGlmICghcmVzb3VyY2UpXG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICBjb25zdCBoZWFkZXIgPSB0aGlzLmNyZWF0ZUhlYWRlcihyZXNvdXJjZSwgY29udGV4dCk7XG4gICAgICAgICAgICBoZWFkZXIuc3R5bGUuZ3JpZENvbHVtbiA9IGBzcGFuICR7ZGF0ZUNvdW50fWA7XG4gICAgICAgICAgICBjb250ZXh0LmhlYWRlckNvbnRhaW5lci5hcHBlbmRDaGlsZChoZWFkZXIpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwgImltcG9ydCB7IEJhc2VHcm91cGluZ1JlbmRlcmVyIH0gZnJvbSAnLi4vLi4vY29yZS9CYXNlR3JvdXBpbmdSZW5kZXJlcic7XG5leHBvcnQgY2xhc3MgVGVhbVJlbmRlcmVyIGV4dGVuZHMgQmFzZUdyb3VwaW5nUmVuZGVyZXIge1xuICAgIGNvbnN0cnVjdG9yKHRlYW1TZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMudGVhbVNlcnZpY2UgPSB0ZWFtU2VydmljZTtcbiAgICAgICAgdGhpcy50eXBlID0gJ3RlYW0nO1xuICAgICAgICB0aGlzLmNvbmZpZyA9IHtcbiAgICAgICAgICAgIGVsZW1lbnRUYWc6ICdzd3AtdGVhbS1oZWFkZXInLFxuICAgICAgICAgICAgaWRBdHRyaWJ1dGU6ICd0ZWFtSWQnLFxuICAgICAgICAgICAgY29sc3BhblZhcjogJy0tdGVhbS1jb2xzJ1xuICAgICAgICB9O1xuICAgIH1cbiAgICBnZXRFbnRpdGllcyhpZHMpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudGVhbVNlcnZpY2UuZ2V0QnlJZHMoaWRzKTtcbiAgICB9XG4gICAgZ2V0RGlzcGxheU5hbWUoZW50aXR5KSB7XG4gICAgICAgIHJldHVybiBlbnRpdHkubmFtZTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQmFzZUdyb3VwaW5nUmVuZGVyZXIgfSBmcm9tICcuLi8uLi9jb3JlL0Jhc2VHcm91cGluZ1JlbmRlcmVyJztcbmV4cG9ydCBjbGFzcyBEZXBhcnRtZW50UmVuZGVyZXIgZXh0ZW5kcyBCYXNlR3JvdXBpbmdSZW5kZXJlciB7XG4gICAgY29uc3RydWN0b3IoZGVwYXJ0bWVudFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5kZXBhcnRtZW50U2VydmljZSA9IGRlcGFydG1lbnRTZXJ2aWNlO1xuICAgICAgICB0aGlzLnR5cGUgPSAnZGVwYXJ0bWVudCc7XG4gICAgICAgIHRoaXMuY29uZmlnID0ge1xuICAgICAgICAgICAgZWxlbWVudFRhZzogJ3N3cC1kZXBhcnRtZW50LWhlYWRlcicsXG4gICAgICAgICAgICBpZEF0dHJpYnV0ZTogJ2RlcGFydG1lbnRJZCcsXG4gICAgICAgICAgICBjb2xzcGFuVmFyOiAnLS1kZXBhcnRtZW50LWNvbHMnXG4gICAgICAgIH07XG4gICAgfVxuICAgIGdldEVudGl0aWVzKGlkcykge1xuICAgICAgICByZXR1cm4gdGhpcy5kZXBhcnRtZW50U2VydmljZS5nZXRCeUlkcyhpZHMpO1xuICAgIH1cbiAgICBnZXREaXNwbGF5TmFtZShlbnRpdHkpIHtcbiAgICAgICAgcmV0dXJuIGVudGl0eS5uYW1lO1xuICAgIH1cbn1cbiIsICJleHBvcnQgZnVuY3Rpb24gYnVpbGRQaXBlbGluZShyZW5kZXJlcnMpIHtcbiAgICByZXR1cm4ge1xuICAgICAgICBhc3luYyBydW4oY29udGV4dCkge1xuICAgICAgICAgICAgZm9yIChjb25zdCByZW5kZXJlciBvZiByZW5kZXJlcnMpIHtcbiAgICAgICAgICAgICAgICBhd2FpdCByZW5kZXJlci5yZW5kZXIoY29udGV4dCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9O1xufVxuIiwgIi8qKlxuICogRmlsdGVyVGVtcGxhdGUgLSBCeWdnZXIgblx1MDBGOGdsZXIgdGlsIGV2ZW50LWtvbG9ubmUgbWF0Y2hpbmdcbiAqXG4gKiBWaWV3Q29uZmlnIGRlZmluZXJlciBodmlsa2UgZmVsdGVyIChpZFByb3BlcnRpZXMpIGRlciBpbmRnXHUwMEU1ciBpIGtvbG9ubmVucyBuXHUwMEY4Z2xlLlxuICogU2FtbWUgdGVtcGxhdGUgYnJ1Z2VzIHRpbCBhdCBieWdnZSBuXHUwMEY4Z2xlIGZvciBiXHUwMEU1ZGUga29sb25uZSBvZyBldmVudC5cbiAqXG4gKiBTdXBwb3J0cyBkb3Qtbm90YXRpb24gZm9yIGhpZXJhcmNoaWNhbCByZWxhdGlvbnM6XG4gKiAtICdyZXNvdXJjZS50ZWFtSWQnIFx1MjE5MiBsb29rcyB1cCBldmVudC5yZXNvdXJjZUlkIFx1MjE5MiByZXNvdXJjZSBlbnRpdHkgXHUyMTkyIHRlYW1JZFxuICpcbiAqIFByaW5jaXA6IEtvbG9ubmVucyBuXHUwMEY4Z2xlLXRlbXBsYXRlIGJlc3RlbW1lciBodmFkIGRlciBtYXRjaGVzIHBcdTAwRTUuXG4gKlxuICogQHNlZSBkb2NzL2ZpbHRlci10ZW1wbGF0ZS5tZFxuICovXG5leHBvcnQgY2xhc3MgRmlsdGVyVGVtcGxhdGUge1xuICAgIGNvbnN0cnVjdG9yKGRhdGVTZXJ2aWNlLCBlbnRpdHlSZXNvbHZlcikge1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMuZW50aXR5UmVzb2x2ZXIgPSBlbnRpdHlSZXNvbHZlcjtcbiAgICAgICAgdGhpcy5maWVsZHMgPSBbXTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogVGlsZlx1MDBGOGogZmVsdCB0aWwgdGVtcGxhdGVcbiAgICAgKiBAcGFyYW0gaWRQcm9wZXJ0eSAtIFByb3BlcnR5LW5hdm4gKGJydWdlcyBwXHUwMEU1IGJcdTAwRTVkZSBldmVudCBvZyBjb2x1bW4uZGF0YXNldClcbiAgICAgKiBAcGFyYW0gZGVyaXZlZEZyb20gLSBIdmlzIGZlbHRldCB1ZGxlZGVzIGZyYSBhbmRlbiBwcm9wZXJ0eSAoZi5la3MuIGRhdGUgZnJhIHN0YXJ0KVxuICAgICAqL1xuICAgIGFkZEZpZWxkKGlkUHJvcGVydHksIGRlcml2ZWRGcm9tKSB7XG4gICAgICAgIHRoaXMuZmllbGRzLnB1c2goeyBpZFByb3BlcnR5LCBkZXJpdmVkRnJvbSB9KTtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFBhcnNlIGRvdC1ub3RhdGlvbiBzdHJpbmcgaW50byBjb21wb25lbnRzXG4gICAgICogQGV4YW1wbGUgJ3Jlc291cmNlLnRlYW1JZCcgXHUyMTkyIHsgZW50aXR5VHlwZTogJ3Jlc291cmNlJywgcHJvcGVydHk6ICd0ZWFtSWQnLCBmb3JlaWduS2V5OiAncmVzb3VyY2VJZCcgfVxuICAgICAqL1xuICAgIHBhcnNlRG90Tm90YXRpb24oaWRQcm9wZXJ0eSkge1xuICAgICAgICBpZiAoIWlkUHJvcGVydHkuaW5jbHVkZXMoJy4nKSlcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICBjb25zdCBbZW50aXR5VHlwZSwgcHJvcGVydHldID0gaWRQcm9wZXJ0eS5zcGxpdCgnLicpO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgZW50aXR5VHlwZSxcbiAgICAgICAgICAgIHByb3BlcnR5LFxuICAgICAgICAgICAgZm9yZWlnbktleTogZW50aXR5VHlwZSArICdJZCcgLy8gQ29udmVudGlvbjogcmVzb3VyY2UgXHUyMTkyIHJlc291cmNlSWRcbiAgICAgICAgfTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGRhdGFzZXQga2V5IGZvciBjb2x1bW4gbG9va3VwXG4gICAgICogRm9yIGRvdC1ub3RhdGlvbiAncmVzb3VyY2UudGVhbUlkJywgd2UgbG9vayBmb3IgJ3RlYW1JZCcgaW4gZGF0YXNldFxuICAgICAqL1xuICAgIGdldERhdGFzZXRLZXkoaWRQcm9wZXJ0eSkge1xuICAgICAgICBjb25zdCBkb3ROb3RhdGlvbiA9IHRoaXMucGFyc2VEb3ROb3RhdGlvbihpZFByb3BlcnR5KTtcbiAgICAgICAgaWYgKGRvdE5vdGF0aW9uKSB7XG4gICAgICAgICAgICByZXR1cm4gZG90Tm90YXRpb24ucHJvcGVydHk7IC8vICd0ZWFtSWQnXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGlkUHJvcGVydHk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJ5ZyBuXHUwMEY4Z2xlIGZyYSBrb2xvbm5lXG4gICAgICogTFx1MDBFNnNlciB2XHUwMEU2cmRpZXIgZnJhIGNvbHVtbi5kYXRhc2V0W2lkUHJvcGVydHldXG4gICAgICogRm9yIGRvdC1ub3RhdGlvbiwgdXNlcyB0aGUgcHJvcGVydHkgcGFydCAocmVzb3VyY2UudGVhbUlkIFx1MjE5MiB0ZWFtSWQpXG4gICAgICovXG4gICAgYnVpbGRLZXlGcm9tQ29sdW1uKGNvbHVtbikge1xuICAgICAgICByZXR1cm4gdGhpcy5maWVsZHNcbiAgICAgICAgICAgIC5tYXAoZiA9PiB7XG4gICAgICAgICAgICBjb25zdCBrZXkgPSB0aGlzLmdldERhdGFzZXRLZXkoZi5pZFByb3BlcnR5KTtcbiAgICAgICAgICAgIHJldHVybiBjb2x1bW4uZGF0YXNldFtrZXldIHx8ICcnO1xuICAgICAgICB9KVxuICAgICAgICAgICAgLmpvaW4oJzonKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQnlnIG5cdTAwRjhnbGUgZnJhIGV2ZW50XG4gICAgICogTFx1MDBFNnNlciB2XHUwMEU2cmRpZXIgZnJhIGV2ZW50W2lkUHJvcGVydHldIGVsbGVyIHVkbGVkZXIgZnJhIGRlcml2ZWRGcm9tXG4gICAgICogRm9yIGRvdC1ub3RhdGlvbiwgcmVzb2x2ZXMgdmlhIEVudGl0eVJlc29sdmVyXG4gICAgICovXG4gICAgYnVpbGRLZXlGcm9tRXZlbnQoZXZlbnQpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICAgICAgY29uc3QgZXZlbnRSZWNvcmQgPSBldmVudDtcbiAgICAgICAgcmV0dXJuIHRoaXMuZmllbGRzXG4gICAgICAgICAgICAubWFwKGYgPT4ge1xuICAgICAgICAgICAgLy8gQ2hlY2sgZm9yIGRvdC1ub3RhdGlvbiAoZS5nLiwgJ3Jlc291cmNlLnRlYW1JZCcpXG4gICAgICAgICAgICBjb25zdCBkb3ROb3RhdGlvbiA9IHRoaXMucGFyc2VEb3ROb3RhdGlvbihmLmlkUHJvcGVydHkpO1xuICAgICAgICAgICAgaWYgKGRvdE5vdGF0aW9uKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZURvdE5vdGF0aW9uKGV2ZW50UmVjb3JkLCBkb3ROb3RhdGlvbik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAoZi5kZXJpdmVkRnJvbSkge1xuICAgICAgICAgICAgICAgIC8vIFVkbGVkIHZcdTAwRTZyZGkgKGYuZWtzLiBkYXRlIGZyYSBzdGFydClcbiAgICAgICAgICAgICAgICBjb25zdCBzb3VyY2VWYWx1ZSA9IGV2ZW50UmVjb3JkW2YuZGVyaXZlZEZyb21dO1xuICAgICAgICAgICAgICAgIGlmIChzb3VyY2VWYWx1ZSBpbnN0YW5jZW9mIERhdGUpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuZGF0ZVNlcnZpY2UuZ2V0RGF0ZUtleShzb3VyY2VWYWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiBTdHJpbmcoc291cmNlVmFsdWUgfHwgJycpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIFN0cmluZyhldmVudFJlY29yZFtmLmlkUHJvcGVydHldIHx8ICcnKTtcbiAgICAgICAgfSlcbiAgICAgICAgICAgIC5qb2luKCc6Jyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgZG90LW5vdGF0aW9uIHJlZmVyZW5jZSB2aWEgRW50aXR5UmVzb2x2ZXJcbiAgICAgKi9cbiAgICByZXNvbHZlRG90Tm90YXRpb24oZXZlbnRSZWNvcmQsIGRvdE5vdGF0aW9uKSB7XG4gICAgICAgIGlmICghdGhpcy5lbnRpdHlSZXNvbHZlcikge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKGBGaWx0ZXJUZW1wbGF0ZTogRW50aXR5UmVzb2x2ZXIgcmVxdWlyZWQgZm9yIGRvdC1ub3RhdGlvbiAnJHtkb3ROb3RhdGlvbi5lbnRpdHlUeXBlfS4ke2RvdE5vdGF0aW9uLnByb3BlcnR5fSdgKTtcbiAgICAgICAgICAgIHJldHVybiAnJztcbiAgICAgICAgfVxuICAgICAgICAvLyBHZXQgZm9yZWlnbiBrZXkgdmFsdWUgZnJvbSBldmVudCAoZS5nLiwgcmVzb3VyY2VJZClcbiAgICAgICAgY29uc3QgZm9yZWlnbklkID0gZXZlbnRSZWNvcmRbZG90Tm90YXRpb24uZm9yZWlnbktleV07XG4gICAgICAgIGlmICghZm9yZWlnbklkKVxuICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICAvLyBSZXNvbHZlIGVudGl0eVxuICAgICAgICBjb25zdCBlbnRpdHkgPSB0aGlzLmVudGl0eVJlc29sdmVyLnJlc29sdmUoZG90Tm90YXRpb24uZW50aXR5VHlwZSwgU3RyaW5nKGZvcmVpZ25JZCkpO1xuICAgICAgICBpZiAoIWVudGl0eSlcbiAgICAgICAgICAgIHJldHVybiAnJztcbiAgICAgICAgLy8gUmV0dXJuIHByb3BlcnR5IHZhbHVlIGZyb20gZW50aXR5XG4gICAgICAgIHJldHVybiBTdHJpbmcoZW50aXR5W2RvdE5vdGF0aW9uLnByb3BlcnR5XSB8fCAnJyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE1hdGNoIGV2ZW50IG1vZCBrb2xvbm5lXG4gICAgICovXG4gICAgbWF0Y2hlcyhldmVudCwgY29sdW1uKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmJ1aWxkS2V5RnJvbUV2ZW50KGV2ZW50KSA9PT0gdGhpcy5idWlsZEtleUZyb21Db2x1bW4oY29sdW1uKTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgYnVpbGRQaXBlbGluZSB9IGZyb20gJy4vUmVuZGVyQnVpbGRlcic7XG5pbXBvcnQgeyBGaWx0ZXJUZW1wbGF0ZSB9IGZyb20gJy4vRmlsdGVyVGVtcGxhdGUnO1xuZXhwb3J0IGNsYXNzIENhbGVuZGFyT3JjaGVzdHJhdG9yIHtcbiAgICBjb25zdHJ1Y3RvcihhbGxSZW5kZXJlcnMsIGV2ZW50UmVuZGVyZXIsIHNjaGVkdWxlUmVuZGVyZXIsIGhlYWRlckRyYXdlclJlbmRlcmVyLCBkYXRlU2VydmljZSwgZW50aXR5U2VydmljZXMpIHtcbiAgICAgICAgdGhpcy5hbGxSZW5kZXJlcnMgPSBhbGxSZW5kZXJlcnM7XG4gICAgICAgIHRoaXMuZXZlbnRSZW5kZXJlciA9IGV2ZW50UmVuZGVyZXI7XG4gICAgICAgIHRoaXMuc2NoZWR1bGVSZW5kZXJlciA9IHNjaGVkdWxlUmVuZGVyZXI7XG4gICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyUmVuZGVyZXIgPSBoZWFkZXJEcmF3ZXJSZW5kZXJlcjtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLmVudGl0eVNlcnZpY2VzID0gZW50aXR5U2VydmljZXM7XG4gICAgfVxuICAgIGFzeW5jIHJlbmRlcih2aWV3Q29uZmlnLCBjb250YWluZXIpIHtcbiAgICAgICAgY29uc3QgaGVhZGVyQ29udGFpbmVyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1jYWxlbmRhci1oZWFkZXInKTtcbiAgICAgICAgY29uc3QgY29sdW1uQ29udGFpbmVyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1kYXktY29sdW1ucycpO1xuICAgICAgICBpZiAoIWhlYWRlckNvbnRhaW5lciB8fCAhY29sdW1uQ29udGFpbmVyKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01pc3Npbmcgc3dwLWNhbGVuZGFyLWhlYWRlciBvciBzd3AtZGF5LWNvbHVtbnMnKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBCeWcgZmlsdGVyIGZyYSB2aWV3Q29uZmlnXG4gICAgICAgIGNvbnN0IGZpbHRlciA9IHt9O1xuICAgICAgICBmb3IgKGNvbnN0IGdyb3VwaW5nIG9mIHZpZXdDb25maWcuZ3JvdXBpbmdzKSB7XG4gICAgICAgICAgICBmaWx0ZXJbZ3JvdXBpbmcudHlwZV0gPSBncm91cGluZy52YWx1ZXM7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQnlnIEZpbHRlclRlbXBsYXRlIGZyYSB2aWV3Q29uZmlnIGdyb3VwaW5ncyAoa3VuIGRlIG1lZCBpZFByb3BlcnR5KVxuICAgICAgICBjb25zdCBmaWx0ZXJUZW1wbGF0ZSA9IG5ldyBGaWx0ZXJUZW1wbGF0ZSh0aGlzLmRhdGVTZXJ2aWNlKTtcbiAgICAgICAgZm9yIChjb25zdCBncm91cGluZyBvZiB2aWV3Q29uZmlnLmdyb3VwaW5ncykge1xuICAgICAgICAgICAgaWYgKGdyb3VwaW5nLmlkUHJvcGVydHkpIHtcbiAgICAgICAgICAgICAgICBmaWx0ZXJUZW1wbGF0ZS5hZGRGaWVsZChncm91cGluZy5pZFByb3BlcnR5LCBncm91cGluZy5kZXJpdmVkRnJvbSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gUmVzb2x2ZSBiZWxvbmdzVG8gcmVsYXRpb25zIChlLmcuLCB0ZWFtLnJlc291cmNlSWRzKVxuICAgICAgICBjb25zdCB7IHBhcmVudENoaWxkTWFwLCBjaGlsZFR5cGUgfSA9IGF3YWl0IHRoaXMucmVzb2x2ZUJlbG9uZ3NUbyh2aWV3Q29uZmlnLmdyb3VwaW5ncywgZmlsdGVyKTtcbiAgICAgICAgY29uc3QgY29udGV4dCA9IHsgaGVhZGVyQ29udGFpbmVyLCBjb2x1bW5Db250YWluZXIsIGZpbHRlciwgZ3JvdXBpbmdzOiB2aWV3Q29uZmlnLmdyb3VwaW5ncywgcGFyZW50Q2hpbGRNYXAsIGNoaWxkVHlwZSB9O1xuICAgICAgICAvLyBDbGVhclxuICAgICAgICBoZWFkZXJDb250YWluZXIuaW5uZXJIVE1MID0gJyc7XG4gICAgICAgIGNvbHVtbkNvbnRhaW5lci5pbm5lckhUTUwgPSAnJztcbiAgICAgICAgLy8gU1x1MDBFNnQgZGF0YS1sZXZlbHMgYXR0cmlidXQgZm9yIENTUyBncmlkLXJvdyBzdHlsaW5nXG4gICAgICAgIGNvbnN0IGxldmVscyA9IHZpZXdDb25maWcuZ3JvdXBpbmdzLm1hcChnID0+IGcudHlwZSkuam9pbignICcpO1xuICAgICAgICBoZWFkZXJDb250YWluZXIuZGF0YXNldC5sZXZlbHMgPSBsZXZlbHM7XG4gICAgICAgIC8vIFZcdTAwRTZsZyByZW5kZXJlcnMgYmFzZXJldCBwXHUwMEU1IGdyb3VwaW5ncyB0eXBlc1xuICAgICAgICBjb25zdCBhY3RpdmVSZW5kZXJlcnMgPSB0aGlzLnNlbGVjdFJlbmRlcmVycyh2aWV3Q29uZmlnKTtcbiAgICAgICAgLy8gQnlnIG9nIGtcdTAwRjhyIHBpcGVsaW5lXG4gICAgICAgIGNvbnN0IHBpcGVsaW5lID0gYnVpbGRQaXBlbGluZShhY3RpdmVSZW5kZXJlcnMpO1xuICAgICAgICBhd2FpdCBwaXBlbGluZS5ydW4oY29udGV4dCk7XG4gICAgICAgIC8vIFJlbmRlciBzY2hlZHVsZSB1bmF2YWlsYWJsZSB6b25lcyAoZlx1MDBGOHIgZXZlbnRzKVxuICAgICAgICBhd2FpdCB0aGlzLnNjaGVkdWxlUmVuZGVyZXIucmVuZGVyKGNvbnRhaW5lciwgZmlsdGVyKTtcbiAgICAgICAgLy8gUmVuZGVyIHRpbWVkIGV2ZW50cyBpbiBncmlkIChtZWQgZmlsdGVyVGVtcGxhdGUgdGlsIG1hdGNoaW5nKVxuICAgICAgICBhd2FpdCB0aGlzLmV2ZW50UmVuZGVyZXIucmVuZGVyKGNvbnRhaW5lciwgZmlsdGVyLCBmaWx0ZXJUZW1wbGF0ZSk7XG4gICAgICAgIC8vIFJlbmRlciBhbGxEYXkgZXZlbnRzIGluIGhlYWRlciBkcmF3ZXIgKG1lZCBmaWx0ZXJUZW1wbGF0ZSB0aWwgbWF0Y2hpbmcpXG4gICAgICAgIGF3YWl0IHRoaXMuaGVhZGVyRHJhd2VyUmVuZGVyZXIucmVuZGVyKGNvbnRhaW5lciwgZmlsdGVyLCBmaWx0ZXJUZW1wbGF0ZSk7XG4gICAgfVxuICAgIHNlbGVjdFJlbmRlcmVycyh2aWV3Q29uZmlnKSB7XG4gICAgICAgIGNvbnN0IHR5cGVzID0gdmlld0NvbmZpZy5ncm91cGluZ3MubWFwKGcgPT4gZy50eXBlKTtcbiAgICAgICAgLy8gU29ydFx1MDBFOXIgcmVuZGVyZXJzIGkgc2FtbWUgclx1MDBFNmtrZWZcdTAwRjhsZ2Ugc29tIHZpZXdDb25maWcuZ3JvdXBpbmdzXG4gICAgICAgIHJldHVybiB0eXBlc1xuICAgICAgICAgICAgLm1hcCh0eXBlID0+IHRoaXMuYWxsUmVuZGVyZXJzLmZpbmQociA9PiByLnR5cGUgPT09IHR5cGUpKVxuICAgICAgICAgICAgLmZpbHRlcigocikgPT4gciAhPT0gdW5kZWZpbmVkKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVzb2x2ZSBiZWxvbmdzVG8gcmVsYXRpb25zIHRvIGJ1aWxkIHBhcmVudC1jaGlsZCBtYXBcbiAgICAgKiBlLmcuLCBiZWxvbmdzVG86ICd0ZWFtLnJlc291cmNlSWRzJyBcdTIxOTIgeyB0ZWFtMTogWydFTVAwMDEnLCAnRU1QMDAyJ10sIHRlYW0yOiBbLi4uXSB9XG4gICAgICogQWxzbyByZXR1cm5zIHRoZSBjaGlsZFR5cGUgKHRoZSBncm91cGluZyB0eXBlIHRoYXQgaGFzIGJlbG9uZ3NUbylcbiAgICAgKi9cbiAgICBhc3luYyByZXNvbHZlQmVsb25nc1RvKGdyb3VwaW5ncywgZmlsdGVyKSB7XG4gICAgICAgIC8vIEZpbmQgZ3JvdXBpbmcgd2l0aCBiZWxvbmdzVG9cbiAgICAgICAgY29uc3QgY2hpbGRHcm91cGluZyA9IGdyb3VwaW5ncy5maW5kKGcgPT4gZy5iZWxvbmdzVG8pO1xuICAgICAgICBpZiAoIWNoaWxkR3JvdXBpbmc/LmJlbG9uZ3NUbylcbiAgICAgICAgICAgIHJldHVybiB7fTtcbiAgICAgICAgLy8gUGFyc2UgYmVsb25nc1RvOiAndGVhbS5yZXNvdXJjZUlkcydcbiAgICAgICAgY29uc3QgW2VudGl0eVR5cGUsIHByb3BlcnR5XSA9IGNoaWxkR3JvdXBpbmcuYmVsb25nc1RvLnNwbGl0KCcuJyk7XG4gICAgICAgIGlmICghZW50aXR5VHlwZSB8fCAhcHJvcGVydHkpXG4gICAgICAgICAgICByZXR1cm4ge307XG4gICAgICAgIC8vIEdldCBwYXJlbnQgSURzIGZyb20gZmlsdGVyXG4gICAgICAgIGNvbnN0IHBhcmVudElkcyA9IGZpbHRlcltlbnRpdHlUeXBlXSB8fCBbXTtcbiAgICAgICAgaWYgKHBhcmVudElkcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm4ge307XG4gICAgICAgIC8vIEZpbmQgc2VydmljZSBkeW5hbWlzayBiYXNlcmV0IHBcdTAwRTUgZW50aXR5VHlwZSAoaW5nZW4gaGFyZGNvZGVkIHR5cGUgY2hlY2spXG4gICAgICAgIGNvbnN0IHNlcnZpY2UgPSB0aGlzLmVudGl0eVNlcnZpY2VzLmZpbmQocyA9PiBzLmVudGl0eVR5cGUudG9Mb3dlckNhc2UoKSA9PT0gZW50aXR5VHlwZSk7XG4gICAgICAgIGlmICghc2VydmljZSlcbiAgICAgICAgICAgIHJldHVybiB7fTtcbiAgICAgICAgLy8gSGVudCBhbGxlIGVudGl0aWVzIG9nIGZpbHRyZXIgcFx1MDBFNSBwYXJlbnRJZHNcbiAgICAgICAgY29uc3QgYWxsRW50aXRpZXMgPSBhd2FpdCBzZXJ2aWNlLmdldEFsbCgpO1xuICAgICAgICBjb25zdCBlbnRpdGllcyA9IGFsbEVudGl0aWVzLmZpbHRlcihlID0+IHBhcmVudElkcy5pbmNsdWRlcyhlLmlkKSk7XG4gICAgICAgIC8vIEJ5ZyBwYXJlbnQtY2hpbGQgbWFwXG4gICAgICAgIGNvbnN0IG1hcCA9IHt9O1xuICAgICAgICBmb3IgKGNvbnN0IGVudGl0eSBvZiBlbnRpdGllcykge1xuICAgICAgICAgICAgY29uc3QgZW50aXR5UmVjb3JkID0gZW50aXR5O1xuICAgICAgICAgICAgY29uc3QgY2hpbGRyZW4gPSBlbnRpdHlSZWNvcmRbcHJvcGVydHldIHx8IFtdO1xuICAgICAgICAgICAgbWFwW2VudGl0eVJlY29yZC5pZF0gPSBjaGlsZHJlbjtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyBwYXJlbnRDaGlsZE1hcDogbWFwLCBjaGlsZFR5cGU6IGNoaWxkR3JvdXBpbmcudHlwZSB9O1xuICAgIH1cbn1cbiIsICJleHBvcnQgY2xhc3MgTmF2aWdhdGlvbkFuaW1hdG9yIHtcbiAgICBjb25zdHJ1Y3RvcihoZWFkZXJUcmFjaywgY29udGVudFRyYWNrLCBoZWFkZXJEcmF3ZXIpIHtcbiAgICAgICAgdGhpcy5oZWFkZXJUcmFjayA9IGhlYWRlclRyYWNrO1xuICAgICAgICB0aGlzLmNvbnRlbnRUcmFjayA9IGNvbnRlbnRUcmFjaztcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXIgPSBoZWFkZXJEcmF3ZXI7XG4gICAgfVxuICAgIGFzeW5jIHNsaWRlKGRpcmVjdGlvbiwgcmVuZGVyRm4pIHtcbiAgICAgICAgY29uc3Qgb3V0ID0gZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnLTEwMCUnIDogJzEwMCUnO1xuICAgICAgICBjb25zdCBpbnRvID0gZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnMTAwJScgOiAnLTEwMCUnO1xuICAgICAgICBhd2FpdCB0aGlzLmFuaW1hdGVPdXQob3V0KTtcbiAgICAgICAgYXdhaXQgcmVuZGVyRm4oKTtcbiAgICAgICAgYXdhaXQgdGhpcy5hbmltYXRlSW4oaW50byk7XG4gICAgfVxuICAgIGFzeW5jIGFuaW1hdGVPdXQodHJhbnNsYXRlKSB7XG4gICAgICAgIGNvbnN0IGFuaW1hdGlvbnMgPSBbXG4gICAgICAgICAgICB0aGlzLmhlYWRlclRyYWNrLmFuaW1hdGUoW3sgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfSwgeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH1dLCB7IGR1cmF0aW9uOiAyMDAsIGVhc2luZzogJ2Vhc2UtaW4nIH0pLmZpbmlzaGVkLFxuICAgICAgICAgICAgdGhpcy5jb250ZW50VHJhY2suYW5pbWF0ZShbeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9LCB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0cmFuc2xhdGV9KWAgfV0sIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1pbicgfSkuZmluaXNoZWRcbiAgICAgICAgXTtcbiAgICAgICAgaWYgKHRoaXMuaGVhZGVyRHJhd2VyKSB7XG4gICAgICAgICAgICBhbmltYXRpb25zLnB1c2godGhpcy5oZWFkZXJEcmF3ZXIuYW5pbWF0ZShbeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9LCB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0cmFuc2xhdGV9KWAgfV0sIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1pbicgfSkuZmluaXNoZWQpO1xuICAgICAgICB9XG4gICAgICAgIGF3YWl0IFByb21pc2UuYWxsKGFuaW1hdGlvbnMpO1xuICAgIH1cbiAgICBhc3luYyBhbmltYXRlSW4odHJhbnNsYXRlKSB7XG4gICAgICAgIGNvbnN0IGFuaW1hdGlvbnMgPSBbXG4gICAgICAgICAgICB0aGlzLmhlYWRlclRyYWNrLmFuaW1hdGUoW3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9LCB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH1dLCB7IGR1cmF0aW9uOiAyMDAsIGVhc2luZzogJ2Vhc2Utb3V0JyB9KS5maW5pc2hlZCxcbiAgICAgICAgICAgIHRoaXMuY29udGVudFRyYWNrLmFuaW1hdGUoW3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9LCB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH1dLCB7IGR1cmF0aW9uOiAyMDAsIGVhc2luZzogJ2Vhc2Utb3V0JyB9KS5maW5pc2hlZFxuICAgICAgICBdO1xuICAgICAgICBpZiAodGhpcy5oZWFkZXJEcmF3ZXIpIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbnMucHVzaCh0aGlzLmhlYWRlckRyYXdlci5hbmltYXRlKFt7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0cmFuc2xhdGV9KWAgfSwgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9XSwgeyBkdXJhdGlvbjogMjAwLCBlYXNpbmc6ICdlYXNlLW91dCcgfSkuZmluaXNoZWQpO1xuICAgICAgICB9XG4gICAgICAgIGF3YWl0IFByb21pc2UuYWxsKGFuaW1hdGlvbnMpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIENhbGVuZGFyRXZlbnRzIC0gQ29tbWFuZCBhbmQgc3RhdHVzIGV2ZW50cyBmb3IgQ2FsZW5kYXJBcHBcbiAqL1xuZXhwb3J0IGNvbnN0IENhbGVuZGFyRXZlbnRzID0ge1xuICAgIC8vIENvbW1hbmQgZXZlbnRzIChob3N0IFx1MjE5MiBjYWxlbmRhcilcbiAgICBDTURfTkFWSUdBVEVfUFJFVjogJ2NhbGVuZGFyOmNtZDpuYXZpZ2F0ZTpwcmV2JyxcbiAgICBDTURfTkFWSUdBVEVfTkVYVDogJ2NhbGVuZGFyOmNtZDpuYXZpZ2F0ZTpuZXh0JyxcbiAgICBDTURfRFJBV0VSX1RPR0dMRTogJ2NhbGVuZGFyOmNtZDpkcmF3ZXI6dG9nZ2xlJyxcbiAgICBDTURfUkVOREVSOiAnY2FsZW5kYXI6Y21kOnJlbmRlcicsXG4gICAgQ01EX1dPUktXRUVLX0NIQU5HRTogJ2NhbGVuZGFyOmNtZDp3b3Jrd2VlazpjaGFuZ2UnLFxuICAgIENNRF9WSUVXX1VQREFURTogJ2NhbGVuZGFyOmNtZDp2aWV3OnVwZGF0ZSdcbn07XG4iLCAiaW1wb3J0IHsgTmF2aWdhdGlvbkFuaW1hdG9yIH0gZnJvbSAnLi9OYXZpZ2F0aW9uQW5pbWF0b3InO1xuaW1wb3J0IHsgQ2FsZW5kYXJFdmVudHMgfSBmcm9tICcuL0NhbGVuZGFyRXZlbnRzJztcbmV4cG9ydCBjbGFzcyBDYWxlbmRhckFwcCB7XG4gICAgY29uc3RydWN0b3Iob3JjaGVzdHJhdG9yLCB0aW1lQXhpc1JlbmRlcmVyLCBkYXRlU2VydmljZSwgc2Nyb2xsTWFuYWdlciwgaGVhZGVyRHJhd2VyTWFuYWdlciwgZHJhZ0Ryb3BNYW5hZ2VyLCBlZGdlU2Nyb2xsTWFuYWdlciwgcmVzaXplTWFuYWdlciwgaGVhZGVyRHJhd2VyUmVuZGVyZXIsIGV2ZW50UGVyc2lzdGVuY2VNYW5hZ2VyLCBzZXR0aW5nc1NlcnZpY2UsIHZpZXdDb25maWdTZXJ2aWNlLCBldmVudEJ1cykge1xuICAgICAgICB0aGlzLm9yY2hlc3RyYXRvciA9IG9yY2hlc3RyYXRvcjtcbiAgICAgICAgdGhpcy50aW1lQXhpc1JlbmRlcmVyID0gdGltZUF4aXNSZW5kZXJlcjtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLnNjcm9sbE1hbmFnZXIgPSBzY3JvbGxNYW5hZ2VyO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlck1hbmFnZXIgPSBoZWFkZXJEcmF3ZXJNYW5hZ2VyO1xuICAgICAgICB0aGlzLmRyYWdEcm9wTWFuYWdlciA9IGRyYWdEcm9wTWFuYWdlcjtcbiAgICAgICAgdGhpcy5lZGdlU2Nyb2xsTWFuYWdlciA9IGVkZ2VTY3JvbGxNYW5hZ2VyO1xuICAgICAgICB0aGlzLnJlc2l6ZU1hbmFnZXIgPSByZXNpemVNYW5hZ2VyO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlclJlbmRlcmVyID0gaGVhZGVyRHJhd2VyUmVuZGVyZXI7XG4gICAgICAgIHRoaXMuZXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIgPSBldmVudFBlcnNpc3RlbmNlTWFuYWdlcjtcbiAgICAgICAgdGhpcy5zZXR0aW5nc1NlcnZpY2UgPSBzZXR0aW5nc1NlcnZpY2U7XG4gICAgICAgIHRoaXMudmlld0NvbmZpZ1NlcnZpY2UgPSB2aWV3Q29uZmlnU2VydmljZTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLmRheU9mZnNldCA9IDA7XG4gICAgICAgIHRoaXMuY3VycmVudFZpZXdJZCA9ICdzaW1wbGUnO1xuICAgICAgICB0aGlzLndvcmt3ZWVrUHJlc2V0ID0gbnVsbDtcbiAgICAgICAgdGhpcy5ncm91cGluZ092ZXJyaWRlcyA9IG5ldyBNYXAoKTtcbiAgICB9XG4gICAgYXN5bmMgaW5pdChjb250YWluZXIpIHtcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBjb250YWluZXI7XG4gICAgICAgIC8vIExvYWQgc2V0dGluZ3NcbiAgICAgICAgY29uc3QgZ3JpZFNldHRpbmdzID0gYXdhaXQgdGhpcy5zZXR0aW5nc1NlcnZpY2UuZ2V0R3JpZFNldHRpbmdzKCk7XG4gICAgICAgIGlmICghZ3JpZFNldHRpbmdzKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0dyaWRTZXR0aW5ncyBub3QgZm91bmQnKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLndvcmt3ZWVrUHJlc2V0ID0gYXdhaXQgdGhpcy5zZXR0aW5nc1NlcnZpY2UuZ2V0RGVmYXVsdFdvcmt3ZWVrUHJlc2V0KCk7XG4gICAgICAgIC8vIENyZWF0ZSBOYXZpZ2F0aW9uQW5pbWF0b3Igd2l0aCBET00gZWxlbWVudHNcbiAgICAgICAgdGhpcy5hbmltYXRvciA9IG5ldyBOYXZpZ2F0aW9uQW5pbWF0b3IoY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItdHJhY2snKSwgY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1jb250ZW50LXRyYWNrJyksIGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtaGVhZGVyLWRyYXdlcicpKTtcbiAgICAgICAgLy8gUmVuZGVyIHRpbWUgYXhpcyBmcm9tIHNldHRpbmdzXG4gICAgICAgIHRoaXMudGltZUF4aXNSZW5kZXJlci5yZW5kZXIoY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJyN0aW1lLWF4aXMnKSwgZ3JpZFNldHRpbmdzLmRheVN0YXJ0SG91ciwgZ3JpZFNldHRpbmdzLmRheUVuZEhvdXIpO1xuICAgICAgICAvLyBJbml0IG1hbmFnZXJzXG4gICAgICAgIHRoaXMuc2Nyb2xsTWFuYWdlci5pbml0KGNvbnRhaW5lcik7XG4gICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci5pbml0KGNvbnRhaW5lcik7XG4gICAgICAgIHRoaXMuZHJhZ0Ryb3BNYW5hZ2VyLmluaXQoY29udGFpbmVyKTtcbiAgICAgICAgdGhpcy5yZXNpemVNYW5hZ2VyLmluaXQoY29udGFpbmVyKTtcbiAgICAgICAgY29uc3Qgc2Nyb2xsYWJsZUNvbnRlbnQgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLXNjcm9sbGFibGUtY29udGVudCcpO1xuICAgICAgICB0aGlzLmVkZ2VTY3JvbGxNYW5hZ2VyLmluaXQoc2Nyb2xsYWJsZUNvbnRlbnQpO1xuICAgICAgICAvLyBTZXR1cCBjb21tYW5kIGV2ZW50IGxpc3RlbmVyc1xuICAgICAgICB0aGlzLnNldHVwRXZlbnRMaXN0ZW5lcnMoKTtcbiAgICAgICAgLy8gRW1pdCByZWFkeSBzdGF0dXNcbiAgICAgICAgdGhpcy5lbWl0U3RhdHVzKCdyZWFkeScpO1xuICAgIH1cbiAgICBzZXR1cEV2ZW50TGlzdGVuZXJzKCkge1xuICAgICAgICAvLyBOYXZpZ2F0aW9uIGNvbW1hbmRzIHZpYSBFdmVudEJ1c1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENhbGVuZGFyRXZlbnRzLkNNRF9OQVZJR0FURV9QUkVWLCAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZU5hdmlnYXRlUHJldigpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDYWxlbmRhckV2ZW50cy5DTURfTkFWSUdBVEVfTkVYVCwgKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVOYXZpZ2F0ZU5leHQoKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIERyYXdlciB0b2dnbGUgdmlhIEV2ZW50QnVzXG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ2FsZW5kYXJFdmVudHMuQ01EX0RSQVdFUl9UT0dHTEUsICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci50b2dnbGUoKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFJlbmRlciBjb21tYW5kIHZpYSBFdmVudEJ1c1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENhbGVuZGFyRXZlbnRzLkNNRF9SRU5ERVIsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IHZpZXdJZCB9ID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZVJlbmRlckNvbW1hbmQodmlld0lkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFdvcmt3ZWVrIGNoYW5nZSB2aWEgRXZlbnRCdXNcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDYWxlbmRhckV2ZW50cy5DTURfV09SS1dFRUtfQ0hBTkdFLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBwcmVzZXRJZCB9ID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZVdvcmt3ZWVrQ2hhbmdlKHByZXNldElkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFZpZXcgdXBkYXRlIHZpYSBFdmVudEJ1c1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENhbGVuZGFyRXZlbnRzLkNNRF9WSUVXX1VQREFURSwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHsgdHlwZSwgdmFsdWVzIH0gPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlVmlld1VwZGF0ZSh0eXBlLCB2YWx1ZXMpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgYXN5bmMgaGFuZGxlUmVuZGVyQ29tbWFuZCh2aWV3SWQpIHtcbiAgICAgICAgdGhpcy5jdXJyZW50Vmlld0lkID0gdmlld0lkO1xuICAgICAgICBhd2FpdCB0aGlzLnJlbmRlcigpO1xuICAgICAgICB0aGlzLmVtaXRTdGF0dXMoJ3JlbmRlcmVkJywgeyB2aWV3SWQgfSk7XG4gICAgfVxuICAgIGFzeW5jIGhhbmRsZU5hdmlnYXRlUHJldigpIHtcbiAgICAgICAgY29uc3Qgc3RlcCA9IHRoaXMud29ya3dlZWtQcmVzZXQ/LnBlcmlvZERheXMgPz8gNztcbiAgICAgICAgdGhpcy5kYXlPZmZzZXQgLT0gc3RlcDtcbiAgICAgICAgYXdhaXQgdGhpcy5hbmltYXRvci5zbGlkZSgncmlnaHQnLCAoKSA9PiB0aGlzLnJlbmRlcigpKTtcbiAgICAgICAgdGhpcy5lbWl0U3RhdHVzKCdyZW5kZXJlZCcsIHsgdmlld0lkOiB0aGlzLmN1cnJlbnRWaWV3SWQgfSk7XG4gICAgfVxuICAgIGFzeW5jIGhhbmRsZU5hdmlnYXRlTmV4dCgpIHtcbiAgICAgICAgY29uc3Qgc3RlcCA9IHRoaXMud29ya3dlZWtQcmVzZXQ/LnBlcmlvZERheXMgPz8gNztcbiAgICAgICAgdGhpcy5kYXlPZmZzZXQgKz0gc3RlcDtcbiAgICAgICAgYXdhaXQgdGhpcy5hbmltYXRvci5zbGlkZSgnbGVmdCcsICgpID0+IHRoaXMucmVuZGVyKCkpO1xuICAgICAgICB0aGlzLmVtaXRTdGF0dXMoJ3JlbmRlcmVkJywgeyB2aWV3SWQ6IHRoaXMuY3VycmVudFZpZXdJZCB9KTtcbiAgICB9XG4gICAgYXN5bmMgaGFuZGxlV29ya3dlZWtDaGFuZ2UocHJlc2V0SWQpIHtcbiAgICAgICAgY29uc3QgcHJlc2V0ID0gYXdhaXQgdGhpcy5zZXR0aW5nc1NlcnZpY2UuZ2V0V29ya3dlZWtQcmVzZXQocHJlc2V0SWQpO1xuICAgICAgICBpZiAocHJlc2V0KSB7XG4gICAgICAgICAgICB0aGlzLndvcmt3ZWVrUHJlc2V0ID0gcHJlc2V0O1xuICAgICAgICAgICAgYXdhaXQgdGhpcy5yZW5kZXIoKTtcbiAgICAgICAgICAgIHRoaXMuZW1pdFN0YXR1cygncmVuZGVyZWQnLCB7IHZpZXdJZDogdGhpcy5jdXJyZW50Vmlld0lkIH0pO1xuICAgICAgICB9XG4gICAgfVxuICAgIGFzeW5jIGhhbmRsZVZpZXdVcGRhdGUodHlwZSwgdmFsdWVzKSB7XG4gICAgICAgIHRoaXMuZ3JvdXBpbmdPdmVycmlkZXMuc2V0KHR5cGUsIHZhbHVlcyk7XG4gICAgICAgIGF3YWl0IHRoaXMucmVuZGVyKCk7XG4gICAgICAgIHRoaXMuZW1pdFN0YXR1cygncmVuZGVyZWQnLCB7IHZpZXdJZDogdGhpcy5jdXJyZW50Vmlld0lkIH0pO1xuICAgIH1cbiAgICBhc3luYyByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHN0b3JlZENvbmZpZyA9IGF3YWl0IHRoaXMudmlld0NvbmZpZ1NlcnZpY2UuZ2V0QnlJZCh0aGlzLmN1cnJlbnRWaWV3SWQpO1xuICAgICAgICBpZiAoIXN0b3JlZENvbmZpZykge1xuICAgICAgICAgICAgdGhpcy5lbWl0U3RhdHVzKCdlcnJvcicsIHsgbWVzc2FnZTogYFZpZXdDb25maWcgbm90IGZvdW5kOiAke3RoaXMuY3VycmVudFZpZXdJZH1gIH0pO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIC8vIFBvcHVsYXRlIGRhdGUgdmFsdWVzIGJhc2VkIG9uIHdvcmt3ZWVrIHByZXNldCBhbmQgZGF5IG9mZnNldFxuICAgICAgICBjb25zdCB3b3JrRGF5cyA9IHRoaXMud29ya3dlZWtQcmVzZXQ/LndvcmtEYXlzIHx8IFsxLCAyLCAzLCA0LCA1XTtcbiAgICAgICAgY29uc3QgcGVyaW9kRGF5cyA9IHRoaXMud29ya3dlZWtQcmVzZXQ/LnBlcmlvZERheXMgPz8gNztcbiAgICAgICAgLy8gRm9yIHNpbmdsZS1kYXkgbmF2aWdhdGlvbiAocGVyaW9kRGF5cz0xKSwgc2hvdyBjb25zZWN1dGl2ZSBkYXlzIGZyb20gb2Zmc2V0XG4gICAgICAgIC8vIEZvciB3ZWVrIG5hdmlnYXRpb24gKHBlcmlvZERheXM9NyksIHNob3cgd29ya0RheXMgZnJvbSB0aGUgd2VlayBjb250YWluaW5nIG9mZnNldFxuICAgICAgICBjb25zdCBkYXRlcyA9IHBlcmlvZERheXMgPT09IDFcbiAgICAgICAgICAgID8gdGhpcy5kYXRlU2VydmljZS5nZXREYXRlc0Zyb21PZmZzZXQodGhpcy5kYXlPZmZzZXQsIHdvcmtEYXlzLmxlbmd0aClcbiAgICAgICAgICAgIDogdGhpcy5kYXRlU2VydmljZS5nZXRXb3JrRGF5c0Zyb21PZmZzZXQodGhpcy5kYXlPZmZzZXQsIHdvcmtEYXlzKTtcbiAgICAgICAgLy8gQ2xvbmUgY29uZmlnIGFuZCBhcHBseSBvdmVycmlkZXNcbiAgICAgICAgY29uc3Qgdmlld0NvbmZpZyA9IHtcbiAgICAgICAgICAgIC4uLnN0b3JlZENvbmZpZyxcbiAgICAgICAgICAgIGdyb3VwaW5nczogc3RvcmVkQ29uZmlnLmdyb3VwaW5ncy5tYXAoZyA9PiB7XG4gICAgICAgICAgICAgICAgLy8gQXBwbHkgZGF0ZSB2YWx1ZXNcbiAgICAgICAgICAgICAgICBpZiAoZy50eXBlID09PSAnZGF0ZScpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgLi4uZywgdmFsdWVzOiBkYXRlcyB9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAvLyBBcHBseSBncm91cGluZyBvdmVycmlkZXNcbiAgICAgICAgICAgICAgICBjb25zdCBvdmVycmlkZSA9IHRoaXMuZ3JvdXBpbmdPdmVycmlkZXMuZ2V0KGcudHlwZSk7XG4gICAgICAgICAgICAgICAgaWYgKG92ZXJyaWRlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB7IC4uLmcsIHZhbHVlczogb3ZlcnJpZGUgfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIGc7XG4gICAgICAgICAgICB9KVxuICAgICAgICB9O1xuICAgICAgICBhd2FpdCB0aGlzLm9yY2hlc3RyYXRvci5yZW5kZXIodmlld0NvbmZpZywgdGhpcy5jb250YWluZXIpO1xuICAgIH1cbiAgICBlbWl0U3RhdHVzKHN0YXR1cywgZGV0YWlsKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KGBjYWxlbmRhcjpzdGF0dXM6JHtzdGF0dXN9YCwge1xuICAgICAgICAgICAgZGV0YWlsLFxuICAgICAgICAgICAgYnViYmxlczogdHJ1ZVxuICAgICAgICB9KSk7XG4gICAgfVxufVxuIiwgImV4cG9ydCBjbGFzcyBUaW1lQXhpc1JlbmRlcmVyIHtcbiAgICByZW5kZXIoY29udGFpbmVyLCBzdGFydEhvdXIgPSA2LCBlbmRIb3VyID0gMjApIHtcbiAgICAgICAgY29udGFpbmVyLmlubmVySFRNTCA9ICcnO1xuICAgICAgICBmb3IgKGxldCBob3VyID0gc3RhcnRIb3VyOyBob3VyIDw9IGVuZEhvdXI7IGhvdXIrKykge1xuICAgICAgICAgICAgY29uc3QgbWFya2VyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWhvdXItbWFya2VyJyk7XG4gICAgICAgICAgICBtYXJrZXIudGV4dENvbnRlbnQgPSBgJHtob3VyLnRvU3RyaW5nKCkucGFkU3RhcnQoMiwgJzAnKX06MDBgO1xuICAgICAgICAgICAgY29udGFpbmVyLmFwcGVuZENoaWxkKG1hcmtlcik7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCAiZXhwb3J0IGNsYXNzIFNjcm9sbE1hbmFnZXIge1xuICAgIGluaXQoY29udGFpbmVyKSB7XG4gICAgICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLXNjcm9sbGFibGUtY29udGVudCcpO1xuICAgICAgICB0aGlzLnRpbWVBeGlzQ29udGVudCA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtdGltZS1heGlzLWNvbnRlbnQnKTtcbiAgICAgICAgdGhpcy5jYWxlbmRhckhlYWRlciA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtY2FsZW5kYXItaGVhZGVyJyk7XG4gICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItZHJhd2VyJyk7XG4gICAgICAgIHRoaXMuaGVhZGVyVmlld3BvcnQgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWhlYWRlci12aWV3cG9ydCcpO1xuICAgICAgICB0aGlzLmhlYWRlclNwYWNlciA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtaGVhZGVyLXNwYWNlcicpO1xuICAgICAgICB0aGlzLnNjcm9sbGFibGVDb250ZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsICgpID0+IHRoaXMub25TY3JvbGwoKSk7XG4gICAgICAgIC8vIFN5bmtyb25pc2VyIGhlYWRlci1zcGFjZXIgaFx1MDBGOGpkZSBtZWQgaGVhZGVyLXZpZXdwb3J0XG4gICAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gdGhpcy5zeW5jSGVhZGVyU3BhY2VySGVpZ2h0KCkpO1xuICAgICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcy5oZWFkZXJWaWV3cG9ydCk7XG4gICAgICAgIHRoaXMuc3luY0hlYWRlclNwYWNlckhlaWdodCgpO1xuICAgIH1cbiAgICBzeW5jSGVhZGVyU3BhY2VySGVpZ2h0KCkge1xuICAgICAgICAvLyBLb3BpZXIgZGVuIGZha3Rpc2tlIGNvbXB1dGVkIGhlaWdodCBkaXJla3RlIGZyYSBoZWFkZXItdmlld3BvcnRcbiAgICAgICAgY29uc3QgY29tcHV0ZWRIZWlnaHQgPSBnZXRDb21wdXRlZFN0eWxlKHRoaXMuaGVhZGVyVmlld3BvcnQpLmhlaWdodDtcbiAgICAgICAgdGhpcy5oZWFkZXJTcGFjZXIuc3R5bGUuaGVpZ2h0ID0gY29tcHV0ZWRIZWlnaHQ7XG4gICAgfVxuICAgIG9uU2Nyb2xsKCkge1xuICAgICAgICBjb25zdCB7IHNjcm9sbFRvcCwgc2Nyb2xsTGVmdCB9ID0gdGhpcy5zY3JvbGxhYmxlQ29udGVudDtcbiAgICAgICAgLy8gU3lua3JvbmlzZXIgdGltZS1heGlzIHZlcnRpa2FsdFxuICAgICAgICB0aGlzLnRpbWVBeGlzQ29udGVudC5zdHlsZS50cmFuc2Zvcm0gPSBgdHJhbnNsYXRlWSgtJHtzY3JvbGxUb3B9cHgpYDtcbiAgICAgICAgLy8gU3lua3JvbmlzZXIgaGVhZGVyIG9nIGRyYXdlciBob3Jpc29udGFsdFxuICAgICAgICB0aGlzLmNhbGVuZGFySGVhZGVyLnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGVYKC0ke3Njcm9sbExlZnR9cHgpYDtcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXIuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZVgoLSR7c2Nyb2xsTGVmdH1weClgO1xuICAgIH1cbn1cbiIsICJleHBvcnQgY2xhc3MgSGVhZGVyRHJhd2VyTWFuYWdlciB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jdXJyZW50Um93cyA9IDA7XG4gICAgICAgIHRoaXMucm93SGVpZ2h0ID0gMjU7XG4gICAgICAgIHRoaXMuZHVyYXRpb24gPSAyMDA7XG4gICAgfVxuICAgIGluaXQoY29udGFpbmVyKSB7XG4gICAgICAgIHRoaXMuZHJhd2VyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItZHJhd2VyJyk7XG4gICAgICAgIGlmICghdGhpcy5kcmF3ZXIpXG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdIZWFkZXJEcmF3ZXJNYW5hZ2VyOiBzd3AtaGVhZGVyLWRyYXdlciBub3QgZm91bmQnKTtcbiAgICB9XG4gICAgdG9nZ2xlKCkge1xuICAgICAgICB0aGlzLmV4cGFuZGVkID8gdGhpcy5jb2xsYXBzZSgpIDogdGhpcy5leHBhbmQoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRXhwYW5kIGRyYXdlciB0byBzaW5nbGUgcm93IChsZWdhY3kgc3VwcG9ydClcbiAgICAgKi9cbiAgICBleHBhbmQoKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kVG9Sb3dzKDEpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBFeHBhbmQgZHJhd2VyIHRvIGZpdCBzcGVjaWZpZWQgbnVtYmVyIG9mIHJvd3NcbiAgICAgKi9cbiAgICBleHBhbmRUb1Jvd3Mocm93Q291bnQpIHtcbiAgICAgICAgY29uc3QgdGFyZ2V0SGVpZ2h0ID0gcm93Q291bnQgKiB0aGlzLnJvd0hlaWdodDtcbiAgICAgICAgY29uc3QgY3VycmVudEhlaWdodCA9IHRoaXMuZXhwYW5kZWQgPyB0aGlzLmN1cnJlbnRSb3dzICogdGhpcy5yb3dIZWlnaHQgOiAwO1xuICAgICAgICAvLyBTa2lwIGlmIGFscmVhZHkgYXQgdGFyZ2V0XG4gICAgICAgIGlmICh0aGlzLmV4cGFuZGVkICYmIHRoaXMuY3VycmVudFJvd3MgPT09IHJvd0NvdW50KVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB0aGlzLmN1cnJlbnRSb3dzID0gcm93Q291bnQ7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLmFuaW1hdGUoY3VycmVudEhlaWdodCwgdGFyZ2V0SGVpZ2h0KTtcbiAgICB9XG4gICAgY29sbGFwc2UoKSB7XG4gICAgICAgIGlmICghdGhpcy5leHBhbmRlZClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgY3VycmVudEhlaWdodCA9IHRoaXMuY3VycmVudFJvd3MgKiB0aGlzLnJvd0hlaWdodDtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmN1cnJlbnRSb3dzID0gMDtcbiAgICAgICAgdGhpcy5hbmltYXRlKGN1cnJlbnRIZWlnaHQsIDApO1xuICAgIH1cbiAgICBhbmltYXRlKGZyb20sIHRvKSB7XG4gICAgICAgIGNvbnN0IGtleWZyYW1lcyA9IFtcbiAgICAgICAgICAgIHsgaGVpZ2h0OiBgJHtmcm9tfXB4YCB9LFxuICAgICAgICAgICAgeyBoZWlnaHQ6IGAke3RvfXB4YCB9XG4gICAgICAgIF07XG4gICAgICAgIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgICAgICAgICBkdXJhdGlvbjogdGhpcy5kdXJhdGlvbixcbiAgICAgICAgICAgIGVhc2luZzogJ2Vhc2UnLFxuICAgICAgICAgICAgZmlsbDogJ2ZvcndhcmRzJ1xuICAgICAgICB9O1xuICAgICAgICAvLyBLdW4gYW5pbVx1MDBFOXIgZHJhd2VyIC0gU2Nyb2xsTWFuYWdlciBzeW5rcm9uaXNlcmVyIGhlYWRlci1zcGFjZXIgdmlhIFJlc2l6ZU9ic2VydmVyXG4gICAgICAgIHRoaXMuZHJhd2VyLmFuaW1hdGUoa2V5ZnJhbWVzLCBvcHRpb25zKTtcbiAgICB9XG4gICAgaXNFeHBhbmRlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZXhwYW5kZWQ7XG4gICAgfVxuICAgIGdldFJvd0NvdW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jdXJyZW50Um93cztcbiAgICB9XG59XG4iLCAiZXhwb3J0IGNsYXNzIE1vY2tUZWFtU3RvcmUge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnR5cGUgPSAndGVhbSc7XG4gICAgICAgIHRoaXMudGVhbXMgPSBbXG4gICAgICAgICAgICB7IGlkOiAnYWxwaGEnLCBuYW1lOiAnVGVhbSBBbHBoYScgfSxcbiAgICAgICAgICAgIHsgaWQ6ICdiZXRhJywgbmFtZTogJ1RlYW0gQmV0YScgfVxuICAgICAgICBdO1xuICAgIH1cbiAgICBnZXRCeUlkcyhpZHMpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudGVhbXMuZmlsdGVyKHQgPT4gaWRzLmluY2x1ZGVzKHQuaWQpKTtcbiAgICB9XG59XG5leHBvcnQgY2xhc3MgTW9ja1Jlc291cmNlU3RvcmUge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnR5cGUgPSAncmVzb3VyY2UnO1xuICAgICAgICB0aGlzLnJlc291cmNlcyA9IFtcbiAgICAgICAgICAgIHsgaWQ6ICdhbGljZScsIG5hbWU6ICdBbGljZScsIHRlYW1JZDogJ2FscGhhJyB9LFxuICAgICAgICAgICAgeyBpZDogJ2JvYicsIG5hbWU6ICdCb2InLCB0ZWFtSWQ6ICdhbHBoYScgfSxcbiAgICAgICAgICAgIHsgaWQ6ICdjYXJvbCcsIG5hbWU6ICdDYXJvbCcsIHRlYW1JZDogJ2JldGEnIH0sXG4gICAgICAgICAgICB7IGlkOiAnZGF2ZScsIG5hbWU6ICdEYXZlJywgdGVhbUlkOiAnYmV0YScgfVxuICAgICAgICBdO1xuICAgIH1cbiAgICBnZXRCeUlkcyhpZHMpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb3VyY2VzLmZpbHRlcihyID0+IGlkcy5pbmNsdWRlcyhyLmlkKSk7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IENhbGVuZGFyRXZlbnRzIH0gZnJvbSAnLi4vY29yZS9DYWxlbmRhckV2ZW50cyc7XG5leHBvcnQgY2xhc3MgRGVtb0FwcCB7XG4gICAgY29uc3RydWN0b3IoaW5kZXhlZERCQ29udGV4dCwgZGF0YVNlZWRlciwgYXVkaXRTZXJ2aWNlLCBjYWxlbmRhckFwcCwgZGF0ZVNlcnZpY2UsIHJlc291cmNlU2VydmljZSwgZXZlbnRCdXMpIHtcbiAgICAgICAgdGhpcy5pbmRleGVkREJDb250ZXh0ID0gaW5kZXhlZERCQ29udGV4dDtcbiAgICAgICAgdGhpcy5kYXRhU2VlZGVyID0gZGF0YVNlZWRlcjtcbiAgICAgICAgdGhpcy5hdWRpdFNlcnZpY2UgPSBhdWRpdFNlcnZpY2U7XG4gICAgICAgIHRoaXMuY2FsZW5kYXJBcHAgPSBjYWxlbmRhckFwcDtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZSA9IHJlc291cmNlU2VydmljZTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLmN1cnJlbnRWaWV3ID0gJ3NpbXBsZSc7XG4gICAgfVxuICAgIGFzeW5jIGluaXQoKSB7XG4gICAgICAgIC8vIFNldCBiYXNlIGRhdGUgdG8gbWF0Y2ggbW9jayBkYXRhICg4LiBkZWNlbWJlciAyMDI1ID0gbWFuZGFnKVxuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlLnNldEJhc2VEYXRlKG5ldyBEYXRlKCcyMDI1LTEyLTA4JykpO1xuICAgICAgICAvLyBJbml0aWFsaXplIEluZGV4ZWREQlxuICAgICAgICBhd2FpdCB0aGlzLmluZGV4ZWREQkNvbnRleHQuaW5pdGlhbGl6ZSgpO1xuICAgICAgICBjb25zb2xlLmxvZygnW0RlbW9BcHBdIEluZGV4ZWREQiBpbml0aWFsaXplZCcpO1xuICAgICAgICAvLyBTZWVkIGRhdGEgaWYgZW1wdHlcbiAgICAgICAgYXdhaXQgdGhpcy5kYXRhU2VlZGVyLnNlZWRJZkVtcHR5KCk7XG4gICAgICAgIGNvbnNvbGUubG9nKCdbRGVtb0FwcF0gRGF0YSBzZWVkaW5nIGNvbXBsZXRlJyk7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWNhbGVuZGFyLWNvbnRhaW5lcicpO1xuICAgICAgICAvLyBJbml0aWFsaXplIENhbGVuZGFyQXBwXG4gICAgICAgIGF3YWl0IHRoaXMuY2FsZW5kYXJBcHAuaW5pdCh0aGlzLmNvbnRhaW5lcik7XG4gICAgICAgIGNvbnNvbGUubG9nKCdbRGVtb0FwcF0gQ2FsZW5kYXJBcHAgaW5pdGlhbGl6ZWQnKTtcbiAgICAgICAgLy8gU2V0dXAgZGVtbyBVSSBoYW5kbGVyc1xuICAgICAgICB0aGlzLnNldHVwTmF2aWdhdGlvbigpO1xuICAgICAgICB0aGlzLnNldHVwRHJhd2VyVG9nZ2xlKCk7XG4gICAgICAgIHRoaXMuc2V0dXBWaWV3U3dpdGNoaW5nKCk7XG4gICAgICAgIHRoaXMuc2V0dXBXb3Jrd2Vla1NlbGVjdG9yKCk7XG4gICAgICAgIGF3YWl0IHRoaXMuc2V0dXBSZXNvdXJjZVNlbGVjdG9yKCk7XG4gICAgICAgIC8vIExpc3RlbiBmb3IgY2FsZW5kYXIgc3RhdHVzIGV2ZW50c1xuICAgICAgICB0aGlzLnNldHVwU3RhdHVzTGlzdGVuZXJzKCk7XG4gICAgICAgIC8vIEluaXRpYWwgcmVuZGVyXG4gICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDYWxlbmRhckV2ZW50cy5DTURfUkVOREVSLCB7IHZpZXdJZDogdGhpcy5jdXJyZW50VmlldyB9KTtcbiAgICB9XG4gICAgc2V0dXBOYXZpZ2F0aW9uKCkge1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuLXByZXYnKS5vbmNsaWNrID0gKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENhbGVuZGFyRXZlbnRzLkNNRF9OQVZJR0FURV9QUkVWKTtcbiAgICAgICAgfTtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2J0bi1uZXh0Jykub25jbGljayA9ICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDYWxlbmRhckV2ZW50cy5DTURfTkFWSUdBVEVfTkVYVCk7XG4gICAgICAgIH07XG4gICAgfVxuICAgIHNldHVwVmlld1N3aXRjaGluZygpIHtcbiAgICAgICAgY29uc3QgY2hpcHMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcudmlldy1jaGlwJyk7XG4gICAgICAgIGNoaXBzLmZvckVhY2goY2hpcCA9PiB7XG4gICAgICAgICAgICBjaGlwLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNoaXBzLmZvckVhY2goYyA9PiBjLmNsYXNzTGlzdC5yZW1vdmUoJ2FjdGl2ZScpKTtcbiAgICAgICAgICAgICAgICBjaGlwLmNsYXNzTGlzdC5hZGQoJ2FjdGl2ZScpO1xuICAgICAgICAgICAgICAgIGNvbnN0IHZpZXcgPSBjaGlwLmRhdGFzZXQudmlldztcbiAgICAgICAgICAgICAgICBpZiAodmlldykge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRWaWV3ID0gdmlldztcbiAgICAgICAgICAgICAgICAgICAgdGhpcy51cGRhdGVTZWxlY3RvclZpc2liaWxpdHkoKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENhbGVuZGFyRXZlbnRzLkNNRF9SRU5ERVIsIHsgdmlld0lkOiB2aWV3IH0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgdXBkYXRlU2VsZWN0b3JWaXNpYmlsaXR5KCkge1xuICAgICAgICBjb25zdCBzZWxlY3RvciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ3N3cC1yZXNvdXJjZS1zZWxlY3RvcicpO1xuICAgICAgICBjb25zdCBzaG93U2VsZWN0b3IgPSB0aGlzLmN1cnJlbnRWaWV3ID09PSAncGlja2VyJyB8fCB0aGlzLmN1cnJlbnRWaWV3ID09PSAnZGF5JztcbiAgICAgICAgc2VsZWN0b3I/LmNsYXNzTGlzdC50b2dnbGUoJ2hpZGRlbicsICFzaG93U2VsZWN0b3IpO1xuICAgIH1cbiAgICBzZXR1cERyYXdlclRvZ2dsZSgpIHtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2J0bi1kcmF3ZXInKS5vbmNsaWNrID0gKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENhbGVuZGFyRXZlbnRzLkNNRF9EUkFXRVJfVE9HR0xFKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgc2V0dXBXb3Jrd2Vla1NlbGVjdG9yKCkge1xuICAgICAgICBjb25zdCB3b3Jrd2Vla1NlbGVjdCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCd3b3Jrd2Vlay1zZWxlY3QnKTtcbiAgICAgICAgd29ya3dlZWtTZWxlY3Q/LmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsICgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHByZXNldElkID0gd29ya3dlZWtTZWxlY3QudmFsdWU7XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ2FsZW5kYXJFdmVudHMuQ01EX1dPUktXRUVLX0NIQU5HRSwgeyBwcmVzZXRJZCB9KTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIGFzeW5jIHNldHVwUmVzb3VyY2VTZWxlY3RvcigpIHtcbiAgICAgICAgY29uc3QgcmVzb3VyY2VzID0gYXdhaXQgdGhpcy5yZXNvdXJjZVNlcnZpY2UuZ2V0QWxsKCk7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5yZXNvdXJjZS1jaGVja2JveGVzJyk7XG4gICAgICAgIGlmICghY29udGFpbmVyKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb250YWluZXIuaW5uZXJIVE1MID0gJyc7XG4gICAgICAgIHJlc291cmNlcy5mb3JFYWNoKHIgPT4ge1xuICAgICAgICAgICAgY29uc3QgbGFiZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsYWJlbCcpO1xuICAgICAgICAgICAgbGFiZWwuaW5uZXJIVE1MID0gYFxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiB2YWx1ZT1cIiR7ci5pZH1cIiBjaGVja2VkPlxyXG4gICAgICAgICR7ci5kaXNwbGF5TmFtZX1cclxuICAgICAgYDtcbiAgICAgICAgICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZChsYWJlbCk7XG4gICAgICAgIH0pO1xuICAgICAgICBjb250YWluZXIuYWRkRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgY2hlY2tlZCA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yQWxsKCdpbnB1dDpjaGVja2VkJyk7XG4gICAgICAgICAgICBjb25zdCB2YWx1ZXMgPSBBcnJheS5mcm9tKGNoZWNrZWQpLm1hcChjYiA9PiBjYi52YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ2FsZW5kYXJFdmVudHMuQ01EX1ZJRVdfVVBEQVRFLCB7IHR5cGU6ICdyZXNvdXJjZScsIHZhbHVlcyB9KTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIHNldHVwU3RhdHVzTGlzdGVuZXJzKCkge1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5hZGRFdmVudExpc3RlbmVyKCdjYWxlbmRhcjpzdGF0dXM6cmVhZHknLCAoKSA9PiB7XG4gICAgICAgICAgICBjb25zb2xlLmxvZygnW0RlbW9BcHBdIENhbGVuZGFyIHJlYWR5Jyk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5hZGRFdmVudExpc3RlbmVyKCdjYWxlbmRhcjpzdGF0dXM6cmVuZGVyZWQnLCAoKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdbRGVtb0FwcF0gQ2FsZW5kYXIgcmVuZGVyZWQ6JywgZS5kZXRhaWwudmlld0lkKTtcbiAgICAgICAgfSkpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5hZGRFdmVudExpc3RlbmVyKCdjYWxlbmRhcjpzdGF0dXM6ZXJyb3InLCAoKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ1tEZW1vQXBwXSBDYWxlbmRhciBlcnJvcjonLCBlLmRldGFpbC5tZXNzYWdlKTtcbiAgICAgICAgfSkpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIENlbnRyYWwgZXZlbnQgZGlzcGF0Y2hlciBmb3IgY2FsZW5kYXIgdXNpbmcgRE9NIEN1c3RvbUV2ZW50c1xuICogUHJvdmlkZXMgbG9nZ2luZyBhbmQgZGVidWdnaW5nIGNhcGFiaWxpdGllc1xuICovXG5leHBvcnQgY2xhc3MgRXZlbnRCdXMge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmV2ZW50TG9nID0gW107XG4gICAgICAgIHRoaXMuZGVidWcgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5saXN0ZW5lcnMgPSBuZXcgU2V0KCk7XG4gICAgICAgIC8vIExvZyBjb25maWd1cmF0aW9uIGZvciBkaWZmZXJlbnQgY2F0ZWdvcmllc1xuICAgICAgICB0aGlzLmxvZ0NvbmZpZyA9IHtcbiAgICAgICAgICAgIGNhbGVuZGFyOiB0cnVlLFxuICAgICAgICAgICAgZ3JpZDogdHJ1ZSxcbiAgICAgICAgICAgIGV2ZW50OiB0cnVlLFxuICAgICAgICAgICAgc2Nyb2xsOiB0cnVlLFxuICAgICAgICAgICAgbmF2aWdhdGlvbjogdHJ1ZSxcbiAgICAgICAgICAgIHZpZXc6IHRydWUsXG4gICAgICAgICAgICBkZWZhdWx0OiB0cnVlXG4gICAgICAgIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFN1YnNjcmliZSB0byBhbiBldmVudCB2aWEgRE9NIGFkZEV2ZW50TGlzdGVuZXJcbiAgICAgKi9cbiAgICBvbihldmVudFR5cGUsIGhhbmRsZXIsIG9wdGlvbnMpIHtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihldmVudFR5cGUsIGhhbmRsZXIsIG9wdGlvbnMpO1xuICAgICAgICAvLyBUcmFjayBmb3IgY2xlYW51cFxuICAgICAgICB0aGlzLmxpc3RlbmVycy5hZGQoeyBldmVudFR5cGUsIGhhbmRsZXIsIG9wdGlvbnMgfSk7XG4gICAgICAgIC8vIFJldHVybiB1bnN1YnNjcmliZSBmdW5jdGlvblxuICAgICAgICByZXR1cm4gKCkgPT4gdGhpcy5vZmYoZXZlbnRUeXBlLCBoYW5kbGVyKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogU3Vic2NyaWJlIHRvIGFuIGV2ZW50IG9uY2VcbiAgICAgKi9cbiAgICBvbmNlKGV2ZW50VHlwZSwgaGFuZGxlcikge1xuICAgICAgICByZXR1cm4gdGhpcy5vbihldmVudFR5cGUsIGhhbmRsZXIsIHsgb25jZTogdHJ1ZSB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogVW5zdWJzY3JpYmUgZnJvbSBhbiBldmVudFxuICAgICAqL1xuICAgIG9mZihldmVudFR5cGUsIGhhbmRsZXIpIHtcbiAgICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihldmVudFR5cGUsIGhhbmRsZXIpO1xuICAgICAgICAvLyBSZW1vdmUgZnJvbSB0cmFja2luZ1xuICAgICAgICBmb3IgKGNvbnN0IGxpc3RlbmVyIG9mIHRoaXMubGlzdGVuZXJzKSB7XG4gICAgICAgICAgICBpZiAobGlzdGVuZXIuZXZlbnRUeXBlID09PSBldmVudFR5cGUgJiYgbGlzdGVuZXIuaGFuZGxlciA9PT0gaGFuZGxlcikge1xuICAgICAgICAgICAgICAgIHRoaXMubGlzdGVuZXJzLmRlbGV0ZShsaXN0ZW5lcik7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogRW1pdCBhbiBldmVudCB2aWEgRE9NIEN1c3RvbUV2ZW50XG4gICAgICovXG4gICAgZW1pdChldmVudFR5cGUsIGRldGFpbCA9IHt9KSB7XG4gICAgICAgIC8vIFZhbGlkYXRlIGV2ZW50VHlwZVxuICAgICAgICBpZiAoIWV2ZW50VHlwZSkge1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGV2ZW50ID0gbmV3IEN1c3RvbUV2ZW50KGV2ZW50VHlwZSwge1xuICAgICAgICAgICAgZGV0YWlsOiBkZXRhaWwgPz8ge30sXG4gICAgICAgICAgICBidWJibGVzOiB0cnVlLFxuICAgICAgICAgICAgY2FuY2VsYWJsZTogdHJ1ZVxuICAgICAgICB9KTtcbiAgICAgICAgLy8gTG9nIGV2ZW50IHdpdGggZ3JvdXBpbmdcbiAgICAgICAgaWYgKHRoaXMuZGVidWcpIHtcbiAgICAgICAgICAgIHRoaXMubG9nRXZlbnRXaXRoR3JvdXBpbmcoZXZlbnRUeXBlLCBkZXRhaWwpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuZXZlbnRMb2cucHVzaCh7XG4gICAgICAgICAgICB0eXBlOiBldmVudFR5cGUsXG4gICAgICAgICAgICBkZXRhaWw6IGRldGFpbCA/PyB7fSxcbiAgICAgICAgICAgIHRpbWVzdGFtcDogRGF0ZS5ub3coKVxuICAgICAgICB9KTtcbiAgICAgICAgLy8gRW1pdCBvbiBkb2N1bWVudCAob25seSBET00gZXZlbnRzIG5vdylcbiAgICAgICAgcmV0dXJuICFkb2N1bWVudC5kaXNwYXRjaEV2ZW50KGV2ZW50KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogTG9nIGV2ZW50IHdpdGggY29uc29sZSBncm91cGluZ1xuICAgICAqL1xuICAgIGxvZ0V2ZW50V2l0aEdyb3VwaW5nKGV2ZW50VHlwZSwgX2RldGFpbCkge1xuICAgICAgICAvLyBFeHRyYWN0IGNhdGVnb3J5IGZyb20gZXZlbnQgdHlwZSAoZS5nLiwgJ2NhbGVuZGFyOmRhdGVjaGFuZ2VkJyBcdTIxOTIgJ2NhbGVuZGFyJylcbiAgICAgICAgY29uc3QgY2F0ZWdvcnkgPSB0aGlzLmV4dHJhY3RDYXRlZ29yeShldmVudFR5cGUpO1xuICAgICAgICAvLyBPbmx5IGxvZyBpZiBjYXRlZ29yeSBpcyBlbmFibGVkXG4gICAgICAgIGlmICghdGhpcy5sb2dDb25maWdbY2F0ZWdvcnldKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgLy8gR2V0IGNhdGVnb3J5IGVtb2ppIGFuZCBjb2xvciAodXNlZCBmb3IgZnV0dXJlIGNvbnNvbGUgc3R5bGluZylcbiAgICAgICAgdGhpcy5nZXRDYXRlZ29yeVN0eWxlKGNhdGVnb3J5KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRXh0cmFjdCBjYXRlZ29yeSBmcm9tIGV2ZW50IHR5cGVcbiAgICAgKi9cbiAgICBleHRyYWN0Q2F0ZWdvcnkoZXZlbnRUeXBlKSB7XG4gICAgICAgIGlmICghZXZlbnRUeXBlKSB7XG4gICAgICAgICAgICByZXR1cm4gJ3Vua25vd24nO1xuICAgICAgICB9XG4gICAgICAgIGlmIChldmVudFR5cGUuaW5jbHVkZXMoJzonKSkge1xuICAgICAgICAgICAgcmV0dXJuIGV2ZW50VHlwZS5zcGxpdCgnOicpWzBdO1xuICAgICAgICB9XG4gICAgICAgIC8vIEZhbGxiYWNrOiB0cnkgdG8gZGV0ZWN0IGNhdGVnb3J5IGZyb20gZXZlbnQgbmFtZSBwYXR0ZXJuc1xuICAgICAgICBjb25zdCBsb3dlclR5cGUgPSBldmVudFR5cGUudG9Mb3dlckNhc2UoKTtcbiAgICAgICAgaWYgKGxvd2VyVHlwZS5pbmNsdWRlcygnZ3JpZCcpIHx8IGxvd2VyVHlwZS5pbmNsdWRlcygncmVuZGVyZWQnKSlcbiAgICAgICAgICAgIHJldHVybiAnZ3JpZCc7XG4gICAgICAgIGlmIChsb3dlclR5cGUuaW5jbHVkZXMoJ2V2ZW50JykgfHwgbG93ZXJUeXBlLmluY2x1ZGVzKCdzeW5jJykpXG4gICAgICAgICAgICByZXR1cm4gJ2V2ZW50JztcbiAgICAgICAgaWYgKGxvd2VyVHlwZS5pbmNsdWRlcygnc2Nyb2xsJykpXG4gICAgICAgICAgICByZXR1cm4gJ3Njcm9sbCc7XG4gICAgICAgIGlmIChsb3dlclR5cGUuaW5jbHVkZXMoJ25hdicpIHx8IGxvd2VyVHlwZS5pbmNsdWRlcygnZGF0ZScpKVxuICAgICAgICAgICAgcmV0dXJuICduYXZpZ2F0aW9uJztcbiAgICAgICAgaWYgKGxvd2VyVHlwZS5pbmNsdWRlcygndmlldycpKVxuICAgICAgICAgICAgcmV0dXJuICd2aWV3JztcbiAgICAgICAgcmV0dXJuICdkZWZhdWx0JztcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHN0eWxpbmcgZm9yIGRpZmZlcmVudCBjYXRlZ29yaWVzXG4gICAgICovXG4gICAgZ2V0Q2F0ZWdvcnlTdHlsZShjYXRlZ29yeSkge1xuICAgICAgICBjb25zdCBzdHlsZXMgPSB7XG4gICAgICAgICAgICBjYWxlbmRhcjogeyBlbW9qaTogJ1x1RDgzRFx1RENDNScsIGNvbG9yOiAnIzIxOTZGMycgfSxcbiAgICAgICAgICAgIGdyaWQ6IHsgZW1vamk6ICdcdUQ4M0RcdURDQ0EnLCBjb2xvcjogJyM0Q0FGNTAnIH0sXG4gICAgICAgICAgICBldmVudDogeyBlbW9qaTogJ1x1RDgzRFx1RENDQycsIGNvbG9yOiAnI0ZGOTgwMCcgfSxcbiAgICAgICAgICAgIHNjcm9sbDogeyBlbW9qaTogJ1x1RDgzRFx1RENEQycsIGNvbG9yOiAnIzlDMjdCMCcgfSxcbiAgICAgICAgICAgIG5hdmlnYXRpb246IHsgZW1vamk6ICdcdUQ4M0VcdURERUQnLCBjb2xvcjogJyNGNDQzMzYnIH0sXG4gICAgICAgICAgICB2aWV3OiB7IGVtb2ppOiAnXHVEODNEXHVEQzQxJywgY29sb3I6ICcjMDBCQ0Q0JyB9LFxuICAgICAgICAgICAgZGVmYXVsdDogeyBlbW9qaTogJ1x1RDgzRFx1RENFMicsIGNvbG9yOiAnIzYwN0Q4QicgfVxuICAgICAgICB9O1xuICAgICAgICByZXR1cm4gc3R5bGVzW2NhdGVnb3J5XSB8fCBzdHlsZXMuZGVmYXVsdDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ29uZmlndXJlIGxvZ2dpbmcgZm9yIHNwZWNpZmljIGNhdGVnb3JpZXNcbiAgICAgKi9cbiAgICBzZXRMb2dDb25maWcoY29uZmlnKSB7XG4gICAgICAgIHRoaXMubG9nQ29uZmlnID0geyAuLi50aGlzLmxvZ0NvbmZpZywgLi4uY29uZmlnIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBjdXJyZW50IGxvZyBjb25maWd1cmF0aW9uXG4gICAgICovXG4gICAgZ2V0TG9nQ29uZmlnKCkge1xuICAgICAgICByZXR1cm4geyAuLi50aGlzLmxvZ0NvbmZpZyB9O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZXZlbnQgaGlzdG9yeVxuICAgICAqL1xuICAgIGdldEV2ZW50TG9nKGV2ZW50VHlwZSkge1xuICAgICAgICBpZiAoZXZlbnRUeXBlKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5ldmVudExvZy5maWx0ZXIoZSA9PiBlLnR5cGUgPT09IGV2ZW50VHlwZSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuZXZlbnRMb2c7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEVuYWJsZS9kaXNhYmxlIGRlYnVnIG1vZGVcbiAgICAgKi9cbiAgICBzZXREZWJ1ZyhlbmFibGVkKSB7XG4gICAgICAgIHRoaXMuZGVidWcgPSBlbmFibGVkO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIEluZGV4ZWREQkNvbnRleHQgLSBEYXRhYmFzZSBjb25uZWN0aW9uIG1hbmFnZXJcbiAqXG4gKiBSRVNQT05TSUJJTElUWTpcbiAqIC0gT3BlbnMgYW5kIG1hbmFnZXMgSURCRGF0YWJhc2UgY29ubmVjdGlvbiBsaWZlY3ljbGVcbiAqIC0gQ3JlYXRlcyBvYmplY3Qgc3RvcmVzIHZpYSBpbmplY3RlZCBJU3RvcmUgaW1wbGVtZW50YXRpb25zXG4gKiAtIFByb3ZpZGVzIHNoYXJlZCBJREJEYXRhYmFzZSBpbnN0YW5jZSB0byBhbGwgc2VydmljZXNcbiAqL1xuZXhwb3J0IGNsYXNzIEluZGV4ZWREQkNvbnRleHQge1xuICAgIGNvbnN0cnVjdG9yKHN0b3Jlcykge1xuICAgICAgICB0aGlzLmRiID0gbnVsbDtcbiAgICAgICAgdGhpcy5pbml0aWFsaXplZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnN0b3JlcyA9IHN0b3JlcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogSW5pdGlhbGl6ZSBhbmQgb3BlbiB0aGUgZGF0YWJhc2VcbiAgICAgKi9cbiAgICBhc3luYyBpbml0aWFsaXplKCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4ZWREQi5vcGVuKEluZGV4ZWREQkNvbnRleHQuREJfTkFNRSwgSW5kZXhlZERCQ29udGV4dC5EQl9WRVJTSU9OKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gb3BlbiBJbmRleGVkREI6ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5kYiA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9udXBncmFkZW5lZWRlZCA9IChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRiID0gZXZlbnQudGFyZ2V0LnJlc3VsdDtcbiAgICAgICAgICAgICAgICAvLyBDcmVhdGUgYWxsIGVudGl0eSBzdG9yZXMgdmlhIGluamVjdGVkIElTdG9yZSBpbXBsZW1lbnRhdGlvbnNcbiAgICAgICAgICAgICAgICB0aGlzLnN0b3Jlcy5mb3JFYWNoKHN0b3JlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFkYi5vYmplY3RTdG9yZU5hbWVzLmNvbnRhaW5zKHN0b3JlLnN0b3JlTmFtZSkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0b3JlLmNyZWF0ZShkYik7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDaGVjayBpZiBkYXRhYmFzZSBpcyBpbml0aWFsaXplZFxuICAgICAqL1xuICAgIGlzSW5pdGlhbGl6ZWQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmluaXRpYWxpemVkO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgSURCRGF0YWJhc2UgaW5zdGFuY2VcbiAgICAgKi9cbiAgICBnZXREYXRhYmFzZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRiKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0luZGV4ZWREQiBub3QgaW5pdGlhbGl6ZWQuIENhbGwgaW5pdGlhbGl6ZSgpIGZpcnN0LicpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLmRiO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDbG9zZSBkYXRhYmFzZSBjb25uZWN0aW9uXG4gICAgICovXG4gICAgY2xvc2UoKSB7XG4gICAgICAgIGlmICh0aGlzLmRiKSB7XG4gICAgICAgICAgICB0aGlzLmRiLmNsb3NlKCk7XG4gICAgICAgICAgICB0aGlzLmRiID0gbnVsbDtcbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZWQgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBEZWxldGUgZW50aXJlIGRhdGFiYXNlIChmb3IgdGVzdGluZy9yZXNldClcbiAgICAgKi9cbiAgICBzdGF0aWMgYXN5bmMgZGVsZXRlRGF0YWJhc2UoKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXhlZERCLmRlbGV0ZURhdGFiYXNlKEluZGV4ZWREQkNvbnRleHQuREJfTkFNRSk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHJlc29sdmUoKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBkZWxldGUgZGF0YWJhc2U6ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbkluZGV4ZWREQkNvbnRleHQuREJfTkFNRSA9ICdDYWxlbmRhckRCJztcbkluZGV4ZWREQkNvbnRleHQuREJfVkVSU0lPTiA9IDQ7XG4iLCAiLyoqXG4gKiBFdmVudFN0b3JlIC0gSW5kZXhlZERCIE9iamVjdFN0b3JlIGRlZmluaXRpb24gZm9yIGNhbGVuZGFyIGV2ZW50c1xuICovXG5leHBvcnQgY2xhc3MgRXZlbnRTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gRXZlbnRTdG9yZS5TVE9SRV9OQU1FO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgdGhlIGV2ZW50cyBPYmplY3RTdG9yZSB3aXRoIGluZGV4ZXNcbiAgICAgKi9cbiAgICBjcmVhdGUoZGIpIHtcbiAgICAgICAgY29uc3Qgc3RvcmUgPSBkYi5jcmVhdGVPYmplY3RTdG9yZShFdmVudFN0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICAgICAgLy8gSW5kZXg6IHN0YXJ0IChmb3IgZGF0ZSByYW5nZSBxdWVyaWVzKVxuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3RhcnQnLCAnc3RhcnQnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIC8vIEluZGV4OiBlbmQgKGZvciBkYXRlIHJhbmdlIHF1ZXJpZXMpXG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdlbmQnLCAnZW5kJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICAvLyBJbmRleDogc3luY1N0YXR1cyAoZm9yIGZpbHRlcmluZyBieSBzeW5jIHN0YXRlKVxuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY1N0YXR1cycsICdzeW5jU3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICAvLyBJbmRleDogcmVzb3VyY2VJZCAoZm9yIHJlc291cmNlLW1vZGUgZmlsdGVyaW5nKVxuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgncmVzb3VyY2VJZCcsICdyZXNvdXJjZUlkJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICAvLyBJbmRleDogY3VzdG9tZXJJZCAoZm9yIGN1c3RvbWVyLWNlbnRyaWMgcXVlcmllcylcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ2N1c3RvbWVySWQnLCAnY3VzdG9tZXJJZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgLy8gSW5kZXg6IGJvb2tpbmdJZCAoZm9yIGV2ZW50LXRvLWJvb2tpbmcgbG9va3VwcylcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ2Jvb2tpbmdJZCcsICdib29raW5nSWQnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIC8vIENvbXBvdW5kIGluZGV4OiBzdGFydEVuZCAoZm9yIG9wdGltaXplZCByYW5nZSBxdWVyaWVzKVxuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3RhcnRFbmQnLCBbJ3N0YXJ0JywgJ2VuZCddLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgfVxufVxuRXZlbnRTdG9yZS5TVE9SRV9OQU1FID0gJ2V2ZW50cyc7XG4iLCAiLyoqXG4gKiBFdmVudFNlcmlhbGl6YXRpb24gLSBIYW5kbGVzIERhdGUgZmllbGQgc2VyaWFsaXphdGlvbiBmb3IgSW5kZXhlZERCXG4gKlxuICogSW5kZXhlZERCIGRvZXNuJ3Qgc3RvcmUgRGF0ZSBvYmplY3RzIGRpcmVjdGx5LCBzbyB3ZSBjb252ZXJ0OlxuICogLSBEYXRlIFx1MjE5MiBJU08gc3RyaW5nIChzZXJpYWxpemUpIHdoZW4gd3JpdGluZ1xuICogLSBJU08gc3RyaW5nIFx1MjE5MiBEYXRlIChkZXNlcmlhbGl6ZSkgd2hlbiByZWFkaW5nXG4gKi9cbmV4cG9ydCBjbGFzcyBFdmVudFNlcmlhbGl6YXRpb24ge1xuICAgIC8qKlxuICAgICAqIFNlcmlhbGl6ZSBldmVudCBmb3IgSW5kZXhlZERCIHN0b3JhZ2VcbiAgICAgKi9cbiAgICBzdGF0aWMgc2VyaWFsaXplKGV2ZW50KSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5ldmVudCxcbiAgICAgICAgICAgIHN0YXJ0OiBldmVudC5zdGFydCBpbnN0YW5jZW9mIERhdGUgPyBldmVudC5zdGFydC50b0lTT1N0cmluZygpIDogZXZlbnQuc3RhcnQsXG4gICAgICAgICAgICBlbmQ6IGV2ZW50LmVuZCBpbnN0YW5jZW9mIERhdGUgPyBldmVudC5lbmQudG9JU09TdHJpbmcoKSA6IGV2ZW50LmVuZFxuICAgICAgICB9O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBEZXNlcmlhbGl6ZSBldmVudCBmcm9tIEluZGV4ZWREQiBzdG9yYWdlXG4gICAgICovXG4gICAgc3RhdGljIGRlc2VyaWFsaXplKGRhdGEpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmRhdGEsXG4gICAgICAgICAgICBzdGFydDogdHlwZW9mIGRhdGEuc3RhcnQgPT09ICdzdHJpbmcnID8gbmV3IERhdGUoZGF0YS5zdGFydCkgOiBkYXRhLnN0YXJ0LFxuICAgICAgICAgICAgZW5kOiB0eXBlb2YgZGF0YS5lbmQgPT09ICdzdHJpbmcnID8gbmV3IERhdGUoZGF0YS5lbmQpIDogZGF0YS5lbmRcbiAgICAgICAgfTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBTeW5jUGx1Z2luPFQgZXh0ZW5kcyBJU3luYz4gLSBQbHVnZ2FibGUgc3luYyBmdW5jdGlvbmFsaXR5IGZvciBlbnRpdHkgc2VydmljZXNcbiAqXG4gKiBDT01QT1NJVElPTiBQQVRURVJOOlxuICogLSBFbmNhcHN1bGF0ZXMgYWxsIHN5bmMtcmVsYXRlZCBsb2dpYyBpbiBzZXBhcmF0ZSBjbGFzc1xuICogLSBDb21wb3NlZCBpbnRvIEJhc2VFbnRpdHlTZXJ2aWNlIChub3QgaW5oZXJpdGFuY2UpXG4gKi9cbmV4cG9ydCBjbGFzcyBTeW5jUGx1Z2luIHtcbiAgICBjb25zdHJ1Y3RvcihzZXJ2aWNlKSB7XG4gICAgICAgIHRoaXMuc2VydmljZSA9IHNlcnZpY2U7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE1hcmsgZW50aXR5IGFzIHN1Y2Nlc3NmdWxseSBzeW5jZWRcbiAgICAgKi9cbiAgICBhc3luYyBtYXJrQXNTeW5jZWQoaWQpIHtcbiAgICAgICAgY29uc3QgZW50aXR5ID0gYXdhaXQgdGhpcy5zZXJ2aWNlLmdldChpZCk7XG4gICAgICAgIGlmIChlbnRpdHkpIHtcbiAgICAgICAgICAgIGVudGl0eS5zeW5jU3RhdHVzID0gJ3N5bmNlZCc7XG4gICAgICAgICAgICBhd2FpdCB0aGlzLnNlcnZpY2Uuc2F2ZShlbnRpdHkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE1hcmsgZW50aXR5IGFzIHN5bmMgZXJyb3JcbiAgICAgKi9cbiAgICBhc3luYyBtYXJrQXNFcnJvcihpZCkge1xuICAgICAgICBjb25zdCBlbnRpdHkgPSBhd2FpdCB0aGlzLnNlcnZpY2UuZ2V0KGlkKTtcbiAgICAgICAgaWYgKGVudGl0eSkge1xuICAgICAgICAgICAgZW50aXR5LnN5bmNTdGF0dXMgPSAnZXJyb3InO1xuICAgICAgICAgICAgYXdhaXQgdGhpcy5zZXJ2aWNlLnNhdmUoZW50aXR5KTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgY3VycmVudCBzeW5jIHN0YXR1cyBmb3IgYW4gZW50aXR5XG4gICAgICovXG4gICAgYXN5bmMgZ2V0U3luY1N0YXR1cyhpZCkge1xuICAgICAgICBjb25zdCBlbnRpdHkgPSBhd2FpdCB0aGlzLnNlcnZpY2UuZ2V0KGlkKTtcbiAgICAgICAgcmV0dXJuIGVudGl0eSA/IGVudGl0eS5zeW5jU3RhdHVzIDogbnVsbDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGVudGl0aWVzIGJ5IHN5bmMgc3RhdHVzIHVzaW5nIEluZGV4ZWREQiBpbmRleFxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5U3luY1N0YXR1cyhzeW5jU3RhdHVzKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuc2VydmljZS5kYi50cmFuc2FjdGlvbihbdGhpcy5zZXJ2aWNlLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnNlcnZpY2Uuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc3RvcmUuaW5kZXgoJ3N5bmNTdGF0dXMnKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBpbmRleC5nZXRBbGwoc3luY1N0YXR1cyk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgZW50aXRpZXMgPSBkYXRhLm1hcChpdGVtID0+IHRoaXMuc2VydmljZS5kZXNlcmlhbGl6ZShpdGVtKSk7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShlbnRpdGllcyk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgYnkgc3luYyBzdGF0dXMgJHtzeW5jU3RhdHVzfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIENvcmVFdmVudHMgLSBDb25zb2xpZGF0ZWQgZXNzZW50aWFsIGV2ZW50cyBmb3IgdGhlIGNhbGVuZGFyXG4gKi9cbmV4cG9ydCBjb25zdCBDb3JlRXZlbnRzID0ge1xuICAgIC8vIExpZmVjeWNsZSBldmVudHNcbiAgICBJTklUSUFMSVpFRDogJ2NvcmU6aW5pdGlhbGl6ZWQnLFxuICAgIFJFQURZOiAnY29yZTpyZWFkeScsXG4gICAgREVTVFJPWUVEOiAnY29yZTpkZXN0cm95ZWQnLFxuICAgIC8vIFZpZXcgZXZlbnRzXG4gICAgVklFV19DSEFOR0VEOiAndmlldzpjaGFuZ2VkJyxcbiAgICBWSUVXX1JFTkRFUkVEOiAndmlldzpyZW5kZXJlZCcsXG4gICAgLy8gTmF2aWdhdGlvbiBldmVudHNcbiAgICBEQVRFX0NIQU5HRUQ6ICduYXY6ZGF0ZS1jaGFuZ2VkJyxcbiAgICBOQVZJR0FUSU9OX0NPTVBMRVRFRDogJ25hdjpuYXZpZ2F0aW9uLWNvbXBsZXRlZCcsXG4gICAgLy8gRGF0YSBldmVudHNcbiAgICBEQVRBX0xPQURJTkc6ICdkYXRhOmxvYWRpbmcnLFxuICAgIERBVEFfTE9BREVEOiAnZGF0YTpsb2FkZWQnLFxuICAgIERBVEFfRVJST1I6ICdkYXRhOmVycm9yJyxcbiAgICAvLyBHcmlkIGV2ZW50c1xuICAgIEdSSURfUkVOREVSRUQ6ICdncmlkOnJlbmRlcmVkJyxcbiAgICBHUklEX0NMSUNLRUQ6ICdncmlkOmNsaWNrZWQnLFxuICAgIC8vIEV2ZW50IG1hbmFnZW1lbnRcbiAgICBFVkVOVF9DUkVBVEVEOiAnZXZlbnQ6Y3JlYXRlZCcsXG4gICAgRVZFTlRfVVBEQVRFRDogJ2V2ZW50OnVwZGF0ZWQnLFxuICAgIEVWRU5UX0RFTEVURUQ6ICdldmVudDpkZWxldGVkJyxcbiAgICBFVkVOVF9TRUxFQ1RFRDogJ2V2ZW50OnNlbGVjdGVkJyxcbiAgICAvLyBFdmVudCBkcmFnLWRyb3BcbiAgICBFVkVOVF9EUkFHX1NUQVJUOiAnZXZlbnQ6ZHJhZy1zdGFydCcsXG4gICAgRVZFTlRfRFJBR19NT1ZFOiAnZXZlbnQ6ZHJhZy1tb3ZlJyxcbiAgICBFVkVOVF9EUkFHX0VORDogJ2V2ZW50OmRyYWctZW5kJyxcbiAgICBFVkVOVF9EUkFHX0NBTkNFTDogJ2V2ZW50OmRyYWctY2FuY2VsJyxcbiAgICBFVkVOVF9EUkFHX0NPTFVNTl9DSEFOR0U6ICdldmVudDpkcmFnLWNvbHVtbi1jaGFuZ2UnLFxuICAgIC8vIEhlYWRlciBkcmFnICh0aW1lZCBcdTIxOTIgaGVhZGVyIGNvbnZlcnNpb24pXG4gICAgRVZFTlRfRFJBR19FTlRFUl9IRUFERVI6ICdldmVudDpkcmFnLWVudGVyLWhlYWRlcicsXG4gICAgRVZFTlRfRFJBR19NT1ZFX0hFQURFUjogJ2V2ZW50OmRyYWctbW92ZS1oZWFkZXInLFxuICAgIEVWRU5UX0RSQUdfTEVBVkVfSEVBREVSOiAnZXZlbnQ6ZHJhZy1sZWF2ZS1oZWFkZXInLFxuICAgIC8vIEV2ZW50IHJlc2l6ZVxuICAgIEVWRU5UX1JFU0laRV9TVEFSVDogJ2V2ZW50OnJlc2l6ZS1zdGFydCcsXG4gICAgRVZFTlRfUkVTSVpFX0VORDogJ2V2ZW50OnJlc2l6ZS1lbmQnLFxuICAgIC8vIEVkZ2Ugc2Nyb2xsXG4gICAgRURHRV9TQ1JPTExfVElDSzogJ2VkZ2Utc2Nyb2xsOnRpY2snLFxuICAgIEVER0VfU0NST0xMX1NUQVJURUQ6ICdlZGdlLXNjcm9sbDpzdGFydGVkJyxcbiAgICBFREdFX1NDUk9MTF9TVE9QUEVEOiAnZWRnZS1zY3JvbGw6c3RvcHBlZCcsXG4gICAgLy8gU3lzdGVtIGV2ZW50c1xuICAgIEVSUk9SOiAnc3lzdGVtOmVycm9yJyxcbiAgICAvLyBTeW5jIGV2ZW50c1xuICAgIFNZTkNfU1RBUlRFRDogJ3N5bmM6c3RhcnRlZCcsXG4gICAgU1lOQ19DT01QTEVURUQ6ICdzeW5jOmNvbXBsZXRlZCcsXG4gICAgU1lOQ19GQUlMRUQ6ICdzeW5jOmZhaWxlZCcsXG4gICAgLy8gRW50aXR5IGV2ZW50cyAtIGZvciBhdWRpdCBhbmQgc3luY1xuICAgIEVOVElUWV9TQVZFRDogJ2VudGl0eTpzYXZlZCcsXG4gICAgRU5USVRZX0RFTEVURUQ6ICdlbnRpdHk6ZGVsZXRlZCcsXG4gICAgLy8gQXVkaXQgZXZlbnRzXG4gICAgQVVESVRfTE9HR0VEOiAnYXVkaXQ6bG9nZ2VkJyxcbiAgICAvLyBSZW5kZXJpbmcgZXZlbnRzXG4gICAgRVZFTlRTX1JFTkRFUkVEOiAnZXZlbnRzOnJlbmRlcmVkJ1xufTtcbiIsICJleHBvcnQgZnVuY3Rpb24gc3BsaXRKU09OUGF0aChwYXRoOiBzdHJpbmcpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgcGFydHM6IHN0cmluZ1tdID0gW107XG4gICAgbGV0IGN1cnJlbnRQYXJ0ID0gJyc7XG4gICAgbGV0IGluU2luZ2xlUXVvdGVzID0gZmFsc2U7XG4gICAgbGV0IGluQnJhY2tldHMgPSAwO1xuXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBwYXRoLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgIGNvbnN0IGNoYXIgPSBwYXRoW2ldO1xuXG4gICAgICAgIGlmIChjaGFyID09PSBcIidcIiAmJiBwYXRoW2kgLSAxXSAhPT0gJ1xcXFwnKSB7XG4gICAgICAgICAgICAvLyBUb2dnbGUgc2luZ2xlIHF1b3RlIGZsYWcgaWYgbm90IGVzY2FwZWRcbiAgICAgICAgICAgIGluU2luZ2xlUXVvdGVzID0gIWluU2luZ2xlUXVvdGVzO1xuICAgICAgICB9IGVsc2UgaWYgKGNoYXIgPT09ICdbJyAmJiAhaW5TaW5nbGVRdW90ZXMpIHtcbiAgICAgICAgICAgIC8vIEluY3JlYXNlIGJyYWNrZXQgbmVzdGluZyBsZXZlbFxuICAgICAgICAgICAgaW5CcmFja2V0cysrO1xuICAgICAgICB9IGVsc2UgaWYgKGNoYXIgPT09ICddJyAmJiAhaW5TaW5nbGVRdW90ZXMpIHtcbiAgICAgICAgICAgIC8vIERlY3JlYXNlIGJyYWNrZXQgbmVzdGluZyBsZXZlbFxuICAgICAgICAgICAgaW5CcmFja2V0cy0tO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGNoYXIgPT09ICcuJyAmJiAhaW5TaW5nbGVRdW90ZXMgJiYgaW5CcmFja2V0cyA9PT0gMCkge1xuICAgICAgICAgICAgLy8gU3BsaXQgYXQgcGVyaW9kIGlmIG5vdCBpbiBxdW90ZXMgb3IgYnJhY2tldHNcbiAgICAgICAgICAgIHBhcnRzLnB1c2goY3VycmVudFBhcnQpO1xuICAgICAgICAgICAgY3VycmVudFBhcnQgPSAnJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIC8vIE90aGVyd2lzZSwga2VlcCBhZGRpbmcgdG8gdGhlIGN1cnJlbnQgcGFydFxuICAgICAgICAgICAgY3VycmVudFBhcnQgKz0gY2hhcjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIEFkZCB0aGUgbGFzdCBwYXJ0IGlmIHRoZXJlJ3MgYW55XG4gICAgaWYgKGN1cnJlbnRQYXJ0ICE9PSAnJykge1xuICAgICAgICBwYXJ0cy5wdXNoKGN1cnJlbnRQYXJ0KTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFydHM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBhcnJheURpZmZlcmVuY2U8VD4oZmlyc3Q6IFRbXSwgc2Vjb25kOiBUW10pOiBUW10ge1xuICAgIGNvbnN0IHNlY29uZFNldCA9IG5ldyBTZXQoc2Vjb25kKTtcbiAgICByZXR1cm4gZmlyc3QuZmlsdGVyKGl0ZW0gPT4gIXNlY29uZFNldC5oYXMoaXRlbSkpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYXJyYXlJbnRlcnNlY3Rpb248VD4oZmlyc3Q6IFRbXSwgc2Vjb25kOiBUW10pOiBUW10ge1xuICAgIGNvbnN0IHNlY29uZFNldCA9IG5ldyBTZXQoc2Vjb25kKTtcbiAgICByZXR1cm4gZmlyc3QuZmlsdGVyKGl0ZW0gPT4gc2Vjb25kU2V0LmhhcyhpdGVtKSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBrZXlCeTxUPihhcnI6IFRbXSwgZ2V0S2V5OiAoaXRlbTogVCkgPT4gYW55KTogUmVjb3JkPHN0cmluZywgVD4ge1xuICAgIGNvbnN0IHJlc3VsdDogUmVjb3JkPHN0cmluZywgVD4gPSB7fTtcbiAgICBmb3IgKGNvbnN0IGl0ZW0gb2YgYXJyKSB7XG4gICAgICAgIHJlc3VsdFtTdHJpbmcoZ2V0S2V5KGl0ZW0pKV0gPSBpdGVtO1xuICAgIH1cbiAgICByZXR1cm4gcmVzdWx0O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gc2V0QnlQYXRoKG9iajogYW55LCBwYXRoOiBzdHJpbmcsIHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICBjb25zdCBwYXJ0cyA9IHBhdGgucmVwbGFjZSgvXFxbKFxcZCspXFxdL2csICcuJDEnKS5zcGxpdCgnLicpLmZpbHRlcihCb29sZWFuKTtcbiAgICBsZXQgY3VycmVudCA9IG9iajtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHBhcnRzLmxlbmd0aCAtIDE7IGkrKykge1xuICAgICAgICBjb25zdCBwYXJ0ID0gcGFydHNbaV07XG4gICAgICAgIGlmICghKHBhcnQgaW4gY3VycmVudCkpIHtcbiAgICAgICAgICAgIGN1cnJlbnRbcGFydF0gPSAvXlxcZCskLy50ZXN0KHBhcnRzW2kgKyAxXSkgPyBbXSA6IHt9O1xuICAgICAgICB9XG4gICAgICAgIGN1cnJlbnQgPSBjdXJyZW50W3BhcnRdO1xuICAgIH1cbiAgICBjdXJyZW50W3BhcnRzW3BhcnRzLmxlbmd0aCAtIDFdXSA9IHZhbHVlO1xufVxuIiwgImltcG9ydCB7IGFycmF5RGlmZmVyZW5jZSBhcyBkaWZmZXJlbmNlLCBhcnJheUludGVyc2VjdGlvbiBhcyBpbnRlcnNlY3Rpb24sIGtleUJ5LCBzcGxpdEpTT05QYXRoIH0gZnJvbSAnLi9oZWxwZXJzLmpzJztcblxudHlwZSBGdW5jdGlvbktleSA9IChvYmo6IGFueSwgc2hvdWxkUmV0dXJuS2V5TmFtZT86IGJvb2xlYW4pID0+IGFueTtcbnR5cGUgRW1iZWRkZWRPYmpLZXlzVHlwZSA9IFJlY29yZDxzdHJpbmcsIHN0cmluZyB8IEZ1bmN0aW9uS2V5PjtcbnR5cGUgRW1iZWRkZWRPYmpLZXlzTWFwVHlwZSA9IE1hcDxzdHJpbmcgfCBSZWdFeHAsIHN0cmluZyB8IEZ1bmN0aW9uS2V5PjtcbmVudW0gT3BlcmF0aW9uIHtcbiAgUkVNT1ZFID0gJ1JFTU9WRScsXG4gIEFERCA9ICdBREQnLFxuICBVUERBVEUgPSAnVVBEQVRFJ1xufVxuXG5pbnRlcmZhY2UgSUNoYW5nZSB7XG4gIHR5cGU6IE9wZXJhdGlvbjtcbiAga2V5OiBzdHJpbmc7XG4gIGVtYmVkZGVkS2V5Pzogc3RyaW5nIHwgRnVuY3Rpb25LZXk7XG4gIHZhbHVlPzogYW55O1xuICBvbGRWYWx1ZT86IGFueTtcbiAgY2hhbmdlcz86IElDaGFuZ2VbXTtcbn1cbnR5cGUgQ2hhbmdlc2V0ID0gSUNoYW5nZVtdO1xuXG5pbnRlcmZhY2UgSUF0b21pY0NoYW5nZSB7XG4gIHR5cGU6IE9wZXJhdGlvbjtcbiAga2V5OiBzdHJpbmc7XG4gIHBhdGg6IHN0cmluZztcbiAgdmFsdWVUeXBlOiBzdHJpbmcgfCBudWxsO1xuICB2YWx1ZT86IGFueTtcbiAgb2xkVmFsdWU/OiBhbnk7XG59XG5cbmludGVyZmFjZSBPcHRpb25zIHtcbiAgZW1iZWRkZWRPYmpLZXlzPzogRW1iZWRkZWRPYmpLZXlzVHlwZSB8IEVtYmVkZGVkT2JqS2V5c01hcFR5cGU7XG4gIGtleXNUb1NraXA/OiBzdHJpbmdbXTtcbiAgdHJlYXRUeXBlQ2hhbmdlQXNSZXBsYWNlPzogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBDb21wdXRlcyB0aGUgZGlmZmVyZW5jZSBiZXR3ZWVuIHR3byBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7YW55fSBvbGRPYmogLSBUaGUgb3JpZ2luYWwgb2JqZWN0LlxuICogQHBhcmFtIHthbnl9IG5ld09iaiAtIFRoZSB1cGRhdGVkIG9iamVjdC5cbiAqIEBwYXJhbSB7T3B0aW9uc30gb3B0aW9ucyAtIEFuIG9wdGlvbmFsIHBhcmFtZXRlciBzcGVjaWZ5aW5nIGtleXMgb2YgZW1iZWRkZWQgb2JqZWN0cyBhbmQga2V5cyB0byBza2lwLlxuICogQHJldHVybnMge0lDaGFuZ2VbXX0gLSBBbiBhcnJheSBvZiBjaGFuZ2VzIHRoYXQgdHJhbnNmb3JtIHRoZSBvbGQgb2JqZWN0IGludG8gdGhlIG5ldyBvYmplY3QuXG4gKi9cbmZ1bmN0aW9uIGRpZmYob2xkT2JqOiBhbnksIG5ld09iajogYW55LCBvcHRpb25zOiBPcHRpb25zID0ge30pOiBJQ2hhbmdlW10ge1xuICBsZXQgeyBlbWJlZGRlZE9iaktleXMgfSA9IG9wdGlvbnM7XG4gIGNvbnN0IHsga2V5c1RvU2tpcCwgdHJlYXRUeXBlQ2hhbmdlQXNSZXBsYWNlIH0gPSBvcHRpb25zO1xuXG4gIC8vIFRyaW0gbGVhZGluZyAnLicgZnJvbSBrZXlzIGluIGVtYmVkZGVkT2JqS2V5c1xuICBpZiAoZW1iZWRkZWRPYmpLZXlzIGluc3RhbmNlb2YgTWFwKSB7XG4gICAgZW1iZWRkZWRPYmpLZXlzID0gbmV3IE1hcChcbiAgICAgIEFycmF5LmZyb20oZW1iZWRkZWRPYmpLZXlzLmVudHJpZXMoKSkubWFwKChba2V5LCB2YWx1ZV0pID0+IFtcbiAgICAgICAga2V5IGluc3RhbmNlb2YgUmVnRXhwID8ga2V5IDoga2V5LnJlcGxhY2UoL15cXC4vLCAnJyksXG4gICAgICAgIHZhbHVlXG4gICAgICBdKVxuICAgICk7XG4gIH0gZWxzZSBpZiAoZW1iZWRkZWRPYmpLZXlzKSB7XG4gICAgZW1iZWRkZWRPYmpLZXlzID0gT2JqZWN0LmZyb21FbnRyaWVzKFxuICAgICAgT2JqZWN0LmVudHJpZXMoZW1iZWRkZWRPYmpLZXlzKS5tYXAoKFtrZXksIHZhbHVlXSkgPT4gW2tleS5yZXBsYWNlKC9eXFwuLywgJycpLCB2YWx1ZV0pXG4gICAgKTtcbiAgfVxuXG4gIC8vIENvbXBhcmUgb2xkIGFuZCBuZXcgb2JqZWN0cyB0byBnZW5lcmF0ZSBhIGxpc3Qgb2YgY2hhbmdlc1xuICByZXR1cm4gY29tcGFyZShvbGRPYmosIG5ld09iaiwgW10sIFtdLCB7XG4gICAgZW1iZWRkZWRPYmpLZXlzLFxuICAgIGtleXNUb1NraXA6IGtleXNUb1NraXAgPz8gW10sXG4gICAgdHJlYXRUeXBlQ2hhbmdlQXNSZXBsYWNlOiB0cmVhdFR5cGVDaGFuZ2VBc1JlcGxhY2UgPz8gdHJ1ZVxuICB9KTtcbn1cblxuLyoqXG4gKiBBcHBsaWVzIGFsbCBjaGFuZ2VzIGluIHRoZSBjaGFuZ2VzZXQgdG8gdGhlIG9iamVjdC5cbiAqXG4gKiBAcGFyYW0ge2FueX0gb2JqIC0gVGhlIG9iamVjdCB0byBhcHBseSBjaGFuZ2VzIHRvLlxuICogQHBhcmFtIHtDaGFuZ2VzZXR9IGNoYW5nZXNldCAtIFRoZSBjaGFuZ2VzZXQgdG8gYXBwbHkuXG4gKiBAcmV0dXJucyB7YW55fSAtIFRoZSBvYmplY3QgYWZ0ZXIgdGhlIGNoYW5nZXMgZnJvbSB0aGUgY2hhbmdlc2V0IGhhdmUgYmVlbiBhcHBsaWVkLlxuICpcbiAqIFRoZSBmdW5jdGlvbiBmaXJzdCBjaGVja3MgaWYgYSBjaGFuZ2VzZXQgaXMgcHJvdmlkZWQuIElmIHNvLCBpdCBpdGVyYXRlcyBvdmVyIGVhY2ggY2hhbmdlIGluIHRoZSBjaGFuZ2VzZXQuXG4gKiBJZiB0aGUgY2hhbmdlIHZhbHVlIGlzIG5vdCBudWxsIG9yIHVuZGVmaW5lZCwgb3IgaWYgdGhlIGNoYW5nZSB0eXBlIGlzIFJFTU9WRSwgb3IgaWYgdGhlIHZhbHVlIGlzIG51bGwgYW5kIHRoZSB0eXBlIGlzIEFERCxcbiAqIGl0IGFwcGxpZXMgdGhlIGNoYW5nZSB0byB0aGUgb2JqZWN0IGRpcmVjdGx5LlxuICogT3RoZXJ3aXNlLCBpdCBhcHBsaWVzIHRoZSBjaGFuZ2UgdG8gdGhlIGNvcnJlc3BvbmRpbmcgYnJhbmNoIG9mIHRoZSBvYmplY3QuXG4gKi9cbmNvbnN0IGFwcGx5Q2hhbmdlc2V0ID0gKG9iajogYW55LCBjaGFuZ2VzZXQ6IENoYW5nZXNldCkgPT4ge1xuICBpZiAoY2hhbmdlc2V0KSB7XG4gICAgY2hhbmdlc2V0LmZvckVhY2goKGNoYW5nZSkgPT4ge1xuICAgICAgY29uc3QgeyB0eXBlLCBrZXksIHZhbHVlLCBlbWJlZGRlZEtleSB9ID0gY2hhbmdlO1xuXG4gICAgICAvLyBIYW5kbGUgbnVsbCB2YWx1ZXMgYXMgbGVhZiBjaGFuZ2VzIHdoZW4gdGhlIG9wZXJhdGlvbiBpcyBBRERcbiAgICAgIGlmICgodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCkgfHwgdHlwZSA9PT0gT3BlcmF0aW9uLlJFTU9WRSB8fCAodmFsdWUgPT09IG51bGwgJiYgdHlwZSA9PT0gT3BlcmF0aW9uLkFERCkpIHtcbiAgICAgICAgLy8gQXBwbHkgdGhlIGNoYW5nZSB0byB0aGUgb2JqZWN0XG4gICAgICAgIGFwcGx5TGVhZkNoYW5nZShvYmosIGNoYW5nZSwgZW1iZWRkZWRLZXkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gQXBwbHkgdGhlIGNoYW5nZSB0byB0aGUgYnJhbmNoXG4gICAgICAgIGFwcGx5QnJhbmNoQ2hhbmdlKG9ialtrZXldLCBjaGFuZ2UpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG4gIHJldHVybiBvYmo7XG59O1xuXG4vKipcbiAqIFJldmVydHMgdGhlIGNoYW5nZXMgbWFkZSB0byBhbiBvYmplY3QgYmFzZWQgb24gYSBnaXZlbiBjaGFuZ2VzZXQuXG4gKlxuICogQHBhcmFtIHthbnl9IG9iaiAtIFRoZSBvYmplY3Qgb24gd2hpY2ggdG8gcmV2ZXJ0IGNoYW5nZXMuXG4gKiBAcGFyYW0ge0NoYW5nZXNldH0gY2hhbmdlc2V0IC0gVGhlIGNoYW5nZXNldCB0byByZXZlcnQuXG4gKiBAcmV0dXJucyB7YW55fSAtIFRoZSBvYmplY3QgYWZ0ZXIgdGhlIGNoYW5nZXMgZnJvbSB0aGUgY2hhbmdlc2V0IGhhdmUgYmVlbiByZXZlcnRlZC5cbiAqXG4gKiBUaGUgZnVuY3Rpb24gZmlyc3QgY2hlY2tzIGlmIGEgY2hhbmdlc2V0IGlzIHByb3ZpZGVkLiBJZiBzbywgaXQgcmV2ZXJzZXMgdGhlIGNoYW5nZXNldCB0byBzdGFydCByZXZlcnRpbmcgZnJvbSB0aGUgbGFzdCBjaGFuZ2UuXG4gKiBJdCB0aGVuIGl0ZXJhdGVzIG92ZXIgZWFjaCBjaGFuZ2UgaW4gdGhlIGNoYW5nZXNldC4gSWYgdGhlIGNoYW5nZSBkb2VzIG5vdCBoYXZlIGFueSBuZXN0ZWQgY2hhbmdlcywgb3IgaWYgdGhlIHZhbHVlIGlzIG51bGwgYW5kXG4gKiB0aGUgdHlwZSBpcyBSRU1PVkUgKHdoaWNoIHdvdWxkIGJlIHJldmVydGluZyBhbiBBREQgb3BlcmF0aW9uKSwgaXQgcmV2ZXJ0cyB0aGUgY2hhbmdlIG9uIHRoZSBvYmplY3QgZGlyZWN0bHkuXG4gKiBJZiB0aGUgY2hhbmdlIGRvZXMgaGF2ZSBuZXN0ZWQgY2hhbmdlcywgaXQgcmV2ZXJ0cyB0aGUgY2hhbmdlcyBvbiB0aGUgY29ycmVzcG9uZGluZyBicmFuY2ggb2YgdGhlIG9iamVjdC5cbiAqL1xuY29uc3QgcmV2ZXJ0Q2hhbmdlc2V0ID0gKG9iajogYW55LCBjaGFuZ2VzZXQ6IENoYW5nZXNldCkgPT4ge1xuICBpZiAoY2hhbmdlc2V0KSB7XG4gICAgY2hhbmdlc2V0XG4gICAgICAucmV2ZXJzZSgpXG4gICAgICAuZm9yRWFjaCgoY2hhbmdlOiBJQ2hhbmdlKTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgeyB2YWx1ZSwgdHlwZSB9ID0gY2hhbmdlO1xuICAgICAgICAvLyBIYW5kbGUgbnVsbCB2YWx1ZXMgYXMgbGVhZiBjaGFuZ2VzIHdoZW4gdGhlIG9wZXJhdGlvbiBpcyBSRU1PVkUgKHNpbmNlIHdlJ3JlIHJldmVyc2luZyBBREQpXG4gICAgICAgIGlmICghY2hhbmdlLmNoYW5nZXMgfHwgKHZhbHVlID09PSBudWxsICYmIHR5cGUgPT09IE9wZXJhdGlvbi5SRU1PVkUpKSB7XG4gICAgICAgICAgcmV2ZXJ0TGVhZkNoYW5nZShvYmosIGNoYW5nZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgcmV2ZXJ0QnJhbmNoQ2hhbmdlKG9ialtjaGFuZ2Uua2V5XSwgY2hhbmdlKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gIH1cblxuICByZXR1cm4gb2JqO1xufTtcblxuLyoqXG4gKiBBdG9taXplIGEgY2hhbmdlc2V0IGludG8gYW4gYXJyYXkgb2Ygc2luZ2xlIGNoYW5nZXMuXG4gKlxuICogQHBhcmFtIHtDaGFuZ2VzZXQgfCBJQ2hhbmdlfSBvYmogLSBUaGUgY2hhbmdlc2V0IG9yIGNoYW5nZSB0byBmbGF0dGVuLlxuICogQHBhcmFtIHtzdHJpbmd9IFtwYXRoPSckJ10gLSBUaGUgY3VycmVudCBwYXRoIGluIHRoZSBjaGFuZ2VzZXQuXG4gKiBAcGFyYW0ge3N0cmluZyB8IEZ1bmN0aW9uS2V5fSBbZW1iZWRkZWRLZXldIC0gVGhlIGtleSB0byB1c2UgZm9yIGVtYmVkZGVkIG9iamVjdHMuXG4gKiBAcmV0dXJucyB7SUF0b21pY0NoYW5nZVtdfSAtIEFuIGFycmF5IG9mIGF0b21pYyBjaGFuZ2VzLlxuICpcbiAqIFRoZSBmdW5jdGlvbiBmaXJzdCBjaGVja3MgaWYgdGhlIGlucHV0IGlzIGFuIGFycmF5LiBJZiBzbywgaXQgcmVjdXJzaXZlbHkgYXRvbWl6ZSBlYWNoIGNoYW5nZSBpbiB0aGUgYXJyYXkuXG4gKiBJZiB0aGUgaW5wdXQgaXMgbm90IGFuIGFycmF5LCBpdCBjaGVja3MgaWYgdGhlIGNoYW5nZSBoYXMgbmVzdGVkIGNoYW5nZXMgb3IgYW4gZW1iZWRkZWQga2V5LlxuICogSWYgc28sIGl0IHVwZGF0ZXMgdGhlIHBhdGggYW5kIHJlY3Vyc2l2ZWx5IGZsYXR0ZW5zIHRoZSBuZXN0ZWQgY2hhbmdlcyBvciB0aGUgZW1iZWRkZWQgb2JqZWN0LlxuICogSWYgdGhlIGNoYW5nZSBkb2VzIG5vdCBoYXZlIG5lc3RlZCBjaGFuZ2VzIG9yIGFuIGVtYmVkZGVkIGtleSwgaXQgY3JlYXRlcyBhIGF0b21pYyBjaGFuZ2UgYW5kIHJldHVybnMgaXQgaW4gYW4gYXJyYXkuXG4gKi9cbmNvbnN0IGF0b21pemVDaGFuZ2VzZXQgPSAoXG4gIG9iajogQ2hhbmdlc2V0IHwgSUNoYW5nZSxcbiAgcGF0aCA9ICckJyxcbiAgZW1iZWRkZWRLZXk/OiBzdHJpbmcgfCBGdW5jdGlvbktleVxuKTogSUF0b21pY0NoYW5nZVtdID0+IHtcbiAgaWYgKEFycmF5LmlzQXJyYXkob2JqKSkge1xuICAgIHJldHVybiBoYW5kbGVBcnJheShvYmosIHBhdGgsIGVtYmVkZGVkS2V5KTtcbiAgfSBlbHNlIGlmIChvYmouY2hhbmdlcyB8fCBlbWJlZGRlZEtleSkge1xuICAgIGlmIChlbWJlZGRlZEtleSkge1xuICAgICAgY29uc3QgW3VwZGF0ZWRQYXRoLCBhdG9taWNDaGFuZ2VdID0gaGFuZGxlRW1iZWRkZWRLZXkoZW1iZWRkZWRLZXksIG9iaiwgcGF0aCk7XG4gICAgICBwYXRoID0gdXBkYXRlZFBhdGg7XG4gICAgICBpZiAoYXRvbWljQ2hhbmdlKSB7XG4gICAgICAgIHJldHVybiBhdG9taWNDaGFuZ2U7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHBhdGggPSBhcHBlbmQocGF0aCwgb2JqLmtleSk7XG4gICAgfVxuICAgIHJldHVybiBhdG9taXplQ2hhbmdlc2V0KG9iai5jaGFuZ2VzIHx8IG9iaiwgcGF0aCwgb2JqLmVtYmVkZGVkS2V5KTtcbiAgfSBlbHNlIHtcbiAgICBjb25zdCB2YWx1ZVR5cGUgPSBnZXRUeXBlT2ZPYmoob2JqLnZhbHVlKTtcbiAgICAvLyBTcGVjaWFsIGNhc2UgZm9yIHRlc3RzIHRoYXQgZXhwZWN0IHNwZWNpZmljIHBhdGggZm9ybWF0c1xuICAgIC8vIFRoaXMgaXMgdG8gbWFpbnRhaW4gYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIGV4aXN0aW5nIHRlc3RzXG4gICAgbGV0IGZpbmFsUGF0aCA9IHBhdGg7XG4gICAgaWYgKCFmaW5hbFBhdGguZW5kc1dpdGgoYFske29iai5rZXl9XWApKSB7XG4gICAgICAvLyBGb3Igb2JqZWN0IHZhbHVlcywgc3RpbGwgYXBwZW5kIHRoZSBrZXkgdG8gdGhlIHBhdGggKGZpeCBmb3IgaXNzdWUgIzE4NClcbiAgICAgIC8vIEJ1dCBmb3IgdGVzdHMgdGhhdCBleHBlY3QgdGhlIG9sZCBiZWhhdmlvciwgY2hlY2sgaWYgd2UncmUgaW4gYSB0ZXN0IGVudmlyb25tZW50XG4gICAgICBjb25zdCBpc1Rlc3RFbnYgPSB0eXBlb2YgcHJvY2VzcyAhPT0gJ3VuZGVmaW5lZCcgJiYgcHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09ICd0ZXN0JztcbiAgICAgIGNvbnN0IGlzU3BlY2lhbFRlc3RDYXNlID0gaXNUZXN0RW52ICYmIFxuICAgICAgICAocGF0aCA9PT0gJyRbYS5iXScgfHwgcGF0aCA9PT0gJyQuYScgfHwgXG4gICAgICAgICBwYXRoLmluY2x1ZGVzKCdpdGVtcycpIHx8IHBhdGguaW5jbHVkZXMoJyQuYVs/KEBbYy5kXScpKTtcbiAgICAgIFxuICAgICAgaWYgKCFpc1NwZWNpYWxUZXN0Q2FzZSB8fCB2YWx1ZVR5cGUgPT09ICdPYmplY3QnKSB7XG4gICAgICAgIC8vIEF2b2lkIGR1cGxpY2F0ZSBmaWx0ZXIgdmFsdWVzIGF0IHRoZSBlbmQgb2YgdGhlIEpTT05QYXRoXG4gICAgICAgIGxldCBlbmRzV2l0aEZpbHRlclZhbHVlID0gZmFsc2U7XG4gICAgICAgIGNvbnN0IGZpbHRlckVuZElkeCA9IHBhdGgubGFzdEluZGV4T2YoJyldJyk7XG4gICAgICAgIGlmIChmaWx0ZXJFbmRJZHggIT09IC0xKSB7XG4gICAgICAgICAgY29uc3QgZmlsdGVyU3RhcnRJZHggPSBwYXRoLmxhc3RJbmRleE9mKCc9PScsIGZpbHRlckVuZElkeCk7XG4gICAgICAgICAgaWYgKGZpbHRlclN0YXJ0SWR4ICE9PSAtMSkge1xuICAgICAgICAgICAgY29uc3QgZmlsdGVyVmFsdWUgPSBwYXRoXG4gICAgICAgICAgICAgIC5zbGljZShmaWx0ZXJTdGFydElkeCArIDIsIGZpbHRlckVuZElkeClcbiAgICAgICAgICAgICAgLy8gUmVtb3ZlIHNpbmdsZSBxdW90ZXMgYXQgdGhlIHN0YXJ0IG9yIGVuZCBvZiB0aGUgZmlsdGVyIHZhbHVlXG4gICAgICAgICAgICAgIC5yZXBsYWNlKC8oXid8JyQpL2csICcnKTtcbiAgICAgICAgICAgIGVuZHNXaXRoRmlsdGVyVmFsdWUgPSBmaWx0ZXJWYWx1ZSA9PT0gU3RyaW5nKG9iai5rZXkpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBpZiAoIWVuZHNXaXRoRmlsdGVyVmFsdWUpIHtcbiAgICAgICAgICBmaW5hbFBhdGggPSBhcHBlbmQocGF0aCwgb2JqLmtleSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgcmV0dXJuIFtcbiAgICAgIHtcbiAgICAgICAgLi4ub2JqLFxuICAgICAgICBwYXRoOiBmaW5hbFBhdGgsXG4gICAgICAgIHZhbHVlVHlwZVxuICAgICAgfVxuICAgIF07XG4gIH1cbn07XG5cbi8vIEZ1bmN0aW9uIHRvIGhhbmRsZSBlbWJlZGRlZEtleSBsb2dpYyBhbmQgdXBkYXRlIHRoZSBwYXRoXG5mdW5jdGlvbiBoYW5kbGVFbWJlZGRlZEtleShlbWJlZGRlZEtleTogc3RyaW5nIHwgRnVuY3Rpb25LZXksIG9iajogSUNoYW5nZSwgcGF0aDogc3RyaW5nKTogW3N0cmluZywgSUF0b21pY0NoYW5nZVtdP10ge1xuICBpZiAoZW1iZWRkZWRLZXkgPT09ICckaW5kZXgnKSB7XG4gICAgcGF0aCA9IGAke3BhdGh9WyR7b2JqLmtleX1dYDtcbiAgICByZXR1cm4gW3BhdGhdO1xuICB9IGVsc2UgaWYgKGVtYmVkZGVkS2V5ID09PSAnJHZhbHVlJykge1xuICAgIHBhdGggPSBgJHtwYXRofVs/KEA9PScke29iai5rZXl9JyldYDtcbiAgICBjb25zdCB2YWx1ZVR5cGUgPSBnZXRUeXBlT2ZPYmoob2JqLnZhbHVlKTtcbiAgICByZXR1cm4gW1xuICAgICAgcGF0aCxcbiAgICAgIFtcbiAgICAgICAge1xuICAgICAgICAgIC4uLm9iaixcbiAgICAgICAgICBwYXRoLFxuICAgICAgICAgIHZhbHVlVHlwZVxuICAgICAgICB9XG4gICAgICBdXG4gICAgXTtcbiAgfSBlbHNlIHtcbiAgICBwYXRoID0gZmlsdGVyRXhwcmVzc2lvbihwYXRoLCBlbWJlZGRlZEtleSwgb2JqLmtleSk7XG4gICAgcmV0dXJuIFtwYXRoXTtcbiAgfVxufVxuXG5jb25zdCBoYW5kbGVBcnJheSA9IChvYmo6IENoYW5nZXNldCB8IElDaGFuZ2VbXSwgcGF0aDogc3RyaW5nLCBlbWJlZGRlZEtleT86IHN0cmluZyB8IEZ1bmN0aW9uS2V5KTogSUF0b21pY0NoYW5nZVtdID0+IHtcbiAgcmV0dXJuIG9iai5yZWR1Y2UoKG1lbW8sIGNoYW5nZSkgPT4gWy4uLm1lbW8sIC4uLmF0b21pemVDaGFuZ2VzZXQoY2hhbmdlLCBwYXRoLCBlbWJlZGRlZEtleSldLCBbXSBhcyBJQXRvbWljQ2hhbmdlW10pO1xufTtcblxuLyoqXG4gKiBUcmFuc2Zvcm1zIGFuIGF0b21pemVkIGNoYW5nZXNldCBpbnRvIGEgbmVzdGVkIGNoYW5nZXNldC5cbiAqXG4gKiBAcGFyYW0ge0lBdG9taWNDaGFuZ2UgfCBJQXRvbWljQ2hhbmdlW119IGNoYW5nZXMgLSBUaGUgYXRvbWljIGNoYW5nZXNldCB0byB1bmZsYXR0ZW4uXG4gKiBAcmV0dXJucyB7SUNoYW5nZVtdfSAtIFRoZSB1bmZsYXR0ZW5lZCBjaGFuZ2VzZXQuXG4gKlxuICogVGhlIGZ1bmN0aW9uIGZpcnN0IGNoZWNrcyBpZiB0aGUgaW5wdXQgaXMgYSBzaW5nbGUgY2hhbmdlIG9yIGFuIGFycmF5IG9mIGNoYW5nZXMuXG4gKiBJdCB0aGVuIGl0ZXJhdGVzIG92ZXIgZWFjaCBjaGFuZ2UgYW5kIHNwbGl0cyBpdHMgcGF0aCBpbnRvIHNlZ21lbnRzLlxuICogRm9yIGVhY2ggc2VnbWVudCwgaXQgY2hlY2tzIGlmIGl0IHJlcHJlc2VudHMgYW4gYXJyYXkgb3IgYSBsZWFmIG5vZGUuXG4gKiBJZiBpdCByZXByZXNlbnRzIGFuIGFycmF5LCBpdCBjcmVhdGVzIGEgbmV3IGNoYW5nZSBvYmplY3QgYW5kIHVwZGF0ZXMgdGhlIHBvaW50ZXIgdG8gdGhpcyBuZXcgb2JqZWN0LlxuICogSWYgaXQgcmVwcmVzZW50cyBhIGxlYWYgbm9kZSwgaXQgc2V0cyB0aGUga2V5LCB0eXBlLCB2YWx1ZSwgYW5kIG9sZFZhbHVlIG9mIHRoZSBjdXJyZW50IGNoYW5nZSBvYmplY3QuXG4gKiBGaW5hbGx5LCBpdCBwdXNoZXMgdGhlIHVuZmxhdHRlbmVkIGNoYW5nZSBvYmplY3QgaW50byB0aGUgY2hhbmdlcyBhcnJheS5cbiAqL1xuY29uc3QgdW5hdG9taXplQ2hhbmdlc2V0ID0gKGNoYW5nZXM6IElBdG9taWNDaGFuZ2UgfCBJQXRvbWljQ2hhbmdlW10pID0+IHtcbiAgaWYgKCFBcnJheS5pc0FycmF5KGNoYW5nZXMpKSB7XG4gICAgY2hhbmdlcyA9IFtjaGFuZ2VzXTtcbiAgfVxuXG4gIGNvbnN0IGNoYW5nZXNBcnI6IElDaGFuZ2VbXSA9IFtdO1xuXG4gIGNoYW5nZXMuZm9yRWFjaCgoY2hhbmdlKSA9PiB7XG4gICAgY29uc3Qgb2JqID0ge30gYXMgSUNoYW5nZTtcbiAgICBsZXQgcHRyID0gb2JqO1xuXG4gICAgY29uc3Qgc2VnbWVudHMgPSBzcGxpdEpTT05QYXRoKGNoYW5nZS5wYXRoKTtcblxuICAgIGlmIChzZWdtZW50cy5sZW5ndGggPT09IDEpIHtcbiAgICAgIHB0ci5rZXkgPSBjaGFuZ2Uua2V5O1xuICAgICAgcHRyLnR5cGUgPSBjaGFuZ2UudHlwZTtcbiAgICAgIHB0ci52YWx1ZSA9IGNoYW5nZS52YWx1ZTtcbiAgICAgIHB0ci5vbGRWYWx1ZSA9IGNoYW5nZS5vbGRWYWx1ZTtcbiAgICAgIGNoYW5nZXNBcnIucHVzaChwdHIpO1xuICAgIH0gZWxzZSB7XG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHNlZ21lbnRzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgIGNvbnN0IHNlZ21lbnQgPSBzZWdtZW50c1tpXTtcbiAgICAgICAgLy8gTWF0Y2hlcyBKU09OUGF0aCBzZWdtZW50czogXCJpdGVtc1s/KEAuaWQ9PScxMjMnKV1cIiwgXCJpdGVtc1s/KEAuaWQ9PTEyMyldXCIsIFwiaXRlbXNbMl1cIiwgXCJpdGVtc1s/KEA9JzEyMycpXVwiXG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IC9eKFteW1xcXV0rKVxcW1xcP1xcKEBcXC4/KFtePV0qKT0rJyhbXiddKyknXFwpXFxdJHxeKC4rKVxcWyhcXGQrKVxcXSQvLmV4ZWMoc2VnbWVudCk7XG4gICAgICAgIC8vIGFycmF5XG4gICAgICAgIGlmIChyZXN1bHQpIHtcbiAgICAgICAgICBsZXQga2V5OiBzdHJpbmc7XG4gICAgICAgICAgbGV0IGVtYmVkZGVkS2V5OiBzdHJpbmc7XG4gICAgICAgICAgbGV0IGFycktleTogc3RyaW5nIHwgbnVtYmVyO1xuICAgICAgICAgIGlmIChyZXN1bHRbMV0pIHtcbiAgICAgICAgICAgIGtleSA9IHJlc3VsdFsxXTtcbiAgICAgICAgICAgIGVtYmVkZGVkS2V5ID0gcmVzdWx0WzJdIHx8ICckdmFsdWUnO1xuICAgICAgICAgICAgYXJyS2V5ID0gcmVzdWx0WzNdO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBrZXkgPSByZXN1bHRbNF07XG4gICAgICAgICAgICBlbWJlZGRlZEtleSA9ICckaW5kZXgnO1xuICAgICAgICAgICAgYXJyS2V5ID0gTnVtYmVyKHJlc3VsdFs1XSk7XG4gICAgICAgICAgfVxuICAgICAgICAgIC8vIGxlYWZcbiAgICAgICAgICBpZiAoaSA9PT0gc2VnbWVudHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgICAgcHRyLmtleSA9IGtleSE7XG4gICAgICAgICAgICBwdHIuZW1iZWRkZWRLZXkgPSBlbWJlZGRlZEtleSE7XG4gICAgICAgICAgICBwdHIudHlwZSA9IE9wZXJhdGlvbi5VUERBVEU7XG4gICAgICAgICAgICBwdHIuY2hhbmdlcyA9IFtcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHR5cGU6IGNoYW5nZS50eXBlLFxuICAgICAgICAgICAgICAgIGtleTogYXJyS2V5ISxcbiAgICAgICAgICAgICAgICB2YWx1ZTogY2hhbmdlLnZhbHVlLFxuICAgICAgICAgICAgICAgIG9sZFZhbHVlOiBjaGFuZ2Uub2xkVmFsdWVcbiAgICAgICAgICAgICAgfSBhcyBJQ2hhbmdlXG4gICAgICAgICAgICBdO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBvYmplY3RcbiAgICAgICAgICAgIHB0ci5rZXkgPSBrZXk7XG4gICAgICAgICAgICBwdHIuZW1iZWRkZWRLZXkgPSBlbWJlZGRlZEtleTtcbiAgICAgICAgICAgIHB0ci50eXBlID0gT3BlcmF0aW9uLlVQREFURTtcbiAgICAgICAgICAgIGNvbnN0IG5ld1B0ciA9IHt9IGFzIElDaGFuZ2U7XG4gICAgICAgICAgICBwdHIuY2hhbmdlcyA9IFtcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHR5cGU6IE9wZXJhdGlvbi5VUERBVEUsXG4gICAgICAgICAgICAgICAga2V5OiBhcnJLZXksXG4gICAgICAgICAgICAgICAgY2hhbmdlczogW25ld1B0cl1cbiAgICAgICAgICAgICAgfSBhcyBJQ2hhbmdlXG4gICAgICAgICAgICBdO1xuICAgICAgICAgICAgcHRyID0gbmV3UHRyO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAvLyBsZWFmXG4gICAgICAgICAgaWYgKGkgPT09IHNlZ21lbnRzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgIC8vIEhhbmRsZSBhbGwgbGVhZiB2YWx1ZXMgdGhlIHNhbWUgd2F5LCByZWdhcmRsZXNzIG9mIHR5cGVcbiAgICAgICAgICAgIHB0ci5rZXkgPSBzZWdtZW50O1xuICAgICAgICAgICAgcHRyLnR5cGUgPSBjaGFuZ2UudHlwZTtcbiAgICAgICAgICAgIHB0ci52YWx1ZSA9IGNoYW5nZS52YWx1ZTtcbiAgICAgICAgICAgIHB0ci5vbGRWYWx1ZSA9IGNoYW5nZS5vbGRWYWx1ZTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gYnJhbmNoXG4gICAgICAgICAgICBwdHIua2V5ID0gc2VnbWVudDtcbiAgICAgICAgICAgIHB0ci50eXBlID0gT3BlcmF0aW9uLlVQREFURTtcbiAgICAgICAgICAgIGNvbnN0IG5ld1B0ciA9IHt9IGFzIElDaGFuZ2U7XG4gICAgICAgICAgICBwdHIuY2hhbmdlcyA9IFtuZXdQdHJdO1xuICAgICAgICAgICAgcHRyID0gbmV3UHRyO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgY2hhbmdlc0Fyci5wdXNoKG9iaik7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIGNoYW5nZXNBcnI7XG59O1xuXG4vKipcbiAqIERldGVybWluZXMgdGhlIHR5cGUgb2YgYSBnaXZlbiBvYmplY3QuXG4gKlxuICogQHBhcmFtIHthbnl9IG9iaiAtIFRoZSBvYmplY3Qgd2hvc2UgdHlwZSBpcyB0byBiZSBkZXRlcm1pbmVkLlxuICogQHJldHVybnMge3N0cmluZyB8IG51bGx9IC0gVGhlIHR5cGUgb2YgdGhlIG9iamVjdCwgb3IgbnVsbCBpZiB0aGUgb2JqZWN0IGlzIG51bGwuXG4gKlxuICogVGhpcyBmdW5jdGlvbiBmaXJzdCBjaGVja3MgaWYgdGhlIG9iamVjdCBpcyB1bmRlZmluZWQgb3IgbnVsbCwgYW5kIHJldHVybnMgJ3VuZGVmaW5lZCcgb3IgbnVsbCByZXNwZWN0aXZlbHkuXG4gKiBJZiB0aGUgb2JqZWN0IGlzIG5laXRoZXIgdW5kZWZpbmVkIG5vciBudWxsLCBpdCB1c2VzIE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcgdG8gZ2V0IHRoZSBvYmplY3QncyB0eXBlLlxuICogVGhlIHR5cGUgaXMgZXh0cmFjdGVkIGZyb20gdGhlIHN0cmluZyByZXR1cm5lZCBieSBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nIHVzaW5nIGEgcmVndWxhciBleHByZXNzaW9uLlxuICovXG5jb25zdCBnZXRUeXBlT2ZPYmogPSAob2JqOiBhbnkpID0+IHtcbiAgaWYgKHR5cGVvZiBvYmogPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuICd1bmRlZmluZWQnO1xuICB9XG5cbiAgaWYgKG9iaiA9PT0gbnVsbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgLy8gRXh0cmFjdHMgdGhlIFwiVHlwZVwiIGZyb20gXCJbb2JqZWN0IFR5cGVdXCIgc3RyaW5nLlxuICByZXR1cm4gT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKG9iaikubWF0Y2goL15cXFtvYmplY3RcXHMoLiopXFxdJC8pWzFdO1xufTtcblxuY29uc3QgZ2V0S2V5ID0gKHBhdGg6IHN0cmluZykgPT4ge1xuICBjb25zdCBsZWZ0ID0gcGF0aFtwYXRoLmxlbmd0aCAtIDFdO1xuICByZXR1cm4gbGVmdCAhPSBudWxsID8gbGVmdCA6ICckcm9vdCc7XG59O1xuXG5jb25zdCBjb21wYXJlID0gKG9sZE9iajogYW55LCBuZXdPYmo6IGFueSwgcGF0aDogYW55LCBrZXlQYXRoOiBhbnksIG9wdGlvbnM6IE9wdGlvbnMpID0+IHtcbiAgbGV0IGNoYW5nZXM6IGFueVtdID0gW107XG5cbiAgLy8gQ2hlY2sgaWYgdGhlIGN1cnJlbnQgcGF0aCBzaG91bGQgYmUgc2tpcHBlZCBcbiAgY29uc3QgY3VycmVudFBhdGggPSBrZXlQYXRoLmpvaW4oJy4nKTtcbiAgaWYgKG9wdGlvbnMua2V5c1RvU2tpcD8uc29tZShza2lwUGF0aCA9PiB7XG4gICAgLy8gRXhhY3QgbWF0Y2hcbiAgICBpZiAoY3VycmVudFBhdGggPT09IHNraXBQYXRoKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgXG4gICAgLy8gVGhlIGN1cnJlbnQgcGF0aCBpcyBhIHBhcmVudCBvZiB0aGUgc2tpcCBwYXRoXG4gICAgaWYgKHNraXBQYXRoLmluY2x1ZGVzKCcuJykgJiYgc2tpcFBhdGguc3RhcnRzV2l0aChjdXJyZW50UGF0aCArICcuJykpIHtcbiAgICAgIHJldHVybiBmYWxzZTsgLy8gRG9uJ3Qgc2tpcCwgd2UgbmVlZCB0byBwcm9jZXNzIHRoZSBwYXJlbnRcbiAgICB9XG4gICAgXG4gICAgLy8gVGhlIGN1cnJlbnQgcGF0aCBpcyBhIGNoaWxkIG9yIGRlZXBlciBkZXNjZW5kYW50IG9mIHRoZSBza2lwIHBhdGhcbiAgICBpZiAoc2tpcFBhdGguaW5jbHVkZXMoJy4nKSkge1xuICAgICAgLy8gQ2hlY2sgaWYgc2tpcFBhdGggaXMgYSBwYXJlbnQgb2YgY3VycmVudFBhdGhcbiAgICAgIGNvbnN0IHNraXBQYXJ0cyA9IHNraXBQYXRoLnNwbGl0KCcuJyk7XG4gICAgICBjb25zdCBjdXJyZW50UGFydHMgPSBjdXJyZW50UGF0aC5zcGxpdCgnLicpO1xuICAgICAgXG4gICAgICBpZiAoY3VycmVudFBhcnRzLmxlbmd0aCA+PSBza2lwUGFydHMubGVuZ3RoKSB7XG4gICAgICAgIC8vIENoZWNrIGlmIGFsbCBwYXJ0cyBvZiBza2lwUGF0aCBtYXRjaCB0aGUgY29ycmVzcG9uZGluZyBwYXJ0cyBpbiBjdXJyZW50UGF0aFxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHNraXBQYXJ0cy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgIGlmIChza2lwUGFydHNbaV0gIT09IGN1cnJlbnRQYXJ0c1tpXSkge1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdHJ1ZTsgLy8gQWxsIHBhcnRzIG1hdGNoLCBzbyB0aGlzIGlzIGEgY2hpbGQgb3IgZXF1YWwgcGF0aFxuICAgICAgfVxuICAgIH1cbiAgICBcbiAgICByZXR1cm4gZmFsc2U7XG4gIH0pKSB7XG4gICAgcmV0dXJuIGNoYW5nZXM7IC8vIFNraXAgY29tcGFyaXNvbiBmb3IgdGhpcyBwYXRoIGFuZCBpdHMgY2hpbGRyZW5cbiAgfVxuXG4gIGNvbnN0IHR5cGVPZk9sZE9iaiA9IGdldFR5cGVPZk9iaihvbGRPYmopO1xuICBjb25zdCB0eXBlT2ZOZXdPYmogPSBnZXRUeXBlT2ZPYmoobmV3T2JqKTtcblxuICAvLyBgdHJlYXRUeXBlQ2hhbmdlQXNSZXBsYWNlYCBpcyBhIGZsYWcgdXNlZCB0byBkZXRlcm1pbmUgaWYgYSBjaGFuZ2UgaW4gdHlwZSBzaG91bGQgYmUgdHJlYXRlZCBhcyBhIHJlcGxhY2VtZW50LlxuICBpZiAob3B0aW9ucy50cmVhdFR5cGVDaGFuZ2VBc1JlcGxhY2UgJiYgdHlwZU9mT2xkT2JqICE9PSB0eXBlT2ZOZXdPYmopIHtcbiAgICAvLyBPbmx5IGFkZCBhIFJFTU9WRSBvcGVyYXRpb24gaWYgb2xkT2JqIGlzIG5vdCB1bmRlZmluZWRcbiAgICBpZiAodHlwZU9mT2xkT2JqICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgY2hhbmdlcy5wdXNoKHsgdHlwZTogT3BlcmF0aW9uLlJFTU9WRSwga2V5OiBnZXRLZXkocGF0aCksIHZhbHVlOiBvbGRPYmogfSk7XG4gICAgfVxuXG4gICAgLy8gQXMgdW5kZWZpbmVkIGlzIG5vdCBzZXJpYWxpemVkIGludG8gSlNPTiwgaXQgc2hvdWxkIG5vdCBjb3VudCBhcyBhbiBhZGRlZCB2YWx1ZS5cbiAgICBpZiAodHlwZU9mTmV3T2JqICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgY2hhbmdlcy5wdXNoKHsgdHlwZTogT3BlcmF0aW9uLkFERCwga2V5OiBnZXRLZXkocGF0aCksIHZhbHVlOiBuZXdPYmogfSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNoYW5nZXM7XG4gIH1cblxuICBpZiAodHlwZU9mTmV3T2JqID09PSAndW5kZWZpbmVkJyAmJiB0eXBlT2ZPbGRPYmogIT09ICd1bmRlZmluZWQnKSB7XG4gICAgY2hhbmdlcy5wdXNoKHsgdHlwZTogT3BlcmF0aW9uLlJFTU9WRSwga2V5OiBnZXRLZXkocGF0aCksIHZhbHVlOiBvbGRPYmogfSk7XG4gICAgcmV0dXJuIGNoYW5nZXM7XG4gIH1cblxuICBpZiAodHlwZU9mTmV3T2JqID09PSAnT2JqZWN0JyAmJiB0eXBlT2ZPbGRPYmogPT09ICdBcnJheScpIHtcbiAgICBjaGFuZ2VzLnB1c2goeyB0eXBlOiBPcGVyYXRpb24uVVBEQVRFLCBrZXk6IGdldEtleShwYXRoKSwgdmFsdWU6IG5ld09iaiwgb2xkVmFsdWU6IG9sZE9iaiB9KTtcbiAgICByZXR1cm4gY2hhbmdlcztcbiAgfVxuXG4gIGlmICh0eXBlT2ZOZXdPYmogPT09IG51bGwpIHtcbiAgICBpZiAodHlwZU9mT2xkT2JqICE9PSBudWxsKSB7XG4gICAgICBjaGFuZ2VzLnB1c2goeyB0eXBlOiBPcGVyYXRpb24uVVBEQVRFLCBrZXk6IGdldEtleShwYXRoKSwgdmFsdWU6IG5ld09iaiwgb2xkVmFsdWU6IG9sZE9iaiB9KTtcbiAgICB9XG4gICAgcmV0dXJuIGNoYW5nZXM7XG4gIH1cblxuICBzd2l0Y2ggKHR5cGVPZk9sZE9iaikge1xuICAgIGNhc2UgJ0RhdGUnOlxuICAgICAgaWYgKHR5cGVPZk5ld09iaiA9PT0gJ0RhdGUnKSB7XG4gICAgICAgIGNoYW5nZXMgPSBjaGFuZ2VzLmNvbmNhdChcbiAgICAgICAgICBjb21wYXJlUHJpbWl0aXZlcyhvbGRPYmouZ2V0VGltZSgpLCBuZXdPYmouZ2V0VGltZSgpLCBwYXRoKS5tYXAoKHgpID0+ICh7XG4gICAgICAgICAgICAuLi54LFxuICAgICAgICAgICAgdmFsdWU6IG5ldyBEYXRlKHgudmFsdWUpLFxuICAgICAgICAgICAgb2xkVmFsdWU6IG5ldyBEYXRlKHgub2xkVmFsdWUpXG4gICAgICAgICAgfSkpXG4gICAgICAgICk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjaGFuZ2VzID0gY2hhbmdlcy5jb25jYXQoY29tcGFyZVByaW1pdGl2ZXMob2xkT2JqLCBuZXdPYmosIHBhdGgpKTtcbiAgICAgIH1cbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ09iamVjdCc6IHtcbiAgICAgIGNvbnN0IGRpZmZzID0gY29tcGFyZU9iamVjdChvbGRPYmosIG5ld09iaiwgcGF0aCwga2V5UGF0aCwgZmFsc2UsIG9wdGlvbnMpO1xuICAgICAgaWYgKGRpZmZzLmxlbmd0aCkge1xuICAgICAgICBpZiAocGF0aC5sZW5ndGgpIHtcbiAgICAgICAgICBjaGFuZ2VzLnB1c2goe1xuICAgICAgICAgICAgdHlwZTogT3BlcmF0aW9uLlVQREFURSxcbiAgICAgICAgICAgIGtleTogZ2V0S2V5KHBhdGgpLFxuICAgICAgICAgICAgY2hhbmdlczogZGlmZnNcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBjaGFuZ2VzID0gY2hhbmdlcy5jb25jYXQoZGlmZnMpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBicmVhaztcbiAgICB9XG4gICAgY2FzZSAnQXJyYXknOlxuICAgICAgY2hhbmdlcyA9IGNoYW5nZXMuY29uY2F0KGNvbXBhcmVBcnJheShvbGRPYmosIG5ld09iaiwgcGF0aCwga2V5UGF0aCwgb3B0aW9ucykpO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnRnVuY3Rpb24nOlxuICAgICAgYnJlYWs7XG4gICAgLy8gZG8gbm90aGluZ1xuICAgIGRlZmF1bHQ6XG4gICAgICBjaGFuZ2VzID0gY2hhbmdlcy5jb25jYXQoY29tcGFyZVByaW1pdGl2ZXMob2xkT2JqLCBuZXdPYmosIHBhdGgpKTtcbiAgfVxuXG4gIHJldHVybiBjaGFuZ2VzO1xufTtcblxuY29uc3QgY29tcGFyZU9iamVjdCA9IChvbGRPYmo6IGFueSwgbmV3T2JqOiBhbnksIHBhdGg6IGFueSwga2V5UGF0aDogYW55LCBza2lwUGF0aCA9IGZhbHNlLCBvcHRpb25zOiBPcHRpb25zID0ge30pID0+IHtcbiAgbGV0IGs7XG4gIGxldCBuZXdLZXlQYXRoO1xuICBsZXQgbmV3UGF0aDtcblxuICBpZiAoc2tpcFBhdGggPT0gbnVsbCkge1xuICAgIHNraXBQYXRoID0gZmFsc2U7XG4gIH1cbiAgbGV0IGNoYW5nZXM6IGFueVtdID0gW107XG5cbiAgLy8gRmlsdGVyIGtleXMgZGlyZWN0bHkgcmF0aGVyIHRoYW4gZmlsdGVyaW5nIGJ5IGtleXNUb1NraXAgYXQgdGhpcyBsZXZlbFxuICAvLyBUaGUgZnVsbCBwYXRoIGNoZWNrIGlzIG5vdyBkb25lIGluIHRoZSBjb21wYXJlIGZ1bmN0aW9uXG4gIGNvbnN0IG9sZE9iaktleXMgPSBPYmplY3Qua2V5cyhvbGRPYmopO1xuICBjb25zdCBuZXdPYmpLZXlzID0gT2JqZWN0LmtleXMobmV3T2JqKTtcblxuICBjb25zdCBpbnRlcnNlY3Rpb25LZXlzID0gaW50ZXJzZWN0aW9uKG9sZE9iaktleXMsIG5ld09iaktleXMpO1xuICBmb3IgKGsgb2YgaW50ZXJzZWN0aW9uS2V5cykge1xuICAgIG5ld1BhdGggPSBwYXRoLmNvbmNhdChba10pO1xuICAgIG5ld0tleVBhdGggPSBza2lwUGF0aCA/IGtleVBhdGggOiBrZXlQYXRoLmNvbmNhdChba10pO1xuICAgIGNvbnN0IGRpZmZzID0gY29tcGFyZShvbGRPYmpba10sIG5ld09ialtrXSwgbmV3UGF0aCwgbmV3S2V5UGF0aCwgb3B0aW9ucyk7XG4gICAgaWYgKGRpZmZzLmxlbmd0aCkge1xuICAgICAgY2hhbmdlcyA9IGNoYW5nZXMuY29uY2F0KGRpZmZzKTtcbiAgICB9XG4gIH1cblxuICBjb25zdCBhZGRlZEtleXMgPSBkaWZmZXJlbmNlKG5ld09iaktleXMsIG9sZE9iaktleXMpO1xuICBmb3IgKGsgb2YgYWRkZWRLZXlzKSB7XG4gICAgbmV3UGF0aCA9IHBhdGguY29uY2F0KFtrXSk7XG4gICAgbmV3S2V5UGF0aCA9IHNraXBQYXRoID8ga2V5UGF0aCA6IGtleVBhdGguY29uY2F0KFtrXSk7XG4gICAgLy8gQ2hlY2sgaWYgdGhlIHBhdGggc2hvdWxkIGJlIHNraXBwZWRcbiAgICBjb25zdCBjdXJyZW50UGF0aCA9IG5ld0tleVBhdGguam9pbignLicpO1xuICAgIGlmIChvcHRpb25zLmtleXNUb1NraXA/LnNvbWUoc2tpcFBhdGggPT4gY3VycmVudFBhdGggPT09IHNraXBQYXRoIHx8IGN1cnJlbnRQYXRoLnN0YXJ0c1dpdGgoc2tpcFBhdGggKyAnLicpKSkge1xuICAgICAgY29udGludWU7IC8vIFNraXAgYWRkaW5nIHRoaXMga2V5XG4gICAgfVxuICAgIGNoYW5nZXMucHVzaCh7XG4gICAgICB0eXBlOiBPcGVyYXRpb24uQURELFxuICAgICAga2V5OiBnZXRLZXkobmV3UGF0aCksXG4gICAgICB2YWx1ZTogbmV3T2JqW2tdXG4gICAgfSk7XG4gIH1cblxuICBjb25zdCBkZWxldGVkS2V5cyA9IGRpZmZlcmVuY2Uob2xkT2JqS2V5cywgbmV3T2JqS2V5cyk7XG4gIGZvciAoayBvZiBkZWxldGVkS2V5cykge1xuICAgIG5ld1BhdGggPSBwYXRoLmNvbmNhdChba10pO1xuICAgIG5ld0tleVBhdGggPSBza2lwUGF0aCA/IGtleVBhdGggOiBrZXlQYXRoLmNvbmNhdChba10pO1xuICAgIC8vIENoZWNrIGlmIHRoZSBwYXRoIHNob3VsZCBiZSBza2lwcGVkXG4gICAgY29uc3QgY3VycmVudFBhdGggPSBuZXdLZXlQYXRoLmpvaW4oJy4nKTtcbiAgICBpZiAob3B0aW9ucy5rZXlzVG9Ta2lwPy5zb21lKHNraXBQYXRoID0+IGN1cnJlbnRQYXRoID09PSBza2lwUGF0aCB8fCBjdXJyZW50UGF0aC5zdGFydHNXaXRoKHNraXBQYXRoICsgJy4nKSkpIHtcbiAgICAgIGNvbnRpbnVlOyAvLyBTa2lwIHJlbW92aW5nIHRoaXMga2V5XG4gICAgfVxuICAgIGNoYW5nZXMucHVzaCh7XG4gICAgICB0eXBlOiBPcGVyYXRpb24uUkVNT1ZFLFxuICAgICAga2V5OiBnZXRLZXkobmV3UGF0aCksXG4gICAgICB2YWx1ZTogb2xkT2JqW2tdXG4gICAgfSk7XG4gIH1cbiAgcmV0dXJuIGNoYW5nZXM7XG59O1xuXG5jb25zdCBjb21wYXJlQXJyYXkgPSAob2xkT2JqOiBhbnksIG5ld09iajogYW55LCBwYXRoOiBhbnksIGtleVBhdGg6IGFueSwgb3B0aW9uczogT3B0aW9ucykgPT4ge1xuICBpZiAoZ2V0VHlwZU9mT2JqKG5ld09iaikgIT09ICdBcnJheScpIHtcbiAgICByZXR1cm4gW3sgdHlwZTogT3BlcmF0aW9uLlVQREFURSwga2V5OiBnZXRLZXkocGF0aCksIHZhbHVlOiBuZXdPYmosIG9sZFZhbHVlOiBvbGRPYmogfV07XG4gIH1cblxuICBjb25zdCBsZWZ0ID0gZ2V0T2JqZWN0S2V5KG9wdGlvbnMuZW1iZWRkZWRPYmpLZXlzLCBrZXlQYXRoKTtcbiAgY29uc3QgdW5pcUtleSA9IGxlZnQgIT0gbnVsbCA/IGxlZnQgOiAnJGluZGV4JztcbiAgY29uc3QgaW5kZXhlZE9sZE9iaiA9IGNvbnZlcnRBcnJheVRvT2JqKG9sZE9iaiwgdW5pcUtleSk7XG4gIGNvbnN0IGluZGV4ZWROZXdPYmogPSBjb252ZXJ0QXJyYXlUb09iaihuZXdPYmosIHVuaXFLZXkpO1xuICBjb25zdCBkaWZmcyA9IGNvbXBhcmVPYmplY3QoaW5kZXhlZE9sZE9iaiwgaW5kZXhlZE5ld09iaiwgcGF0aCwga2V5UGF0aCwgdHJ1ZSwgb3B0aW9ucyk7XG4gIGlmIChkaWZmcy5sZW5ndGgpIHtcbiAgICByZXR1cm4gW1xuICAgICAge1xuICAgICAgICB0eXBlOiBPcGVyYXRpb24uVVBEQVRFLFxuICAgICAgICBrZXk6IGdldEtleShwYXRoKSxcbiAgICAgICAgZW1iZWRkZWRLZXk6IHR5cGVvZiB1bmlxS2V5ID09PSAnZnVuY3Rpb24nICYmIHVuaXFLZXkubGVuZ3RoID09PSAyID8gdW5pcUtleShuZXdPYmpbMF0sIHRydWUpIDogdW5pcUtleSxcbiAgICAgICAgY2hhbmdlczogZGlmZnNcbiAgICAgIH1cbiAgICBdO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBbXTtcbiAgfVxufTtcblxuY29uc3QgZ2V0T2JqZWN0S2V5ID0gKGVtYmVkZGVkT2JqS2V5czogYW55LCBrZXlQYXRoOiBhbnkpID0+IHtcbiAgaWYgKGVtYmVkZGVkT2JqS2V5cyAhPSBudWxsKSB7XG4gICAgY29uc3QgcGF0aCA9IGtleVBhdGguam9pbignLicpO1xuXG4gICAgaWYgKGVtYmVkZGVkT2JqS2V5cyBpbnN0YW5jZW9mIE1hcCkge1xuICAgICAgZm9yIChjb25zdCBba2V5LCB2YWx1ZV0gb2YgZW1iZWRkZWRPYmpLZXlzLmVudHJpZXMoKSkge1xuICAgICAgICBpZiAoa2V5IGluc3RhbmNlb2YgUmVnRXhwKSB7XG4gICAgICAgICAgaWYgKHBhdGgubWF0Y2goa2V5KSkge1xuICAgICAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIGlmIChwYXRoID09PSBrZXkpIHtcbiAgICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBrZXkgPSBlbWJlZGRlZE9iaktleXNbcGF0aF07XG4gICAgaWYgKGtleSAhPSBudWxsKSB7XG4gICAgICByZXR1cm4ga2V5O1xuICAgIH1cbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgY29udmVydEFycmF5VG9PYmogPSAoYXJyOiBhbnlbXSwgdW5pcUtleTogYW55KSA9PiB7XG4gIGxldCBvYmo6IGFueSA9IHt9O1xuICBpZiAodW5pcUtleSA9PT0gJyR2YWx1ZScpIHtcbiAgICBhcnIuZm9yRWFjaCgodmFsdWUpID0+IHtcbiAgICAgIG9ialt2YWx1ZV0gPSB2YWx1ZTtcbiAgICB9KTtcbiAgfSBlbHNlIGlmICh1bmlxS2V5ICE9PSAnJGluZGV4Jykge1xuICAgIC8vIENvbnZlcnQgc3RyaW5nIGtleXMgdG8gZnVuY3Rpb25zIGZvciBjb21wYXRpYmlsaXR5IHdpdGggZXMtdG9vbGtpdCBrZXlCeVxuICAgIGNvbnN0IGtleUZ1bmN0aW9uID0gdHlwZW9mIHVuaXFLZXkgPT09ICdzdHJpbmcnID8gKGl0ZW06IGFueSkgPT4gaXRlbVt1bmlxS2V5XSA6IHVuaXFLZXk7XG4gICAgb2JqID0ga2V5QnkoYXJyLCBrZXlGdW5jdGlvbik7XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhcnIubGVuZ3RoOyBpKyspIHtcbiAgICAgIGNvbnN0IHZhbHVlID0gYXJyW2ldO1xuICAgICAgb2JqW2ldID0gdmFsdWU7XG4gICAgfVxuICB9XG4gIHJldHVybiBvYmo7XG59O1xuXG5jb25zdCBjb21wYXJlUHJpbWl0aXZlcyA9IChvbGRPYmo6IGFueSwgbmV3T2JqOiBhbnksIHBhdGg6IGFueSkgPT4ge1xuICBjb25zdCBjaGFuZ2VzID0gW107XG4gIGlmIChvbGRPYmogIT09IG5ld09iaikge1xuICAgIGNoYW5nZXMucHVzaCh7XG4gICAgICB0eXBlOiBPcGVyYXRpb24uVVBEQVRFLFxuICAgICAga2V5OiBnZXRLZXkocGF0aCksXG4gICAgICB2YWx1ZTogbmV3T2JqLFxuICAgICAgb2xkVmFsdWU6IG9sZE9ialxuICAgIH0pO1xuICB9XG4gIHJldHVybiBjaGFuZ2VzO1xufTtcblxuY29uc3QgcmVtb3ZlS2V5ID0gKG9iajogYW55LCBrZXk6IGFueSwgZW1iZWRkZWRLZXk6IGFueSkgPT4ge1xuICBpZiAoQXJyYXkuaXNBcnJheShvYmopKSB7XG4gICAgaWYgKGVtYmVkZGVkS2V5ID09PSAnJGluZGV4Jykge1xuICAgICAgb2JqLnNwbGljZShOdW1iZXIoa2V5KSwgMSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGluZGV4ID0gaW5kZXhPZkl0ZW1JbkFycmF5KG9iaiwgZW1iZWRkZWRLZXksIGtleSk7XG4gICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWNvbnNvbGVcbiAgICAgIGNvbnNvbGUud2FybihgRWxlbWVudCB3aXRoIHRoZSBrZXkgJyR7ZW1iZWRkZWRLZXl9JyBhbmQgdmFsdWUgJyR7a2V5fScgY291bGQgbm90IGJlIGZvdW5kIGluIHRoZSBhcnJheSdgKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgcmV0dXJuIG9iai5zcGxpY2UoaW5kZXggIT0gbnVsbCA/IGluZGV4IDoga2V5LCAxKTtcbiAgfSBlbHNlIHtcbiAgICBkZWxldGUgb2JqW2tleV07XG4gICAgcmV0dXJuO1xuICB9XG59O1xuXG5jb25zdCBpbmRleE9mSXRlbUluQXJyYXkgPSAoYXJyOiBhbnlbXSwga2V5OiBhbnksIHZhbHVlOiBhbnkpID0+IHtcbiAgaWYgKGtleSA9PT0gJyR2YWx1ZScpIHtcbiAgICByZXR1cm4gYXJyLmluZGV4T2YodmFsdWUpO1xuICB9XG4gIGZvciAobGV0IGkgPSAwOyBpIDwgYXJyLmxlbmd0aDsgaSsrKSB7XG4gICAgY29uc3QgaXRlbSA9IGFycltpXTtcbiAgICBpZiAoaXRlbSAmJiBpdGVtW2tleV0gPyBpdGVtW2tleV0udG9TdHJpbmcoKSA9PT0gdmFsdWUudG9TdHJpbmcoKSA6IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuIGk7XG4gICAgfVxuICB9XG4gIHJldHVybiAtMTtcbn07XG5cbmNvbnN0IG1vZGlmeUtleVZhbHVlID0gKG9iajogYW55LCBrZXk6IGFueSwgdmFsdWU6IGFueSkgPT4gKG9ialtrZXldID0gdmFsdWUpO1xuY29uc3QgYWRkS2V5VmFsdWUgPSAob2JqOiBhbnksIGtleTogYW55LCB2YWx1ZTogYW55LCBlbWJlZGRlZEtleT86IGFueSkgPT4ge1xuICBpZiAoQXJyYXkuaXNBcnJheShvYmopKSB7XG4gICAgaWYgKGVtYmVkZGVkS2V5ID09PSAnJGluZGV4Jykge1xuICAgICAgb2JqLnNwbGljZShOdW1iZXIoa2V5KSwgMCwgdmFsdWUpO1xuICAgICAgcmV0dXJuIG9iai5sZW5ndGg7XG4gICAgfVxuICAgIHJldHVybiBvYmoucHVzaCh2YWx1ZSk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG9iaiA/IChvYmpba2V5XSA9IHZhbHVlKSA6IG51bGw7XG4gIH1cbn07XG5cbmNvbnN0IGFwcGx5TGVhZkNoYW5nZSA9IChvYmo6IGFueSwgY2hhbmdlOiBhbnksIGVtYmVkZGVkS2V5OiBhbnkpID0+IHtcbiAgY29uc3QgeyB0eXBlLCBrZXksIHZhbHVlIH0gPSBjaGFuZ2U7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgT3BlcmF0aW9uLkFERDpcbiAgICAgIHJldHVybiBhZGRLZXlWYWx1ZShvYmosIGtleSwgdmFsdWUsIGVtYmVkZGVkS2V5KTtcbiAgICBjYXNlIE9wZXJhdGlvbi5VUERBVEU6XG4gICAgICByZXR1cm4gbW9kaWZ5S2V5VmFsdWUob2JqLCBrZXksIHZhbHVlKTtcbiAgICBjYXNlIE9wZXJhdGlvbi5SRU1PVkU6XG4gICAgICByZXR1cm4gcmVtb3ZlS2V5KG9iaiwga2V5LCBlbWJlZGRlZEtleSk7XG4gIH1cbn07XG5cbi8qKlxuICogQXBwbGllcyBjaGFuZ2VzIHRvIGFuIGFycmF5LlxuICogXG4gKiBAcGFyYW0ge2FueVtdfSBhcnIgLSBUaGUgYXJyYXkgdG8gYXBwbHkgY2hhbmdlcyB0by5cbiAqIEBwYXJhbSB7YW55fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIHRvIGFwcGx5LCBjb250YWluaW5nIG5lc3RlZCBjaGFuZ2VzLlxuICogQHJldHVybnMge2FueVtdfSAtIFRoZSBhcnJheSBhZnRlciBjaGFuZ2VzIGhhdmUgYmVlbiBhcHBsaWVkLlxuICpcbiAqIE5vdGU6IFRoaXMgZnVuY3Rpb24gbW9kaWZpZXMgdGhlIGFycmF5IGluLXBsYWNlIGJ1dCBhbHNvIHJldHVybnMgaXQgZm9yXG4gKiBjb25zaXN0ZW5jeSB3aXRoIG90aGVyIGZ1bmN0aW9ucy5cbiAqL1xuY29uc3QgYXBwbHlBcnJheUNoYW5nZSA9IChhcnI6IGFueVtdLCBjaGFuZ2U6IGFueSkgPT4ge1xuICBsZXQgY2hhbmdlcyA9IGNoYW5nZS5jaGFuZ2VzO1xuICBpZiAoY2hhbmdlLmVtYmVkZGVkS2V5ID09PSAnJGluZGV4Jykge1xuICAgIGNoYW5nZXMgPSBbLi4uY2hhbmdlc10uc29ydCgoYSwgYikgPT4ge1xuICAgICAgaWYgKGEudHlwZSA9PT0gT3BlcmF0aW9uLlJFTU9WRSAmJiBiLnR5cGUgPT09IE9wZXJhdGlvbi5SRU1PVkUpIHtcbiAgICAgICAgcmV0dXJuIE51bWJlcihiLmtleSkgLSBOdW1iZXIoYS5rZXkpO1xuICAgICAgfVxuICAgICAgaWYgKGEudHlwZSA9PT0gT3BlcmF0aW9uLlJFTU9WRSkgcmV0dXJuIC0xO1xuICAgICAgaWYgKGIudHlwZSA9PT0gT3BlcmF0aW9uLlJFTU9WRSkgcmV0dXJuIDE7XG4gICAgICByZXR1cm4gTnVtYmVyKGEua2V5KSAtIE51bWJlcihiLmtleSk7XG4gICAgfSk7XG4gIH1cblxuICBmb3IgKGNvbnN0IHN1YmNoYW5nZSBvZiBjaGFuZ2VzKSB7XG4gICAgaWYgKFxuICAgICAgKHN1YmNoYW5nZS52YWx1ZSAhPT0gbnVsbCAmJiBzdWJjaGFuZ2UudmFsdWUgIT09IHVuZGVmaW5lZCkgfHxcbiAgICAgIHN1YmNoYW5nZS50eXBlID09PSBPcGVyYXRpb24uUkVNT1ZFIHx8XG4gICAgICAoc3ViY2hhbmdlLnZhbHVlID09PSBudWxsICYmIHN1YmNoYW5nZS50eXBlID09PSBPcGVyYXRpb24uQUREKVxuICAgICkge1xuICAgICAgYXBwbHlMZWFmQ2hhbmdlKGFyciwgc3ViY2hhbmdlLCBjaGFuZ2UuZW1iZWRkZWRLZXkpO1xuICAgIH0gZWxzZSB7XG4gICAgICBsZXQgZWxlbWVudDtcbiAgICAgIGlmIChjaGFuZ2UuZW1iZWRkZWRLZXkgPT09ICckaW5kZXgnKSB7XG4gICAgICAgIGVsZW1lbnQgPSBhcnJbc3ViY2hhbmdlLmtleV07XG4gICAgICB9IGVsc2UgaWYgKGNoYW5nZS5lbWJlZGRlZEtleSA9PT0gJyR2YWx1ZScpIHtcbiAgICAgICAgY29uc3QgaW5kZXggPSBhcnIuaW5kZXhPZihzdWJjaGFuZ2Uua2V5KTtcbiAgICAgICAgaWYgKGluZGV4ICE9PSAtMSkge1xuICAgICAgICAgIGVsZW1lbnQgPSBhcnJbaW5kZXhdO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBlbGVtZW50ID0gYXJyLmZpbmQoKGVsKSA9PiBlbFtjaGFuZ2UuZW1iZWRkZWRLZXldPy50b1N0cmluZygpID09PSBzdWJjaGFuZ2Uua2V5LnRvU3RyaW5nKCkpO1xuICAgICAgfVxuICAgICAgaWYgKGVsZW1lbnQpIHtcbiAgICAgICAgYXBwbHlDaGFuZ2VzZXQoZWxlbWVudCwgc3ViY2hhbmdlLmNoYW5nZXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gYXJyO1xufTtcblxuY29uc3QgYXBwbHlCcmFuY2hDaGFuZ2UgPSAob2JqOiBhbnksIGNoYW5nZTogYW55KSA9PiB7XG4gIGlmIChBcnJheS5pc0FycmF5KG9iaikpIHtcbiAgICByZXR1cm4gYXBwbHlBcnJheUNoYW5nZShvYmosIGNoYW5nZSk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGFwcGx5Q2hhbmdlc2V0KG9iaiwgY2hhbmdlLmNoYW5nZXMpO1xuICB9XG59O1xuXG5jb25zdCByZXZlcnRMZWFmQ2hhbmdlID0gKG9iajogYW55LCBjaGFuZ2U6IGFueSwgZW1iZWRkZWRLZXkgPSAnJGluZGV4JykgPT4ge1xuICBjb25zdCB7IHR5cGUsIGtleSwgdmFsdWUsIG9sZFZhbHVlIH0gPSBjaGFuZ2U7XG4gIFxuICAvLyBTcGVjaWFsIGhhbmRsaW5nIGZvciAkcm9vdCBrZXlcbiAgaWYgKGtleSA9PT0gJyRyb290Jykge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSBPcGVyYXRpb24uQUREOlxuICAgICAgICAvLyBXaGVuIHJldmVydGluZyBhbiBBREQgb2YgdGhlIGVudGlyZSBvYmplY3QsIGNsZWFyIGFsbCBwcm9wZXJ0aWVzXG4gICAgICAgIGZvciAoY29uc3QgcHJvcCBpbiBvYmopIHtcbiAgICAgICAgICBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKG9iaiwgcHJvcCkpIHtcbiAgICAgICAgICAgIGRlbGV0ZSBvYmpbcHJvcF07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBvYmo7XG4gICAgICBjYXNlIE9wZXJhdGlvbi5VUERBVEU6XG4gICAgICAgIC8vIFJlcGxhY2UgdGhlIGVudGlyZSBvYmplY3Qgd2l0aCB0aGUgb2xkIHZhbHVlXG4gICAgICAgIGZvciAoY29uc3QgcHJvcCBpbiBvYmopIHtcbiAgICAgICAgICBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKG9iaiwgcHJvcCkpIHtcbiAgICAgICAgICAgIGRlbGV0ZSBvYmpbcHJvcF07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGlmIChvbGRWYWx1ZSAmJiB0eXBlb2Ygb2xkVmFsdWUgPT09ICdvYmplY3QnKSB7XG4gICAgICAgICAgT2JqZWN0LmFzc2lnbihvYmosIG9sZFZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gb2JqO1xuICAgICAgY2FzZSBPcGVyYXRpb24uUkVNT1ZFOlxuICAgICAgICAvLyBSZXN0b3JlIHRoZSByZW1vdmVkIG9iamVjdFxuICAgICAgICBpZiAodmFsdWUgJiYgdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0Jykge1xuICAgICAgICAgIE9iamVjdC5hc3NpZ24ob2JqLCB2YWx1ZSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG9iajtcbiAgICB9XG4gIH1cbiAgXG4gIC8vIFJlZ3VsYXIgcHJvcGVydHkgaGFuZGxpbmdcbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSBPcGVyYXRpb24uQUREOlxuICAgICAgcmV0dXJuIHJlbW92ZUtleShvYmosIGtleSwgZW1iZWRkZWRLZXkpO1xuICAgIGNhc2UgT3BlcmF0aW9uLlVQREFURTpcbiAgICAgIHJldHVybiBtb2RpZnlLZXlWYWx1ZShvYmosIGtleSwgb2xkVmFsdWUpO1xuICAgIGNhc2UgT3BlcmF0aW9uLlJFTU9WRTpcbiAgICAgIHJldHVybiBhZGRLZXlWYWx1ZShvYmosIGtleSwgdmFsdWUpO1xuICB9XG59O1xuXG4vKipcbiAqIFJldmVydHMgY2hhbmdlcyBpbiBhbiBhcnJheS5cbiAqIFxuICogQHBhcmFtIHthbnlbXX0gYXJyIC0gVGhlIGFycmF5IHRvIHJldmVydCBjaGFuZ2VzIGluLlxuICogQHBhcmFtIHthbnl9IGNoYW5nZSAtIFRoZSBjaGFuZ2UgdG8gcmV2ZXJ0LCBjb250YWluaW5nIG5lc3RlZCBjaGFuZ2VzLlxuICogQHJldHVybnMge2FueVtdfSAtIFRoZSBhcnJheSBhZnRlciBjaGFuZ2VzIGhhdmUgYmVlbiByZXZlcnRlZC5cbiAqXG4gKiBOb3RlOiBUaGlzIGZ1bmN0aW9uIG1vZGlmaWVzIHRoZSBhcnJheSBpbi1wbGFjZSBidXQgYWxzbyByZXR1cm5zIGl0IGZvclxuICogY29uc2lzdGVuY3kgd2l0aCBvdGhlciBmdW5jdGlvbnMuXG4gKi9cbmNvbnN0IHJldmVydEFycmF5Q2hhbmdlID0gKGFycjogYW55W10sIGNoYW5nZTogYW55KSA9PiB7XG4gIGZvciAoY29uc3Qgc3ViY2hhbmdlIG9mIGNoYW5nZS5jaGFuZ2VzKSB7XG4gICAgaWYgKHN1YmNoYW5nZS52YWx1ZSAhPSBudWxsIHx8IHN1YmNoYW5nZS50eXBlID09PSBPcGVyYXRpb24uUkVNT1ZFKSB7XG4gICAgICByZXZlcnRMZWFmQ2hhbmdlKGFyciwgc3ViY2hhbmdlLCBjaGFuZ2UuZW1iZWRkZWRLZXkpO1xuICAgIH0gZWxzZSB7XG4gICAgICBsZXQgZWxlbWVudDtcbiAgICAgIGlmIChjaGFuZ2UuZW1iZWRkZWRLZXkgPT09ICckaW5kZXgnKSB7XG4gICAgICAgIGVsZW1lbnQgPSBhcnJbK3N1YmNoYW5nZS5rZXldO1xuICAgICAgfSBlbHNlIGlmIChjaGFuZ2UuZW1iZWRkZWRLZXkgPT09ICckdmFsdWUnKSB7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gYXJyLmluZGV4T2Yoc3ViY2hhbmdlLmtleSk7XG4gICAgICAgIGlmIChpbmRleCAhPT0gLTEpIHtcbiAgICAgICAgICBlbGVtZW50ID0gYXJyW2luZGV4XTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZWxlbWVudCA9IGFyci5maW5kKChlbCkgPT4gZWxbY2hhbmdlLmVtYmVkZGVkS2V5XT8udG9TdHJpbmcoKSA9PT0gc3ViY2hhbmdlLmtleS50b1N0cmluZygpKTtcbiAgICAgIH1cbiAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgIHJldmVydENoYW5nZXNldChlbGVtZW50LCBzdWJjaGFuZ2UuY2hhbmdlcyk7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHJldHVybiBhcnI7XG59O1xuXG5jb25zdCByZXZlcnRCcmFuY2hDaGFuZ2UgPSAob2JqOiBhbnksIGNoYW5nZTogYW55KSA9PiB7XG4gIGlmIChBcnJheS5pc0FycmF5KG9iaikpIHtcbiAgICByZXR1cm4gcmV2ZXJ0QXJyYXlDaGFuZ2Uob2JqLCBjaGFuZ2UpO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiByZXZlcnRDaGFuZ2VzZXQob2JqLCBjaGFuZ2UuY2hhbmdlcyk7XG4gIH1cbn07XG5cbi8qKiBjb21iaW5lIGEgYmFzZSBKU09OIFBhdGggd2l0aCBhIHN1YnNlcXVlbnQgc2VnbWVudCAqL1xuZnVuY3Rpb24gYXBwZW5kKGJhc2VQYXRoOiBzdHJpbmcsIG5leHRTZWdtZW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICByZXR1cm4gbmV4dFNlZ21lbnQuaW5jbHVkZXMoJy4nKSA/IGAke2Jhc2VQYXRofVske25leHRTZWdtZW50fV1gIDogYCR7YmFzZVBhdGh9LiR7bmV4dFNlZ21lbnR9YDtcbn1cblxuLyoqIHJldHVybnMgYSBKU09OIFBhdGggZmlsdGVyIGV4cHJlc3Npb247IGUuZy4sIGAkLnBldFsoP25hbWU9J3Nwb3QnKV1gICovXG5mdW5jdGlvbiBmaWx0ZXJFeHByZXNzaW9uKGJhc2VQYXRoOiBzdHJpbmcsIGZpbHRlcktleTogc3RyaW5nIHwgRnVuY3Rpb25LZXksIGZpbHRlclZhbHVlOiBzdHJpbmcgfCBudW1iZXIpIHtcbiAgY29uc3QgdmFsdWUgPSB0eXBlb2YgZmlsdGVyVmFsdWUgPT09ICdudW1iZXInID8gZmlsdGVyVmFsdWUgOiBgJyR7ZmlsdGVyVmFsdWV9J2A7XG4gIHJldHVybiB0eXBlb2YgZmlsdGVyS2V5ID09PSAnc3RyaW5nJyAmJiBmaWx0ZXJLZXkuaW5jbHVkZXMoJy4nKVxuICAgID8gYCR7YmFzZVBhdGh9Wz8oQFske2ZpbHRlcktleX1dPT0ke3ZhbHVlfSldYFxuICAgIDogYCR7YmFzZVBhdGh9Wz8oQC4ke2ZpbHRlcktleX09PSR7dmFsdWV9KV1gO1xufVxuXG5leHBvcnQge1xuICBDaGFuZ2VzZXQsXG4gIEVtYmVkZGVkT2JqS2V5c01hcFR5cGUsXG4gIEVtYmVkZGVkT2JqS2V5c1R5cGUsXG4gIElBdG9taWNDaGFuZ2UsXG4gIElDaGFuZ2UsXG4gIE9wZXJhdGlvbixcbiAgT3B0aW9ucyxcbiAgYXBwbHlDaGFuZ2VzZXQsXG4gIGF0b21pemVDaGFuZ2VzZXQsXG4gIGRpZmYsXG4gIGdldFR5cGVPZk9iaixcbiAgcmV2ZXJ0Q2hhbmdlc2V0LFxuICB1bmF0b21pemVDaGFuZ2VzZXRcbn07XG4iLCAiaW1wb3J0IHsgc2V0QnlQYXRoIH0gZnJvbSAnLi9oZWxwZXJzLmpzJztcbmltcG9ydCB7IGRpZmYsIGF0b21pemVDaGFuZ2VzZXQsIGdldFR5cGVPZk9iaiwgSUF0b21pY0NoYW5nZSwgT3BlcmF0aW9uIH0gZnJvbSAnLi9qc29uRGlmZi5qcyc7XG5cbmVudW0gQ29tcGFyZU9wZXJhdGlvbiB7XG4gIENPTlRBSU5FUiA9ICdDT05UQUlORVInLFxuICBVTkNIQU5HRUQgPSAnVU5DSEFOR0VEJ1xufVxuXG5pbnRlcmZhY2UgSUNvbXBhcmlzb25FbnJpY2hlZE5vZGUge1xuICB0eXBlOiBPcGVyYXRpb24gfCBDb21wYXJlT3BlcmF0aW9uO1xuICB2YWx1ZTogSUNvbXBhcmlzb25FbnJpY2hlZE5vZGUgfCBJQ29tcGFyaXNvbkVucmljaGVkTm9kZVtdIHwgYW55IHwgYW55W107XG4gIG9sZFZhbHVlPzogYW55O1xufVxuXG5jb25zdCBjcmVhdGVWYWx1ZSA9ICh2YWx1ZTogYW55KTogSUNvbXBhcmlzb25FbnJpY2hlZE5vZGUgPT4gKHsgdHlwZTogQ29tcGFyZU9wZXJhdGlvbi5VTkNIQU5HRUQsIHZhbHVlIH0pO1xuY29uc3QgY3JlYXRlQ29udGFpbmVyID0gKHZhbHVlOiBvYmplY3QgfCBbXSk6IElDb21wYXJpc29uRW5yaWNoZWROb2RlID0+ICh7XG4gIHR5cGU6IENvbXBhcmVPcGVyYXRpb24uQ09OVEFJTkVSLFxuICB2YWx1ZVxufSk7XG5cbmNvbnN0IGVucmljaCA9IChvYmplY3Q6IGFueSk6IElDb21wYXJpc29uRW5yaWNoZWROb2RlID0+IHtcbiAgY29uc3Qgb2JqZWN0VHlwZSA9IGdldFR5cGVPZk9iaihvYmplY3QpO1xuXG4gIHN3aXRjaCAob2JqZWN0VHlwZSkge1xuICAgIGNhc2UgJ09iamVjdCc6XG4gICAgICByZXR1cm4gT2JqZWN0LmtleXMob2JqZWN0KVxuICAgICAgICAubWFwKChrZXk6IHN0cmluZykgPT4gKHsga2V5LCB2YWx1ZTogZW5yaWNoKG9iamVjdFtrZXldKSB9KSlcbiAgICAgICAgLnJlZHVjZSgoYWNjdW11bGF0b3IsIGVudHJ5KSA9PiB7XG4gICAgICAgICAgYWNjdW11bGF0b3IudmFsdWVbZW50cnkua2V5XSA9IGVudHJ5LnZhbHVlO1xuICAgICAgICAgIHJldHVybiBhY2N1bXVsYXRvcjtcbiAgICAgICAgfSwgY3JlYXRlQ29udGFpbmVyKHt9KSk7XG4gICAgY2FzZSAnQXJyYXknOlxuICAgICAgcmV0dXJuIChvYmplY3QgYXMgYW55W10pXG4gICAgICAgIC5tYXAoKHZhbHVlKSA9PiBlbnJpY2godmFsdWUpKVxuICAgICAgICAucmVkdWNlKChhY2N1bXVsYXRvciwgdmFsdWUpID0+IHtcbiAgICAgICAgICBhY2N1bXVsYXRvci52YWx1ZS5wdXNoKHZhbHVlKTtcbiAgICAgICAgICByZXR1cm4gYWNjdW11bGF0b3I7XG4gICAgICAgIH0sIGNyZWF0ZUNvbnRhaW5lcihbXSkpO1xuICAgIGNhc2UgJ0Z1bmN0aW9uJzpcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgY2FzZSAnRGF0ZSc6XG4gICAgZGVmYXVsdDpcbiAgICAgIC8vIFByaW1pdGl2ZSB2YWx1ZVxuICAgICAgcmV0dXJuIGNyZWF0ZVZhbHVlKG9iamVjdCk7XG4gIH1cbn07XG5cbmNvbnN0IGFwcGx5Q2hhbmdlbGlzdCA9IChvYmplY3Q6IElDb21wYXJpc29uRW5yaWNoZWROb2RlLCBjaGFuZ2VsaXN0OiBJQXRvbWljQ2hhbmdlW10pOiBJQ29tcGFyaXNvbkVucmljaGVkTm9kZSA9PiB7XG4gIGNoYW5nZWxpc3RcbiAgICAubWFwKChlbnRyeSkgPT4gKHsgLi4uZW50cnksIHBhdGg6IGVudHJ5LnBhdGgucmVwbGFjZSgnJC4nLCAnLicpIH0pKVxuICAgIC5tYXAoKGVudHJ5KSA9PiAoe1xuICAgICAgLi4uZW50cnksXG4gICAgICBwYXRoOiBlbnRyeS5wYXRoLnJlcGxhY2UoLyhcXFsoPzxhcnJheT5cXGQpXFxdXFwuKS9nLCAnQVJSVkFMX1NUQVJUJDxhcnJheT5BUlJWQUxfRU5EJylcbiAgICB9KSlcbiAgICAubWFwKChlbnRyeSkgPT4gKHsgLi4uZW50cnksIHBhdGg6IGVudHJ5LnBhdGgucmVwbGFjZSgvKD88ZG90PlxcLikvZywgJy52YWx1ZSQ8ZG90PicpIH0pKVxuICAgIC5tYXAoKGVudHJ5KSA9PiAoeyAuLi5lbnRyeSwgcGF0aDogZW50cnkucGF0aC5yZXBsYWNlKC9cXC4vLCAnJykgfSkpXG4gICAgLm1hcCgoZW50cnkpID0+ICh7IC4uLmVudHJ5LCBwYXRoOiBlbnRyeS5wYXRoLnJlcGxhY2UoL0FSUlZBTF9TVEFSVC9nLCAnLnZhbHVlWycpIH0pKVxuICAgIC5tYXAoKGVudHJ5KSA9PiAoeyAuLi5lbnRyeSwgcGF0aDogZW50cnkucGF0aC5yZXBsYWNlKC9BUlJWQUxfRU5EL2csICddLnZhbHVlLicpIH0pKVxuICAgIC5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgc3dpdGNoIChlbnRyeS50eXBlKSB7XG4gICAgICAgIGNhc2UgT3BlcmF0aW9uLkFERDpcbiAgICAgICAgY2FzZSBPcGVyYXRpb24uVVBEQVRFOlxuICAgICAgICAgIHNldEJ5UGF0aChvYmplY3QsIGVudHJ5LnBhdGgsIHsgdHlwZTogZW50cnkudHlwZSwgdmFsdWU6IGVudHJ5LnZhbHVlLCBvbGRWYWx1ZTogZW50cnkub2xkVmFsdWUgfSk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgT3BlcmF0aW9uLlJFTU9WRTpcbiAgICAgICAgICBzZXRCeVBhdGgob2JqZWN0LCBlbnRyeS5wYXRoLCB7IHR5cGU6IGVudHJ5LnR5cGUsIHZhbHVlOiB1bmRlZmluZWQsIG9sZFZhbHVlOiBlbnRyeS52YWx1ZSB9KTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgcmV0dXJuIG9iamVjdDtcbn07XG5cbmNvbnN0IGNvbXBhcmUgPSAob2xkT2JqZWN0OiBhbnksIG5ld09iamVjdDogYW55KTogSUNvbXBhcmlzb25FbnJpY2hlZE5vZGUgPT4ge1xuICByZXR1cm4gYXBwbHlDaGFuZ2VsaXN0KGVucmljaChvbGRPYmplY3QpLCBhdG9taXplQ2hhbmdlc2V0KGRpZmYob2xkT2JqZWN0LCBuZXdPYmplY3QpKSk7XG59O1xuXG5leHBvcnQgeyBDb21wYXJlT3BlcmF0aW9uLCBJQ29tcGFyaXNvbkVucmljaGVkTm9kZSwgY3JlYXRlVmFsdWUsIGNyZWF0ZUNvbnRhaW5lciwgZW5yaWNoLCBhcHBseUNoYW5nZWxpc3QsIGNvbXBhcmUgfTtcbiIsICJpbXBvcnQgeyBTeW5jUGx1Z2luIH0gZnJvbSAnLi9TeW5jUGx1Z2luJztcbmltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XG5pbXBvcnQgeyBkaWZmIH0gZnJvbSAnanNvbi1kaWZmLXRzJztcbi8qKlxuICogQmFzZUVudGl0eVNlcnZpY2U8VCBleHRlbmRzIElTeW5jPiAtIEFic3RyYWN0IGJhc2UgY2xhc3MgZm9yIGFsbCBlbnRpdHkgc2VydmljZXNcbiAqXG4gKiBQUk9WSURFUzpcbiAqIC0gR2VuZXJpYyBDUlVEIG9wZXJhdGlvbnMgKGdldCwgZ2V0QWxsLCBzYXZlLCBkZWxldGUpXG4gKiAtIFN5bmMgc3RhdHVzIG1hbmFnZW1lbnQgKGRlbGVnYXRlcyB0byBTeW5jUGx1Z2luKVxuICogLSBTZXJpYWxpemF0aW9uIGhvb2tzIChvdmVycmlkZSBpbiBzdWJjbGFzcyBpZiBuZWVkZWQpXG4gKi9cbmV4cG9ydCBjbGFzcyBCYXNlRW50aXR5U2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZXZlbnRCdXMpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0ID0gY29udGV4dDtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLnN5bmNQbHVnaW4gPSBuZXcgU3luY1BsdWdpbih0aGlzKTtcbiAgICB9XG4gICAgZ2V0IGRiKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmdldERhdGFiYXNlKCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNlcmlhbGl6ZSBlbnRpdHkgYmVmb3JlIHN0b3JpbmcgaW4gSW5kZXhlZERCXG4gICAgICovXG4gICAgc2VyaWFsaXplKGVudGl0eSkge1xuICAgICAgICByZXR1cm4gZW50aXR5O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBEZXNlcmlhbGl6ZSBkYXRhIGZyb20gSW5kZXhlZERCIGJhY2sgdG8gZW50aXR5XG4gICAgICovXG4gICAgZGVzZXJpYWxpemUoZGF0YSkge1xuICAgICAgICByZXR1cm4gZGF0YTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGEgc2luZ2xlIGVudGl0eSBieSBJRFxuICAgICAqL1xuICAgIGFzeW5jIGdldChpZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gc3RvcmUuZ2V0KGlkKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRhdGEgPSByZXF1ZXN0LnJlc3VsdDtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGRhdGEgPyB0aGlzLmRlc2VyaWFsaXplKGRhdGEpIDogbnVsbCk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgJHt0aGlzLmVudGl0eVR5cGV9ICR7aWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBhbGwgZW50aXRpZXNcbiAgICAgKi9cbiAgICBhc3luYyBnZXRBbGwoKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWRvbmx5Jyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBzdG9yZS5nZXRBbGwoKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRhdGEgPSByZXF1ZXN0LnJlc3VsdDtcbiAgICAgICAgICAgICAgICBjb25zdCBlbnRpdGllcyA9IGRhdGEubWFwKGl0ZW0gPT4gdGhpcy5kZXNlcmlhbGl6ZShpdGVtKSk7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShlbnRpdGllcyk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgYWxsICR7dGhpcy5lbnRpdHlUeXBlfXM6ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2F2ZSBhbiBlbnRpdHkgKGNyZWF0ZSBvciB1cGRhdGUpXG4gICAgICogRW1pdHMgRU5USVRZX1NBVkVEIGV2ZW50IHdpdGggb3BlcmF0aW9uIHR5cGUgYW5kIGNoYW5nZXMgKGRpZmYgZm9yIHVwZGF0ZXMpXG4gICAgICogQHBhcmFtIGVudGl0eSAtIEVudGl0eSB0byBzYXZlXG4gICAgICogQHBhcmFtIHNpbGVudCAtIElmIHRydWUsIHNraXAgZXZlbnQgZW1pc3Npb24gKHVzZWQgZm9yIHNlZWRpbmcpXG4gICAgICovXG4gICAgYXN5bmMgc2F2ZShlbnRpdHksIHNpbGVudCA9IGZhbHNlKSB7XG4gICAgICAgIGNvbnN0IGVudGl0eUlkID0gZW50aXR5LmlkO1xuICAgICAgICBjb25zdCBleGlzdGluZ0VudGl0eSA9IGF3YWl0IHRoaXMuZ2V0KGVudGl0eUlkKTtcbiAgICAgICAgY29uc3QgaXNDcmVhdGUgPSBleGlzdGluZ0VudGl0eSA9PT0gbnVsbDtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIGNoYW5nZXM6IGZ1bGwgZW50aXR5IGZvciBjcmVhdGUsIGRpZmYgZm9yIHVwZGF0ZVxuICAgICAgICBsZXQgY2hhbmdlcztcbiAgICAgICAgaWYgKGlzQ3JlYXRlKSB7XG4gICAgICAgICAgICBjaGFuZ2VzID0gZW50aXR5O1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgY29uc3QgZXhpc3RpbmdTZXJpYWxpemVkID0gdGhpcy5zZXJpYWxpemUoZXhpc3RpbmdFbnRpdHkpO1xuICAgICAgICAgICAgY29uc3QgbmV3U2VyaWFsaXplZCA9IHRoaXMuc2VyaWFsaXplKGVudGl0eSk7XG4gICAgICAgICAgICBjaGFuZ2VzID0gZGlmZihleGlzdGluZ1NlcmlhbGl6ZWQsIG5ld1NlcmlhbGl6ZWQpO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHNlcmlhbGl6ZWQgPSB0aGlzLnNlcmlhbGl6ZShlbnRpdHkpO1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkd3JpdGUnKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IHN0b3JlLnB1dChzZXJpYWxpemVkKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIC8vIE9ubHkgZW1pdCBldmVudCBpZiBub3Qgc2lsZW50IChzaWxlbnQgdXNlZCBmb3Igc2VlZGluZylcbiAgICAgICAgICAgICAgICBpZiAoIXNpbGVudCkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgICAgICAgICAgZW50aXR5VHlwZTogdGhpcy5lbnRpdHlUeXBlLFxuICAgICAgICAgICAgICAgICAgICAgICAgZW50aXR5SWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGVyYXRpb246IGlzQ3JlYXRlID8gJ2NyZWF0ZScgOiAndXBkYXRlJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGNoYW5nZXMsXG4gICAgICAgICAgICAgICAgICAgICAgICB0aW1lc3RhbXA6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRU5USVRZX1NBVkVELCBwYXlsb2FkKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmVzb2x2ZSgpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gc2F2ZSAke3RoaXMuZW50aXR5VHlwZX0gJHtlbnRpdHlJZH06ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRGVsZXRlIGFuIGVudGl0eVxuICAgICAqIEVtaXRzIEVOVElUWV9ERUxFVEVEIGV2ZW50XG4gICAgICovXG4gICAgYXN5bmMgZGVsZXRlKGlkKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWR3cml0ZScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gc3RvcmUuZGVsZXRlKGlkKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgICAgIGVudGl0eVR5cGU6IHRoaXMuZW50aXR5VHlwZSxcbiAgICAgICAgICAgICAgICAgICAgZW50aXR5SWQ6IGlkLFxuICAgICAgICAgICAgICAgICAgICBvcGVyYXRpb246ICdkZWxldGUnLFxuICAgICAgICAgICAgICAgICAgICB0aW1lc3RhbXA6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVOVElUWV9ERUxFVEVELCBwYXlsb2FkKTtcbiAgICAgICAgICAgICAgICByZXNvbHZlKCk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBkZWxldGUgJHt0aGlzLmVudGl0eVR5cGV9ICR7aWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8vIFN5bmMgbWV0aG9kcyAtIGRlbGVnYXRlIHRvIFN5bmNQbHVnaW5cbiAgICBhc3luYyBtYXJrQXNTeW5jZWQoaWQpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3luY1BsdWdpbi5tYXJrQXNTeW5jZWQoaWQpO1xuICAgIH1cbiAgICBhc3luYyBtYXJrQXNFcnJvcihpZCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zeW5jUGx1Z2luLm1hcmtBc0Vycm9yKGlkKTtcbiAgICB9XG4gICAgYXN5bmMgZ2V0U3luY1N0YXR1cyhpZCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zeW5jUGx1Z2luLmdldFN5bmNTdGF0dXMoaWQpO1xuICAgIH1cbiAgICBhc3luYyBnZXRCeVN5bmNTdGF0dXMoc3luY1N0YXR1cykge1xuICAgICAgICByZXR1cm4gdGhpcy5zeW5jUGx1Z2luLmdldEJ5U3luY1N0YXR1cyhzeW5jU3RhdHVzKTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgRXZlbnRTdG9yZSB9IGZyb20gJy4vRXZlbnRTdG9yZSc7XG5pbXBvcnQgeyBFdmVudFNlcmlhbGl6YXRpb24gfSBmcm9tICcuL0V2ZW50U2VyaWFsaXphdGlvbic7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbi8qKlxuICogRXZlbnRTZXJ2aWNlIC0gQ1JVRCBvcGVyYXRpb25zIGZvciBjYWxlbmRhciBldmVudHMgaW4gSW5kZXhlZERCXG4gKlxuICogRXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSBmb3Igc2hhcmVkIENSVUQgYW5kIHN5bmMgbG9naWMuXG4gKiBQcm92aWRlcyBldmVudC1zcGVjaWZpYyBxdWVyeSBtZXRob2RzLlxuICovXG5leHBvcnQgY2xhc3MgRXZlbnRTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBFdmVudFN0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdFdmVudCc7XG4gICAgfVxuICAgIHNlcmlhbGl6ZShldmVudCkge1xuICAgICAgICByZXR1cm4gRXZlbnRTZXJpYWxpemF0aW9uLnNlcmlhbGl6ZShldmVudCk7XG4gICAgfVxuICAgIGRlc2VyaWFsaXplKGRhdGEpIHtcbiAgICAgICAgcmV0dXJuIEV2ZW50U2VyaWFsaXphdGlvbi5kZXNlcmlhbGl6ZShkYXRhKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGV2ZW50cyB3aXRoaW4gYSBkYXRlIHJhbmdlXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlEYXRlUmFuZ2Uoc3RhcnQsIGVuZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdzdGFydCcpO1xuICAgICAgICAgICAgY29uc3QgcmFuZ2UgPSBJREJLZXlSYW5nZS5sb3dlckJvdW5kKHN0YXJ0LnRvSVNPU3RyaW5nKCkpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4LmdldEFsbChyYW5nZSk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgZXZlbnRzID0gZGF0YVxuICAgICAgICAgICAgICAgICAgICAubWFwKGl0ZW0gPT4gdGhpcy5kZXNlcmlhbGl6ZShpdGVtKSlcbiAgICAgICAgICAgICAgICAgICAgLmZpbHRlcihldmVudCA9PiBldmVudC5zdGFydCA8PSBlbmQpO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoZXZlbnRzKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIGdldCBldmVudHMgYnkgZGF0ZSByYW5nZTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZXZlbnRzIGZvciBhIHNwZWNpZmljIHJlc291cmNlXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlSZXNvdXJjZShyZXNvdXJjZUlkKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWRvbmx5Jyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc3RvcmUuaW5kZXgoJ3Jlc291cmNlSWQnKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBpbmRleC5nZXRBbGwocmVzb3VyY2VJZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgZXZlbnRzID0gZGF0YS5tYXAoaXRlbSA9PiB0aGlzLmRlc2VyaWFsaXplKGl0ZW0pKTtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGV2ZW50cyk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgZXZlbnRzIGZvciByZXNvdXJjZSAke3Jlc291cmNlSWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBldmVudHMgZm9yIGEgcmVzb3VyY2Ugd2l0aGluIGEgZGF0ZSByYW5nZVxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5UmVzb3VyY2VBbmREYXRlUmFuZ2UocmVzb3VyY2VJZCwgc3RhcnQsIGVuZCkge1xuICAgICAgICBjb25zdCByZXNvdXJjZUV2ZW50cyA9IGF3YWl0IHRoaXMuZ2V0QnlSZXNvdXJjZShyZXNvdXJjZUlkKTtcbiAgICAgICAgcmV0dXJuIHJlc291cmNlRXZlbnRzLmZpbHRlcihldmVudCA9PiBldmVudC5zdGFydCA+PSBzdGFydCAmJiBldmVudC5zdGFydCA8PSBlbmQpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIFJlc291cmNlU3RvcmUgLSBJbmRleGVkREIgT2JqZWN0U3RvcmUgZGVmaW5pdGlvbiBmb3IgcmVzb3VyY2VzXG4gKi9cbmV4cG9ydCBjbGFzcyBSZXNvdXJjZVN0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBSZXNvdXJjZVN0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBjb25zdCBzdG9yZSA9IGRiLmNyZWF0ZU9iamVjdFN0b3JlKFJlc291cmNlU3RvcmUuU1RPUkVfTkFNRSwgeyBrZXlQYXRoOiAnaWQnIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgndHlwZScsICd0eXBlJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY1N0YXR1cycsICdzeW5jU3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnaXNBY3RpdmUnLCAnaXNBY3RpdmUnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgfVxufVxuUmVzb3VyY2VTdG9yZS5TVE9SRV9OQU1FID0gJ3Jlc291cmNlcyc7XG4iLCAiaW1wb3J0IHsgUmVzb3VyY2VTdG9yZSB9IGZyb20gJy4vUmVzb3VyY2VTdG9yZSc7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbi8qKlxuICogUmVzb3VyY2VTZXJ2aWNlIC0gQ1JVRCBvcGVyYXRpb25zIGZvciByZXNvdXJjZXMgaW4gSW5kZXhlZERCXG4gKi9cbmV4cG9ydCBjbGFzcyBSZXNvdXJjZVNlcnZpY2UgZXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZXZlbnRCdXMpIHtcbiAgICAgICAgc3VwZXIoY29udGV4dCwgZXZlbnRCdXMpO1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IFJlc291cmNlU3RvcmUuU1RPUkVfTkFNRTtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ1Jlc291cmNlJztcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGFsbCBhY3RpdmUgcmVzb3VyY2VzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QWN0aXZlKCkge1xuICAgICAgICBjb25zdCBhbGwgPSBhd2FpdCB0aGlzLmdldEFsbCgpO1xuICAgICAgICByZXR1cm4gYWxsLmZpbHRlcihyID0+IHIuaXNBY3RpdmUgIT09IGZhbHNlKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHJlc291cmNlcyBieSBJRHNcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeUlkcyhpZHMpIHtcbiAgICAgICAgaWYgKGlkcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIGNvbnN0IHJlc3VsdHMgPSBhd2FpdCBQcm9taXNlLmFsbChpZHMubWFwKGlkID0+IHRoaXMuZ2V0KGlkKSkpO1xuICAgICAgICByZXR1cm4gcmVzdWx0cy5maWx0ZXIoKHIpID0+IHIgIT09IG51bGwpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgcmVzb3VyY2VzIGJ5IHR5cGVcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeVR5cGUodHlwZSkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCd0eXBlJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKHR5cGUpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIHJlc29sdmUoZGF0YSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgcmVzb3VyY2VzIGJ5IHR5cGUgJHt0eXBlfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIEJvb2tpbmdTdG9yZSAtIEluZGV4ZWREQiBPYmplY3RTdG9yZSBkZWZpbml0aW9uIGZvciBib29raW5nc1xuICovXG5leHBvcnQgY2xhc3MgQm9va2luZ1N0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBCb29raW5nU3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gZGIuY3JlYXRlT2JqZWN0U3RvcmUoQm9va2luZ1N0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ2N1c3RvbWVySWQnLCAnY3VzdG9tZXJJZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N0YXR1cycsICdzdGF0dXMnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdzeW5jU3RhdHVzJywgJ3N5bmNTdGF0dXMnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdjcmVhdGVkQXQnLCAnY3JlYXRlZEF0JywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgIH1cbn1cbkJvb2tpbmdTdG9yZS5TVE9SRV9OQU1FID0gJ2Jvb2tpbmdzJztcbiIsICJpbXBvcnQgeyBCb29raW5nU3RvcmUgfSBmcm9tICcuL0Jvb2tpbmdTdG9yZSc7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbi8qKlxuICogQm9va2luZ1NlcnZpY2UgLSBDUlVEIG9wZXJhdGlvbnMgZm9yIGJvb2tpbmdzIGluIEluZGV4ZWREQlxuICovXG5leHBvcnQgY2xhc3MgQm9va2luZ1NlcnZpY2UgZXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZXZlbnRCdXMpIHtcbiAgICAgICAgc3VwZXIoY29udGV4dCwgZXZlbnRCdXMpO1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IEJvb2tpbmdTdG9yZS5TVE9SRV9OQU1FO1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnQm9va2luZyc7XG4gICAgfVxuICAgIHNlcmlhbGl6ZShib29raW5nKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5ib29raW5nLFxuICAgICAgICAgICAgY3JlYXRlZEF0OiBib29raW5nLmNyZWF0ZWRBdC50b0lTT1N0cmluZygpXG4gICAgICAgIH07XG4gICAgfVxuICAgIGRlc2VyaWFsaXplKGRhdGEpIHtcbiAgICAgICAgY29uc3QgcmF3ID0gZGF0YTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLnJhdyxcbiAgICAgICAgICAgIGNyZWF0ZWRBdDogbmV3IERhdGUocmF3LmNyZWF0ZWRBdClcbiAgICAgICAgfTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGJvb2tpbmdzIGZvciBhIGN1c3RvbWVyXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlDdXN0b21lcihjdXN0b21lcklkKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWRvbmx5Jyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc3RvcmUuaW5kZXgoJ2N1c3RvbWVySWQnKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBpbmRleC5nZXRBbGwoY3VzdG9tZXJJZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgYm9va2luZ3MgPSBkYXRhLm1hcChpdGVtID0+IHRoaXMuZGVzZXJpYWxpemUoaXRlbSkpO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoYm9va2luZ3MpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IGJvb2tpbmdzIGZvciBjdXN0b21lciAke2N1c3RvbWVySWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBib29raW5ncyBieSBzdGF0dXNcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeVN0YXR1cyhzdGF0dXMpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbdGhpcy5zdG9yZU5hbWVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUpO1xuICAgICAgICAgICAgY29uc3QgaW5kZXggPSBzdG9yZS5pbmRleCgnc3RhdHVzJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKHN0YXR1cyk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgYm9va2luZ3MgPSBkYXRhLm1hcChpdGVtID0+IHRoaXMuZGVzZXJpYWxpemUoaXRlbSkpO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoYm9va2luZ3MpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IGJvb2tpbmdzIHdpdGggc3RhdHVzICR7c3RhdHVzfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIEN1c3RvbWVyU3RvcmUgLSBJbmRleGVkREIgT2JqZWN0U3RvcmUgZGVmaW5pdGlvbiBmb3IgY3VzdG9tZXJzXG4gKi9cbmV4cG9ydCBjbGFzcyBDdXN0b21lclN0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBDdXN0b21lclN0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBjb25zdCBzdG9yZSA9IGRiLmNyZWF0ZU9iamVjdFN0b3JlKEN1c3RvbWVyU3RvcmUuU1RPUkVfTkFNRSwgeyBrZXlQYXRoOiAnaWQnIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnbmFtZScsICduYW1lJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgncGhvbmUnLCAncGhvbmUnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdzeW5jU3RhdHVzJywgJ3N5bmNTdGF0dXMnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgfVxufVxuQ3VzdG9tZXJTdG9yZS5TVE9SRV9OQU1FID0gJ2N1c3RvbWVycyc7XG4iLCAiaW1wb3J0IHsgQ3VzdG9tZXJTdG9yZSB9IGZyb20gJy4vQ3VzdG9tZXJTdG9yZSc7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbi8qKlxuICogQ3VzdG9tZXJTZXJ2aWNlIC0gQ1JVRCBvcGVyYXRpb25zIGZvciBjdXN0b21lcnMgaW4gSW5kZXhlZERCXG4gKi9cbmV4cG9ydCBjbGFzcyBDdXN0b21lclNlcnZpY2UgZXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZXZlbnRCdXMpIHtcbiAgICAgICAgc3VwZXIoY29udGV4dCwgZXZlbnRCdXMpO1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IEN1c3RvbWVyU3RvcmUuU1RPUkVfTkFNRTtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0N1c3RvbWVyJztcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2VhcmNoIGN1c3RvbWVycyBieSBuYW1lIChjYXNlLWluc2Vuc2l0aXZlIGNvbnRhaW5zKVxuICAgICAqL1xuICAgIGFzeW5jIHNlYXJjaEJ5TmFtZShxdWVyeSkge1xuICAgICAgICBjb25zdCBhbGwgPSBhd2FpdCB0aGlzLmdldEFsbCgpO1xuICAgICAgICBjb25zdCBsb3dlclF1ZXJ5ID0gcXVlcnkudG9Mb3dlckNhc2UoKTtcbiAgICAgICAgcmV0dXJuIGFsbC5maWx0ZXIoYyA9PiBjLm5hbWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhsb3dlclF1ZXJ5KSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEZpbmQgY3VzdG9tZXIgYnkgcGhvbmVcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeVBob25lKHBob25lKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWRvbmx5Jyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc3RvcmUuaW5kZXgoJ3Bob25lJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0KHBob25lKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRhdGEgPSByZXF1ZXN0LnJlc3VsdDtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGRhdGEgPyBkYXRhIDogbnVsbCk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBmaW5kIGN1c3RvbWVyIGJ5IHBob25lICR7cGhvbmV9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogVGVhbVN0b3JlIC0gSW5kZXhlZERCIE9iamVjdFN0b3JlIGRlZmluaXRpb24gZm9yIHRlYW1zXG4gKi9cbmV4cG9ydCBjbGFzcyBUZWFtU3RvcmUge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IFRlYW1TdG9yZS5TVE9SRV9OQU1FO1xuICAgIH1cbiAgICBjcmVhdGUoZGIpIHtcbiAgICAgICAgZGIuY3JlYXRlT2JqZWN0U3RvcmUoVGVhbVN0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICB9XG59XG5UZWFtU3RvcmUuU1RPUkVfTkFNRSA9ICd0ZWFtcyc7XG4iLCAiaW1wb3J0IHsgVGVhbVN0b3JlIH0gZnJvbSAnLi9UZWFtU3RvcmUnO1xuaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG4vKipcbiAqIFRlYW1TZXJ2aWNlIC0gQ1JVRCBvcGVyYXRpb25zIGZvciB0ZWFtcyBpbiBJbmRleGVkREJcbiAqXG4gKiBUZWFtcyBkZWZpbmUgd2hpY2ggcmVzb3VyY2VzIGJlbG9uZyB0b2dldGhlciBmb3IgaGllcmFyY2hpY2FsIGdyb3VwaW5nLlxuICogRXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSBmb3Igc3RhbmRhcmQgZW50aXR5IG9wZXJhdGlvbnMuXG4gKi9cbmV4cG9ydCBjbGFzcyBUZWFtU2VydmljZSBleHRlbmRzIEJhc2VFbnRpdHlTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBldmVudEJ1cykge1xuICAgICAgICBzdXBlcihjb250ZXh0LCBldmVudEJ1cyk7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gVGVhbVN0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdUZWFtJztcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHRlYW1zIGJ5IElEc1xuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5SWRzKGlkcykge1xuICAgICAgICBpZiAoaWRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgY29uc3QgcmVzdWx0cyA9IGF3YWl0IFByb21pc2UuYWxsKGlkcy5tYXAoaWQgPT4gdGhpcy5nZXQoaWQpKSk7XG4gICAgICAgIHJldHVybiByZXN1bHRzLmZpbHRlcigodCkgPT4gdCAhPT0gbnVsbCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJ1aWxkIHJldmVyc2UgbG9va3VwOiByZXNvdXJjZUlkIFx1MjE5MiB0ZWFtSWRcbiAgICAgKi9cbiAgICBhc3luYyBidWlsZFJlc291cmNlVG9UZWFtTWFwKCkge1xuICAgICAgICBjb25zdCB0ZWFtcyA9IGF3YWl0IHRoaXMuZ2V0QWxsKCk7XG4gICAgICAgIGNvbnN0IG1hcCA9IHt9O1xuICAgICAgICBmb3IgKGNvbnN0IHRlYW0gb2YgdGVhbXMpIHtcbiAgICAgICAgICAgIGZvciAoY29uc3QgcmVzb3VyY2VJZCBvZiB0ZWFtLnJlc291cmNlSWRzKSB7XG4gICAgICAgICAgICAgICAgbWFwW3Jlc291cmNlSWRdID0gdGVhbS5pZDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gbWFwO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIERlcGFydG1lbnRTdG9yZSAtIEluZGV4ZWREQiBPYmplY3RTdG9yZSBkZWZpbml0aW9uIGZvciBkZXBhcnRtZW50c1xuICovXG5leHBvcnQgY2xhc3MgRGVwYXJ0bWVudFN0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBEZXBhcnRtZW50U3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGRiLmNyZWF0ZU9iamVjdFN0b3JlKERlcGFydG1lbnRTdG9yZS5TVE9SRV9OQU1FLCB7IGtleVBhdGg6ICdpZCcgfSk7XG4gICAgfVxufVxuRGVwYXJ0bWVudFN0b3JlLlNUT1JFX05BTUUgPSAnZGVwYXJ0bWVudHMnO1xuIiwgImltcG9ydCB7IERlcGFydG1lbnRTdG9yZSB9IGZyb20gJy4vRGVwYXJ0bWVudFN0b3JlJztcbmltcG9ydCB7IEJhc2VFbnRpdHlTZXJ2aWNlIH0gZnJvbSAnLi4vQmFzZUVudGl0eVNlcnZpY2UnO1xuLyoqXG4gKiBEZXBhcnRtZW50U2VydmljZSAtIENSVUQgb3BlcmF0aW9ucyBmb3IgZGVwYXJ0bWVudHMgaW4gSW5kZXhlZERCXG4gKi9cbmV4cG9ydCBjbGFzcyBEZXBhcnRtZW50U2VydmljZSBleHRlbmRzIEJhc2VFbnRpdHlTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBldmVudEJ1cykge1xuICAgICAgICBzdXBlcihjb250ZXh0LCBldmVudEJ1cyk7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gRGVwYXJ0bWVudFN0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdEZXBhcnRtZW50JztcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGRlcGFydG1lbnRzIGJ5IElEc1xuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5SWRzKGlkcykge1xuICAgICAgICBpZiAoaWRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgY29uc3QgcmVzdWx0cyA9IGF3YWl0IFByb21pc2UuYWxsKGlkcy5tYXAoaWQgPT4gdGhpcy5nZXQoaWQpKSk7XG4gICAgICAgIHJldHVybiByZXN1bHRzLmZpbHRlcigoZCkgPT4gZCAhPT0gbnVsbCk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogU2V0dGluZ3NTdG9yZSAtIEluZGV4ZWREQiBPYmplY3RTdG9yZSBkZWZpbml0aW9uIGZvciB0ZW5hbnQgc2V0dGluZ3NcbiAqXG4gKiBTaW5nbGUgc3RvcmUgZm9yIGFsbCBzZXR0aW5ncyBzZWN0aW9ucy4gU2V0dGluZ3MgYXJlIHN0b3JlZCBhcyBvbmUgZG9jdW1lbnRcbiAqIHBlciB0ZW5hbnQgd2l0aCBpZD0ndGVuYW50LXNldHRpbmdzJy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNldHRpbmdzU3RvcmUge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IFNldHRpbmdzU3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGRiLmNyZWF0ZU9iamVjdFN0b3JlKFNldHRpbmdzU3RvcmUuU1RPUkVfTkFNRSwgeyBrZXlQYXRoOiAnaWQnIH0pO1xuICAgIH1cbn1cblNldHRpbmdzU3RvcmUuU1RPUkVfTkFNRSA9ICdzZXR0aW5ncyc7XG4iLCAiLyoqXG4gKiBTZXR0aW5ncyBJRHMgYXMgY29uc3QgZm9yIHR5cGUgc2FmZXR5XG4gKi9cbmV4cG9ydCBjb25zdCBTZXR0aW5nc0lkcyA9IHtcbiAgICBXT1JLV0VFSzogJ3dvcmt3ZWVrJyxcbiAgICBHUklEOiAnZ3JpZCcsXG4gICAgVElNRV9GT1JNQVQ6ICd0aW1lRm9ybWF0JyxcbiAgICBWSUVXUzogJ3ZpZXdzJ1xufTtcbiIsICJpbXBvcnQgeyBTZXR0aW5nc0lkcyB9IGZyb20gJy4uLy4uL3R5cGVzL1NldHRpbmdzVHlwZXMnO1xuaW1wb3J0IHsgU2V0dGluZ3NTdG9yZSB9IGZyb20gJy4vU2V0dGluZ3NTdG9yZSc7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbi8qKlxuICogU2V0dGluZ3NTZXJ2aWNlIC0gQ1JVRCBvcGVyYXRpb25zIGZvciB0ZW5hbnQgc2V0dGluZ3NcbiAqXG4gKiBTZXR0aW5ncyBhcmUgc3RvcmVkIGFzIHNlcGFyYXRlIHJlY29yZHMgcGVyIHNlY3Rpb24uXG4gKiBUaGlzIHNlcnZpY2UgcHJvdmlkZXMgdHlwZWQgbWV0aG9kcyBmb3IgYWNjZXNzaW5nIHNwZWNpZmljIHNldHRpbmdzLlxuICovXG5leHBvcnQgY2xhc3MgU2V0dGluZ3NTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBTZXR0aW5nc1N0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdTZXR0aW5ncyc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB3b3Jrd2VlayBzZXR0aW5nc1xuICAgICAqL1xuICAgIGFzeW5jIGdldFdvcmt3ZWVrU2V0dGluZ3MoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldChTZXR0aW5nc0lkcy5XT1JLV0VFSyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBncmlkIHNldHRpbmdzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0R3JpZFNldHRpbmdzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXQoU2V0dGluZ3NJZHMuR1JJRCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB0aW1lIGZvcm1hdCBzZXR0aW5nc1xuICAgICAqL1xuICAgIGFzeW5jIGdldFRpbWVGb3JtYXRTZXR0aW5ncygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0KFNldHRpbmdzSWRzLlRJTUVfRk9STUFUKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHZpZXcgc2V0dGluZ3NcbiAgICAgKi9cbiAgICBhc3luYyBnZXRWaWV3U2V0dGluZ3MoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldChTZXR0aW5nc0lkcy5WSUVXUyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB3b3Jrd2VlayBwcmVzZXQgYnkgSURcbiAgICAgKi9cbiAgICBhc3luYyBnZXRXb3Jrd2Vla1ByZXNldChwcmVzZXRJZCkge1xuICAgICAgICBjb25zdCBzZXR0aW5ncyA9IGF3YWl0IHRoaXMuZ2V0V29ya3dlZWtTZXR0aW5ncygpO1xuICAgICAgICBpZiAoIXNldHRpbmdzKVxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIHJldHVybiBzZXR0aW5ncy5wcmVzZXRzW3ByZXNldElkXSB8fCBudWxsO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgdGhlIGRlZmF1bHQgd29ya3dlZWsgcHJlc2V0XG4gICAgICovXG4gICAgYXN5bmMgZ2V0RGVmYXVsdFdvcmt3ZWVrUHJlc2V0KCkge1xuICAgICAgICBjb25zdCBzZXR0aW5ncyA9IGF3YWl0IHRoaXMuZ2V0V29ya3dlZWtTZXR0aW5ncygpO1xuICAgICAgICBpZiAoIXNldHRpbmdzKVxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIHJldHVybiBzZXR0aW5ncy5wcmVzZXRzW3NldHRpbmdzLmRlZmF1bHRQcmVzZXRdIHx8IG51bGw7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBhbGwgYXZhaWxhYmxlIHdvcmt3ZWVrIHByZXNldHNcbiAgICAgKi9cbiAgICBhc3luYyBnZXRXb3Jrd2Vla1ByZXNldHMoKSB7XG4gICAgICAgIGNvbnN0IHNldHRpbmdzID0gYXdhaXQgdGhpcy5nZXRXb3Jrd2Vla1NldHRpbmdzKCk7XG4gICAgICAgIGlmICghc2V0dGluZ3MpXG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIHJldHVybiBPYmplY3QudmFsdWVzKHNldHRpbmdzLnByZXNldHMpO1xuICAgIH1cbn1cbiIsICJleHBvcnQgY2xhc3MgVmlld0NvbmZpZ1N0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBWaWV3Q29uZmlnU3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGRiLmNyZWF0ZU9iamVjdFN0b3JlKFZpZXdDb25maWdTdG9yZS5TVE9SRV9OQU1FLCB7IGtleVBhdGg6ICdpZCcgfSk7XG4gICAgfVxufVxuVmlld0NvbmZpZ1N0b3JlLlNUT1JFX05BTUUgPSAndmlld2NvbmZpZ3MnO1xuIiwgImltcG9ydCB7IFZpZXdDb25maWdTdG9yZSB9IGZyb20gJy4vVmlld0NvbmZpZ1N0b3JlJztcbmltcG9ydCB7IEJhc2VFbnRpdHlTZXJ2aWNlIH0gZnJvbSAnLi4vQmFzZUVudGl0eVNlcnZpY2UnO1xuZXhwb3J0IGNsYXNzIFZpZXdDb25maWdTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBWaWV3Q29uZmlnU3RvcmUuU1RPUkVfTkFNRTtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ1ZpZXdDb25maWcnO1xuICAgIH1cbiAgICBhc3luYyBnZXRCeUlkKGlkKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldChpZCk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogQXVkaXRTdG9yZSAtIEluZGV4ZWREQiBzdG9yZSBjb25maWd1cmF0aW9uIGZvciBhdWRpdCBlbnRyaWVzXG4gKlxuICogU3RvcmVzIGFsbCBlbnRpdHkgY2hhbmdlcyBmb3I6XG4gKiAtIENvbXBsaWFuY2UgYW5kIGF1ZGl0IHRyYWlsXG4gKiAtIFN5bmMgdHJhY2tpbmcgd2l0aCBiYWNrZW5kXG4gKiAtIENoYW5nZSBoaXN0b3J5XG4gKlxuICogSW5kZXhlczpcbiAqIC0gc3luY1N0YXR1czogRm9yIGZpbmRpbmcgcGVuZGluZyBlbnRyaWVzIHRvIHN5bmNcbiAqIC0gc3luY2VkOiBCb29sZWFuIGZsYWcgZm9yIHF1aWNrIHN5bmMgcXVlcmllc1xuICogLSBlbnRpdHlJZDogRm9yIGdldHRpbmcgYWxsIGF1ZGl0cyBmb3IgYSBzcGVjaWZpYyBlbnRpdHlcbiAqIC0gdGltZXN0YW1wOiBGb3IgY2hyb25vbG9naWNhbCBxdWVyaWVzXG4gKi9cbmV4cG9ydCBjbGFzcyBBdWRpdFN0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSAnYXVkaXQnO1xuICAgIH1cbiAgICBjcmVhdGUoZGIpIHtcbiAgICAgICAgY29uc3Qgc3RvcmUgPSBkYi5jcmVhdGVPYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSwgeyBrZXlQYXRoOiAnaWQnIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY1N0YXR1cycsICdzeW5jU3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY2VkJywgJ3N5bmNlZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ2VudGl0eUlkJywgJ2VudGl0eUlkJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgndGltZXN0YW1wJywgJ3RpbWVzdGFtcCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG5pbXBvcnQgeyBDb3JlRXZlbnRzIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL0NvcmVFdmVudHMnO1xuLyoqXG4gKiBBdWRpdFNlcnZpY2UgLSBFbnRpdHkgc2VydmljZSBmb3IgYXVkaXQgZW50cmllc1xuICpcbiAqIFJFU1BPTlNJQklMSVRJRVM6XG4gKiAtIFN0b3JlIGF1ZGl0IGVudHJpZXMgaW4gSW5kZXhlZERCXG4gKiAtIExpc3RlbiBmb3IgRU5USVRZX1NBVkVEL0VOVElUWV9ERUxFVEVEIGV2ZW50c1xuICogLSBDcmVhdGUgYXVkaXQgZW50cmllcyBmb3IgYWxsIGVudGl0eSBjaGFuZ2VzXG4gKiAtIEVtaXQgQVVESVRfTE9HR0VEIGFmdGVyIHNhdmluZyAoZm9yIFN5bmNNYW5hZ2VyIHRvIGxpc3RlbilcbiAqXG4gKiBPVkVSUklERSBQQVRURVJOOlxuICogLSBPdmVycmlkZXMgc2F2ZSgpIHRvIE5PVCBlbWl0IGV2ZW50cyAocHJldmVudHMgaW5maW5pdGUgbG9vcHMpXG4gKiAtIEF1ZGl0U2VydmljZSBzYXZlcyBhdWRpdCBlbnRyaWVzIHdpdGhvdXQgdHJpZ2dlcmluZyBtb3JlIGF1ZGl0c1xuICpcbiAqIEVWRU5UIENIQUlOOlxuICogRW50aXR5IGNoYW5nZSBcdTIxOTIgRU5USVRZX1NBVkVEL0RFTEVURUQgXHUyMTkyIEF1ZGl0U2VydmljZSBcdTIxOTIgQVVESVRfTE9HR0VEIFx1MjE5MiBTeW5jTWFuYWdlclxuICovXG5leHBvcnQgY2xhc3MgQXVkaXRTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSAnYXVkaXQnO1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnQXVkaXQnO1xuICAgICAgICB0aGlzLnNldHVwRXZlbnRMaXN0ZW5lcnMoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2V0dXAgbGlzdGVuZXJzIGZvciBFTlRJVFlfU0FWRUQgYW5kIEVOVElUWV9ERUxFVEVEIGV2ZW50c1xuICAgICAqL1xuICAgIHNldHVwRXZlbnRMaXN0ZW5lcnMoKSB7XG4gICAgICAgIC8vIExpc3RlbiBmb3IgZW50aXR5IHNhdmVzIChjcmVhdGUvdXBkYXRlKVxuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRU5USVRZX1NBVkVELCAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGRldGFpbCA9IGV2ZW50LmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRW50aXR5U2F2ZWQoZGV0YWlsKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIExpc3RlbiBmb3IgZW50aXR5IGRlbGV0ZXNcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVOVElUWV9ERUxFVEVELCAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGRldGFpbCA9IGV2ZW50LmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRW50aXR5RGVsZXRlZChkZXRhaWwpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIEVOVElUWV9TQVZFRCBldmVudCAtIGNyZWF0ZSBhdWRpdCBlbnRyeVxuICAgICAqL1xuICAgIGFzeW5jIGhhbmRsZUVudGl0eVNhdmVkKHBheWxvYWQpIHtcbiAgICAgICAgLy8gRG9uJ3QgYXVkaXQgYXVkaXQgZW50cmllcyAocHJldmVudCBpbmZpbml0ZSBsb29wcylcbiAgICAgICAgaWYgKHBheWxvYWQuZW50aXR5VHlwZSA9PT0gJ0F1ZGl0JylcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgYXVkaXRFbnRyeSA9IHtcbiAgICAgICAgICAgIGlkOiBjcnlwdG8ucmFuZG9tVVVJRCgpLFxuICAgICAgICAgICAgZW50aXR5VHlwZTogcGF5bG9hZC5lbnRpdHlUeXBlLFxuICAgICAgICAgICAgZW50aXR5SWQ6IHBheWxvYWQuZW50aXR5SWQsXG4gICAgICAgICAgICBvcGVyYXRpb246IHBheWxvYWQub3BlcmF0aW9uLFxuICAgICAgICAgICAgdXNlcklkOiBBdWRpdFNlcnZpY2UuREVGQVVMVF9VU0VSX0lELFxuICAgICAgICAgICAgdGltZXN0YW1wOiBwYXlsb2FkLnRpbWVzdGFtcCxcbiAgICAgICAgICAgIGNoYW5nZXM6IHBheWxvYWQuY2hhbmdlcyxcbiAgICAgICAgICAgIHN5bmNlZDogZmFsc2UsXG4gICAgICAgICAgICBzeW5jU3RhdHVzOiAncGVuZGluZydcbiAgICAgICAgfTtcbiAgICAgICAgYXdhaXQgdGhpcy5zYXZlKGF1ZGl0RW50cnkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgRU5USVRZX0RFTEVURUQgZXZlbnQgLSBjcmVhdGUgYXVkaXQgZW50cnlcbiAgICAgKi9cbiAgICBhc3luYyBoYW5kbGVFbnRpdHlEZWxldGVkKHBheWxvYWQpIHtcbiAgICAgICAgLy8gRG9uJ3QgYXVkaXQgYXVkaXQgZW50cmllcyAocHJldmVudCBpbmZpbml0ZSBsb29wcylcbiAgICAgICAgaWYgKHBheWxvYWQuZW50aXR5VHlwZSA9PT0gJ0F1ZGl0JylcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgYXVkaXRFbnRyeSA9IHtcbiAgICAgICAgICAgIGlkOiBjcnlwdG8ucmFuZG9tVVVJRCgpLFxuICAgICAgICAgICAgZW50aXR5VHlwZTogcGF5bG9hZC5lbnRpdHlUeXBlLFxuICAgICAgICAgICAgZW50aXR5SWQ6IHBheWxvYWQuZW50aXR5SWQsXG4gICAgICAgICAgICBvcGVyYXRpb246ICdkZWxldGUnLFxuICAgICAgICAgICAgdXNlcklkOiBBdWRpdFNlcnZpY2UuREVGQVVMVF9VU0VSX0lELFxuICAgICAgICAgICAgdGltZXN0YW1wOiBwYXlsb2FkLnRpbWVzdGFtcCxcbiAgICAgICAgICAgIGNoYW5nZXM6IHsgaWQ6IHBheWxvYWQuZW50aXR5SWQgfSwgLy8gRm9yIGRlbGV0ZSwganVzdCBzdG9yZSB0aGUgSURcbiAgICAgICAgICAgIHN5bmNlZDogZmFsc2UsXG4gICAgICAgICAgICBzeW5jU3RhdHVzOiAncGVuZGluZydcbiAgICAgICAgfTtcbiAgICAgICAgYXdhaXQgdGhpcy5zYXZlKGF1ZGl0RW50cnkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBPdmVycmlkZSBzYXZlIHRvIE5PVCB0cmlnZ2VyIEVOVElUWV9TQVZFRCBldmVudFxuICAgICAqIEluc3RlYWQsIGVtaXRzIEFVRElUX0xPR0dFRCBmb3IgU3luY01hbmFnZXIgdG8gbGlzdGVuXG4gICAgICpcbiAgICAgKiBUaGlzIHByZXZlbnRzIGluZmluaXRlIGxvb3BzOlxuICAgICAqIC0gQmFzZUVudGl0eVNlcnZpY2Uuc2F2ZSgpIGVtaXRzIEVOVElUWV9TQVZFRFxuICAgICAqIC0gQXVkaXRTZXJ2aWNlIGxpc3RlbnMgdG8gRU5USVRZX1NBVkVEIGFuZCBjcmVhdGVzIGF1ZGl0XG4gICAgICogLSBJZiBBdWRpdFNlcnZpY2Uuc2F2ZSgpIGFsc28gZW1pdHRlZCBFTlRJVFlfU0FWRUQsIGl0IHdvdWxkIGxvb3BcbiAgICAgKi9cbiAgICBhc3luYyBzYXZlKGVudGl0eSkge1xuICAgICAgICBjb25zdCBzZXJpYWxpemVkID0gdGhpcy5zZXJpYWxpemUoZW50aXR5KTtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbdGhpcy5zdG9yZU5hbWVdLCAncmVhZHdyaXRlJyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBzdG9yZS5wdXQoc2VyaWFsaXplZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAvLyBFbWl0IEFVRElUX0xPR0dFRCBpbnN0ZWFkIG9mIEVOVElUWV9TQVZFRFxuICAgICAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgICAgIGF1ZGl0SWQ6IGVudGl0eS5pZCxcbiAgICAgICAgICAgICAgICAgICAgZW50aXR5VHlwZTogZW50aXR5LmVudGl0eVR5cGUsXG4gICAgICAgICAgICAgICAgICAgIGVudGl0eUlkOiBlbnRpdHkuZW50aXR5SWQsXG4gICAgICAgICAgICAgICAgICAgIG9wZXJhdGlvbjogZW50aXR5Lm9wZXJhdGlvbixcbiAgICAgICAgICAgICAgICAgICAgdGltZXN0YW1wOiBlbnRpdHkudGltZXN0YW1wXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5BVURJVF9MT0dHRUQsIHBheWxvYWQpO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIHNhdmUgYXVkaXQgZW50cnkgJHtlbnRpdHkuaWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE92ZXJyaWRlIGRlbGV0ZSB0byBOT1QgdHJpZ2dlciBFTlRJVFlfREVMRVRFRCBldmVudFxuICAgICAqIEF1ZGl0IGVudHJpZXMgc2hvdWxkIG5ldmVyIGJlIGRlbGV0ZWQgKGNvbXBsaWFuY2UgcmVxdWlyZW1lbnQpXG4gICAgICovXG4gICAgYXN5bmMgZGVsZXRlKF9pZCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0F1ZGl0IGVudHJpZXMgY2Fubm90IGJlIGRlbGV0ZWQgKGNvbXBsaWFuY2UgcmVxdWlyZW1lbnQpJyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBwZW5kaW5nIGF1ZGl0IGVudHJpZXMgKGZvciBzeW5jKVxuICAgICAqL1xuICAgIGFzeW5jIGdldFBlbmRpbmdBdWRpdHMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldEJ5U3luY1N0YXR1cygncGVuZGluZycpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgYXVkaXQgZW50cmllcyBmb3IgYSBzcGVjaWZpYyBlbnRpdHlcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeUVudGl0eUlkKGVudGl0eUlkKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWRvbmx5Jyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc3RvcmUuaW5kZXgoJ2VudGl0eUlkJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKGVudGl0eUlkKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGVudHJpZXMgPSByZXF1ZXN0LnJlc3VsdDtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGVudHJpZXMpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IGF1ZGl0IGVudHJpZXMgZm9yIGVudGl0eSAke2VudGl0eUlkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbi8vIEhhcmRjb2RlZCB1c2VySWQgZm9yIG5vdyAtIHdpbGwgY29tZSBmcm9tIHNlc3Npb24gbGF0ZXJcbkF1ZGl0U2VydmljZS5ERUZBVUxUX1VTRVJfSUQgPSAnMDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAxJztcbiIsICIvKipcbiAqIE1vY2tFdmVudFJlcG9zaXRvcnkgLSBMb2FkcyBldmVudCBkYXRhIGZyb20gbG9jYWwgSlNPTiBmaWxlXG4gKlxuICogVXNlZCBmb3IgZGV2ZWxvcG1lbnQgYW5kIHRlc3RpbmcuIE9ubHkgZmV0Y2hBbGwoKSBpcyBpbXBsZW1lbnRlZC5cbiAqL1xuZXhwb3J0IGNsYXNzIE1vY2tFdmVudFJlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnRXZlbnQnO1xuICAgICAgICB0aGlzLmRhdGFVcmwgPSAnZGF0YS9tb2NrLWV2ZW50cy5qc29uJztcbiAgICB9XG4gICAgLyoqXG4gICAgICogRmV0Y2ggYWxsIGV2ZW50cyBmcm9tIG1vY2sgSlNPTiBmaWxlXG4gICAgICovXG4gICAgYXN5bmMgZmV0Y2hBbGwoKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKHRoaXMuZGF0YVVybCk7XG4gICAgICAgICAgICBpZiAoIXJlc3BvbnNlLm9rKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBGYWlsZWQgdG8gbG9hZCBtb2NrIGV2ZW50czogJHtyZXNwb25zZS5zdGF0dXN9ICR7cmVzcG9uc2Uuc3RhdHVzVGV4dH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHJhd0RhdGEgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5wcm9jZXNzQ2FsZW5kYXJEYXRhKHJhd0RhdGEpO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignRmFpbGVkIHRvIGxvYWQgZXZlbnQgZGF0YTonLCBlcnJvcik7XG4gICAgICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBhc3luYyBzZW5kQ3JlYXRlKF9ldmVudCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tFdmVudFJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kQ3JlYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kVXBkYXRlKF9pZCwgX3VwZGF0ZXMpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrRXZlbnRSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZFVwZGF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZERlbGV0ZShfaWQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrRXZlbnRSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZERlbGV0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgcHJvY2Vzc0NhbGVuZGFyRGF0YShkYXRhKSB7XG4gICAgICAgIHJldHVybiBkYXRhLm1hcCgoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIC8vIFZhbGlkYXRlIGN1c3RvbWVyIGV2ZW50IGNvbnN0cmFpbnRzXG4gICAgICAgICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ2N1c3RvbWVyJykge1xuICAgICAgICAgICAgICAgIGlmICghZXZlbnQuYm9va2luZ0lkKVxuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLndhcm4oYEN1c3RvbWVyIGV2ZW50ICR7ZXZlbnQuaWR9IG1pc3NpbmcgYm9va2luZ0lkYCk7XG4gICAgICAgICAgICAgICAgaWYgKCFldmVudC5yZXNvdXJjZUlkKVxuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLndhcm4oYEN1c3RvbWVyIGV2ZW50ICR7ZXZlbnQuaWR9IG1pc3NpbmcgcmVzb3VyY2VJZGApO1xuICAgICAgICAgICAgICAgIGlmICghZXZlbnQuY3VzdG9tZXJJZClcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGBDdXN0b21lciBldmVudCAke2V2ZW50LmlkfSBtaXNzaW5nIGN1c3RvbWVySWRgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgaWQ6IGV2ZW50LmlkLFxuICAgICAgICAgICAgICAgIHRpdGxlOiBldmVudC50aXRsZSxcbiAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbjogZXZlbnQuZGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgICAgc3RhcnQ6IG5ldyBEYXRlKGV2ZW50LnN0YXJ0KSxcbiAgICAgICAgICAgICAgICBlbmQ6IG5ldyBEYXRlKGV2ZW50LmVuZCksXG4gICAgICAgICAgICAgICAgdHlwZTogZXZlbnQudHlwZSxcbiAgICAgICAgICAgICAgICBhbGxEYXk6IGV2ZW50LmFsbERheSB8fCBmYWxzZSxcbiAgICAgICAgICAgICAgICBib29raW5nSWQ6IGV2ZW50LmJvb2tpbmdJZCxcbiAgICAgICAgICAgICAgICByZXNvdXJjZUlkOiBldmVudC5yZXNvdXJjZUlkLFxuICAgICAgICAgICAgICAgIGN1c3RvbWVySWQ6IGV2ZW50LmN1c3RvbWVySWQsXG4gICAgICAgICAgICAgICAgcmVjdXJyaW5nSWQ6IGV2ZW50LnJlY3VycmluZ0lkLFxuICAgICAgICAgICAgICAgIG1ldGFkYXRhOiBldmVudC5tZXRhZGF0YSxcbiAgICAgICAgICAgICAgICBzeW5jU3RhdHVzOiAnc3luY2VkJ1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogTW9ja1Jlc291cmNlUmVwb3NpdG9yeSAtIExvYWRzIHJlc291cmNlIGRhdGEgZnJvbSBsb2NhbCBKU09OIGZpbGVcbiAqL1xuZXhwb3J0IGNsYXNzIE1vY2tSZXNvdXJjZVJlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnUmVzb3VyY2UnO1xuICAgICAgICB0aGlzLmRhdGFVcmwgPSAnZGF0YS9tb2NrLXJlc291cmNlcy5qc29uJztcbiAgICB9XG4gICAgYXN5bmMgZmV0Y2hBbGwoKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKHRoaXMuZGF0YVVybCk7XG4gICAgICAgICAgICBpZiAoIXJlc3BvbnNlLm9rKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBGYWlsZWQgdG8gbG9hZCBtb2NrIHJlc291cmNlczogJHtyZXNwb25zZS5zdGF0dXN9ICR7cmVzcG9uc2Uuc3RhdHVzVGV4dH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHJhd0RhdGEgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5wcm9jZXNzUmVzb3VyY2VEYXRhKHJhd0RhdGEpO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignRmFpbGVkIHRvIGxvYWQgcmVzb3VyY2UgZGF0YTonLCBlcnJvcik7XG4gICAgICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBhc3luYyBzZW5kQ3JlYXRlKF9yZXNvdXJjZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tSZXNvdXJjZVJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kQ3JlYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kVXBkYXRlKF9pZCwgX3VwZGF0ZXMpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrUmVzb3VyY2VSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZFVwZGF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZERlbGV0ZShfaWQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrUmVzb3VyY2VSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZERlbGV0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgcHJvY2Vzc1Jlc291cmNlRGF0YShkYXRhKSB7XG4gICAgICAgIHJldHVybiBkYXRhLm1hcCgocmVzb3VyY2UpID0+ICh7XG4gICAgICAgICAgICBpZDogcmVzb3VyY2UuaWQsXG4gICAgICAgICAgICBuYW1lOiByZXNvdXJjZS5uYW1lLFxuICAgICAgICAgICAgZGlzcGxheU5hbWU6IHJlc291cmNlLmRpc3BsYXlOYW1lLFxuICAgICAgICAgICAgdHlwZTogcmVzb3VyY2UudHlwZSxcbiAgICAgICAgICAgIGF2YXRhclVybDogcmVzb3VyY2UuYXZhdGFyVXJsLFxuICAgICAgICAgICAgY29sb3I6IHJlc291cmNlLmNvbG9yLFxuICAgICAgICAgICAgaXNBY3RpdmU6IHJlc291cmNlLmlzQWN0aXZlLFxuICAgICAgICAgICAgZGVmYXVsdFNjaGVkdWxlOiByZXNvdXJjZS5kZWZhdWx0U2NoZWR1bGUsXG4gICAgICAgICAgICBtZXRhZGF0YTogcmVzb3VyY2UubWV0YWRhdGEsXG4gICAgICAgICAgICBzeW5jU3RhdHVzOiAnc3luY2VkJ1xuICAgICAgICB9KSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogTW9ja0Jvb2tpbmdSZXBvc2l0b3J5IC0gTG9hZHMgYm9va2luZyBkYXRhIGZyb20gbG9jYWwgSlNPTiBmaWxlXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrQm9va2luZ1JlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnQm9va2luZyc7XG4gICAgICAgIHRoaXMuZGF0YVVybCA9ICdkYXRhL21vY2stYm9va2luZ3MuanNvbic7XG4gICAgfVxuICAgIGFzeW5jIGZldGNoQWxsKCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh0aGlzLmRhdGFVcmwpO1xuICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgbW9jayBib29raW5nczogJHtyZXNwb25zZS5zdGF0dXN9ICR7cmVzcG9uc2Uuc3RhdHVzVGV4dH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHJhd0RhdGEgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5wcm9jZXNzQm9va2luZ0RhdGEocmF3RGF0YSk7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gbG9hZCBib29raW5nIGRhdGE6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShfYm9va2luZykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tCb29raW5nUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRDcmVhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmRVcGRhdGUoX2lkLCBfdXBkYXRlcykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tCb29raW5nUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0Jvb2tpbmdSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZERlbGV0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgcHJvY2Vzc0Jvb2tpbmdEYXRhKGRhdGEpIHtcbiAgICAgICAgcmV0dXJuIGRhdGEubWFwKChib29raW5nKSA9PiAoe1xuICAgICAgICAgICAgaWQ6IGJvb2tpbmcuaWQsXG4gICAgICAgICAgICBjdXN0b21lcklkOiBib29raW5nLmN1c3RvbWVySWQsXG4gICAgICAgICAgICBzdGF0dXM6IGJvb2tpbmcuc3RhdHVzLFxuICAgICAgICAgICAgY3JlYXRlZEF0OiBuZXcgRGF0ZShib29raW5nLmNyZWF0ZWRBdCksXG4gICAgICAgICAgICBzZXJ2aWNlczogYm9va2luZy5zZXJ2aWNlcyxcbiAgICAgICAgICAgIHRvdGFsUHJpY2U6IGJvb2tpbmcudG90YWxQcmljZSxcbiAgICAgICAgICAgIHRhZ3M6IGJvb2tpbmcudGFncyxcbiAgICAgICAgICAgIG5vdGVzOiBib29raW5nLm5vdGVzLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3N5bmNlZCdcbiAgICAgICAgfSkpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIE1vY2tDdXN0b21lclJlcG9zaXRvcnkgLSBMb2FkcyBjdXN0b21lciBkYXRhIGZyb20gbG9jYWwgSlNPTiBmaWxlXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrQ3VzdG9tZXJSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0N1c3RvbWVyJztcbiAgICAgICAgdGhpcy5kYXRhVXJsID0gJ2RhdGEvbW9jay1jdXN0b21lcnMuanNvbic7XG4gICAgfVxuICAgIGFzeW5jIGZldGNoQWxsKCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh0aGlzLmRhdGFVcmwpO1xuICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgbW9jayBjdXN0b21lcnM6ICR7cmVzcG9uc2Uuc3RhdHVzfSAke3Jlc3BvbnNlLnN0YXR1c1RleHR9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCByYXdEYXRhID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucHJvY2Vzc0N1c3RvbWVyRGF0YShyYXdEYXRhKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBsb2FkIGN1c3RvbWVyIGRhdGE6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShfY3VzdG9tZXIpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrQ3VzdG9tZXJSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZENyZWF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF91cGRhdGVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIHByb2Nlc3NDdXN0b21lckRhdGEoZGF0YSkge1xuICAgICAgICByZXR1cm4gZGF0YS5tYXAoKGN1c3RvbWVyKSA9PiAoe1xuICAgICAgICAgICAgaWQ6IGN1c3RvbWVyLmlkLFxuICAgICAgICAgICAgbmFtZTogY3VzdG9tZXIubmFtZSxcbiAgICAgICAgICAgIHBob25lOiBjdXN0b21lci5waG9uZSxcbiAgICAgICAgICAgIGVtYWlsOiBjdXN0b21lci5lbWFpbCxcbiAgICAgICAgICAgIG1ldGFkYXRhOiBjdXN0b21lci5tZXRhZGF0YSxcbiAgICAgICAgICAgIHN5bmNTdGF0dXM6ICdzeW5jZWQnXG4gICAgICAgIH0pKTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBNb2NrQXVkaXRSZXBvc2l0b3J5IC0gTW9jayBBUEkgcmVwb3NpdG9yeSBmb3IgYXVkaXQgZW50cmllc1xuICpcbiAqIEluIHByb2R1Y3Rpb24sIHRoaXMgd291bGQgc2VuZCBhdWRpdCBlbnRyaWVzIHRvIHRoZSBiYWNrZW5kLlxuICogRm9yIGRldmVsb3BtZW50L3Rlc3RpbmcsIGl0IGp1c3QgbG9ncyB0aGUgb3BlcmF0aW9ucy5cbiAqL1xuZXhwb3J0IGNsYXNzIE1vY2tBdWRpdFJlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnQXVkaXQnO1xuICAgIH1cbiAgICBhc3luYyBzZW5kQ3JlYXRlKGVudGl0eSkge1xuICAgICAgICAvLyBTaW11bGF0ZSBBUEkgY2FsbCBkZWxheVxuICAgICAgICBhd2FpdCBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHNldFRpbWVvdXQocmVzb2x2ZSwgMTAwKSk7XG4gICAgICAgIGNvbnNvbGUubG9nKCdNb2NrQXVkaXRSZXBvc2l0b3J5OiBBdWRpdCBlbnRyeSBzeW5jZWQgdG8gYmFja2VuZDonLCB7XG4gICAgICAgICAgICBpZDogZW50aXR5LmlkLFxuICAgICAgICAgICAgZW50aXR5VHlwZTogZW50aXR5LmVudGl0eVR5cGUsXG4gICAgICAgICAgICBlbnRpdHlJZDogZW50aXR5LmVudGl0eUlkLFxuICAgICAgICAgICAgb3BlcmF0aW9uOiBlbnRpdHkub3BlcmF0aW9uLFxuICAgICAgICAgICAgdGltZXN0YW1wOiBuZXcgRGF0ZShlbnRpdHkudGltZXN0YW1wKS50b0lTT1N0cmluZygpXG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gZW50aXR5O1xuICAgIH1cbiAgICBhc3luYyBzZW5kVXBkYXRlKF9pZCwgX2VudGl0eSkge1xuICAgICAgICAvLyBBdWRpdCBlbnRyaWVzIGFyZSBpbW11dGFibGUgLSB1cGRhdGVzIHNob3VsZCBub3QgaGFwcGVuXG4gICAgICAgIHRocm93IG5ldyBFcnJvcignQXVkaXQgZW50cmllcyBjYW5ub3QgYmUgdXBkYXRlZCcpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kRGVsZXRlKF9pZCkge1xuICAgICAgICAvLyBBdWRpdCBlbnRyaWVzIHNob3VsZCBuZXZlciBiZSBkZWxldGVkXG4gICAgICAgIHRocm93IG5ldyBFcnJvcignQXVkaXQgZW50cmllcyBjYW5ub3QgYmUgZGVsZXRlZCcpO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEFsbCgpIHtcbiAgICAgICAgLy8gRm9yIG5vdywgcmV0dXJuIGVtcHR5IGFycmF5IC0gYXVkaXQgZW50cmllcyBhcmUgbG9jYWwtZmlyc3RcbiAgICAgICAgLy8gSW4gcHJvZHVjdGlvbiwgdGhpcyBjb3VsZCBmZXRjaCBhdWRpdCBoaXN0b3J5IGZyb20gYmFja2VuZFxuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuICAgIGFzeW5jIGZldGNoQnlJZChfaWQpIHtcbiAgICAgICAgLy8gRm9yIG5vdywgcmV0dXJuIG51bGwgLSBhdWRpdCBlbnRyaWVzIGFyZSBsb2NhbC1maXJzdFxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBNb2NrVGVhbVJlcG9zaXRvcnkgLSBMb2FkcyB0ZWFtIGRhdGEgZnJvbSBsb2NhbCBKU09OIGZpbGVcbiAqL1xuZXhwb3J0IGNsYXNzIE1vY2tUZWFtUmVwb3NpdG9yeSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdUZWFtJztcbiAgICAgICAgdGhpcy5kYXRhVXJsID0gJ2RhdGEvbW9jay10ZWFtcy5qc29uJztcbiAgICB9XG4gICAgYXN5bmMgZmV0Y2hBbGwoKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKHRoaXMuZGF0YVVybCk7XG4gICAgICAgICAgICBpZiAoIXJlc3BvbnNlLm9rKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBGYWlsZWQgdG8gbG9hZCBtb2NrIHRlYW1zOiAke3Jlc3BvbnNlLnN0YXR1c30gJHtyZXNwb25zZS5zdGF0dXNUZXh0fWApO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgcmF3RGF0YSA9IGF3YWl0IHJlc3BvbnNlLmpzb24oKTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnByb2Nlc3NUZWFtRGF0YShyYXdEYXRhKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBsb2FkIHRlYW0gZGF0YTonLCBlcnJvcik7XG4gICAgICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBhc3luYyBzZW5kQ3JlYXRlKF90ZWFtKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1RlYW1SZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZENyZWF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF91cGRhdGVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1RlYW1SZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZFVwZGF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZERlbGV0ZShfaWQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrVGVhbVJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kRGVsZXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBwcm9jZXNzVGVhbURhdGEoZGF0YSkge1xuICAgICAgICByZXR1cm4gZGF0YS5tYXAoKHRlYW0pID0+ICh7XG4gICAgICAgICAgICBpZDogdGVhbS5pZCxcbiAgICAgICAgICAgIG5hbWU6IHRlYW0ubmFtZSxcbiAgICAgICAgICAgIHJlc291cmNlSWRzOiB0ZWFtLnJlc291cmNlSWRzLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3N5bmNlZCdcbiAgICAgICAgfSkpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIE1vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSAtIExvYWRzIGRlcGFydG1lbnQgZGF0YSBmcm9tIGxvY2FsIEpTT04gZmlsZVxuICovXG5leHBvcnQgY2xhc3MgTW9ja0RlcGFydG1lbnRSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0RlcGFydG1lbnQnO1xuICAgICAgICB0aGlzLmRhdGFVcmwgPSAnZGF0YS9tb2NrLWRlcGFydG1lbnRzLmpzb24nO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEFsbCgpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZmV0Y2godGhpcy5kYXRhVXJsKTtcbiAgICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBsb2FkIG1vY2sgZGVwYXJ0bWVudHM6ICR7cmVzcG9uc2Uuc3RhdHVzfSAke3Jlc3BvbnNlLnN0YXR1c1RleHR9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCByYXdEYXRhID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucHJvY2Vzc0RlcGFydG1lbnREYXRhKHJhd0RhdGEpO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignRmFpbGVkIHRvIGxvYWQgZGVwYXJ0bWVudCBkYXRhOicsIGVycm9yKTtcbiAgICAgICAgICAgIHRocm93IGVycm9yO1xuICAgICAgICB9XG4gICAgfVxuICAgIGFzeW5jIHNlbmRDcmVhdGUoX2RlcGFydG1lbnQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kQ3JlYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kVXBkYXRlKF9pZCwgX3VwZGF0ZXMpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kVXBkYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kRGVsZXRlKF9pZCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIHByb2Nlc3NEZXBhcnRtZW50RGF0YShkYXRhKSB7XG4gICAgICAgIHJldHVybiBkYXRhLm1hcCgoZGVwdCkgPT4gKHtcbiAgICAgICAgICAgIGlkOiBkZXB0LmlkLFxuICAgICAgICAgICAgbmFtZTogZGVwdC5uYW1lLFxuICAgICAgICAgICAgcmVzb3VyY2VJZHM6IGRlcHQucmVzb3VyY2VJZHMsXG4gICAgICAgICAgICBzeW5jU3RhdHVzOiAnc3luY2VkJ1xuICAgICAgICB9KSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogTW9ja1NldHRpbmdzUmVwb3NpdG9yeSAtIExvYWRzIHRlbmFudCBzZXR0aW5ncyBmcm9tIGxvY2FsIEpTT04gZmlsZVxuICpcbiAqIFNldHRpbmdzIGFyZSBzdG9yZWQgYXMgc2VwYXJhdGUgcmVjb3JkcyBwZXIgc2VjdGlvbiAod29ya3dlZWssIGdyaWQsIGV0Yy4pLlxuICogVGhlIEpTT04gZmlsZSBpcyBhbHJlYWR5IGFuIGFycmF5IG9mIFRlbmFudFNldHRpbmcgcmVjb3Jkcy5cbiAqL1xuZXhwb3J0IGNsYXNzIE1vY2tTZXR0aW5nc1JlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnU2V0dGluZ3MnO1xuICAgICAgICB0aGlzLmRhdGFVcmwgPSAnZGF0YS90ZW5hbnQtc2V0dGluZ3MuanNvbic7XG4gICAgfVxuICAgIGFzeW5jIGZldGNoQWxsKCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh0aGlzLmRhdGFVcmwpO1xuICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgdGVuYW50IHNldHRpbmdzOiAke3Jlc3BvbnNlLnN0YXR1c30gJHtyZXNwb25zZS5zdGF0dXNUZXh0fWApO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3Qgc2V0dGluZ3MgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICAgICAgICAvLyBFbnN1cmUgc3luY1N0YXR1cyBpcyBzZXQgb24gZWFjaCByZWNvcmRcbiAgICAgICAgICAgIHJldHVybiBzZXR0aW5ncy5tYXAocyA9PiAoe1xuICAgICAgICAgICAgICAgIC4uLnMsXG4gICAgICAgICAgICAgICAgc3luY1N0YXR1czogcy5zeW5jU3RhdHVzIHx8ICdzeW5jZWQnXG4gICAgICAgICAgICB9KSk7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gbG9hZCB0ZW5hbnQgc2V0dGluZ3M6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShfc2V0dGluZ3MpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrU2V0dGluZ3NSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZENyZWF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF91cGRhdGVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1NldHRpbmdzUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1NldHRpbmdzUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxufVxuIiwgImV4cG9ydCBjbGFzcyBNb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnVmlld0NvbmZpZyc7XG4gICAgICAgIHRoaXMuZGF0YVVybCA9ICdkYXRhL3ZpZXdjb25maWdzLmpzb24nO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEFsbCgpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZmV0Y2godGhpcy5kYXRhVXJsKTtcbiAgICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBsb2FkIHZpZXdjb25maWdzOiAke3Jlc3BvbnNlLnN0YXR1c30gJHtyZXNwb25zZS5zdGF0dXNUZXh0fWApO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgcmF3RGF0YSA9IGF3YWl0IHJlc3BvbnNlLmpzb24oKTtcbiAgICAgICAgICAgIC8vIEVuc3VyZSBzeW5jU3RhdHVzIGlzIHNldCBvbiBlYWNoIGNvbmZpZ1xuICAgICAgICAgICAgY29uc3QgY29uZmlncyA9IHJhd0RhdGEubWFwKChjb25maWcpID0+ICh7XG4gICAgICAgICAgICAgICAgLi4uY29uZmlnLFxuICAgICAgICAgICAgICAgIHN5bmNTdGF0dXM6IGNvbmZpZy5zeW5jU3RhdHVzIHx8ICdzeW5jZWQnXG4gICAgICAgICAgICB9KSk7XG4gICAgICAgICAgICByZXR1cm4gY29uZmlncztcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBsb2FkIHZpZXdjb25maWdzOicsIGVycm9yKTtcbiAgICAgICAgICAgIHRocm93IGVycm9yO1xuICAgICAgICB9XG4gICAgfVxuICAgIGFzeW5jIHNlbmRDcmVhdGUoX2NvbmZpZykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRDcmVhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmRVcGRhdGUoX2lkLCBfdXBkYXRlcykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1ZpZXdDb25maWdSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZERlbGV0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBEYXRhU2VlZGVyIC0gT3JjaGVzdHJhdGVzIGluaXRpYWwgZGF0YSBsb2FkaW5nIGZyb20gcmVwb3NpdG9yaWVzIGludG8gSW5kZXhlZERCXG4gKlxuICogQVJDSElURUNUVVJFOlxuICogLSBSZXBvc2l0b3J5IChNb2NrL0FwaSk6IEZldGNoZXMgZGF0YSBmcm9tIHNvdXJjZSAoSlNPTiBmaWxlIG9yIGJhY2tlbmQgQVBJKVxuICogLSBEYXRhU2VlZGVyICh0aGlzIGNsYXNzKTogT3JjaGVzdHJhdGVzIGZldGNoICsgc2F2ZSBvcGVyYXRpb25zXG4gKiAtIFNlcnZpY2UgKEV2ZW50U2VydmljZSwgZXRjLik6IFNhdmVzIGRhdGEgdG8gSW5kZXhlZERCXG4gKlxuICogUE9MWU1PUlBISUMgREVTSUdOOlxuICogLSBVc2VzIGFycmF5cyBvZiBJRW50aXR5U2VydmljZVtdIGFuZCBJQXBpUmVwb3NpdG9yeVtdXG4gKiAtIE1hdGNoZXMgc2VydmljZXMgd2l0aCByZXBvc2l0b3JpZXMgdXNpbmcgZW50aXR5VHlwZSBwcm9wZXJ0eVxuICogLSBPcGVuL0Nsb3NlZCBQcmluY2lwbGU6IEFkZGluZyBuZXcgZW50aXR5IHJlcXVpcmVzIG5vIGNvZGUgY2hhbmdlcyBoZXJlXG4gKi9cbmV4cG9ydCBjbGFzcyBEYXRhU2VlZGVyIHtcbiAgICBjb25zdHJ1Y3RvcihzZXJ2aWNlcywgcmVwb3NpdG9yaWVzKSB7XG4gICAgICAgIHRoaXMuc2VydmljZXMgPSBzZXJ2aWNlcztcbiAgICAgICAgdGhpcy5yZXBvc2l0b3JpZXMgPSByZXBvc2l0b3JpZXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNlZWQgYWxsIGVudGl0eSBzdG9yZXMgaWYgdGhleSBhcmUgZW1wdHlcbiAgICAgKi9cbiAgICBhc3luYyBzZWVkSWZFbXB0eSgpIHtcbiAgICAgICAgY29uc29sZS5sb2coJ1tEYXRhU2VlZGVyXSBDaGVja2luZyBpZiBkYXRhYmFzZSBuZWVkcyBzZWVkaW5nLi4uJyk7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IHNlcnZpY2Ugb2YgdGhpcy5zZXJ2aWNlcykge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlcG9zaXRvcnkgPSB0aGlzLnJlcG9zaXRvcmllcy5maW5kKHJlcG8gPT4gcmVwby5lbnRpdHlUeXBlID09PSBzZXJ2aWNlLmVudGl0eVR5cGUpO1xuICAgICAgICAgICAgICAgIGlmICghcmVwb3NpdG9yeSkge1xuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLndhcm4oYFtEYXRhU2VlZGVyXSBObyByZXBvc2l0b3J5IGZvdW5kIGZvciBlbnRpdHkgdHlwZTogJHtzZXJ2aWNlLmVudGl0eVR5cGV9LCBza2lwcGluZ2ApO1xuICAgICAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYXdhaXQgdGhpcy5zZWVkRW50aXR5KHNlcnZpY2UuZW50aXR5VHlwZSwgc2VydmljZSwgcmVwb3NpdG9yeSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zb2xlLmxvZygnW0RhdGFTZWVkZXJdIFNlZWRpbmcgY29tcGxldGUnKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ1tEYXRhU2VlZGVyXSBTZWVkaW5nIGZhaWxlZDonLCBlcnJvcik7XG4gICAgICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBhc3luYyBzZWVkRW50aXR5KGVudGl0eVR5cGUsIHNlcnZpY2UsIHJlcG9zaXRvcnkpIHtcbiAgICAgICAgY29uc3QgZXhpc3RpbmcgPSBhd2FpdCBzZXJ2aWNlLmdldEFsbCgpO1xuICAgICAgICBpZiAoZXhpc3RpbmcubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgY29uc29sZS5sb2coYFtEYXRhU2VlZGVyXSAke2VudGl0eVR5cGV9IHN0b3JlIGFscmVhZHkgaGFzICR7ZXhpc3RpbmcubGVuZ3RofSBpdGVtcywgc2tpcHBpbmcgc2VlZGApO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnNvbGUubG9nKGBbRGF0YVNlZWRlcl0gJHtlbnRpdHlUeXBlfSBzdG9yZSBpcyBlbXB0eSwgZmV0Y2hpbmcgZnJvbSByZXBvc2l0b3J5Li4uYCk7XG4gICAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCByZXBvc2l0b3J5LmZldGNoQWxsKCk7XG4gICAgICAgIGNvbnNvbGUubG9nKGBbRGF0YVNlZWRlcl0gRmV0Y2hlZCAke2RhdGEubGVuZ3RofSAke2VudGl0eVR5cGV9IGl0ZW1zLCBzYXZpbmcgdG8gSW5kZXhlZERCLi4uYCk7XG4gICAgICAgIGZvciAoY29uc3QgZW50aXR5IG9mIGRhdGEpIHtcbiAgICAgICAgICAgIGF3YWl0IHNlcnZpY2Uuc2F2ZShlbnRpdHksIHRydWUpOyAvLyBzaWxlbnQgPSB0cnVlIHRvIHNraXAgYXVkaXQgbG9nZ2luZ1xuICAgICAgICB9XG4gICAgICAgIGNvbnNvbGUubG9nKGBbRGF0YVNlZWRlcl0gJHtlbnRpdHlUeXBlfSBzZWVkaW5nIGNvbXBsZXRlICgke2RhdGEubGVuZ3RofSBpdGVtcyBzYXZlZClgKTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBDYWxjdWxhdGUgcGl4ZWwgcG9zaXRpb24gZm9yIGFuIGV2ZW50IGJhc2VkIG9uIGl0cyB0aW1lc1xuICovXG5leHBvcnQgZnVuY3Rpb24gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihzdGFydCwgZW5kLCBjb25maWcpIHtcbiAgICBjb25zdCBzdGFydE1pbnV0ZXMgPSBzdGFydC5nZXRIb3VycygpICogNjAgKyBzdGFydC5nZXRNaW51dGVzKCk7XG4gICAgY29uc3QgZW5kTWludXRlcyA9IGVuZC5nZXRIb3VycygpICogNjAgKyBlbmQuZ2V0TWludXRlcygpO1xuICAgIGNvbnN0IGRheVN0YXJ0TWludXRlcyA9IGNvbmZpZy5kYXlTdGFydEhvdXIgKiA2MDtcbiAgICBjb25zdCBtaW51dGVIZWlnaHQgPSBjb25maWcuaG91ckhlaWdodCAvIDYwO1xuICAgIGNvbnN0IHRvcCA9IChzdGFydE1pbnV0ZXMgLSBkYXlTdGFydE1pbnV0ZXMpICogbWludXRlSGVpZ2h0O1xuICAgIGNvbnN0IGhlaWdodCA9IChlbmRNaW51dGVzIC0gc3RhcnRNaW51dGVzKSAqIG1pbnV0ZUhlaWdodDtcbiAgICByZXR1cm4geyB0b3AsIGhlaWdodCB9O1xufVxuLyoqXG4gKiBDb252ZXJ0IG1pbnV0ZXMgdG8gcGl4ZWxzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBtaW51dGVzVG9QaXhlbHMobWludXRlcywgY29uZmlnKSB7XG4gICAgcmV0dXJuIChtaW51dGVzIC8gNjApICogY29uZmlnLmhvdXJIZWlnaHQ7XG59XG4vKipcbiAqIENvbnZlcnQgcGl4ZWxzIHRvIG1pbnV0ZXNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHBpeGVsc1RvTWludXRlcyhwaXhlbHMsIGNvbmZpZykge1xuICAgIHJldHVybiAocGl4ZWxzIC8gY29uZmlnLmhvdXJIZWlnaHQpICogNjA7XG59XG4vKipcbiAqIFNuYXAgcGl4ZWwgcG9zaXRpb24gdG8gZ3JpZCBpbnRlcnZhbFxuICovXG5leHBvcnQgZnVuY3Rpb24gc25hcFRvR3JpZChwaXhlbHMsIGNvbmZpZykge1xuICAgIGNvbnN0IHNuYXBQaXhlbHMgPSBtaW51dGVzVG9QaXhlbHMoY29uZmlnLnNuYXBJbnRlcnZhbCwgY29uZmlnKTtcbiAgICByZXR1cm4gTWF0aC5yb3VuZChwaXhlbHMgLyBzbmFwUGl4ZWxzKSAqIHNuYXBQaXhlbHM7XG59XG4iLCAiaW1wb3J0IHsgY2FsY3VsYXRlRXZlbnRQb3NpdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzL1Bvc2l0aW9uVXRpbHMnO1xuLyoqXG4gKiBDaGVjayBpZiB0d28gZXZlbnRzIG92ZXJsYXAgKHN0cmljdCAtIHRvdWNoaW5nIGF0IGJvdW5kYXJ5ID0gTk9UIG92ZXJsYXBwaW5nKVxuICogVGhpcyBtYXRjaGVzIFNjZW5hcmlvIDg6IGVuZD09PXN0YXJ0IGlzIE5PVCBvdmVybGFwXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBldmVudHNPdmVybGFwKGEsIGIpIHtcbiAgICByZXR1cm4gYS5zdGFydCA8IGIuZW5kICYmIGEuZW5kID4gYi5zdGFydDtcbn1cbi8qKlxuICogQ2hlY2sgaWYgdHdvIGV2ZW50cyBhcmUgd2l0aGluIHRocmVzaG9sZCBmb3IgZ3JpZCBncm91cGluZy5cbiAqIFRoaXMgaW5jbHVkZXM6XG4gKiAxLiBTdGFydC10by1zdGFydDogRXZlbnRzIHN0YXJ0IHdpdGhpbiB0aHJlc2hvbGQgb2YgZWFjaCBvdGhlclxuICogMi4gRW5kLXRvLXN0YXJ0OiBPbmUgZXZlbnQgc3RhcnRzIHdpdGhpbiB0aHJlc2hvbGQgYmVmb3JlIGFub3RoZXIgZW5kc1xuICovXG5mdW5jdGlvbiBldmVudHNXaXRoaW5UaHJlc2hvbGQoYSwgYiwgdGhyZXNob2xkTWludXRlcykge1xuICAgIGNvbnN0IHRocmVzaG9sZE1zID0gdGhyZXNob2xkTWludXRlcyAqIDYwICogMTAwMDtcbiAgICAvLyBTdGFydC10by1zdGFydDogYm90aCBldmVudHMgc3RhcnQgd2l0aGluIHRocmVzaG9sZFxuICAgIGNvbnN0IHN0YXJ0VG9TdGFydERpZmYgPSBNYXRoLmFicyhhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcbiAgICBpZiAoc3RhcnRUb1N0YXJ0RGlmZiA8PSB0aHJlc2hvbGRNcylcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgLy8gRW5kLXRvLXN0YXJ0OiBvbmUgZXZlbnQgc3RhcnRzIHdpdGhpbiB0aHJlc2hvbGQgYmVmb3JlIHRoZSBvdGhlciBlbmRzXG4gICAgLy8gQiBzdGFydHMgd2l0aGluIHRocmVzaG9sZCBiZWZvcmUgQSBlbmRzXG4gICAgY29uc3QgYlN0YXJ0c0JlZm9yZUFFbmRzID0gYS5lbmQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCk7XG4gICAgaWYgKGJTdGFydHNCZWZvcmVBRW5kcyA+IDAgJiYgYlN0YXJ0c0JlZm9yZUFFbmRzIDw9IHRocmVzaG9sZE1zKVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAvLyBBIHN0YXJ0cyB3aXRoaW4gdGhyZXNob2xkIGJlZm9yZSBCIGVuZHNcbiAgICBjb25zdCBhU3RhcnRzQmVmb3JlQkVuZHMgPSBiLmVuZC5nZXRUaW1lKCkgLSBhLnN0YXJ0LmdldFRpbWUoKTtcbiAgICBpZiAoYVN0YXJ0c0JlZm9yZUJFbmRzID4gMCAmJiBhU3RhcnRzQmVmb3JlQkVuZHMgPD0gdGhyZXNob2xkTXMpXG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIHJldHVybiBmYWxzZTtcbn1cbi8qKlxuICogQ2hlY2sgaWYgYWxsIGV2ZW50cyBpbiBhIGdyb3VwIHN0YXJ0IHdpdGhpbiB0aHJlc2hvbGQgb2YgZWFjaCBvdGhlclxuICovXG5mdW5jdGlvbiBhbGxTdGFydFdpdGhpblRocmVzaG9sZChldmVudHMsIHRocmVzaG9sZE1pbnV0ZXMpIHtcbiAgICBpZiAoZXZlbnRzLmxlbmd0aCA8PSAxKVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAvLyBGaW5kIGVhcmxpZXN0IGFuZCBsYXRlc3Qgc3RhcnQgdGltZXNcbiAgICBsZXQgZWFybGllc3QgPSBldmVudHNbMF0uc3RhcnQuZ2V0VGltZSgpO1xuICAgIGxldCBsYXRlc3QgPSBldmVudHNbMF0uc3RhcnQuZ2V0VGltZSgpO1xuICAgIGZvciAoY29uc3QgZXZlbnQgb2YgZXZlbnRzKSB7XG4gICAgICAgIGNvbnN0IHRpbWUgPSBldmVudC5zdGFydC5nZXRUaW1lKCk7XG4gICAgICAgIGlmICh0aW1lIDwgZWFybGllc3QpXG4gICAgICAgICAgICBlYXJsaWVzdCA9IHRpbWU7XG4gICAgICAgIGlmICh0aW1lID4gbGF0ZXN0KVxuICAgICAgICAgICAgbGF0ZXN0ID0gdGltZTtcbiAgICB9XG4gICAgY29uc3QgZGlmZk1pbnV0ZXMgPSAobGF0ZXN0IC0gZWFybGllc3QpIC8gKDEwMDAgKiA2MCk7XG4gICAgcmV0dXJuIGRpZmZNaW51dGVzIDw9IHRocmVzaG9sZE1pbnV0ZXM7XG59XG4vKipcbiAqIEZpbmQgZ3JvdXBzIG9mIG92ZXJsYXBwaW5nIGV2ZW50cyAoY29ubmVjdGVkIGJ5IG92ZXJsYXAgY2hhaW4pXG4gKiBFdmVudHMgYXJlIGdyb3VwZWQgaWYgdGhleSBvdmVybGFwIHdpdGggYW55IGV2ZW50IGluIHRoZSBncm91cFxuICovXG5mdW5jdGlvbiBmaW5kT3ZlcmxhcEdyb3VwcyhldmVudHMpIHtcbiAgICBpZiAoZXZlbnRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgcmV0dXJuIFtdO1xuICAgIGNvbnN0IHNvcnRlZCA9IFsuLi5ldmVudHNdLnNvcnQoKGEsIGIpID0+IGEuc3RhcnQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCkpO1xuICAgIGNvbnN0IHVzZWQgPSBuZXcgU2V0KCk7XG4gICAgY29uc3QgZ3JvdXBzID0gW107XG4gICAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcbiAgICAgICAgaWYgKHVzZWQuaGFzKGV2ZW50LmlkKSlcbiAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAvLyBTdGFydCBhIG5ldyBncm91cCB3aXRoIHRoaXMgZXZlbnRcbiAgICAgICAgY29uc3QgZ3JvdXAgPSBbZXZlbnRdO1xuICAgICAgICB1c2VkLmFkZChldmVudC5pZCk7XG4gICAgICAgIC8vIEV4cGFuZCBncm91cCBieSBmaW5kaW5nIGFsbCBjb25uZWN0ZWQgZXZlbnRzICh2aWEgb3ZlcmxhcClcbiAgICAgICAgbGV0IGV4cGFuZGVkID0gdHJ1ZTtcbiAgICAgICAgd2hpbGUgKGV4cGFuZGVkKSB7XG4gICAgICAgICAgICBleHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICAgICAgZm9yIChjb25zdCBjYW5kaWRhdGUgb2Ygc29ydGVkKSB7XG4gICAgICAgICAgICAgICAgaWYgKHVzZWQuaGFzKGNhbmRpZGF0ZS5pZCkpXG4gICAgICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgICAgIC8vIENoZWNrIGlmIGNhbmRpZGF0ZSBvdmVybGFwcyB3aXRoIGFueSBldmVudCBpbiBncm91cFxuICAgICAgICAgICAgICAgIGNvbnN0IGNvbm5lY3RzID0gZ3JvdXAuc29tZShtZW1iZXIgPT4gZXZlbnRzT3ZlcmxhcChtZW1iZXIsIGNhbmRpZGF0ZSkpO1xuICAgICAgICAgICAgICAgIGlmIChjb25uZWN0cykge1xuICAgICAgICAgICAgICAgICAgICBncm91cC5wdXNoKGNhbmRpZGF0ZSk7XG4gICAgICAgICAgICAgICAgICAgIHVzZWQuYWRkKGNhbmRpZGF0ZS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIGV4cGFuZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZ3JvdXBzLnB1c2goZ3JvdXApO1xuICAgIH1cbiAgICByZXR1cm4gZ3JvdXBzO1xufVxuLyoqXG4gKiBGaW5kIGdyaWQgY2FuZGlkYXRlcyB3aXRoaW4gYSBncm91cCAtIGV2ZW50cyBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBjaGFpblxuICogVXNlcyBWMSBsb2dpYzogZXZlbnRzIGFyZSBjb25uZWN0ZWQgaWYgd2l0aGluIHRocmVzaG9sZCAobm8gb3ZlcmxhcCByZXF1aXJlbWVudClcbiAqL1xuZnVuY3Rpb24gZmluZEdyaWRDYW5kaWRhdGVzKGV2ZW50cywgdGhyZXNob2xkTWludXRlcykge1xuICAgIGlmIChldmVudHMubGVuZ3RoID09PSAwKVxuICAgICAgICByZXR1cm4gW107XG4gICAgY29uc3Qgc29ydGVkID0gWy4uLmV2ZW50c10uc29ydCgoYSwgYikgPT4gYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XG4gICAgY29uc3QgdXNlZCA9IG5ldyBTZXQoKTtcbiAgICBjb25zdCBncm91cHMgPSBbXTtcbiAgICBmb3IgKGNvbnN0IGV2ZW50IG9mIHNvcnRlZCkge1xuICAgICAgICBpZiAodXNlZC5oYXMoZXZlbnQuaWQpKVxuICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgIGNvbnN0IGdyb3VwID0gW2V2ZW50XTtcbiAgICAgICAgdXNlZC5hZGQoZXZlbnQuaWQpO1xuICAgICAgICAvLyBFeHBhbmQgYnkgdGhyZXNob2xkIGNoYWluIChWMSBsb2dpYzogbm8gb3ZlcmxhcCByZXF1aXJlbWVudCwganVzdCB0aHJlc2hvbGQpXG4gICAgICAgIGxldCBleHBhbmRlZCA9IHRydWU7XG4gICAgICAgIHdoaWxlIChleHBhbmRlZCkge1xuICAgICAgICAgICAgZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIGZvciAoY29uc3QgY2FuZGlkYXRlIG9mIHNvcnRlZCkge1xuICAgICAgICAgICAgICAgIGlmICh1c2VkLmhhcyhjYW5kaWRhdGUuaWQpKVxuICAgICAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgICAgICBjb25zdCBjb25uZWN0cyA9IGdyb3VwLnNvbWUobWVtYmVyID0+IGV2ZW50c1dpdGhpblRocmVzaG9sZChtZW1iZXIsIGNhbmRpZGF0ZSwgdGhyZXNob2xkTWludXRlcykpO1xuICAgICAgICAgICAgICAgIGlmIChjb25uZWN0cykge1xuICAgICAgICAgICAgICAgICAgICBncm91cC5wdXNoKGNhbmRpZGF0ZSk7XG4gICAgICAgICAgICAgICAgICAgIHVzZWQuYWRkKGNhbmRpZGF0ZS5pZCk7XG4gICAgICAgICAgICAgICAgICAgIGV4cGFuZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZ3JvdXBzLnB1c2goZ3JvdXApO1xuICAgIH1cbiAgICByZXR1cm4gZ3JvdXBzO1xufVxuLyoqXG4gKiBDYWxjdWxhdGUgc3RhY2sgbGV2ZWxzIGZvciBvdmVybGFwcGluZyBldmVudHMgdXNpbmcgZ3JlZWR5IGFsZ29yaXRobVxuICogRm9yIGVhY2ggZXZlbnQ6IGxldmVsID0gbWF4KG92ZXJsYXBwaW5nIGFscmVhZHktcHJvY2Vzc2VkIGV2ZW50cykgKyAxXG4gKi9cbmZ1bmN0aW9uIGNhbGN1bGF0ZVN0YWNrTGV2ZWxzKGV2ZW50cykge1xuICAgIGNvbnN0IGxldmVscyA9IG5ldyBNYXAoKTtcbiAgICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcbiAgICBmb3IgKGNvbnN0IGV2ZW50IG9mIHNvcnRlZCkge1xuICAgICAgICBsZXQgbWF4T3ZlcmxhcHBpbmdMZXZlbCA9IC0xO1xuICAgICAgICAvLyBGaW5kIG1heCBsZXZlbCBhbW9uZyBvdmVybGFwcGluZyBldmVudHMgYWxyZWFkeSBwcm9jZXNzZWRcbiAgICAgICAgZm9yIChjb25zdCBbaWQsIGxldmVsXSBvZiBsZXZlbHMpIHtcbiAgICAgICAgICAgIGNvbnN0IG90aGVyID0gZXZlbnRzLmZpbmQoZSA9PiBlLmlkID09PSBpZCk7XG4gICAgICAgICAgICBpZiAob3RoZXIgJiYgZXZlbnRzT3ZlcmxhcChldmVudCwgb3RoZXIpKSB7XG4gICAgICAgICAgICAgICAgbWF4T3ZlcmxhcHBpbmdMZXZlbCA9IE1hdGgubWF4KG1heE92ZXJsYXBwaW5nTGV2ZWwsIGxldmVsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBsZXZlbHMuc2V0KGV2ZW50LmlkLCBtYXhPdmVybGFwcGluZ0xldmVsICsgMSk7XG4gICAgfVxuICAgIHJldHVybiBsZXZlbHM7XG59XG4vKipcbiAqIEFsbG9jYXRlIGV2ZW50cyB0byBjb2x1bW5zIGZvciBHUklEIGxheW91dCB1c2luZyBncmVlZHkgYWxnb3JpdGhtXG4gKiBOb24tb3ZlcmxhcHBpbmcgZXZlbnRzIGNhbiBzaGFyZSBhIGNvbHVtbiB0byBtaW5pbWl6ZSB0b3RhbCBjb2x1bW5zXG4gKi9cbmZ1bmN0aW9uIGFsbG9jYXRlQ29sdW1ucyhldmVudHMpIHtcbiAgICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcbiAgICBjb25zdCBjb2x1bW5zID0gW107XG4gICAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcbiAgICAgICAgLy8gRmluZCBmaXJzdCBjb2x1bW4gd2hlcmUgZXZlbnQgZG9lc24ndCBvdmVybGFwIHdpdGggZXhpc3RpbmcgZXZlbnRzXG4gICAgICAgIGxldCBwbGFjZWQgPSBmYWxzZTtcbiAgICAgICAgZm9yIChjb25zdCBjb2x1bW4gb2YgY29sdW1ucykge1xuICAgICAgICAgICAgY29uc3QgY2FuRml0ID0gIWNvbHVtbi5zb21lKGUgPT4gZXZlbnRzT3ZlcmxhcChldmVudCwgZSkpO1xuICAgICAgICAgICAgaWYgKGNhbkZpdCkge1xuICAgICAgICAgICAgICAgIGNvbHVtbi5wdXNoKGV2ZW50KTtcbiAgICAgICAgICAgICAgICBwbGFjZWQgPSB0cnVlO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIE5vIHN1aXRhYmxlIGNvbHVtbiBmb3VuZCwgY3JlYXRlIG5ldyBvbmVcbiAgICAgICAgaWYgKCFwbGFjZWQpIHtcbiAgICAgICAgICAgIGNvbHVtbnMucHVzaChbZXZlbnRdKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gY29sdW1ucztcbn1cbi8qKlxuICogTWFpbiBlbnRyeSBwb2ludDogQ2FsY3VsYXRlIGNvbXBsZXRlIGxheW91dCBmb3IgYSBjb2x1bW4ncyBldmVudHNcbiAqXG4gKiBBbGdvcml0aG06XG4gKiAxLiBGaW5kIG92ZXJsYXAgZ3JvdXBzIChldmVudHMgY29ubmVjdGVkIGJ5IG92ZXJsYXAgY2hhaW4pXG4gKiAyLiBGb3IgZWFjaCBvdmVybGFwIGdyb3VwLCBmaW5kIGdyaWQgY2FuZGlkYXRlcyAoZXZlbnRzIHdpdGhpbiB0aHJlc2hvbGQgY2hhaW4pXG4gKiAzLiBJZiBhbGwgZXZlbnRzIGluIG92ZXJsYXAgZ3JvdXAgZm9ybSBhIHNpbmdsZSBncmlkIGNhbmRpZGF0ZSBcdTIxOTIgR1JJRCBtb2RlXG4gKiA0LiBPdGhlcndpc2UgXHUyMTkyIFNUQUNLSU5HIG1vZGUgd2l0aCBjYWxjdWxhdGVkIGxldmVsc1xuICovXG5leHBvcnQgZnVuY3Rpb24gY2FsY3VsYXRlQ29sdW1uTGF5b3V0KGV2ZW50cywgY29uZmlnKSB7XG4gICAgY29uc3QgdGhyZXNob2xkTWludXRlcyA9IGNvbmZpZy5ncmlkU3RhcnRUaHJlc2hvbGRNaW51dGVzID8/IDEwO1xuICAgIGNvbnN0IHJlc3VsdCA9IHtcbiAgICAgICAgZ3JpZHM6IFtdLFxuICAgICAgICBzdGFja2VkOiBbXVxuICAgIH07XG4gICAgaWYgKGV2ZW50cy5sZW5ndGggPT09IDApXG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgLy8gRmluZCBhbGwgb3ZlcmxhcHBpbmcgZXZlbnQgZ3JvdXBzXG4gICAgY29uc3Qgb3ZlcmxhcEdyb3VwcyA9IGZpbmRPdmVybGFwR3JvdXBzKGV2ZW50cyk7XG4gICAgZm9yIChjb25zdCBvdmVybGFwR3JvdXAgb2Ygb3ZlcmxhcEdyb3Vwcykge1xuICAgICAgICBpZiAob3ZlcmxhcEdyb3VwLmxlbmd0aCA9PT0gMSkge1xuICAgICAgICAgICAgLy8gU2luZ2xlIGV2ZW50IC0gbm8gZ3JvdXBpbmcgbmVlZGVkXG4gICAgICAgICAgICByZXN1bHQuc3RhY2tlZC5wdXNoKHtcbiAgICAgICAgICAgICAgICBldmVudDogb3ZlcmxhcEdyb3VwWzBdLFxuICAgICAgICAgICAgICAgIHN0YWNrTGV2ZWw6IDBcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgIH1cbiAgICAgICAgLy8gV2l0aGluIHRoaXMgb3ZlcmxhcCBncm91cCwgZmluZCBncmlkIGNhbmRpZGF0ZXMgKHRocmVzaG9sZC1jb25uZWN0ZWQgc3ViZ3JvdXBzKVxuICAgICAgICBjb25zdCBncmlkU3ViZ3JvdXBzID0gZmluZEdyaWRDYW5kaWRhdGVzKG92ZXJsYXBHcm91cCwgdGhyZXNob2xkTWludXRlcyk7XG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSBFTlRJUkUgb3ZlcmxhcCBncm91cCBmb3JtcyBhIHNpbmdsZSBncmlkIGNhbmRpZGF0ZVxuICAgICAgICAvLyBUaGlzIGhhcHBlbnMgd2hlbiBhbGwgZXZlbnRzIGFyZSBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBjaGFpblxuICAgICAgICBjb25zdCBsYXJnZXN0R3JpZENhbmRpZGF0ZSA9IGdyaWRTdWJncm91cHMucmVkdWNlKChtYXgsIGcpID0+IGcubGVuZ3RoID4gbWF4Lmxlbmd0aCA/IGcgOiBtYXgsIGdyaWRTdWJncm91cHNbMF0pO1xuICAgICAgICBpZiAobGFyZ2VzdEdyaWRDYW5kaWRhdGUubGVuZ3RoID09PSBvdmVybGFwR3JvdXAubGVuZ3RoKSB7XG4gICAgICAgICAgICAvLyBBbGwgZXZlbnRzIGluIG92ZXJsYXAgZ3JvdXAgYXJlIGNvbm5lY3RlZCB2aWEgdGhyZXNob2xkIGNoYWluIFx1MjE5MiBHUklEIG1vZGVcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbnMgPSBhbGxvY2F0ZUNvbHVtbnMob3ZlcmxhcEdyb3VwKTtcbiAgICAgICAgICAgIGNvbnN0IGVhcmxpZXN0ID0gb3ZlcmxhcEdyb3VwLnJlZHVjZSgobWluLCBlKSA9PiBlLnN0YXJ0IDwgbWluLnN0YXJ0ID8gZSA6IG1pbiwgb3ZlcmxhcEdyb3VwWzBdKTtcbiAgICAgICAgICAgIGNvbnN0IHBvc2l0aW9uID0gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihlYXJsaWVzdC5zdGFydCwgZWFybGllc3QuZW5kLCBjb25maWcpO1xuICAgICAgICAgICAgcmVzdWx0LmdyaWRzLnB1c2goe1xuICAgICAgICAgICAgICAgIGV2ZW50czogb3ZlcmxhcEdyb3VwLFxuICAgICAgICAgICAgICAgIGNvbHVtbnMsXG4gICAgICAgICAgICAgICAgc3RhY2tMZXZlbDogMCxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogeyB0b3A6IHBvc2l0aW9uLnRvcCB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIE5vdCBhbGwgZXZlbnRzIGNvbm5lY3RlZCB2aWEgdGhyZXNob2xkIFx1MjE5MiBTVEFDS0lORyBtb2RlXG4gICAgICAgICAgICBjb25zdCBsZXZlbHMgPSBjYWxjdWxhdGVTdGFja0xldmVscyhvdmVybGFwR3JvdXApO1xuICAgICAgICAgICAgZm9yIChjb25zdCBldmVudCBvZiBvdmVybGFwR3JvdXApIHtcbiAgICAgICAgICAgICAgICByZXN1bHQuc3RhY2tlZC5wdXNoKHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQsXG4gICAgICAgICAgICAgICAgICAgIHN0YWNrTGV2ZWw6IGxldmVscy5nZXQoZXZlbnQuaWQpID8/IDBcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gcmVzdWx0O1xufVxuIiwgImltcG9ydCB7IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24sIHNuYXBUb0dyaWQsIHBpeGVsc1RvTWludXRlcyB9IGZyb20gJy4uLy4uL3V0aWxzL1Bvc2l0aW9uVXRpbHMnO1xuaW1wb3J0IHsgQ29yZUV2ZW50cyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9Db3JlRXZlbnRzJztcbmltcG9ydCB7IGNhbGN1bGF0ZUNvbHVtbkxheW91dCB9IGZyb20gJy4vRXZlbnRMYXlvdXRFbmdpbmUnO1xuLyoqXG4gKiBFdmVudFJlbmRlcmVyIC0gUmVuZGVycyBjYWxlbmRhciBldmVudHMgdG8gdGhlIERPTVxuICpcbiAqIENMRUFOIGFwcHJvYWNoOlxuICogLSBPbmx5IGRhdGEtaWQgYXR0cmlidXRlIG9uIGV2ZW50IGVsZW1lbnRcbiAqIC0gaW5uZXJIVE1MIGNvbnRhaW5zIG9ubHkgdmlzaWJsZSBjb250ZW50XG4gKiAtIEV2ZW50IGRhdGEgcmV0cmlldmVkIHZpYSBFdmVudFNlcnZpY2Ugd2hlbiBuZWVkZWRcbiAqL1xuZXhwb3J0IGNsYXNzIEV2ZW50UmVuZGVyZXIge1xuICAgIGNvbnN0cnVjdG9yKGV2ZW50U2VydmljZSwgZGF0ZVNlcnZpY2UsIGdyaWRDb25maWcsIGV2ZW50QnVzKSB7XG4gICAgICAgIHRoaXMuZXZlbnRTZXJ2aWNlID0gZXZlbnRTZXJ2aWNlO1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMuZ3JpZENvbmZpZyA9IGdyaWRDb25maWc7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMgPSBldmVudEJ1cztcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBudWxsO1xuICAgICAgICB0aGlzLnNldHVwTGlzdGVuZXJzKCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNldHVwIGxpc3RlbmVycyBmb3IgZHJhZy1kcm9wIGFuZCB1cGRhdGUgZXZlbnRzXG4gICAgICovXG4gICAgc2V0dXBMaXN0ZW5lcnMoKSB7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0NPTFVNTl9DSEFOR0UsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZUNvbHVtbkNoYW5nZShwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX01PVkUsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZURyYWdUaW1lc3RhbXAocGF5bG9hZCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfVVBEQVRFRCwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRXZlbnRVcGRhdGVkKHBheWxvYWQpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfRU5ELCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVEcmFnRW5kKHBheWxvYWQpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfTEVBVkVfSEVBREVSLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVEcmFnTGVhdmVIZWFkZXIocGF5bG9hZCk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgRVZFTlRfRFJBR19FTkQgLSByZW1vdmUgZWxlbWVudCBpZiBkcm9wcGVkIGluIGhlYWRlclxuICAgICAqL1xuICAgIGhhbmRsZURyYWdFbmQocGF5bG9hZCkge1xuICAgICAgICBpZiAocGF5bG9hZC50YXJnZXQgPT09ICdoZWFkZXInKSB7XG4gICAgICAgICAgICAvLyBFdmVudCB3YXMgZHJvcHBlZCBpbiBoZWFkZXIgZHJhd2VyIC0gcmVtb3ZlIGZyb20gZ3JpZFxuICAgICAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY29udGFpbmVyPy5xdWVyeVNlbGVjdG9yKGBzd3AtY29udGVudC12aWV3cG9ydCBzd3AtZXZlbnRbZGF0YS1ldmVudC1pZD1cIiR7cGF5bG9hZC5zd3BFdmVudC5ldmVudElkfVwiXWApO1xuICAgICAgICAgICAgZWxlbWVudD8ucmVtb3ZlKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIGhlYWRlciBpdGVtIGxlYXZpbmcgaGVhZGVyIC0gY3JlYXRlIHN3cC1ldmVudCBpbiBncmlkXG4gICAgICovXG4gICAgaGFuZGxlRHJhZ0xlYXZlSGVhZGVyKHBheWxvYWQpIHtcbiAgICAgICAgLy8gT25seSBoYW5kbGUgd2hlbiBzb3VyY2UgaXMgaGVhZGVyIChoZWFkZXIgaXRlbSBkcmFnZ2VkIHRvIGdyaWQpXG4gICAgICAgIGlmIChwYXlsb2FkLnNvdXJjZSAhPT0gJ2hlYWRlcicpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGlmICghcGF5bG9hZC50YXJnZXRDb2x1bW4gfHwgIXBheWxvYWQuc3RhcnQgfHwgIXBheWxvYWQuZW5kKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBUdXJuIGhlYWRlciBpdGVtIGludG8gZ2hvc3QgKHN0YXlzIHZpc2libGUgYnV0IGZhZGVkKVxuICAgICAgICBpZiAocGF5bG9hZC5lbGVtZW50KSB7XG4gICAgICAgICAgICBwYXlsb2FkLmVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZHJhZy1naG9zdCcpO1xuICAgICAgICAgICAgcGF5bG9hZC5lbGVtZW50LnN0eWxlLm9wYWNpdHkgPSAnMC4zJztcbiAgICAgICAgICAgIHBheWxvYWQuZWxlbWVudC5zdHlsZS5wb2ludGVyRXZlbnRzID0gJ25vbmUnO1xuICAgICAgICB9XG4gICAgICAgIC8vIENyZWF0ZSBldmVudCBvYmplY3QgZnJvbSBoZWFkZXIgaXRlbSBkYXRhXG4gICAgICAgIGNvbnN0IGV2ZW50ID0ge1xuICAgICAgICAgICAgaWQ6IHBheWxvYWQuZXZlbnRJZCxcbiAgICAgICAgICAgIHRpdGxlOiBwYXlsb2FkLnRpdGxlIHx8ICcnLFxuICAgICAgICAgICAgZGVzY3JpcHRpb246ICcnLFxuICAgICAgICAgICAgc3RhcnQ6IHBheWxvYWQuc3RhcnQsXG4gICAgICAgICAgICBlbmQ6IHBheWxvYWQuZW5kLFxuICAgICAgICAgICAgdHlwZTogJ2N1c3RvbWVyJyxcbiAgICAgICAgICAgIGFsbERheTogZmFsc2UsXG4gICAgICAgICAgICBzeW5jU3RhdHVzOiAncGVuZGluZydcbiAgICAgICAgfTtcbiAgICAgICAgLy8gQ3JlYXRlIHN3cC1ldmVudCBlbGVtZW50IHVzaW5nIGV4aXN0aW5nIG1ldGhvZFxuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5jcmVhdGVFdmVudEVsZW1lbnQoZXZlbnQpO1xuICAgICAgICAvLyBBZGQgdG8gdGFyZ2V0IGNvbHVtblxuICAgICAgICBsZXQgZXZlbnRzTGF5ZXIgPSBwYXlsb2FkLnRhcmdldENvbHVtbi5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XG4gICAgICAgIGlmICghZXZlbnRzTGF5ZXIpIHtcbiAgICAgICAgICAgIGV2ZW50c0xheWVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICAgICAgcGF5bG9hZC50YXJnZXRDb2x1bW4uYXBwZW5kQ2hpbGQoZXZlbnRzTGF5ZXIpO1xuICAgICAgICB9XG4gICAgICAgIGV2ZW50c0xheWVyLmFwcGVuZENoaWxkKGVsZW1lbnQpO1xuICAgICAgICAvLyBNYXJrIGFzIGRyYWdnaW5nIHNvIERyYWdEcm9wTWFuYWdlciBjYW4gY29udGludWUgd2l0aCBpdFxuICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2RyYWdnaW5nJyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBFVkVOVF9VUERBVEVEIC0gcmUtcmVuZGVyIGFmZmVjdGVkIGNvbHVtbnNcbiAgICAgKi9cbiAgICBhc3luYyBoYW5kbGVFdmVudFVwZGF0ZWQocGF5bG9hZCkge1xuICAgICAgICAvLyBSZS1yZW5kZXIgc291cmNlIGNvbHVtbiAoaWYgZGlmZmVyZW50IGZyb20gdGFyZ2V0KVxuICAgICAgICBpZiAocGF5bG9hZC5zb3VyY2VDb2x1bW5LZXkgIT09IHBheWxvYWQudGFyZ2V0Q29sdW1uS2V5KSB7XG4gICAgICAgICAgICBhd2FpdCB0aGlzLnJlcmVuZGVyQ29sdW1uKHBheWxvYWQuc291cmNlQ29sdW1uS2V5KTtcbiAgICAgICAgfVxuICAgICAgICAvLyBSZS1yZW5kZXIgdGFyZ2V0IGNvbHVtblxuICAgICAgICBhd2FpdCB0aGlzLnJlcmVuZGVyQ29sdW1uKHBheWxvYWQudGFyZ2V0Q29sdW1uS2V5KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmUtcmVuZGVyIGEgc2luZ2xlIGNvbHVtbiB3aXRoIGZyZXNoIGRhdGEgZnJvbSBJbmRleGVkREJcbiAgICAgKi9cbiAgICBhc3luYyByZXJlbmRlckNvbHVtbihjb2x1bW5LZXkpIHtcbiAgICAgICAgY29uc3QgY29sdW1uID0gdGhpcy5maW5kQ29sdW1uKGNvbHVtbktleSk7XG4gICAgICAgIGlmICghY29sdW1uKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBSZWFkIGRhdGUgYW5kIHJlc291cmNlSWQgZGlyZWN0bHkgZnJvbSBjb2x1bW4gYXR0cmlidXRlcyAoY29sdW1uS2V5IGlzIG9wYXF1ZSlcbiAgICAgICAgY29uc3QgZGF0ZSA9IGNvbHVtbi5kYXRhc2V0LmRhdGU7XG4gICAgICAgIGNvbnN0IHJlc291cmNlSWQgPSBjb2x1bW4uZGF0YXNldC5yZXNvdXJjZUlkO1xuICAgICAgICBpZiAoIWRhdGUpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIEdldCBkYXRlIHJhbmdlIGZvciB0aGlzIGRheVxuICAgICAgICBjb25zdCBzdGFydERhdGUgPSBuZXcgRGF0ZShkYXRlKTtcbiAgICAgICAgY29uc3QgZW5kRGF0ZSA9IG5ldyBEYXRlKGRhdGUpO1xuICAgICAgICBlbmREYXRlLnNldEhvdXJzKDIzLCA1OSwgNTksIDk5OSk7XG4gICAgICAgIC8vIEZldGNoIGV2ZW50cyBmcm9tIEluZGV4ZWREQlxuICAgICAgICBjb25zdCBldmVudHMgPSByZXNvdXJjZUlkXG4gICAgICAgICAgICA/IGF3YWl0IHRoaXMuZXZlbnRTZXJ2aWNlLmdldEJ5UmVzb3VyY2VBbmREYXRlUmFuZ2UocmVzb3VyY2VJZCwgc3RhcnREYXRlLCBlbmREYXRlKVxuICAgICAgICAgICAgOiBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeURhdGVSYW5nZShzdGFydERhdGUsIGVuZERhdGUpO1xuICAgICAgICAvLyBGaWx0ZXIgdG8gdGltZWQgZXZlbnRzIGFuZCBtYXRjaCBkYXRlIGV4YWN0bHlcbiAgICAgICAgY29uc3QgdGltZWRFdmVudHMgPSBldmVudHMuZmlsdGVyKGV2ZW50ID0+ICFldmVudC5hbGxEYXkgJiYgdGhpcy5kYXRlU2VydmljZS5nZXREYXRlS2V5KGV2ZW50LnN0YXJ0KSA9PT0gZGF0ZSk7XG4gICAgICAgIC8vIEdldCBvciBjcmVhdGUgZXZlbnRzIGxheWVyXG4gICAgICAgIGxldCBldmVudHNMYXllciA9IGNvbHVtbi5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XG4gICAgICAgIGlmICghZXZlbnRzTGF5ZXIpIHtcbiAgICAgICAgICAgIGV2ZW50c0xheWVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICAgICAgY29sdW1uLmFwcGVuZENoaWxkKGV2ZW50c0xheWVyKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBDbGVhciBleGlzdGluZyBldmVudHNcbiAgICAgICAgZXZlbnRzTGF5ZXIuaW5uZXJIVE1MID0gJyc7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBsYXlvdXQgd2l0aCBzdGFja2luZy9ncm91cGluZ1xuICAgICAgICBjb25zdCBsYXlvdXQgPSBjYWxjdWxhdGVDb2x1bW5MYXlvdXQodGltZWRFdmVudHMsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIC8vIFJlbmRlciBHUklEIGdyb3Vwc1xuICAgICAgICBsYXlvdXQuZ3JpZHMuZm9yRWFjaChncmlkID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGdyb3VwRWwgPSB0aGlzLnJlbmRlckdyaWRHcm91cChncmlkKTtcbiAgICAgICAgICAgIGV2ZW50c0xheWVyLmFwcGVuZENoaWxkKGdyb3VwRWwpO1xuICAgICAgICB9KTtcbiAgICAgICAgLy8gUmVuZGVyIFNUQUNLRUQgZXZlbnRzXG4gICAgICAgIGxheW91dC5zdGFja2VkLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICAgICAgICBjb25zdCBldmVudEVsID0gdGhpcy5yZW5kZXJTdGFja2VkRXZlbnQoaXRlbS5ldmVudCwgaXRlbS5zdGFja0xldmVsKTtcbiAgICAgICAgICAgIGV2ZW50c0xheWVyLmFwcGVuZENoaWxkKGV2ZW50RWwpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRmluZCBhIGNvbHVtbiBlbGVtZW50IGJ5IGNvbHVtbktleVxuICAgICAqL1xuICAgIGZpbmRDb2x1bW4oY29sdW1uS2V5KSB7XG4gICAgICAgIGlmICghdGhpcy5jb250YWluZXIpXG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoYHN3cC1kYXktY29sdW1uW2RhdGEtY29sdW1uLWtleT1cIiR7Y29sdW1uS2V5fVwiXWApO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgZXZlbnQgbW92aW5nIHRvIGEgbmV3IGNvbHVtbiBkdXJpbmcgZHJhZ1xuICAgICAqL1xuICAgIGhhbmRsZUNvbHVtbkNoYW5nZShwYXlsb2FkKSB7XG4gICAgICAgIGNvbnN0IGV2ZW50c0xheWVyID0gcGF5bG9hZC5uZXdDb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICBpZiAoIWV2ZW50c0xheWVyKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBNb3ZlIGVsZW1lbnQgdG8gbmV3IGNvbHVtblxuICAgICAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChwYXlsb2FkLmVsZW1lbnQpO1xuICAgICAgICAvLyBQcmVzZXJ2ZSBZIHBvc2l0aW9uXG4gICAgICAgIHBheWxvYWQuZWxlbWVudC5zdHlsZS50b3AgPSBgJHtwYXlsb2FkLmN1cnJlbnRZfXB4YDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogVXBkYXRlIHRpbWVzdGFtcCBkaXNwbGF5IGR1cmluZyBkcmFnIChzbmFwcGVkIHRvIGdyaWQpXG4gICAgICovXG4gICAgdXBkYXRlRHJhZ1RpbWVzdGFtcChwYXlsb2FkKSB7XG4gICAgICAgIGNvbnN0IHRpbWVFbCA9IHBheWxvYWQuZWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnQtdGltZScpO1xuICAgICAgICBpZiAoIXRpbWVFbClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gU25hcCBwb3NpdGlvbiB0byBncmlkIGludGVydmFsXG4gICAgICAgIGNvbnN0IHNuYXBwZWRZID0gc25hcFRvR3JpZChwYXlsb2FkLmN1cnJlbnRZLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICAvLyBDYWxjdWxhdGUgbmV3IHN0YXJ0IHRpbWVcbiAgICAgICAgY29uc3QgbWludXRlc0Zyb21HcmlkU3RhcnQgPSBwaXhlbHNUb01pbnV0ZXMoc25hcHBlZFksIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIGNvbnN0IHN0YXJ0TWludXRlcyA9ICh0aGlzLmdyaWRDb25maWcuZGF5U3RhcnRIb3VyICogNjApICsgbWludXRlc0Zyb21HcmlkU3RhcnQ7XG4gICAgICAgIC8vIEtlZXAgb3JpZ2luYWwgZHVyYXRpb24gKGZyb20gZWxlbWVudCBoZWlnaHQpXG4gICAgICAgIGNvbnN0IGhlaWdodCA9IHBhcnNlRmxvYXQocGF5bG9hZC5lbGVtZW50LnN0eWxlLmhlaWdodCkgfHwgdGhpcy5ncmlkQ29uZmlnLmhvdXJIZWlnaHQ7XG4gICAgICAgIGNvbnN0IGR1cmF0aW9uTWludXRlcyA9IHBpeGVsc1RvTWludXRlcyhoZWlnaHQsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIC8vIENyZWF0ZSBEYXRlIG9iamVjdHMgZm9yIGNvbnNpc3RlbnQgZm9ybWF0dGluZyB2aWEgRGF0ZVNlcnZpY2VcbiAgICAgICAgY29uc3Qgc3RhcnQgPSB0aGlzLm1pbnV0ZXNUb0RhdGUoc3RhcnRNaW51dGVzKTtcbiAgICAgICAgY29uc3QgZW5kID0gdGhpcy5taW51dGVzVG9EYXRlKHN0YXJ0TWludXRlcyArIGR1cmF0aW9uTWludXRlcyk7XG4gICAgICAgIHRpbWVFbC50ZXh0Q29udGVudCA9IHRoaXMuZGF0ZVNlcnZpY2UuZm9ybWF0VGltZVJhbmdlKHN0YXJ0LCBlbmQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDb252ZXJ0IG1pbnV0ZXMgc2luY2UgbWlkbmlnaHQgdG8gYSBEYXRlIG9iamVjdCAodG9kYXkpXG4gICAgICovXG4gICAgbWludXRlc1RvRGF0ZShtaW51dGVzKSB7XG4gICAgICAgIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZSgpO1xuICAgICAgICBkYXRlLnNldEhvdXJzKE1hdGguZmxvb3IobWludXRlcyAvIDYwKSAlIDI0LCBtaW51dGVzICUgNjAsIDAsIDApO1xuICAgICAgICByZXR1cm4gZGF0ZTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVuZGVyIGV2ZW50cyBmb3IgdmlzaWJsZSBkYXRlcyBpbnRvIGRheSBjb2x1bW5zXG4gICAgICogQHBhcmFtIGNvbnRhaW5lciAtIENhbGVuZGFyIGNvbnRhaW5lciBlbGVtZW50XG4gICAgICogQHBhcmFtIGZpbHRlciAtIEZpbHRlciB3aXRoICdkYXRlJyBhbmQgb3B0aW9uYWxseSAncmVzb3VyY2UnIGFycmF5c1xuICAgICAqIEBwYXJhbSBmaWx0ZXJUZW1wbGF0ZSAtIFRlbXBsYXRlIGZvciBtYXRjaGluZyBldmVudHMgdG8gY29sdW1uc1xuICAgICAqL1xuICAgIGFzeW5jIHJlbmRlcihjb250YWluZXIsIGZpbHRlciwgZmlsdGVyVGVtcGxhdGUpIHtcbiAgICAgICAgLy8gU3RvcmUgY29udGFpbmVyIHJlZmVyZW5jZSBmb3IgbGF0ZXIgcmUtcmVuZGVyc1xuICAgICAgICB0aGlzLmNvbnRhaW5lciA9IGNvbnRhaW5lcjtcbiAgICAgICAgY29uc3QgdmlzaWJsZURhdGVzID0gZmlsdGVyWydkYXRlJ10gfHwgW107XG4gICAgICAgIGlmICh2aXNpYmxlRGF0ZXMubGVuZ3RoID09PSAwKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBHZXQgZGF0ZSByYW5nZSBmb3IgcXVlcnlcbiAgICAgICAgY29uc3Qgc3RhcnREYXRlID0gbmV3IERhdGUodmlzaWJsZURhdGVzWzBdKTtcbiAgICAgICAgY29uc3QgZW5kRGF0ZSA9IG5ldyBEYXRlKHZpc2libGVEYXRlc1t2aXNpYmxlRGF0ZXMubGVuZ3RoIC0gMV0pO1xuICAgICAgICBlbmREYXRlLnNldEhvdXJzKDIzLCA1OSwgNTksIDk5OSk7XG4gICAgICAgIC8vIEZldGNoIGV2ZW50cyBmcm9tIEluZGV4ZWREQlxuICAgICAgICBjb25zdCBldmVudHMgPSBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeURhdGVSYW5nZShzdGFydERhdGUsIGVuZERhdGUpO1xuICAgICAgICAvLyBGaW5kIGRheSBjb2x1bW5zXG4gICAgICAgIGNvbnN0IGRheUNvbHVtbnMgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWRheS1jb2x1bW5zJyk7XG4gICAgICAgIGlmICghZGF5Q29sdW1ucylcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgY29sdW1ucyA9IGRheUNvbHVtbnMucXVlcnlTZWxlY3RvckFsbCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgLy8gUmVuZGVyIGV2ZW50cyBpbnRvIGVhY2ggY29sdW1uIGJhc2VkIG9uIEZpbHRlclRlbXBsYXRlIG1hdGNoaW5nXG4gICAgICAgIGNvbHVtbnMuZm9yRWFjaChjb2x1bW4gPT4ge1xuICAgICAgICAgICAgY29uc3QgY29sdW1uRWwgPSBjb2x1bW47XG4gICAgICAgICAgICAvLyBVc2UgRmlsdGVyVGVtcGxhdGUgZm9yIG1hdGNoaW5nIC0gb25seSBmaWVsZHMgaW4gdGVtcGxhdGUgYXJlIGNoZWNrZWRcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbkV2ZW50cyA9IGV2ZW50cy5maWx0ZXIoZXZlbnQgPT4gZmlsdGVyVGVtcGxhdGUubWF0Y2hlcyhldmVudCwgY29sdW1uRWwpKTtcbiAgICAgICAgICAgIC8vIEdldCBvciBjcmVhdGUgZXZlbnRzIGxheWVyXG4gICAgICAgICAgICBsZXQgZXZlbnRzTGF5ZXIgPSBjb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICAgICAgaWYgKCFldmVudHNMYXllcikge1xuICAgICAgICAgICAgICAgIGV2ZW50c0xheWVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICAgICAgICAgIGNvbHVtbi5hcHBlbmRDaGlsZChldmVudHNMYXllcik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBDbGVhciBleGlzdGluZyBldmVudHNcbiAgICAgICAgICAgIGV2ZW50c0xheWVyLmlubmVySFRNTCA9ICcnO1xuICAgICAgICAgICAgLy8gRmlsdGVyIHRvIHRpbWVkIGV2ZW50cyBvbmx5XG4gICAgICAgICAgICBjb25zdCB0aW1lZEV2ZW50cyA9IGNvbHVtbkV2ZW50cy5maWx0ZXIoZXZlbnQgPT4gIWV2ZW50LmFsbERheSk7XG4gICAgICAgICAgICAvLyBDYWxjdWxhdGUgbGF5b3V0IHdpdGggc3RhY2tpbmcvZ3JvdXBpbmdcbiAgICAgICAgICAgIGNvbnN0IGxheW91dCA9IGNhbGN1bGF0ZUNvbHVtbkxheW91dCh0aW1lZEV2ZW50cywgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgICAgIC8vIFJlbmRlciBHUklEIGdyb3VwcyAoc2ltdWx0YW5lb3VzIGV2ZW50cyBzaWRlLWJ5LXNpZGUpXG4gICAgICAgICAgICBsYXlvdXQuZ3JpZHMuZm9yRWFjaChncmlkID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBncm91cEVsID0gdGhpcy5yZW5kZXJHcmlkR3JvdXAoZ3JpZCk7XG4gICAgICAgICAgICAgICAgZXZlbnRzTGF5ZXIuYXBwZW5kQ2hpbGQoZ3JvdXBFbCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIC8vIFJlbmRlciBTVEFDS0VEIGV2ZW50cyAob3ZlcmxhcHBpbmcgd2l0aCBtYXJnaW4gb2Zmc2V0KVxuICAgICAgICAgICAgbGF5b3V0LnN0YWNrZWQuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBldmVudEVsID0gdGhpcy5yZW5kZXJTdGFja2VkRXZlbnQoaXRlbS5ldmVudCwgaXRlbS5zdGFja0xldmVsKTtcbiAgICAgICAgICAgICAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChldmVudEVsKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIGEgc2luZ2xlIGV2ZW50IGVsZW1lbnRcbiAgICAgKlxuICAgICAqIENMRUFOIGFwcHJvYWNoOlxuICAgICAqIC0gT25seSBkYXRhLWlkIGZvciBsb29rdXBcbiAgICAgKiAtIFZpc2libGUgY29udGVudCBpbiBpbm5lckhUTUwgb25seVxuICAgICAqL1xuICAgIGNyZWF0ZUV2ZW50RWxlbWVudChldmVudCkge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWV2ZW50Jyk7XG4gICAgICAgIC8vIERhdGEgYXR0cmlidXRlcyBmb3IgU3dwRXZlbnQgY29tcGF0aWJpbGl0eVxuICAgICAgICBlbGVtZW50LmRhdGFzZXQuZXZlbnRJZCA9IGV2ZW50LmlkO1xuICAgICAgICBpZiAoZXZlbnQucmVzb3VyY2VJZCkge1xuICAgICAgICAgICAgZWxlbWVudC5kYXRhc2V0LnJlc291cmNlSWQgPSBldmVudC5yZXNvdXJjZUlkO1xuICAgICAgICB9XG4gICAgICAgIC8vIENhbGN1bGF0ZSBwb3NpdGlvblxuICAgICAgICBjb25zdCBwb3NpdGlvbiA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZXZlbnQuc3RhcnQsIGV2ZW50LmVuZCwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgZWxlbWVudC5zdHlsZS50b3AgPSBgJHtwb3NpdGlvbi50b3B9cHhgO1xuICAgICAgICBlbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke3Bvc2l0aW9uLmhlaWdodH1weGA7XG4gICAgICAgIC8vIENvbG9yIGNsYXNzIGJhc2VkIG9uIGV2ZW50IHR5cGVcbiAgICAgICAgY29uc3QgY29sb3JDbGFzcyA9IHRoaXMuZ2V0Q29sb3JDbGFzcyhldmVudCk7XG4gICAgICAgIGlmIChjb2xvckNsYXNzKSB7XG4gICAgICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5hZGQoY29sb3JDbGFzcyk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gVmlzaWJsZSBjb250ZW50IG9ubHlcbiAgICAgICAgZWxlbWVudC5pbm5lckhUTUwgPSBgXHJcbiAgICAgIDxzd3AtZXZlbnQtdGltZT4ke3RoaXMuZGF0ZVNlcnZpY2UuZm9ybWF0VGltZVJhbmdlKGV2ZW50LnN0YXJ0LCBldmVudC5lbmQpfTwvc3dwLWV2ZW50LXRpbWU+XHJcbiAgICAgIDxzd3AtZXZlbnQtdGl0bGU+JHt0aGlzLmVzY2FwZUh0bWwoZXZlbnQudGl0bGUpfTwvc3dwLWV2ZW50LXRpdGxlPlxyXG4gICAgICAke2V2ZW50LmRlc2NyaXB0aW9uID8gYDxzd3AtZXZlbnQtZGVzY3JpcHRpb24+JHt0aGlzLmVzY2FwZUh0bWwoZXZlbnQuZGVzY3JpcHRpb24pfTwvc3dwLWV2ZW50LWRlc2NyaXB0aW9uPmAgOiAnJ31cclxuICAgIGA7XG4gICAgICAgIHJldHVybiBlbGVtZW50O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgY29sb3IgY2xhc3MgYmFzZWQgb24gbWV0YWRhdGEuY29sb3Igb3IgZXZlbnQgdHlwZVxuICAgICAqL1xuICAgIGdldENvbG9yQ2xhc3MoZXZlbnQpIHtcbiAgICAgICAgLy8gQ2hlY2sgbWV0YWRhdGEuY29sb3IgZmlyc3RcbiAgICAgICAgaWYgKGV2ZW50Lm1ldGFkYXRhPy5jb2xvcikge1xuICAgICAgICAgICAgcmV0dXJuIGBpcy0ke2V2ZW50Lm1ldGFkYXRhLmNvbG9yfWA7XG4gICAgICAgIH1cbiAgICAgICAgLy8gRmFsbGJhY2sgdG8gdHlwZS1iYXNlZCBjb2xvclxuICAgICAgICBjb25zdCB0eXBlQ29sb3JzID0ge1xuICAgICAgICAgICAgJ2N1c3RvbWVyJzogJ2lzLWJsdWUnLFxuICAgICAgICAgICAgJ3ZhY2F0aW9uJzogJ2lzLWdyZWVuJyxcbiAgICAgICAgICAgICdicmVhayc6ICdpcy1hbWJlcicsXG4gICAgICAgICAgICAnbWVldGluZyc6ICdpcy1wdXJwbGUnLFxuICAgICAgICAgICAgJ2Jsb2NrZWQnOiAnaXMtcmVkJ1xuICAgICAgICB9O1xuICAgICAgICByZXR1cm4gdHlwZUNvbG9yc1tldmVudC50eXBlXSB8fCAnaXMtYmx1ZSc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEVzY2FwZSBIVE1MIHRvIHByZXZlbnQgWFNTXG4gICAgICovXG4gICAgZXNjYXBlSHRtbCh0ZXh0KSB7XG4gICAgICAgIGNvbnN0IGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICBkaXYudGV4dENvbnRlbnQgPSB0ZXh0O1xuICAgICAgICByZXR1cm4gZGl2LmlubmVySFRNTDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVuZGVyIGEgR1JJRCBncm91cCB3aXRoIHNpZGUtYnktc2lkZSBjb2x1bW5zXG4gICAgICogVXNlZCB3aGVuIG11bHRpcGxlIGV2ZW50cyBzdGFydCBhdCB0aGUgc2FtZSB0aW1lXG4gICAgICovXG4gICAgcmVuZGVyR3JpZEdyb3VwKGxheW91dCkge1xuICAgICAgICBjb25zdCBncm91cCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudC1ncm91cCcpO1xuICAgICAgICBncm91cC5jbGFzc0xpc3QuYWRkKGBjb2xzLSR7bGF5b3V0LmNvbHVtbnMubGVuZ3RofWApO1xuICAgICAgICBncm91cC5zdHlsZS50b3AgPSBgJHtsYXlvdXQucG9zaXRpb24udG9wfXB4YDtcbiAgICAgICAgLy8gU3RhY2sgbGV2ZWwgc3R5bGluZyBmb3IgZW50aXJlIGdyb3VwIChpZiBuZXN0ZWQgaW4gYW5vdGhlciBldmVudClcbiAgICAgICAgaWYgKGxheW91dC5zdGFja0xldmVsID4gMCkge1xuICAgICAgICAgICAgZ3JvdXAuc3R5bGUubWFyZ2luTGVmdCA9IGAke2xheW91dC5zdGFja0xldmVsICogMTV9cHhgO1xuICAgICAgICAgICAgZ3JvdXAuc3R5bGUuekluZGV4ID0gYCR7MTAwICsgbGF5b3V0LnN0YWNrTGV2ZWx9YDtcbiAgICAgICAgfVxuICAgICAgICAvLyBDYWxjdWxhdGUgdGhlIGhlaWdodCBuZWVkZWQgZm9yIHRoZSBncm91cCAodGFsbGVzdCBldmVudClcbiAgICAgICAgbGV0IG1heEJvdHRvbSA9IDA7XG4gICAgICAgIGZvciAoY29uc3QgZXZlbnQgb2YgbGF5b3V0LmV2ZW50cykge1xuICAgICAgICAgICAgY29uc3QgcG9zID0gY2FsY3VsYXRlRXZlbnRQb3NpdGlvbihldmVudC5zdGFydCwgZXZlbnQuZW5kLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICAgICAgY29uc3QgZXZlbnRCb3R0b20gPSBwb3MudG9wICsgcG9zLmhlaWdodDtcbiAgICAgICAgICAgIGlmIChldmVudEJvdHRvbSA+IG1heEJvdHRvbSlcbiAgICAgICAgICAgICAgICBtYXhCb3R0b20gPSBldmVudEJvdHRvbTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBncm91cEhlaWdodCA9IG1heEJvdHRvbSAtIGxheW91dC5wb3NpdGlvbi50b3A7XG4gICAgICAgIGdyb3VwLnN0eWxlLmhlaWdodCA9IGAke2dyb3VwSGVpZ2h0fXB4YDtcbiAgICAgICAgLy8gQ3JlYXRlIHdyYXBwZXIgZGl2IGZvciBlYWNoIGNvbHVtblxuICAgICAgICBsYXlvdXQuY29sdW1ucy5mb3JFYWNoKGNvbHVtbkV2ZW50cyA9PiB7XG4gICAgICAgICAgICBjb25zdCB3cmFwcGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgICAgICB3cmFwcGVyLnN0eWxlLnBvc2l0aW9uID0gJ3JlbGF0aXZlJztcbiAgICAgICAgICAgIGNvbHVtbkV2ZW50cy5mb3JFYWNoKGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBldmVudEVsID0gdGhpcy5jcmVhdGVFdmVudEVsZW1lbnQoZXZlbnQpO1xuICAgICAgICAgICAgICAgIC8vIFBvc2l0aW9uIHJlbGF0aXZlIHRvIGdyb3VwIHRvcFxuICAgICAgICAgICAgICAgIGNvbnN0IHBvcyA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZXZlbnQuc3RhcnQsIGV2ZW50LmVuZCwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgICAgICAgICBldmVudEVsLnN0eWxlLnRvcCA9IGAke3Bvcy50b3AgLSBsYXlvdXQucG9zaXRpb24udG9wfXB4YDtcbiAgICAgICAgICAgICAgICBldmVudEVsLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICAgICAgICAgICAgICBldmVudEVsLnN0eWxlLmxlZnQgPSAnMCc7XG4gICAgICAgICAgICAgICAgZXZlbnRFbC5zdHlsZS5yaWdodCA9ICcwJztcbiAgICAgICAgICAgICAgICB3cmFwcGVyLmFwcGVuZENoaWxkKGV2ZW50RWwpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBncm91cC5hcHBlbmRDaGlsZCh3cmFwcGVyKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiBncm91cDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVuZGVyIGEgU1RBQ0tFRCBldmVudCB3aXRoIG1hcmdpbi1sZWZ0IG9mZnNldFxuICAgICAqIFVzZWQgZm9yIG92ZXJsYXBwaW5nIGV2ZW50cyB0aGF0IGRvbid0IHN0YXJ0IGF0IHRoZSBzYW1lIHRpbWVcbiAgICAgKi9cbiAgICByZW5kZXJTdGFja2VkRXZlbnQoZXZlbnQsIHN0YWNrTGV2ZWwpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY3JlYXRlRXZlbnRFbGVtZW50KGV2ZW50KTtcbiAgICAgICAgLy8gQWRkIHN0YWNrIG1ldGFkYXRhIGZvciBkcmFnLWRyb3AgYW5kIG90aGVyIGZlYXR1cmVzXG4gICAgICAgIGVsZW1lbnQuZGF0YXNldC5zdGFja0xpbmsgPSBKU09OLnN0cmluZ2lmeSh7IHN0YWNrTGV2ZWwgfSk7XG4gICAgICAgIC8vIFZpc3VhbCBzdHlsaW5nIGJhc2VkIG9uIHN0YWNrIGxldmVsXG4gICAgICAgIGlmIChzdGFja0xldmVsID4gMCkge1xuICAgICAgICAgICAgZWxlbWVudC5zdHlsZS5tYXJnaW5MZWZ0ID0gYCR7c3RhY2tMZXZlbCAqIDE1fXB4YDtcbiAgICAgICAgICAgIGVsZW1lbnQuc3R5bGUuekluZGV4ID0gYCR7MTAwICsgc3RhY2tMZXZlbH1gO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBlbGVtZW50O1xuICAgIH1cbn1cbiIsICIvKipcbiAqIFNjaGVkdWxlUmVuZGVyZXIgLSBSZW5kZXJzIHVuYXZhaWxhYmxlIHRpbWUgem9uZXMgaW4gZGF5IGNvbHVtbnNcbiAqXG4gKiBDcmVhdGVzIHZpc3VhbCBpbmRpY2F0b3JzIGZvciB0aW1lcyBvdXRzaWRlIHRoZSByZXNvdXJjZSdzIHdvcmtpbmcgaG91cnM6XG4gKiAtIEJlZm9yZSB3b3JrIHN0YXJ0IChlLmcuLCAwNjowMCAtIDA5OjAwKVxuICogLSBBZnRlciB3b3JrIGVuZCAoZS5nLiwgMTc6MDAgLSAxODowMClcbiAqIC0gRnVsbCBkYXkgaWYgcmVzb3VyY2UgaXMgb2ZmIChzY2hlZHVsZSA9IG51bGwpXG4gKi9cbmV4cG9ydCBjbGFzcyBTY2hlZHVsZVJlbmRlcmVyIHtcbiAgICBjb25zdHJ1Y3RvcihzY2hlZHVsZVNlcnZpY2UsIGRhdGVTZXJ2aWNlLCBncmlkQ29uZmlnKSB7XG4gICAgICAgIHRoaXMuc2NoZWR1bGVTZXJ2aWNlID0gc2NoZWR1bGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMuZ3JpZENvbmZpZyA9IGdyaWRDb25maWc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlbmRlciB1bmF2YWlsYWJsZSB6b25lcyBmb3IgdmlzaWJsZSBjb2x1bW5zXG4gICAgICogQHBhcmFtIGNvbnRhaW5lciAtIENhbGVuZGFyIGNvbnRhaW5lciBlbGVtZW50XG4gICAgICogQHBhcmFtIGZpbHRlciAtIEZpbHRlciB3aXRoICdkYXRlJyBhbmQgJ3Jlc291cmNlJyBhcnJheXNcbiAgICAgKi9cbiAgICBhc3luYyByZW5kZXIoY29udGFpbmVyLCBmaWx0ZXIpIHtcbiAgICAgICAgY29uc3QgZGF0ZXMgPSBmaWx0ZXJbJ2RhdGUnXSB8fCBbXTtcbiAgICAgICAgY29uc3QgcmVzb3VyY2VJZHMgPSBmaWx0ZXJbJ3Jlc291cmNlJ10gfHwgW107XG4gICAgICAgIGlmIChkYXRlcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIEZpbmQgZGF5IGNvbHVtbnNcbiAgICAgICAgY29uc3QgZGF5Q29sdW1ucyA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtZGF5LWNvbHVtbnMnKTtcbiAgICAgICAgaWYgKCFkYXlDb2x1bW5zKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBjb2x1bW5zID0gZGF5Q29sdW1ucy5xdWVyeVNlbGVjdG9yQWxsKCdzd3AtZGF5LWNvbHVtbicpO1xuICAgICAgICBmb3IgKGNvbnN0IGNvbHVtbiBvZiBjb2x1bW5zKSB7XG4gICAgICAgICAgICBjb25zdCBkYXRlID0gY29sdW1uLmRhdGFzZXQuZGF0ZTtcbiAgICAgICAgICAgIGNvbnN0IHJlc291cmNlSWQgPSBjb2x1bW4uZGF0YXNldC5yZXNvdXJjZUlkO1xuICAgICAgICAgICAgaWYgKCFkYXRlIHx8ICFyZXNvdXJjZUlkKVxuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgLy8gR2V0IG9yIGNyZWF0ZSB1bmF2YWlsYWJsZSBsYXllclxuICAgICAgICAgICAgbGV0IHVuYXZhaWxhYmxlTGF5ZXIgPSBjb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLXVuYXZhaWxhYmxlLWxheWVyJyk7XG4gICAgICAgICAgICBpZiAoIXVuYXZhaWxhYmxlTGF5ZXIpIHtcbiAgICAgICAgICAgICAgICB1bmF2YWlsYWJsZUxheWVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLXVuYXZhaWxhYmxlLWxheWVyJyk7XG4gICAgICAgICAgICAgICAgY29sdW1uLmluc2VydEJlZm9yZSh1bmF2YWlsYWJsZUxheWVyLCBjb2x1bW4uZmlyc3RDaGlsZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBDbGVhciBleGlzdGluZ1xuICAgICAgICAgICAgdW5hdmFpbGFibGVMYXllci5pbm5lckhUTUwgPSAnJztcbiAgICAgICAgICAgIC8vIEdldCBzY2hlZHVsZSBmb3IgdGhpcyByZXNvdXJjZS9kYXRlXG4gICAgICAgICAgICBjb25zdCBzY2hlZHVsZSA9IGF3YWl0IHRoaXMuc2NoZWR1bGVTZXJ2aWNlLmdldFNjaGVkdWxlRm9yRGF0ZShyZXNvdXJjZUlkLCBkYXRlKTtcbiAgICAgICAgICAgIC8vIFJlbmRlciB1bmF2YWlsYWJsZSB6b25lc1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJVbmF2YWlsYWJsZVpvbmVzKHVuYXZhaWxhYmxlTGF5ZXIsIHNjaGVkdWxlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZW5kZXIgdW5hdmFpbGFibGUgdGltZSB6b25lcyBiYXNlZCBvbiBzY2hlZHVsZVxuICAgICAqL1xuICAgIHJlbmRlclVuYXZhaWxhYmxlWm9uZXMobGF5ZXIsIHNjaGVkdWxlKSB7XG4gICAgICAgIGNvbnN0IGRheVN0YXJ0TWludXRlcyA9IHRoaXMuZ3JpZENvbmZpZy5kYXlTdGFydEhvdXIgKiA2MDtcbiAgICAgICAgY29uc3QgZGF5RW5kTWludXRlcyA9IHRoaXMuZ3JpZENvbmZpZy5kYXlFbmRIb3VyICogNjA7XG4gICAgICAgIGNvbnN0IG1pbnV0ZUhlaWdodCA9IHRoaXMuZ3JpZENvbmZpZy5ob3VySGVpZ2h0IC8gNjA7XG4gICAgICAgIGlmIChzY2hlZHVsZSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgLy8gRnVsbCBkYXkgdW5hdmFpbGFibGVcbiAgICAgICAgICAgIGNvbnN0IHpvbmUgPSB0aGlzLmNyZWF0ZVVuYXZhaWxhYmxlWm9uZSgwLCAoZGF5RW5kTWludXRlcyAtIGRheVN0YXJ0TWludXRlcykgKiBtaW51dGVIZWlnaHQpO1xuICAgICAgICAgICAgbGF5ZXIuYXBwZW5kQ2hpbGQoem9uZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgY29uc3Qgd29ya1N0YXJ0TWludXRlcyA9IHRoaXMuZGF0ZVNlcnZpY2UudGltZVRvTWludXRlcyhzY2hlZHVsZS5zdGFydCk7XG4gICAgICAgIGNvbnN0IHdvcmtFbmRNaW51dGVzID0gdGhpcy5kYXRlU2VydmljZS50aW1lVG9NaW51dGVzKHNjaGVkdWxlLmVuZCk7XG4gICAgICAgIC8vIEJlZm9yZSB3b3JrIHN0YXJ0XG4gICAgICAgIGlmICh3b3JrU3RhcnRNaW51dGVzID4gZGF5U3RhcnRNaW51dGVzKSB7XG4gICAgICAgICAgICBjb25zdCB0b3AgPSAwO1xuICAgICAgICAgICAgY29uc3QgaGVpZ2h0ID0gKHdvcmtTdGFydE1pbnV0ZXMgLSBkYXlTdGFydE1pbnV0ZXMpICogbWludXRlSGVpZ2h0O1xuICAgICAgICAgICAgY29uc3Qgem9uZSA9IHRoaXMuY3JlYXRlVW5hdmFpbGFibGVab25lKHRvcCwgaGVpZ2h0KTtcbiAgICAgICAgICAgIGxheWVyLmFwcGVuZENoaWxkKHpvbmUpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEFmdGVyIHdvcmsgZW5kXG4gICAgICAgIGlmICh3b3JrRW5kTWludXRlcyA8IGRheUVuZE1pbnV0ZXMpIHtcbiAgICAgICAgICAgIGNvbnN0IHRvcCA9ICh3b3JrRW5kTWludXRlcyAtIGRheVN0YXJ0TWludXRlcykgKiBtaW51dGVIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCBoZWlnaHQgPSAoZGF5RW5kTWludXRlcyAtIHdvcmtFbmRNaW51dGVzKSAqIG1pbnV0ZUhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHpvbmUgPSB0aGlzLmNyZWF0ZVVuYXZhaWxhYmxlWm9uZSh0b3AsIGhlaWdodCk7XG4gICAgICAgICAgICBsYXllci5hcHBlbmRDaGlsZCh6b25lKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgYW4gdW5hdmFpbGFibGUgem9uZSBlbGVtZW50XG4gICAgICovXG4gICAgY3JlYXRlVW5hdmFpbGFibGVab25lKHRvcCwgaGVpZ2h0KSB7XG4gICAgICAgIGNvbnN0IHpvbmUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtdW5hdmFpbGFibGUtem9uZScpO1xuICAgICAgICB6b25lLnN0eWxlLnRvcCA9IGAke3RvcH1weGA7XG4gICAgICAgIHpvbmUuc3R5bGUuaGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YDtcbiAgICAgICAgcmV0dXJuIHpvbmU7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XG4vKipcbiAqIEhlYWRlckRyYXdlclJlbmRlcmVyIC0gSGFuZGxlcyByZW5kZXJpbmcgb2YgaXRlbXMgaW4gdGhlIGhlYWRlciBkcmF3ZXJcbiAqXG4gKiBMaXN0ZW5zIHRvIGRyYWcgZXZlbnRzIGZyb20gRHJhZ0Ryb3BNYW5hZ2VyIGFuZCBjcmVhdGVzL21hbmFnZXNcbiAqIHN3cC1oZWFkZXItaXRlbSBlbGVtZW50cyBpbiB0aGUgaGVhZGVyIGRyYXdlci5cbiAqXG4gKiBVc2VzIHN1YmdyaWQgZm9yIGNvbHVtbiBhbGlnbm1lbnQgd2l0aCBwYXJlbnQgc3dwLWNhbGVuZGFyLWhlYWRlci5cbiAqIFBvc2l0aW9uIGl0ZW1zIHZpYSBncmlkQXJlYSBmb3IgZXhwbGljaXQgcm93L2NvbHVtbiBwbGFjZW1lbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBIZWFkZXJEcmF3ZXJSZW5kZXJlciB7XG4gICAgY29uc3RydWN0b3IoZXZlbnRCdXMsIGdyaWRDb25maWcsIGhlYWRlckRyYXdlck1hbmFnZXIsIGV2ZW50U2VydmljZSwgZGF0ZVNlcnZpY2UpIHtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLmdyaWRDb25maWcgPSBncmlkQ29uZmlnO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlck1hbmFnZXIgPSBoZWFkZXJEcmF3ZXJNYW5hZ2VyO1xuICAgICAgICB0aGlzLmV2ZW50U2VydmljZSA9IGV2ZW50U2VydmljZTtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gbnVsbDtcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBudWxsO1xuICAgICAgICB0aGlzLnNvdXJjZUVsZW1lbnQgPSBudWxsO1xuICAgICAgICB0aGlzLndhc0V4cGFuZGVkQmVmb3JlRHJhZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmZpbHRlclRlbXBsYXRlID0gbnVsbDtcbiAgICAgICAgdGhpcy5zZXR1cExpc3RlbmVycygpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZW5kZXIgYWxsRGF5IGV2ZW50cyBpbnRvIHRoZSBoZWFkZXIgZHJhd2VyIHdpdGggcm93IHN0YWNraW5nXG4gICAgICogQHBhcmFtIGZpbHRlclRlbXBsYXRlIC0gVGVtcGxhdGUgZm9yIG1hdGNoaW5nIGV2ZW50cyB0byBjb2x1bW5zXG4gICAgICovXG4gICAgYXN5bmMgcmVuZGVyKGNvbnRhaW5lciwgZmlsdGVyLCBmaWx0ZXJUZW1wbGF0ZSkge1xuICAgICAgICAvLyBTdG9yZSBmaWx0ZXJUZW1wbGF0ZSBmb3IgYnVpbGRDb2x1bW5LZXlGcm9tRXZlbnRcbiAgICAgICAgdGhpcy5maWx0ZXJUZW1wbGF0ZSA9IGZpbHRlclRlbXBsYXRlO1xuICAgICAgICBjb25zdCBkcmF3ZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWhlYWRlci1kcmF3ZXInKTtcbiAgICAgICAgaWYgKCFkcmF3ZXIpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IHZpc2libGVEYXRlcyA9IGZpbHRlclsnZGF0ZSddIHx8IFtdO1xuICAgICAgICBpZiAodmlzaWJsZURhdGVzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gR2V0IGNvbHVtbiBrZXlzIGZyb20gRE9NIGZvciBjb3JyZWN0IG11bHRpLXJlc291cmNlIHBvc2l0aW9uaW5nXG4gICAgICAgIGNvbnN0IHZpc2libGVDb2x1bW5LZXlzID0gdGhpcy5nZXRWaXNpYmxlQ29sdW1uS2V5c0Zyb21ET00oKTtcbiAgICAgICAgaWYgKHZpc2libGVDb2x1bW5LZXlzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gRmV0Y2ggZXZlbnRzIGZvciBkYXRlIHJhbmdlXG4gICAgICAgIGNvbnN0IHN0YXJ0RGF0ZSA9IG5ldyBEYXRlKHZpc2libGVEYXRlc1swXSk7XG4gICAgICAgIGNvbnN0IGVuZERhdGUgPSBuZXcgRGF0ZSh2aXNpYmxlRGF0ZXNbdmlzaWJsZURhdGVzLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgZW5kRGF0ZS5zZXRIb3VycygyMywgNTksIDU5LCA5OTkpO1xuICAgICAgICBjb25zdCBldmVudHMgPSBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeURhdGVSYW5nZShzdGFydERhdGUsIGVuZERhdGUpO1xuICAgICAgICAvLyBGaWx0ZXIgdG8gYWxsRGF5IGV2ZW50cyBvbmx5IChhbGxEYXkgIT09IGZhbHNlKVxuICAgICAgICBjb25zdCBhbGxEYXlFdmVudHMgPSBldmVudHMuZmlsdGVyKGV2ZW50ID0+IGV2ZW50LmFsbERheSAhPT0gZmFsc2UpO1xuICAgICAgICAvLyBDbGVhciBleGlzdGluZyBpdGVtc1xuICAgICAgICBkcmF3ZXIuaW5uZXJIVE1MID0gJyc7XG4gICAgICAgIGlmIChhbGxEYXlFdmVudHMubGVuZ3RoID09PSAwKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBDYWxjdWxhdGUgbGF5b3V0IHdpdGggcm93IHN0YWNraW5nIHVzaW5nIGNvbHVtbktleXNcbiAgICAgICAgY29uc3QgbGF5b3V0cyA9IHRoaXMuY2FsY3VsYXRlTGF5b3V0KGFsbERheUV2ZW50cywgdmlzaWJsZUNvbHVtbktleXMpO1xuICAgICAgICBjb25zdCByb3dDb3VudCA9IE1hdGgubWF4KDEsIC4uLmxheW91dHMubWFwKGwgPT4gbC5yb3cpKTtcbiAgICAgICAgLy8gUmVuZGVyIGVhY2ggaXRlbSB3aXRoIGxheW91dFxuICAgICAgICBsYXlvdXRzLmZvckVhY2gobGF5b3V0ID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGl0ZW0gPSB0aGlzLmNyZWF0ZUhlYWRlckl0ZW0obGF5b3V0KTtcbiAgICAgICAgICAgIGRyYXdlci5hcHBlbmRDaGlsZChpdGVtKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIEV4cGFuZCBkcmF3ZXIgdG8gZml0IGFsbCByb3dzXG4gICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci5leHBhbmRUb1Jvd3Mocm93Q291bnQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgYSBoZWFkZXIgaXRlbSBlbGVtZW50IGZyb20gbGF5b3V0XG4gICAgICovXG4gICAgY3JlYXRlSGVhZGVySXRlbShsYXlvdXQpIHtcbiAgICAgICAgY29uc3QgeyBldmVudCwgY29sdW1uS2V5LCByb3csIGNvbFN0YXJ0LCBjb2xFbmQgfSA9IGxheW91dDtcbiAgICAgICAgY29uc3QgaXRlbSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1oZWFkZXItaXRlbScpO1xuICAgICAgICBpdGVtLmRhdGFzZXQuZXZlbnRJZCA9IGV2ZW50LmlkO1xuICAgICAgICBpdGVtLmRhdGFzZXQuaXRlbVR5cGUgPSAnZXZlbnQnO1xuICAgICAgICBpdGVtLmRhdGFzZXQuc3RhcnQgPSBldmVudC5zdGFydC50b0lTT1N0cmluZygpO1xuICAgICAgICBpdGVtLmRhdGFzZXQuZW5kID0gZXZlbnQuZW5kLnRvSVNPU3RyaW5nKCk7XG4gICAgICAgIGl0ZW0uZGF0YXNldC5jb2x1bW5LZXkgPSBjb2x1bW5LZXk7XG4gICAgICAgIGl0ZW0udGV4dENvbnRlbnQgPSBldmVudC50aXRsZTtcbiAgICAgICAgLy8gQ29sb3IgY2xhc3NcbiAgICAgICAgY29uc3QgY29sb3JDbGFzcyA9IHRoaXMuZ2V0Q29sb3JDbGFzcyhldmVudCk7XG4gICAgICAgIGlmIChjb2xvckNsYXNzKVxuICAgICAgICAgICAgaXRlbS5jbGFzc0xpc3QuYWRkKGNvbG9yQ2xhc3MpO1xuICAgICAgICAvLyBHcmlkIHBvc2l0aW9uIGZyb20gbGF5b3V0XG4gICAgICAgIGl0ZW0uc3R5bGUuZ3JpZEFyZWEgPSBgJHtyb3d9IC8gJHtjb2xTdGFydH0gLyAke3JvdyArIDF9IC8gJHtjb2xFbmR9YDtcbiAgICAgICAgcmV0dXJuIGl0ZW07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENhbGN1bGF0ZSBsYXlvdXQgZm9yIGFsbCBldmVudHMgd2l0aCByb3cgc3RhY2tpbmdcbiAgICAgKiBVc2VzIHRyYWNrLWJhc2VkIGFsZ29yaXRobSB0byBmaW5kIGF2YWlsYWJsZSByb3dzIGZvciBvdmVybGFwcGluZyBldmVudHNcbiAgICAgKi9cbiAgICBjYWxjdWxhdGVMYXlvdXQoZXZlbnRzLCB2aXNpYmxlQ29sdW1uS2V5cykge1xuICAgICAgICAvLyB0cmFja3Nbcm93XVtjb2xdID0gb2NjdXBpZWRcbiAgICAgICAgY29uc3QgdHJhY2tzID0gW25ldyBBcnJheSh2aXNpYmxlQ29sdW1uS2V5cy5sZW5ndGgpLmZpbGwoZmFsc2UpXTtcbiAgICAgICAgY29uc3QgbGF5b3V0cyA9IFtdO1xuICAgICAgICBmb3IgKGNvbnN0IGV2ZW50IG9mIGV2ZW50cykge1xuICAgICAgICAgICAgLy8gQnVpbGQgY29sdW1uS2V5IGZyb20gZXZlbnQgZmllbGRzIChvbmx5IHBsYWNlIHdlIG5lZWQgdG8gY29uc3RydWN0IGl0KVxuICAgICAgICAgICAgY29uc3QgY29sdW1uS2V5ID0gdGhpcy5idWlsZENvbHVtbktleUZyb21FdmVudChldmVudCk7XG4gICAgICAgICAgICBjb25zdCBzdGFydENvbCA9IHZpc2libGVDb2x1bW5LZXlzLmluZGV4T2YoY29sdW1uS2V5KTtcbiAgICAgICAgICAgIGNvbnN0IGVuZENvbHVtbktleSA9IHRoaXMuYnVpbGRDb2x1bW5LZXlGcm9tRXZlbnQoZXZlbnQsIGV2ZW50LmVuZCk7XG4gICAgICAgICAgICBjb25zdCBlbmRDb2wgPSB2aXNpYmxlQ29sdW1uS2V5cy5pbmRleE9mKGVuZENvbHVtbktleSk7XG4gICAgICAgICAgICBpZiAoc3RhcnRDb2wgPT09IC0xICYmIGVuZENvbCA9PT0gLTEpXG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICAvLyBDbGFtcCB0aWwgc3lubGlnZSBrb2xvbm5lclxuICAgICAgICAgICAgY29uc3QgY29sU3RhcnQgPSBNYXRoLm1heCgwLCBzdGFydENvbCk7XG4gICAgICAgICAgICBjb25zdCBjb2xFbmQgPSAoZW5kQ29sICE9PSAtMSA/IGVuZENvbCA6IHZpc2libGVDb2x1bW5LZXlzLmxlbmd0aCAtIDEpICsgMTtcbiAgICAgICAgICAgIC8vIEZpbmQgbGVkaWcgclx1MDBFNmtrZVxuICAgICAgICAgICAgY29uc3Qgcm93ID0gdGhpcy5maW5kQXZhaWxhYmxlUm93KHRyYWNrcywgY29sU3RhcnQsIGNvbEVuZCk7XG4gICAgICAgICAgICAvLyBNYXJrZXIgc29tIG9wdGFnZXRcbiAgICAgICAgICAgIGZvciAobGV0IGMgPSBjb2xTdGFydDsgYyA8IGNvbEVuZDsgYysrKSB7XG4gICAgICAgICAgICAgICAgdHJhY2tzW3Jvd11bY10gPSB0cnVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgbGF5b3V0cy5wdXNoKHsgZXZlbnQsIGNvbHVtbktleSwgcm93OiByb3cgKyAxLCBjb2xTdGFydDogY29sU3RhcnQgKyAxLCBjb2xFbmQ6IGNvbEVuZCArIDEgfSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGxheW91dHM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJ1aWxkIGNvbHVtbktleSBmcm9tIGV2ZW50IHVzaW5nIEZpbHRlclRlbXBsYXRlXG4gICAgICogVXNlcyB0aGUgc2FtZSB0ZW1wbGF0ZSB0aGF0IGNvbHVtbnMgdXNlIGZvciBtYXRjaGluZ1xuICAgICAqL1xuICAgIGJ1aWxkQ29sdW1uS2V5RnJvbUV2ZW50KGV2ZW50LCBkYXRlKSB7XG4gICAgICAgIGlmICghdGhpcy5maWx0ZXJUZW1wbGF0ZSkge1xuICAgICAgICAgICAgLy8gRmFsbGJhY2sgaWYgbm8gdGVtcGxhdGUgLSBzaG91bGRuJ3QgaGFwcGVuIGluIG5vcm1hbCBmbG93XG4gICAgICAgICAgICBjb25zdCBkYXRlU3RyID0gdGhpcy5kYXRlU2VydmljZS5nZXREYXRlS2V5KGRhdGUgfHwgZXZlbnQuc3RhcnQpO1xuICAgICAgICAgICAgcmV0dXJuIGRhdGVTdHI7XG4gICAgICAgIH1cbiAgICAgICAgLy8gRm9yIG11bHRpLWRheSBldmVudHMsIHdlIG5lZWQgdG8gb3ZlcnJpZGUgdGhlIGRhdGUgaW4gdGhlIGV2ZW50XG4gICAgICAgIGlmIChkYXRlICYmIGRhdGUuZ2V0VGltZSgpICE9PSBldmVudC5zdGFydC5nZXRUaW1lKCkpIHtcbiAgICAgICAgICAgIC8vIENyZWF0ZSB0ZW1wb3JhcnkgZXZlbnQgd2l0aCBvdmVycmlkZGVuIHN0YXJ0IGZvciBrZXkgZ2VuZXJhdGlvblxuICAgICAgICAgICAgY29uc3QgdGVtcEV2ZW50ID0geyAuLi5ldmVudCwgc3RhcnQ6IGRhdGUgfTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmZpbHRlclRlbXBsYXRlLmJ1aWxkS2V5RnJvbUV2ZW50KHRlbXBFdmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyVGVtcGxhdGUuYnVpbGRLZXlGcm9tRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBGaW5kIGF2YWlsYWJsZSByb3cgZm9yIGV2ZW50IHNwYW5uaW5nIGNvbHVtbnMgW2NvbFN0YXJ0LCBjb2xFbmQpXG4gICAgICovXG4gICAgZmluZEF2YWlsYWJsZVJvdyh0cmFja3MsIGNvbFN0YXJ0LCBjb2xFbmQpIHtcbiAgICAgICAgZm9yIChsZXQgcm93ID0gMDsgcm93IDwgdHJhY2tzLmxlbmd0aDsgcm93KyspIHtcbiAgICAgICAgICAgIGxldCBhdmFpbGFibGUgPSB0cnVlO1xuICAgICAgICAgICAgZm9yIChsZXQgYyA9IGNvbFN0YXJ0OyBjIDwgY29sRW5kOyBjKyspIHtcbiAgICAgICAgICAgICAgICBpZiAodHJhY2tzW3Jvd11bY10pIHtcbiAgICAgICAgICAgICAgICAgICAgYXZhaWxhYmxlID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmIChhdmFpbGFibGUpXG4gICAgICAgICAgICAgICAgcmV0dXJuIHJvdztcbiAgICAgICAgfVxuICAgICAgICAvLyBOeSByXHUwMEU2a2tlXG4gICAgICAgIHRyYWNrcy5wdXNoKG5ldyBBcnJheSh0cmFja3NbMF0ubGVuZ3RoKS5maWxsKGZhbHNlKSk7XG4gICAgICAgIHJldHVybiB0cmFja3MubGVuZ3RoIC0gMTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGNvbG9yIGNsYXNzIGJhc2VkIG9uIGV2ZW50IG1ldGFkYXRhIG9yIHR5cGVcbiAgICAgKi9cbiAgICBnZXRDb2xvckNsYXNzKGV2ZW50KSB7XG4gICAgICAgIGlmIChldmVudC5tZXRhZGF0YT8uY29sb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBgaXMtJHtldmVudC5tZXRhZGF0YS5jb2xvcn1gO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHR5cGVDb2xvcnMgPSB7XG4gICAgICAgICAgICAnY3VzdG9tZXInOiAnaXMtYmx1ZScsXG4gICAgICAgICAgICAndmFjYXRpb24nOiAnaXMtZ3JlZW4nLFxuICAgICAgICAgICAgJ2JyZWFrJzogJ2lzLWFtYmVyJyxcbiAgICAgICAgICAgICdtZWV0aW5nJzogJ2lzLXB1cnBsZScsXG4gICAgICAgICAgICAnYmxvY2tlZCc6ICdpcy1yZWQnXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiB0eXBlQ29sb3JzW2V2ZW50LnR5cGVdIHx8ICdpcy1ibHVlJztcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2V0dXAgZXZlbnQgbGlzdGVuZXJzIGZvciBkcmFnIGV2ZW50c1xuICAgICAqL1xuICAgIHNldHVwTGlzdGVuZXJzKCkge1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19FTlRFUl9IRUFERVIsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZURyYWdFbnRlcihwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX01PVkVfSEVBREVSLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVEcmFnTW92ZShwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0xFQVZFX0hFQURFUiwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRHJhZ0xlYXZlKHBheWxvYWQpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfRU5ELCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVEcmFnRW5kKHBheWxvYWQpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfQ0FOQ0VMLCAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNsZWFudXAoKTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBkcmFnIGVudGVyaW5nIGhlYWRlciB6b25lIC0gY3JlYXRlIHByZXZpZXcgaXRlbVxuICAgICAqL1xuICAgIGhhbmRsZURyYWdFbnRlcihwYXlsb2FkKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWhlYWRlci1kcmF3ZXInKTtcbiAgICAgICAgaWYgKCF0aGlzLmNvbnRhaW5lcilcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gUmVtZW1iZXIgaWYgZHJhd2VyIHdhcyBhbHJlYWR5IGV4cGFuZGVkXG4gICAgICAgIHRoaXMud2FzRXhwYW5kZWRCZWZvcmVEcmFnID0gdGhpcy5oZWFkZXJEcmF3ZXJNYW5hZ2VyLmlzRXhwYW5kZWQoKTtcbiAgICAgICAgLy8gRXhwYW5kIHRvIGF0IGxlYXN0IDEgcm93IGlmIGNvbGxhcHNlZCwgb3RoZXJ3aXNlIGtlZXAgY3VycmVudCBoZWlnaHRcbiAgICAgICAgaWYgKCF0aGlzLndhc0V4cGFuZGVkQmVmb3JlRHJhZykge1xuICAgICAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXJNYW5hZ2VyLmV4cGFuZFRvUm93cygxKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBTdG9yZSByZWZlcmVuY2UgdG8gc291cmNlIGVsZW1lbnRcbiAgICAgICAgdGhpcy5zb3VyY2VFbGVtZW50ID0gcGF5bG9hZC5lbGVtZW50O1xuICAgICAgICAvLyBDcmVhdGUgaGVhZGVyIGl0ZW1cbiAgICAgICAgY29uc3QgaXRlbSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1oZWFkZXItaXRlbScpO1xuICAgICAgICBpdGVtLmRhdGFzZXQuZXZlbnRJZCA9IHBheWxvYWQuZXZlbnRJZDtcbiAgICAgICAgaXRlbS5kYXRhc2V0Lml0ZW1UeXBlID0gcGF5bG9hZC5pdGVtVHlwZTtcbiAgICAgICAgaXRlbS5kYXRhc2V0LmR1cmF0aW9uID0gU3RyaW5nKHBheWxvYWQuZHVyYXRpb24pO1xuICAgICAgICBpdGVtLmRhdGFzZXQuY29sdW1uS2V5ID0gcGF5bG9hZC5zb3VyY2VDb2x1bW5LZXk7XG4gICAgICAgIGl0ZW0udGV4dENvbnRlbnQgPSBwYXlsb2FkLnRpdGxlO1xuICAgICAgICAvLyBBcHBseSBjb2xvciBjbGFzcyBpZiBwcmVzZW50XG4gICAgICAgIGlmIChwYXlsb2FkLmNvbG9yQ2xhc3MpIHtcbiAgICAgICAgICAgIGl0ZW0uY2xhc3NMaXN0LmFkZChwYXlsb2FkLmNvbG9yQ2xhc3MpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEFkZCBkcmFnZ2luZyBzdGF0ZVxuICAgICAgICBpdGVtLmNsYXNzTGlzdC5hZGQoJ2RyYWdnaW5nJyk7XG4gICAgICAgIC8vIEluaXRpYWwgcGxhY2VtZW50IChkdXJhdGlvbiBkZXRlcm1pbmVzIGNvbHVtbiBzcGFuKVxuICAgICAgICAvLyBncmlkQXJlYSBmb3JtYXQ6IFwicm93IC8gY29sLXN0YXJ0IC8gcm93KzEgLyBjb2wtZW5kXCJcbiAgICAgICAgY29uc3QgY29sID0gcGF5bG9hZC5zb3VyY2VDb2x1bW5JbmRleCArIDE7XG4gICAgICAgIGNvbnN0IGVuZENvbCA9IGNvbCArIHBheWxvYWQuZHVyYXRpb247XG4gICAgICAgIGl0ZW0uc3R5bGUuZ3JpZEFyZWEgPSBgMSAvICR7Y29sfSAvIDIgLyAke2VuZENvbH1gO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5hcHBlbmRDaGlsZChpdGVtKTtcbiAgICAgICAgdGhpcy5jdXJyZW50SXRlbSA9IGl0ZW07XG4gICAgICAgIC8vIEhpZGUgb3JpZ2luYWwgZWxlbWVudCB3aGlsZSBpbiBoZWFkZXJcbiAgICAgICAgcGF5bG9hZC5lbGVtZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJztcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIGRyYWcgbW92aW5nIHdpdGhpbiBoZWFkZXIgLSB1cGRhdGUgY29sdW1uIHBvc2l0aW9uXG4gICAgICovXG4gICAgaGFuZGxlRHJhZ01vdmUocGF5bG9hZCkge1xuICAgICAgICBpZiAoIXRoaXMuY3VycmVudEl0ZW0pXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIFVwZGF0ZSBjb2x1bW4gcG9zaXRpb25cbiAgICAgICAgY29uc3QgY29sID0gcGF5bG9hZC5jb2x1bW5JbmRleCArIDE7XG4gICAgICAgIGNvbnN0IGR1cmF0aW9uID0gcGFyc2VJbnQodGhpcy5jdXJyZW50SXRlbS5kYXRhc2V0LmR1cmF0aW9uIHx8ICcxJywgMTApO1xuICAgICAgICBjb25zdCBlbmRDb2wgPSBjb2wgKyBkdXJhdGlvbjtcbiAgICAgICAgdGhpcy5jdXJyZW50SXRlbS5zdHlsZS5ncmlkQXJlYSA9IGAxIC8gJHtjb2x9IC8gMiAvICR7ZW5kQ29sfWA7XG4gICAgICAgIC8vIFVwZGF0ZSBjb2x1bW5LZXkgdG8gbmV3IHBvc2l0aW9uXG4gICAgICAgIHRoaXMuY3VycmVudEl0ZW0uZGF0YXNldC5jb2x1bW5LZXkgPSBwYXlsb2FkLmNvbHVtbktleTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIGRyYWcgbGVhdmluZyBoZWFkZXIgLSBjbGVhbnVwIGZvciBncmlkXHUyMTkyaGVhZGVyIGRyYWcgb25seVxuICAgICAqL1xuICAgIGhhbmRsZURyYWdMZWF2ZShwYXlsb2FkKSB7XG4gICAgICAgIC8vIE9ubHkgY2xlYW51cCBmb3IgZ3JpZFx1MjE5MmhlYWRlciBkcmFnICh3aGVuIGdyaWQgZXZlbnQgbGVhdmVzIGhlYWRlciBiYWNrIHRvIGdyaWQpXG4gICAgICAgIC8vIEZvciBoZWFkZXJcdTIxOTJncmlkIGRyYWcsIHRoZSBoZWFkZXIgaXRlbSBzdGF5cyBhcyBnaG9zdCB1bnRpbCBkcm9wXG4gICAgICAgIGlmIChwYXlsb2FkLnNvdXJjZSA9PT0gJ2dyaWQnKSB7XG4gICAgICAgICAgICB0aGlzLmNsZWFudXAoKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBGb3IgaGVhZGVyIHNvdXJjZSwgZG8gbm90aGluZyAtIGdob3N0IHN0YXlzIHVudGlsIEVWRU5UX0RSQUdfRU5EXG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBkcmFnIGVuZCAtIGZpbmFsaXplIGJhc2VkIG9uIGRyb3AgdGFyZ2V0XG4gICAgICovXG4gICAgaGFuZGxlRHJhZ0VuZChwYXlsb2FkKSB7XG4gICAgICAgIGlmIChwYXlsb2FkLnRhcmdldCA9PT0gJ2hlYWRlcicpIHtcbiAgICAgICAgICAgIC8vIEdyaWRcdTIxOTJIZWFkZXI6IEZpbmFsaXplIHRoZSBoZWFkZXIgaXRlbSAoaXQgc3RheXMgaW4gaGVhZGVyKVxuICAgICAgICAgICAgaWYgKHRoaXMuY3VycmVudEl0ZW0pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRJdGVtLmNsYXNzTGlzdC5yZW1vdmUoJ2RyYWdnaW5nJyk7XG4gICAgICAgICAgICAgICAgdGhpcy5yZWNhbGN1bGF0ZURyYXdlckxheW91dCgpO1xuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudEl0ZW0gPSBudWxsO1xuICAgICAgICAgICAgICAgIHRoaXMuc291cmNlRWxlbWVudCA9IG51bGw7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBIZWFkZXJcdTIxOTJHcmlkOiBSZW1vdmUgZ2hvc3QgaGVhZGVyIGl0ZW0gYW5kIHJlY2FsY3VsYXRlXG4gICAgICAgICAgICBjb25zdCBnaG9zdCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYHN3cC1oZWFkZXItaXRlbS5kcmFnLWdob3N0W2RhdGEtZXZlbnQtaWQ9XCIke3BheWxvYWQuc3dwRXZlbnQuZXZlbnRJZH1cIl1gKTtcbiAgICAgICAgICAgIGdob3N0Py5yZW1vdmUoKTtcbiAgICAgICAgICAgIHRoaXMucmVjYWxjdWxhdGVEcmF3ZXJMYXlvdXQoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWNhbGN1bGF0ZSBsYXlvdXQgZm9yIGFsbCBpdGVtcyBjdXJyZW50bHkgaW4gdGhlIGRyYXdlclxuICAgICAqIENhbGxlZCBhZnRlciBkcm9wIHRvIHJlcG9zaXRpb24gaXRlbXMgYW5kIGFkanVzdCBoZWlnaHRcbiAgICAgKi9cbiAgICByZWNhbGN1bGF0ZURyYXdlckxheW91dCgpIHtcbiAgICAgICAgY29uc3QgZHJhd2VyID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWhlYWRlci1kcmF3ZXInKTtcbiAgICAgICAgaWYgKCFkcmF3ZXIpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShkcmF3ZXIucXVlcnlTZWxlY3RvckFsbCgnc3dwLWhlYWRlci1pdGVtJykpO1xuICAgICAgICBpZiAoaXRlbXMubGVuZ3RoID09PSAwKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBHZXQgdmlzaWJsZSBjb2x1bW4ga2V5cyBmb3IgY29ycmVjdCBtdWx0aS1yZXNvdXJjZSBwb3NpdGlvbmluZ1xuICAgICAgICBjb25zdCB2aXNpYmxlQ29sdW1uS2V5cyA9IHRoaXMuZ2V0VmlzaWJsZUNvbHVtbktleXNGcm9tRE9NKCk7XG4gICAgICAgIGlmICh2aXNpYmxlQ29sdW1uS2V5cy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIEJ1aWxkIGxheW91dCBkYXRhIGZyb20gRE9NIGl0ZW1zIC0gdXNlIGNvbHVtbktleSBkaXJlY3RseSAob3BhcXVlIG1hdGNoaW5nKVxuICAgICAgICBjb25zdCBpdGVtRGF0YSA9IGl0ZW1zLm1hcChpdGVtID0+ICh7XG4gICAgICAgICAgICBlbGVtZW50OiBpdGVtLFxuICAgICAgICAgICAgY29sdW1uS2V5OiBpdGVtLmRhdGFzZXQuY29sdW1uS2V5IHx8ICcnLFxuICAgICAgICAgICAgZHVyYXRpb246IHBhcnNlSW50KGl0ZW0uZGF0YXNldC5kdXJhdGlvbiB8fCAnMScsIDEwKVxuICAgICAgICB9KSk7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBuZXcgbGF5b3V0IHVzaW5nIHRyYWNrIGFsZ29yaXRobVxuICAgICAgICBjb25zdCB0cmFja3MgPSBbbmV3IEFycmF5KHZpc2libGVDb2x1bW5LZXlzLmxlbmd0aCkuZmlsbChmYWxzZSldO1xuICAgICAgICBmb3IgKGNvbnN0IGl0ZW0gb2YgaXRlbURhdGEpIHtcbiAgICAgICAgICAgIC8vIERpcmVjdCBjb2x1bW5LZXkgbWF0Y2hpbmcgLSBubyBwYXJzaW5nIG9yIGNvbnN0cnVjdGlvbiBuZWVkZWRcbiAgICAgICAgICAgIGNvbnN0IHN0YXJ0Q29sID0gdmlzaWJsZUNvbHVtbktleXMuaW5kZXhPZihpdGVtLmNvbHVtbktleSk7XG4gICAgICAgICAgICBpZiAoc3RhcnRDb2wgPT09IC0xKVxuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgY29uc3QgY29sU3RhcnQgPSBzdGFydENvbDtcbiAgICAgICAgICAgIGNvbnN0IGNvbEVuZCA9IE1hdGgubWluKHN0YXJ0Q29sICsgaXRlbS5kdXJhdGlvbiwgdmlzaWJsZUNvbHVtbktleXMubGVuZ3RoKTtcbiAgICAgICAgICAgIGNvbnN0IHJvdyA9IHRoaXMuZmluZEF2YWlsYWJsZVJvdyh0cmFja3MsIGNvbFN0YXJ0LCBjb2xFbmQpO1xuICAgICAgICAgICAgZm9yIChsZXQgYyA9IGNvbFN0YXJ0OyBjIDwgY29sRW5kOyBjKyspIHtcbiAgICAgICAgICAgICAgICB0cmFja3Nbcm93XVtjXSA9IHRydWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBVcGRhdGUgZWxlbWVudCBwb3NpdGlvblxuICAgICAgICAgICAgaXRlbS5lbGVtZW50LnN0eWxlLmdyaWRBcmVhID0gYCR7cm93ICsgMX0gLyAke2NvbFN0YXJ0ICsgMX0gLyAke3JvdyArIDJ9IC8gJHtjb2xFbmQgKyAxfWA7XG4gICAgICAgIH1cbiAgICAgICAgLy8gVXBkYXRlIGRyYXdlciBoZWlnaHRcbiAgICAgICAgY29uc3Qgcm93Q291bnQgPSB0cmFja3MubGVuZ3RoO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlck1hbmFnZXIuZXhwYW5kVG9Sb3dzKHJvd0NvdW50KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHZpc2libGUgY29sdW1uIGtleXMgZnJvbSBET00gKHByZXNlcnZlcyBvcmRlciBmb3IgbXVsdGktcmVzb3VyY2Ugdmlld3MpXG4gICAgICogVXNlcyBmaWx0ZXJUZW1wbGF0ZS5idWlsZEtleUZyb21Db2x1bW4oKSBmb3IgY29uc2lzdGVudCBrZXkgZm9ybWF0IHdpdGggZXZlbnRzXG4gICAgICovXG4gICAgZ2V0VmlzaWJsZUNvbHVtbktleXNGcm9tRE9NKCkge1xuICAgICAgICBpZiAoIXRoaXMuZmlsdGVyVGVtcGxhdGUpXG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIGNvbnN0IGNvbHVtbnMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCdzd3AtZGF5LWNvbHVtbicpO1xuICAgICAgICBjb25zdCBjb2x1bW5LZXlzID0gW107XG4gICAgICAgIGNvbHVtbnMuZm9yRWFjaChjb2wgPT4ge1xuICAgICAgICAgICAgY29uc3QgY29sdW1uS2V5ID0gdGhpcy5maWx0ZXJUZW1wbGF0ZS5idWlsZEtleUZyb21Db2x1bW4oY29sKTtcbiAgICAgICAgICAgIGlmIChjb2x1bW5LZXkpXG4gICAgICAgICAgICAgICAgY29sdW1uS2V5cy5wdXNoKGNvbHVtbktleSk7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gY29sdW1uS2V5cztcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ2xlYW51cCBwcmV2aWV3IGl0ZW0gYW5kIHJlc3RvcmUgc291cmNlIHZpc2liaWxpdHlcbiAgICAgKi9cbiAgICBjbGVhbnVwKCkge1xuICAgICAgICAvLyBSZW1vdmUgcHJldmlldyBpdGVtXG4gICAgICAgIHRoaXMuY3VycmVudEl0ZW0/LnJlbW92ZSgpO1xuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gbnVsbDtcbiAgICAgICAgLy8gUmVzdG9yZSBzb3VyY2UgZWxlbWVudCB2aXNpYmlsaXR5XG4gICAgICAgIGlmICh0aGlzLnNvdXJjZUVsZW1lbnQpIHtcbiAgICAgICAgICAgIHRoaXMuc291cmNlRWxlbWVudC5zdHlsZS52aXNpYmlsaXR5ID0gJyc7XG4gICAgICAgICAgICB0aGlzLnNvdXJjZUVsZW1lbnQgPSBudWxsO1xuICAgICAgICB9XG4gICAgICAgIC8vIENvbGxhcHNlIGRyYXdlciBpZiBpdCB3YXNuJ3QgZXhwYW5kZWQgYmVmb3JlIGRyYWdcbiAgICAgICAgaWYgKCF0aGlzLndhc0V4cGFuZGVkQmVmb3JlRHJhZykge1xuICAgICAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXJNYW5hZ2VyLmNvbGxhcHNlKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCAiLyoqXG4gKiBTY2hlZHVsZU92ZXJyaWRlU3RvcmUgLSBJbmRleGVkREIgT2JqZWN0U3RvcmUgZm9yIHNjaGVkdWxlIG92ZXJyaWRlc1xuICpcbiAqIFN0b3JlcyBkYXRlLXNwZWNpZmljIHNjaGVkdWxlIG92ZXJyaWRlcyBmb3IgcmVzb3VyY2VzLlxuICogSW5kZXhlczogcmVzb3VyY2VJZCwgZGF0ZSwgY29tcG91bmQgKHJlc291cmNlSWQgKyBkYXRlKVxuICovXG5leHBvcnQgY2xhc3MgU2NoZWR1bGVPdmVycmlkZVN0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gZGIuY3JlYXRlT2JqZWN0U3RvcmUoU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3Jlc291cmNlSWQnLCAncmVzb3VyY2VJZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ2RhdGUnLCAnZGF0ZScsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3Jlc291cmNlSWRfZGF0ZScsIFsncmVzb3VyY2VJZCcsICdkYXRlJ10sIHsgdW5pcXVlOiB0cnVlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY1N0YXR1cycsICdzeW5jU3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgIH1cbn1cblNjaGVkdWxlT3ZlcnJpZGVTdG9yZS5TVE9SRV9OQU1FID0gJ3NjaGVkdWxlT3ZlcnJpZGVzJztcbiIsICJpbXBvcnQgeyBTY2hlZHVsZU92ZXJyaWRlU3RvcmUgfSBmcm9tICcuL1NjaGVkdWxlT3ZlcnJpZGVTdG9yZSc7XG4vKipcbiAqIFNjaGVkdWxlT3ZlcnJpZGVTZXJ2aWNlIC0gQ1JVRCBmb3Igc2NoZWR1bGUgb3ZlcnJpZGVzXG4gKlxuICogUHJvdmlkZXMgYWNjZXNzIHRvIGRhdGUtc3BlY2lmaWMgc2NoZWR1bGUgb3ZlcnJpZGVzIGZvciByZXNvdXJjZXMuXG4gKi9cbmV4cG9ydCBjbGFzcyBTY2hlZHVsZU92ZXJyaWRlU2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCkge1xuICAgICAgICB0aGlzLmNvbnRleHQgPSBjb250ZXh0O1xuICAgIH1cbiAgICBnZXQgZGIoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuZ2V0RGF0YWJhc2UoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IG92ZXJyaWRlIGZvciBhIHNwZWNpZmljIHJlc291cmNlIGFuZCBkYXRlXG4gICAgICovXG4gICAgYXN5bmMgZ2V0T3ZlcnJpZGUocmVzb3VyY2VJZCwgZGF0ZSkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFtTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZShTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdyZXNvdXJjZUlkX2RhdGUnKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBpbmRleC5nZXQoW3Jlc291cmNlSWQsIGRhdGVdKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlc29sdmUocmVxdWVzdC5yZXN1bHQgfHwgbnVsbCk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgb3ZlcnJpZGUgZm9yICR7cmVzb3VyY2VJZH0gb24gJHtkYXRlfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgYWxsIG92ZXJyaWRlcyBmb3IgYSByZXNvdXJjZVxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5UmVzb3VyY2UocmVzb3VyY2VJZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFtTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZShTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdyZXNvdXJjZUlkJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKHJlc291cmNlSWQpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShyZXF1ZXN0LnJlc3VsdCB8fCBbXSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgb3ZlcnJpZGVzIGZvciAke3Jlc291cmNlSWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBvdmVycmlkZXMgZm9yIGEgZGF0ZSByYW5nZVxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5RGF0ZVJhbmdlKHJlc291cmNlSWQsIHN0YXJ0RGF0ZSwgZW5kRGF0ZSkge1xuICAgICAgICBjb25zdCBhbGwgPSBhd2FpdCB0aGlzLmdldEJ5UmVzb3VyY2UocmVzb3VyY2VJZCk7XG4gICAgICAgIHJldHVybiBhbGwuZmlsdGVyKG8gPT4gby5kYXRlID49IHN0YXJ0RGF0ZSAmJiBvLmRhdGUgPD0gZW5kRGF0ZSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNhdmUgYW4gb3ZlcnJpZGVcbiAgICAgKi9cbiAgICBhc3luYyBzYXZlKG92ZXJyaWRlKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW1NjaGVkdWxlT3ZlcnJpZGVTdG9yZS5TVE9SRV9OQU1FXSwgJ3JlYWR3cml0ZScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZShTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRSk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gc3RvcmUucHV0KG92ZXJyaWRlKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4gcmVzb2x2ZSgpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBzYXZlIG92ZXJyaWRlICR7b3ZlcnJpZGUuaWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIERlbGV0ZSBhbiBvdmVycmlkZVxuICAgICAqL1xuICAgIGFzeW5jIGRlbGV0ZShpZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFtTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRV0sICdyZWFkd3JpdGUnKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUoU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUUpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IHN0b3JlLmRlbGV0ZShpZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHJlc29sdmUoKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZGVsZXRlIG92ZXJyaWRlICR7aWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogUmVzb3VyY2VTY2hlZHVsZVNlcnZpY2UgLSBHZXQgZWZmZWN0aXZlIHNjaGVkdWxlIGZvciBhIHJlc291cmNlIG9uIGEgZGF0ZVxuICpcbiAqIExvZ2ljOlxuICogMS4gQ2hlY2sgZm9yIG92ZXJyaWRlIG9uIHRoaXMgZGF0ZVxuICogMi4gRmFsbCBiYWNrIHRvIGRlZmF1bHQgc2NoZWR1bGUgZm9yIHRoZSB3ZWVrZGF5XG4gKi9cbmV4cG9ydCBjbGFzcyBSZXNvdXJjZVNjaGVkdWxlU2VydmljZSB7XG4gICAgY29uc3RydWN0b3IocmVzb3VyY2VTZXJ2aWNlLCBvdmVycmlkZVNlcnZpY2UsIGRhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHRoaXMucmVzb3VyY2VTZXJ2aWNlID0gcmVzb3VyY2VTZXJ2aWNlO1xuICAgICAgICB0aGlzLm92ZXJyaWRlU2VydmljZSA9IG92ZXJyaWRlU2VydmljZTtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZWZmZWN0aXZlIHNjaGVkdWxlIGZvciBhIHJlc291cmNlIG9uIGEgc3BlY2lmaWMgZGF0ZVxuICAgICAqXG4gICAgICogQHBhcmFtIHJlc291cmNlSWQgLSBSZXNvdXJjZSBJRFxuICAgICAqIEBwYXJhbSBkYXRlIC0gRGF0ZSBzdHJpbmcgXCJZWVlZLU1NLUREXCJcbiAgICAgKiBAcmV0dXJucyBJVGltZVNsb3Qgb3IgbnVsbCAoZnJpL2Nsb3NlZClcbiAgICAgKi9cbiAgICBhc3luYyBnZXRTY2hlZHVsZUZvckRhdGUocmVzb3VyY2VJZCwgZGF0ZSkge1xuICAgICAgICAvLyAxLiBDaGVjayBmb3Igb3ZlcnJpZGVcbiAgICAgICAgY29uc3Qgb3ZlcnJpZGUgPSBhd2FpdCB0aGlzLm92ZXJyaWRlU2VydmljZS5nZXRPdmVycmlkZShyZXNvdXJjZUlkLCBkYXRlKTtcbiAgICAgICAgaWYgKG92ZXJyaWRlKSB7XG4gICAgICAgICAgICByZXR1cm4gb3ZlcnJpZGUuc2NoZWR1bGU7XG4gICAgICAgIH1cbiAgICAgICAgLy8gMi4gVXNlIGRlZmF1bHQgc2NoZWR1bGUgZm9yIHdlZWtkYXlcbiAgICAgICAgY29uc3QgcmVzb3VyY2UgPSBhd2FpdCB0aGlzLnJlc291cmNlU2VydmljZS5nZXQocmVzb3VyY2VJZCk7XG4gICAgICAgIGlmICghcmVzb3VyY2UgfHwgIXJlc291cmNlLmRlZmF1bHRTY2hlZHVsZSkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3Qgd2Vla0RheSA9IHRoaXMuZGF0ZVNlcnZpY2UuZ2V0SVNPV2Vla0RheShkYXRlKTtcbiAgICAgICAgcmV0dXJuIHJlc291cmNlLmRlZmF1bHRTY2hlZHVsZVt3ZWVrRGF5XSB8fCBudWxsO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgc2NoZWR1bGVzIGZvciBtdWx0aXBsZSBkYXRlc1xuICAgICAqXG4gICAgICogQHBhcmFtIHJlc291cmNlSWQgLSBSZXNvdXJjZSBJRFxuICAgICAqIEBwYXJhbSBkYXRlcyAtIEFycmF5IG9mIGRhdGUgc3RyaW5ncyBcIllZWVktTU0tRERcIlxuICAgICAqIEByZXR1cm5zIE1hcCBvZiBkYXRlIC0+IElUaW1lU2xvdCB8IG51bGxcbiAgICAgKi9cbiAgICBhc3luYyBnZXRTY2hlZHVsZXNGb3JEYXRlcyhyZXNvdXJjZUlkLCBkYXRlcykge1xuICAgICAgICBjb25zdCByZXN1bHQgPSBuZXcgTWFwKCk7XG4gICAgICAgIC8vIEdldCByZXNvdXJjZSBvbmNlXG4gICAgICAgIGNvbnN0IHJlc291cmNlID0gYXdhaXQgdGhpcy5yZXNvdXJjZVNlcnZpY2UuZ2V0KHJlc291cmNlSWQpO1xuICAgICAgICAvLyBHZXQgYWxsIG92ZXJyaWRlcyBpbiBkYXRlIHJhbmdlXG4gICAgICAgIGNvbnN0IG92ZXJyaWRlcyA9IGRhdGVzLmxlbmd0aCA+IDBcbiAgICAgICAgICAgID8gYXdhaXQgdGhpcy5vdmVycmlkZVNlcnZpY2UuZ2V0QnlEYXRlUmFuZ2UocmVzb3VyY2VJZCwgZGF0ZXNbMF0sIGRhdGVzW2RhdGVzLmxlbmd0aCAtIDFdKVxuICAgICAgICAgICAgOiBbXTtcbiAgICAgICAgLy8gQnVpbGQgb3ZlcnJpZGUgbWFwXG4gICAgICAgIGNvbnN0IG92ZXJyaWRlTWFwID0gbmV3IE1hcChvdmVycmlkZXMubWFwKG8gPT4gW28uZGF0ZSwgby5zY2hlZHVsZV0pKTtcbiAgICAgICAgLy8gUmVzb2x2ZSBlYWNoIGRhdGVcbiAgICAgICAgZm9yIChjb25zdCBkYXRlIG9mIGRhdGVzKSB7XG4gICAgICAgICAgICAvLyBDaGVjayBvdmVycmlkZSBmaXJzdFxuICAgICAgICAgICAgaWYgKG92ZXJyaWRlTWFwLmhhcyhkYXRlKSkge1xuICAgICAgICAgICAgICAgIHJlc3VsdC5zZXQoZGF0ZSwgb3ZlcnJpZGVNYXAuZ2V0KGRhdGUpKTtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIEZhbGwgYmFjayB0byBkZWZhdWx0XG4gICAgICAgICAgICBpZiAocmVzb3VyY2U/LmRlZmF1bHRTY2hlZHVsZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHdlZWtEYXkgPSB0aGlzLmRhdGVTZXJ2aWNlLmdldElTT1dlZWtEYXkoZGF0ZSk7XG4gICAgICAgICAgICAgICAgcmVzdWx0LnNldChkYXRlLCByZXNvdXJjZS5kZWZhdWx0U2NoZWR1bGVbd2Vla0RheV0gfHwgbnVsbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICByZXN1bHQuc2V0KGRhdGUsIG51bGwpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxufVxuIiwgIi8qKlxuICogU3dwRXZlbnQgLSBXcmFwcGVyIGNsYXNzIGZvciBjYWxlbmRhciBldmVudCBlbGVtZW50c1xuICpcbiAqIEVuY2Fwc3VsYXRlcyBhbiBIVE1MRWxlbWVudCBhbmQgcHJvdmlkZXMgY29tcHV0ZWQgcHJvcGVydGllc1xuICogZm9yIHN0YXJ0L2VuZCB0aW1lcyBiYXNlZCBvbiBlbGVtZW50IHBvc2l0aW9uIGFuZCBncmlkIGNvbmZpZy5cbiAqXG4gKiBVc2FnZTpcbiAqIC0gZXZlbnRJZCBpcyByZWFkIGZyb20gZWxlbWVudC5kYXRhc2V0XG4gKiAtIGNvbHVtbktleSBpZGVudGlmaWVzIHRoZSBjb2x1bW4gdW5pZm9ybWx5XG4gKiAtIFBvc2l0aW9uICh0b3AsIGhlaWdodCkgaXMgcmVhZCBmcm9tIGVsZW1lbnQuc3R5bGVcbiAqIC0gRmFjdG9yeSBtZXRob2QgYGZyb21FbGVtZW50KClgIGNhbGN1bGF0ZXMgRGF0ZSBvYmplY3RzXG4gKi9cbmV4cG9ydCBjbGFzcyBTd3BFdmVudCB7XG4gICAgY29uc3RydWN0b3IoZWxlbWVudCwgY29sdW1uS2V5LCBzdGFydCwgZW5kKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IGVsZW1lbnQ7XG4gICAgICAgIHRoaXMuY29sdW1uS2V5ID0gY29sdW1uS2V5O1xuICAgICAgICB0aGlzLl9zdGFydCA9IHN0YXJ0O1xuICAgICAgICB0aGlzLl9lbmQgPSBlbmQ7XG4gICAgfVxuICAgIC8qKiBFdmVudCBJRCBmcm9tIGVsZW1lbnQuZGF0YXNldC5ldmVudElkICovXG4gICAgZ2V0IGV2ZW50SWQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnQuZGF0YXNldC5ldmVudElkIHx8ICcnO1xuICAgIH1cbiAgICBnZXQgc3RhcnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zdGFydDtcbiAgICB9XG4gICAgZ2V0IGVuZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2VuZDtcbiAgICB9XG4gICAgLyoqIER1cmF0aW9uIGluIG1pbnV0ZXMgKi9cbiAgICBnZXQgZHVyYXRpb25NaW51dGVzKCkge1xuICAgICAgICByZXR1cm4gKHRoaXMuX2VuZC5nZXRUaW1lKCkgLSB0aGlzLl9zdGFydC5nZXRUaW1lKCkpIC8gKDEwMDAgKiA2MCk7XG4gICAgfVxuICAgIC8qKiBEdXJhdGlvbiBpbiBtaWxsaXNlY29uZHMgKi9cbiAgICBnZXQgZHVyYXRpb25NcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2VuZC5nZXRUaW1lKCkgLSB0aGlzLl9zdGFydC5nZXRUaW1lKCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEZhY3Rvcnk6IENyZWF0ZSBTd3BFdmVudCBmcm9tIGVsZW1lbnQgKyBjb2x1bW5LZXlcbiAgICAgKiBSZWFkcyB0b3AvaGVpZ2h0IGZyb20gZWxlbWVudC5zdHlsZSB0byBjYWxjdWxhdGUgc3RhcnQvZW5kXG4gICAgICogQHBhcmFtIGNvbHVtbktleSAtIE9wYXF1ZSBjb2x1bW4gaWRlbnRpZmllciAoZG8gTk9UIHBhcnNlIC0gdXNlIG9ubHkgZm9yIG1hdGNoaW5nKVxuICAgICAqIEBwYXJhbSBkYXRlIC0gRGF0ZSBzdHJpbmcgKFlZWVktTU0tREQpIGZvciB0aW1lIGNhbGN1bGF0aW9uc1xuICAgICAqL1xuICAgIHN0YXRpYyBmcm9tRWxlbWVudChlbGVtZW50LCBjb2x1bW5LZXksIGRhdGUsIGdyaWRDb25maWcpIHtcbiAgICAgICAgY29uc3QgdG9wUGl4ZWxzID0gcGFyc2VGbG9hdChlbGVtZW50LnN0eWxlLnRvcCkgfHwgMDtcbiAgICAgICAgY29uc3QgaGVpZ2h0UGl4ZWxzID0gcGFyc2VGbG9hdChlbGVtZW50LnN0eWxlLmhlaWdodCkgfHwgMDtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIHN0YXJ0IGZyb20gdG9wIHBvc2l0aW9uXG4gICAgICAgIGNvbnN0IHN0YXJ0TWludXRlc0Zyb21HcmlkID0gKHRvcFBpeGVscyAvIGdyaWRDb25maWcuaG91ckhlaWdodCkgKiA2MDtcbiAgICAgICAgY29uc3QgdG90YWxNaW51dGVzID0gKGdyaWRDb25maWcuZGF5U3RhcnRIb3VyICogNjApICsgc3RhcnRNaW51dGVzRnJvbUdyaWQ7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gbmV3IERhdGUoZGF0ZSk7XG4gICAgICAgIHN0YXJ0LnNldEhvdXJzKE1hdGguZmxvb3IodG90YWxNaW51dGVzIC8gNjApLCB0b3RhbE1pbnV0ZXMgJSA2MCwgMCwgMCk7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBlbmQgZnJvbSBoZWlnaHRcbiAgICAgICAgY29uc3QgZHVyYXRpb25NaW51dGVzID0gKGhlaWdodFBpeGVscyAvIGdyaWRDb25maWcuaG91ckhlaWdodCkgKiA2MDtcbiAgICAgICAgY29uc3QgZW5kID0gbmV3IERhdGUoc3RhcnQuZ2V0VGltZSgpICsgZHVyYXRpb25NaW51dGVzICogNjAgKiAxMDAwKTtcbiAgICAgICAgcmV0dXJuIG5ldyBTd3BFdmVudChlbGVtZW50LCBjb2x1bW5LZXksIHN0YXJ0LCBlbmQpO1xuICAgIH1cbn1cbiIsICJpbXBvcnQgeyBDb3JlRXZlbnRzIH0gZnJvbSAnLi4vY29uc3RhbnRzL0NvcmVFdmVudHMnO1xuaW1wb3J0IHsgc25hcFRvR3JpZCB9IGZyb20gJy4uL3V0aWxzL1Bvc2l0aW9uVXRpbHMnO1xuaW1wb3J0IHsgU3dwRXZlbnQgfSBmcm9tICcuLi90eXBlcy9Td3BFdmVudCc7XG4vKipcbiAqIERyYWdEcm9wTWFuYWdlciAtIEhhbmRsZXMgZHJhZy1kcm9wIGZvciBjYWxlbmRhciBldmVudHNcbiAqXG4gKiBTdHJhdGVneTogRHJhZyBvcmlnaW5hbCBlbGVtZW50LCBsZWF2ZSBnaG9zdC1jbG9uZSBpbiBwbGFjZVxuICogLSBtb3VzZWRvd246IFN0b3JlIGluaXRpYWwgc3RhdGUsIHdhaXQgZm9yIG1vdmVtZW50XG4gKiAtIG1vdXNlbW92ZSAoPjVweCk6IENyZWF0ZSBnaG9zdCwgc3RhcnQgZHJhZ2dpbmcgb3JpZ2luYWxcbiAqIC0gbW91c2V1cDogU25hcCB0byBncmlkLCByZW1vdmUgZ2hvc3QsIGVtaXQgZHJhZzplbmRcbiAqIC0gY2FuY2VsOiBBbmltYXRlIGJhY2sgdG8gc3RhcnRZLCByZW1vdmUgZ2hvc3RcbiAqL1xuZXhwb3J0IGNsYXNzIERyYWdEcm9wTWFuYWdlciB7XG4gICAgY29uc3RydWN0b3IoZXZlbnRCdXMsIGdyaWRDb25maWcpIHtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLmdyaWRDb25maWcgPSBncmlkQ29uZmlnO1xuICAgICAgICB0aGlzLmRyYWdTdGF0ZSA9IG51bGw7XG4gICAgICAgIHRoaXMubW91c2VEb3duUG9zaXRpb24gPSBudWxsO1xuICAgICAgICB0aGlzLnBlbmRpbmdFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgdGhpcy5wZW5kaW5nTW91c2VPZmZzZXQgPSBudWxsO1xuICAgICAgICB0aGlzLmNvbnRhaW5lciA9IG51bGw7XG4gICAgICAgIHRoaXMuaW5IZWFkZXIgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5EUkFHX1RIUkVTSE9MRCA9IDU7XG4gICAgICAgIHRoaXMuSU5URVJQT0xBVElPTl9GQUNUT1IgPSAwLjM7XG4gICAgICAgIHRoaXMuaGFuZGxlUG9pbnRlckRvd24gPSAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdGFyZ2V0ID0gZS50YXJnZXQ7XG4gICAgICAgICAgICAvLyBJZ25vcmUgaWYgY2xpY2tpbmcgb24gcmVzaXplIGhhbmRsZVxuICAgICAgICAgICAgaWYgKHRhcmdldC5jbG9zZXN0KCdzd3AtcmVzaXplLWhhbmRsZScpKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIC8vIE1hdGNoIGJvdGggc3dwLWV2ZW50IGFuZCBzd3AtaGVhZGVyLWl0ZW1cbiAgICAgICAgICAgIGNvbnN0IGV2ZW50RWxlbWVudCA9IHRhcmdldC5jbG9zZXN0KCdzd3AtZXZlbnQnKTtcbiAgICAgICAgICAgIGNvbnN0IGhlYWRlckl0ZW0gPSB0YXJnZXQuY2xvc2VzdCgnc3dwLWhlYWRlci1pdGVtJyk7XG4gICAgICAgICAgICBjb25zdCBkcmFnZ2FibGUgPSBldmVudEVsZW1lbnQgfHwgaGVhZGVySXRlbTtcbiAgICAgICAgICAgIGlmICghZHJhZ2dhYmxlKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIC8vIFN0b3JlIGZvciBwb3RlbnRpYWwgZHJhZ1xuICAgICAgICAgICAgdGhpcy5tb3VzZURvd25Qb3NpdGlvbiA9IHsgeDogZS5jbGllbnRYLCB5OiBlLmNsaWVudFkgfTtcbiAgICAgICAgICAgIHRoaXMucGVuZGluZ0VsZW1lbnQgPSBkcmFnZ2FibGU7XG4gICAgICAgICAgICAvLyBDYWxjdWxhdGUgbW91c2Ugb2Zmc2V0IHdpdGhpbiBlbGVtZW50XG4gICAgICAgICAgICBjb25zdCByZWN0ID0gZHJhZ2dhYmxlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICAgICAgdGhpcy5wZW5kaW5nTW91c2VPZmZzZXQgPSB7XG4gICAgICAgICAgICAgICAgeDogZS5jbGllbnRYIC0gcmVjdC5sZWZ0LFxuICAgICAgICAgICAgICAgIHk6IGUuY2xpZW50WSAtIHJlY3QudG9wXG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgLy8gQ2FwdHVyZSBwb2ludGVyIGZvciByZWxpYWJsZSB0cmFja2luZ1xuICAgICAgICAgICAgZHJhZ2dhYmxlLnNldFBvaW50ZXJDYXB0dXJlKGUucG9pbnRlcklkKTtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5oYW5kbGVQb2ludGVyTW92ZSA9IChlKSA9PiB7XG4gICAgICAgICAgICAvLyBOb3QgaW4gcG90ZW50aWFsIGRyYWcgc3RhdGVcbiAgICAgICAgICAgIGlmICghdGhpcy5tb3VzZURvd25Qb3NpdGlvbiB8fCAhdGhpcy5wZW5kaW5nRWxlbWVudCkge1xuICAgICAgICAgICAgICAgIC8vIEFscmVhZHkgZHJhZ2dpbmcgLSB1cGRhdGUgdGFyZ2V0XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuZHJhZ1N0YXRlKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlRHJhZ1RhcmdldChlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ2hlY2sgdGhyZXNob2xkXG4gICAgICAgICAgICBjb25zdCBkZWx0YVggPSBNYXRoLmFicyhlLmNsaWVudFggLSB0aGlzLm1vdXNlRG93blBvc2l0aW9uLngpO1xuICAgICAgICAgICAgY29uc3QgZGVsdGFZID0gTWF0aC5hYnMoZS5jbGllbnRZIC0gdGhpcy5tb3VzZURvd25Qb3NpdGlvbi55KTtcbiAgICAgICAgICAgIGNvbnN0IGRpc3RhbmNlID0gTWF0aC5zcXJ0KGRlbHRhWCAqIGRlbHRhWCArIGRlbHRhWSAqIGRlbHRhWSk7XG4gICAgICAgICAgICBpZiAoZGlzdGFuY2UgPCB0aGlzLkRSQUdfVEhSRVNIT0xEKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIC8vIFN0YXJ0IGRyYWdcbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZURyYWcodGhpcy5wZW5kaW5nRWxlbWVudCwgdGhpcy5wZW5kaW5nTW91c2VPZmZzZXQsIGUpO1xuICAgICAgICAgICAgdGhpcy5tb3VzZURvd25Qb3NpdGlvbiA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLnBlbmRpbmdFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgICAgIHRoaXMucGVuZGluZ01vdXNlT2Zmc2V0ID0gbnVsbDtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5oYW5kbGVQb2ludGVyVXAgPSAoX2UpID0+IHtcbiAgICAgICAgICAgIC8vIENsZWFyIHBlbmRpbmcgc3RhdGVcbiAgICAgICAgICAgIHRoaXMubW91c2VEb3duUG9zaXRpb24gPSBudWxsO1xuICAgICAgICAgICAgdGhpcy5wZW5kaW5nRWxlbWVudCA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLnBlbmRpbmdNb3VzZU9mZnNldCA9IG51bGw7XG4gICAgICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIC8vIFN0b3AgYW5pbWF0aW9uXG4gICAgICAgICAgICBjYW5jZWxBbmltYXRpb25GcmFtZSh0aGlzLmRyYWdTdGF0ZS5hbmltYXRpb25JZCk7XG4gICAgICAgICAgICAvLyBIYW5kbGUgYmFzZWQgb24gZHJhZyBzb3VyY2UgYW5kIHRhcmdldFxuICAgICAgICAgICAgaWYgKHRoaXMuZHJhZ1N0YXRlLmRyYWdTb3VyY2UgPT09ICdoZWFkZXInKSB7XG4gICAgICAgICAgICAgICAgLy8gSGVhZGVyIGl0ZW0gZHJhZyBlbmRcbiAgICAgICAgICAgICAgICB0aGlzLmhhbmRsZUhlYWRlckl0ZW1EcmFnRW5kKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAvLyBHcmlkIGV2ZW50IGRyYWcgZW5kXG4gICAgICAgICAgICAgICAgdGhpcy5oYW5kbGVHcmlkRXZlbnREcmFnRW5kKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBDbGVhbnVwXG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2RyYWdnaW5nJyk7XG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZSA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLmluSGVhZGVyID0gZmFsc2U7XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuYW5pbWF0ZURyYWcgPSAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIGNvbnN0IGRpZmYgPSB0aGlzLmRyYWdTdGF0ZS50YXJnZXRZIC0gdGhpcy5kcmFnU3RhdGUuY3VycmVudFk7XG4gICAgICAgICAgICAvLyBTdG9wIGFuaW1hdGlvbiB3aGVuIGNsb3NlIGVub3VnaCB0byB0YXJnZXRcbiAgICAgICAgICAgIGlmIChNYXRoLmFicyhkaWZmKSA8PSAwLjUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5hbmltYXRpb25JZCA9IDA7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gSW50ZXJwb2xhdGUgdG93YXJkcyB0YXJnZXRcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZICs9IGRpZmYgKiB0aGlzLklOVEVSUE9MQVRJT05fRkFDVE9SO1xuICAgICAgICAgICAgLy8gVXBkYXRlIGVsZW1lbnQgcG9zaXRpb25cbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQuc3R5bGUudG9wID0gYCR7dGhpcy5kcmFnU3RhdGUuY3VycmVudFl9cHhgO1xuICAgICAgICAgICAgLy8gRW1pdCBkcmFnOm1vdmUgKG9ubHkgaWYgd2UgaGF2ZSBhIGNvbHVtbilcbiAgICAgICAgICAgIGlmICh0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnRJZDogdGhpcy5kcmFnU3RhdGUuZXZlbnRJZCxcbiAgICAgICAgICAgICAgICAgICAgZWxlbWVudDogdGhpcy5kcmFnU3RhdGUuZWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgY3VycmVudFk6IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZLFxuICAgICAgICAgICAgICAgICAgICBjb2x1bW5FbGVtZW50OiB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50XG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX01PVkUsIHBheWxvYWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ29udGludWUgYW5pbWF0aW9uXG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5hbmltYXRpb25JZCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSh0aGlzLmFuaW1hdGVEcmFnKTtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5zZXR1cFNjcm9sbExpc3RlbmVyKCk7XG4gICAgfVxuICAgIHNldHVwU2Nyb2xsTGlzdGVuZXIoKSB7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FREdFX1NDUk9MTF9USUNLLCAoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICBjb25zdCB7IHNjcm9sbERlbHRhIH0gPSBlLmRldGFpbDtcbiAgICAgICAgICAgIC8vIEVsZW1lbnQgc2thbCBmbHl0dGUgbWVkIHNjcm9sbCBmb3IgYXQgZm9yYmxpdmUgdW5kZXIgbXVzZW5cbiAgICAgICAgICAgIC8vIChlbGVtZW50ZXRzIHRvcCBlciByZWxhdGl2IHRpbCBrb2xvbm5lbiwgc29tIHNjcm9sbGVyIG1lZCB2aWV3cG9ydClcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLnRhcmdldFkgKz0gc2Nyb2xsRGVsdGE7XG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50WSArPSBzY3JvbGxEZWx0YTtcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQuc3R5bGUudG9wID0gYCR7dGhpcy5kcmFnU3RhdGUuY3VycmVudFl9cHhgO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSW5pdGlhbGl6ZSBkcmFnLWRyb3Agb24gYSBjb250YWluZXIgZWxlbWVudFxuICAgICAqL1xuICAgIGluaXQoY29udGFpbmVyKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gY29udGFpbmVyO1xuICAgICAgICBjb250YWluZXIuYWRkRXZlbnRMaXN0ZW5lcigncG9pbnRlcmRvd24nLCB0aGlzLmhhbmRsZVBvaW50ZXJEb3duKTtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigncG9pbnRlcm1vdmUnLCB0aGlzLmhhbmRsZVBvaW50ZXJNb3ZlKTtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigncG9pbnRlcnVwJywgdGhpcy5oYW5kbGVQb2ludGVyVXApO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgZHJhZyBlbmQgZm9yIGhlYWRlciBpdGVtc1xuICAgICAqL1xuICAgIGhhbmRsZUhlYWRlckl0ZW1EcmFnRW5kKCkge1xuICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBJZiBkcm9wcGVkIGluIGdyaWQgKG5vdCBpbiBoZWFkZXIpLCB0aGUgc3dwLWV2ZW50IHdhcyBhbHJlYWR5IGNyZWF0ZWRcbiAgICAgICAgLy8gYnkgRXZlbnRSZW5kZXJlciBsaXN0ZW5pbmcgdG8gRVZFTlRfRFJBR19MRUFWRV9IRUFERVJcbiAgICAgICAgLy8gSnVzdCBlbWl0IGRyYWc6ZW5kIGZvciBwZXJzaXN0ZW5jZVxuICAgICAgICBpZiAoIXRoaXMuaW5IZWFkZXIgJiYgdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbikge1xuICAgICAgICAgICAgLy8gRHJvcHBlZCBpbiBncmlkIC0gZW1pdCBkcmFnOmVuZCB3aXRoIHRoZSBuZXcgc3dwLWV2ZW50IGVsZW1lbnRcbiAgICAgICAgICAgIGNvbnN0IGdyaWRFdmVudCA9IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4ucXVlcnlTZWxlY3Rvcihgc3dwLWV2ZW50W2RhdGEtZXZlbnQtaWQ9XCIke3RoaXMuZHJhZ1N0YXRlLmV2ZW50SWR9XCJdYCk7XG4gICAgICAgICAgICBpZiAoZ3JpZEV2ZW50KSB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29sdW1uS2V5ID0gdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbi5kYXRhc2V0LmNvbHVtbktleSB8fCAnJztcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRlID0gdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbi5kYXRhc2V0LmRhdGUgfHwgJyc7XG4gICAgICAgICAgICAgICAgY29uc3Qgc3dwRXZlbnQgPSBTd3BFdmVudC5mcm9tRWxlbWVudChncmlkRXZlbnQsIGNvbHVtbktleSwgZGF0ZSwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgICAgICBzd3BFdmVudCxcbiAgICAgICAgICAgICAgICAgICAgc291cmNlQ29sdW1uS2V5OiB0aGlzLmRyYWdTdGF0ZS5zb3VyY2VDb2x1bW5LZXksXG4gICAgICAgICAgICAgICAgICAgIHRhcmdldDogJ2dyaWQnXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VORCwgcGF5bG9hZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gSWYgc3RpbGwgaW4gaGVhZGVyLCBubyBwZXJzaXN0ZW5jZSBuZWVkZWQgKHN0YXllZCBpbiBoZWFkZXIpXG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBkcmFnIGVuZCBmb3IgZ3JpZCBldmVudHNcbiAgICAgKi9cbiAgICBoYW5kbGVHcmlkRXZlbnREcmFnRW5kKCkge1xuICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlIHx8ICF0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50KVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBTbmFwIHRvIGdyaWRcbiAgICAgICAgY29uc3Qgc25hcHBlZFkgPSBzbmFwVG9HcmlkKHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LnN0eWxlLnRvcCA9IGAke3NuYXBwZWRZfXB4YDtcbiAgICAgICAgLy8gUmVtb3ZlIGdob3N0XG4gICAgICAgIHRoaXMuZHJhZ1N0YXRlLmdob3N0RWxlbWVudD8ucmVtb3ZlKCk7XG4gICAgICAgIC8vIEdldCBjb2x1bW5LZXkgYW5kIGRhdGUgZnJvbSB0YXJnZXQgY29sdW1uXG4gICAgICAgIGNvbnN0IGNvbHVtbktleSA9IHRoaXMuZHJhZ1N0YXRlLmNvbHVtbkVsZW1lbnQuZGF0YXNldC5jb2x1bW5LZXkgfHwgJyc7XG4gICAgICAgIGNvbnN0IGRhdGUgPSB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50LmRhdGFzZXQuZGF0ZSB8fCAnJztcbiAgICAgICAgLy8gQ3JlYXRlIFN3cEV2ZW50IGZyb20gZWxlbWVudCAocmVhZHMgdG9wL2hlaWdodC9ldmVudElkIGZyb20gZWxlbWVudClcbiAgICAgICAgY29uc3Qgc3dwRXZlbnQgPSBTd3BFdmVudC5mcm9tRWxlbWVudCh0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LCBjb2x1bW5LZXksIGRhdGUsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIC8vIEVtaXQgZHJhZzplbmRcbiAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgIHN3cEV2ZW50LFxuICAgICAgICAgICAgc291cmNlQ29sdW1uS2V5OiB0aGlzLmRyYWdTdGF0ZS5zb3VyY2VDb2x1bW5LZXksXG4gICAgICAgICAgICB0YXJnZXQ6IHRoaXMuaW5IZWFkZXIgPyAnaGVhZGVyJyA6ICdncmlkJ1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VORCwgcGF5bG9hZCk7XG4gICAgfVxuICAgIGluaXRpYWxpemVEcmFnKGVsZW1lbnQsIG1vdXNlT2Zmc2V0LCBlKSB7XG4gICAgICAgIGNvbnN0IGV2ZW50SWQgPSBlbGVtZW50LmRhdGFzZXQuZXZlbnRJZCB8fCAnJztcbiAgICAgICAgY29uc3QgaXNIZWFkZXJJdGVtID0gZWxlbWVudC50YWdOYW1lLnRvTG93ZXJDYXNlKCkgPT09ICdzd3AtaGVhZGVyLWl0ZW0nO1xuICAgICAgICBjb25zdCBjb2x1bW5FbGVtZW50ID0gZWxlbWVudC5jbG9zZXN0KCdzd3AtZGF5LWNvbHVtbicpO1xuICAgICAgICAvLyBGb3IgZ3JpZCBldmVudHMsIHdlIG5lZWQgYSBjb2x1bW5cbiAgICAgICAgaWYgKCFpc0hlYWRlckl0ZW0gJiYgIWNvbHVtbkVsZW1lbnQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGlmIChpc0hlYWRlckl0ZW0pIHtcbiAgICAgICAgICAgIC8vIEhlYWRlciBpdGVtIGRyYWcgaW5pdGlhbGl6YXRpb25cbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZUhlYWRlckl0ZW1EcmFnKGVsZW1lbnQsIG1vdXNlT2Zmc2V0LCBldmVudElkKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIEdyaWQgZXZlbnQgZHJhZyBpbml0aWFsaXphdGlvblxuICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplR3JpZEV2ZW50RHJhZyhlbGVtZW50LCBtb3VzZU9mZnNldCwgZSwgY29sdW1uRWxlbWVudCwgZXZlbnRJZCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogSW5pdGlhbGl6ZSBkcmFnIGZvciBhIGhlYWRlciBpdGVtIChhbGxEYXkgZXZlbnQpXG4gICAgICovXG4gICAgaW5pdGlhbGl6ZUhlYWRlckl0ZW1EcmFnKGVsZW1lbnQsIG1vdXNlT2Zmc2V0LCBldmVudElkKSB7XG4gICAgICAgIC8vIE1hcmsgYXMgZHJhZ2dpbmdcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkcmFnZ2luZycpO1xuICAgICAgICAvLyBJbml0aWFsaXplIGRyYWcgc3RhdGUgZm9yIGhlYWRlciBpdGVtXG4gICAgICAgIHRoaXMuZHJhZ1N0YXRlID0ge1xuICAgICAgICAgICAgZXZlbnRJZCxcbiAgICAgICAgICAgIGVsZW1lbnQsXG4gICAgICAgICAgICBnaG9zdEVsZW1lbnQ6IG51bGwsIC8vIE5vIGdob3N0IGZvciBoZWFkZXIgaXRlbXNcbiAgICAgICAgICAgIHN0YXJ0WTogMCxcbiAgICAgICAgICAgIG1vdXNlT2Zmc2V0LFxuICAgICAgICAgICAgY29sdW1uRWxlbWVudDogbnVsbCxcbiAgICAgICAgICAgIGN1cnJlbnRDb2x1bW46IG51bGwsXG4gICAgICAgICAgICB0YXJnZXRZOiAwLFxuICAgICAgICAgICAgY3VycmVudFk6IDAsXG4gICAgICAgICAgICBhbmltYXRpb25JZDogMCxcbiAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogJycsIC8vIFdpbGwgYmUgc2V0IGZyb20gaGVhZGVyIGl0ZW0gZGF0YVxuICAgICAgICAgICAgZHJhZ1NvdXJjZTogJ2hlYWRlcidcbiAgICAgICAgfTtcbiAgICAgICAgLy8gU3RhcnQgaW4gaGVhZGVyIG1vZGVcbiAgICAgICAgdGhpcy5pbkhlYWRlciA9IHRydWU7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEluaXRpYWxpemUgZHJhZyBmb3IgYSBncmlkIGV2ZW50XG4gICAgICovXG4gICAgaW5pdGlhbGl6ZUdyaWRFdmVudERyYWcoZWxlbWVudCwgbW91c2VPZmZzZXQsIGUsIGNvbHVtbkVsZW1lbnQsIGV2ZW50SWQpIHtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIGFic29sdXRlIFkgcG9zaXRpb24gdXNpbmcgZ2V0Qm91bmRpbmdDbGllbnRSZWN0XG4gICAgICAgIGNvbnN0IGVsZW1lbnRSZWN0ID0gZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3QgY29sdW1uUmVjdCA9IGNvbHVtbkVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIGNvbnN0IHN0YXJ0WSA9IGVsZW1lbnRSZWN0LnRvcCAtIGNvbHVtblJlY3QudG9wO1xuICAgICAgICAvLyBJZiBldmVudCBpcyBpbnNpZGUgYSBncm91cCwgbW92ZSBpdCB0byBldmVudHMtbGF5ZXIgZm9yIGNvcnJlY3QgcG9zaXRpb25pbmcgZHVyaW5nIGRyYWdcbiAgICAgICAgY29uc3QgZ3JvdXAgPSBlbGVtZW50LmNsb3Nlc3QoJ3N3cC1ldmVudC1ncm91cCcpO1xuICAgICAgICBpZiAoZ3JvdXApIHtcbiAgICAgICAgICAgIGNvbnN0IGV2ZW50c0xheWVyID0gY29sdW1uRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnRzLWxheWVyJyk7XG4gICAgICAgICAgICBpZiAoZXZlbnRzTGF5ZXIpIHtcbiAgICAgICAgICAgICAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChlbGVtZW50KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBTZXQgY29uc2lzdGVudCBwb3NpdGlvbmluZyBmb3IgZHJhZyAod29ya3MgZm9yIGJvdGggZ3JvdXBlZCBhbmQgc3RhY2tlZCBldmVudHMpXG4gICAgICAgIGVsZW1lbnQuc3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnO1xuICAgICAgICBlbGVtZW50LnN0eWxlLnRvcCA9IGAke3N0YXJ0WX1weGA7XG4gICAgICAgIGVsZW1lbnQuc3R5bGUubGVmdCA9ICcycHgnO1xuICAgICAgICBlbGVtZW50LnN0eWxlLnJpZ2h0ID0gJzJweCc7XG4gICAgICAgIGVsZW1lbnQuc3R5bGUubWFyZ2luTGVmdCA9ICcwJzsgLy8gUmVzZXQgc3RhY2tpbmcgbWFyZ2luXG4gICAgICAgIC8vIENyZWF0ZSBnaG9zdCBjbG9uZVxuICAgICAgICBjb25zdCBnaG9zdEVsZW1lbnQgPSBlbGVtZW50LmNsb25lTm9kZSh0cnVlKTtcbiAgICAgICAgZ2hvc3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2RyYWctZ2hvc3QnKTtcbiAgICAgICAgZ2hvc3RFbGVtZW50LnN0eWxlLm9wYWNpdHkgPSAnMC4zJztcbiAgICAgICAgZ2hvc3RFbGVtZW50LnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnbm9uZSc7XG4gICAgICAgIC8vIEluc2VydCBnaG9zdCBiZWZvcmUgb3JpZ2luYWxcbiAgICAgICAgZWxlbWVudC5wYXJlbnROb2RlPy5pbnNlcnRCZWZvcmUoZ2hvc3RFbGVtZW50LCBlbGVtZW50KTtcbiAgICAgICAgLy8gU2V0dXAgZWxlbWVudCBmb3IgZHJhZ2dpbmdcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkcmFnZ2luZycpO1xuICAgICAgICAvLyBDYWxjdWxhdGUgaW5pdGlhbCB0YXJnZXQgZnJvbSBtb3VzZSBwb3NpdGlvblxuICAgICAgICBjb25zdCB0YXJnZXRZID0gZS5jbGllbnRZIC0gY29sdW1uUmVjdC50b3AgLSBtb3VzZU9mZnNldC55O1xuICAgICAgICAvLyBJbml0aWFsaXplIGRyYWcgc3RhdGVcbiAgICAgICAgdGhpcy5kcmFnU3RhdGUgPSB7XG4gICAgICAgICAgICBldmVudElkLFxuICAgICAgICAgICAgZWxlbWVudCxcbiAgICAgICAgICAgIGdob3N0RWxlbWVudCxcbiAgICAgICAgICAgIHN0YXJ0WSxcbiAgICAgICAgICAgIG1vdXNlT2Zmc2V0LFxuICAgICAgICAgICAgY29sdW1uRWxlbWVudCxcbiAgICAgICAgICAgIGN1cnJlbnRDb2x1bW46IGNvbHVtbkVsZW1lbnQsXG4gICAgICAgICAgICB0YXJnZXRZOiBNYXRoLm1heCgwLCB0YXJnZXRZKSxcbiAgICAgICAgICAgIGN1cnJlbnRZOiBzdGFydFksXG4gICAgICAgICAgICBhbmltYXRpb25JZDogMCxcbiAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogY29sdW1uRWxlbWVudC5kYXRhc2V0LmNvbHVtbktleSB8fCAnJyxcbiAgICAgICAgICAgIGRyYWdTb3VyY2U6ICdncmlkJ1xuICAgICAgICB9O1xuICAgICAgICAvLyBFbWl0IGRyYWc6c3RhcnRcbiAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgIGV2ZW50SWQsXG4gICAgICAgICAgICBlbGVtZW50LFxuICAgICAgICAgICAgZ2hvc3RFbGVtZW50LFxuICAgICAgICAgICAgc3RhcnRZLFxuICAgICAgICAgICAgbW91c2VPZmZzZXQsXG4gICAgICAgICAgICBjb2x1bW5FbGVtZW50XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX0RSQUdfU1RBUlQsIHBheWxvYWQpO1xuICAgICAgICAvLyBTdGFydCBhbmltYXRpb24gbG9vcFxuICAgICAgICB0aGlzLmFuaW1hdGVEcmFnKCk7XG4gICAgfVxuICAgIHVwZGF0ZURyYWdUYXJnZXQoZSkge1xuICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBDaGVjayBoZWFkZXIgem9uZSBmaXJzdFxuICAgICAgICB0aGlzLmNoZWNrSGVhZGVyWm9uZShlKTtcbiAgICAgICAgLy8gU2tpcCBub3JtYWwgZ3JpZCBoYW5kbGluZyBpZiBpbiBoZWFkZXJcbiAgICAgICAgaWYgKHRoaXMuaW5IZWFkZXIpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIENoZWNrIGZvciBjb2x1bW4gY2hhbmdlXG4gICAgICAgIGNvbnN0IGNvbHVtbkF0UG9pbnQgPSB0aGlzLmdldENvbHVtbkF0UG9pbnQoZS5jbGllbnRYKTtcbiAgICAgICAgLy8gRm9yIGhlYWRlciBpdGVtcyBlbnRlcmluZyBncmlkLCBzZXQgaW5pdGlhbCBjb2x1bW5cbiAgICAgICAgaWYgKHRoaXMuZHJhZ1N0YXRlLmRyYWdTb3VyY2UgPT09ICdoZWFkZXInICYmIGNvbHVtbkF0UG9pbnQgJiYgIXRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4pIHtcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4gPSBjb2x1bW5BdFBvaW50O1xuICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudCA9IGNvbHVtbkF0UG9pbnQ7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGNvbHVtbkF0UG9pbnQgJiYgY29sdW1uQXRQb2ludCAhPT0gdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbiAmJiB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50Q29sdW1uKSB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgIGV2ZW50SWQ6IHRoaXMuZHJhZ1N0YXRlLmV2ZW50SWQsXG4gICAgICAgICAgICAgICAgZWxlbWVudDogdGhpcy5kcmFnU3RhdGUuZWxlbWVudCxcbiAgICAgICAgICAgICAgICBwcmV2aW91c0NvbHVtbjogdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbixcbiAgICAgICAgICAgICAgICBuZXdDb2x1bW46IGNvbHVtbkF0UG9pbnQsXG4gICAgICAgICAgICAgICAgY3VycmVudFk6IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZXG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfRFJBR19DT0xVTU5fQ0hBTkdFLCBwYXlsb2FkKTtcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4gPSBjb2x1bW5BdFBvaW50O1xuICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudCA9IGNvbHVtbkF0UG9pbnQ7XG4gICAgICAgIH1cbiAgICAgICAgLy8gU2tpcCBncmlkIHBvc2l0aW9uIHVwZGF0ZXMgaWYgbm8gY29sdW1uIHlldFxuICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlLmNvbHVtbkVsZW1lbnQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGNvbHVtblJlY3QgPSB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCB0YXJnZXRZID0gZS5jbGllbnRZIC0gY29sdW1uUmVjdC50b3AgLSB0aGlzLmRyYWdTdGF0ZS5tb3VzZU9mZnNldC55O1xuICAgICAgICB0aGlzLmRyYWdTdGF0ZS50YXJnZXRZID0gTWF0aC5tYXgoMCwgdGFyZ2V0WSk7XG4gICAgICAgIC8vIFN0YXJ0IGFuaW1hdGlvbiBpZiBub3QgcnVubmluZ1xuICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlLmFuaW1hdGlvbklkKSB7XG4gICAgICAgICAgICB0aGlzLmFuaW1hdGVEcmFnKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogQ2hlY2sgaWYgcG9pbnRlciBpcyBpbiBoZWFkZXIgem9uZSBhbmQgZW1pdCBhcHByb3ByaWF0ZSBldmVudHNcbiAgICAgKi9cbiAgICBjaGVja0hlYWRlclpvbmUoZSkge1xuICAgICAgICBpZiAoIXRoaXMuZHJhZ1N0YXRlKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBoZWFkZXJWaWV3cG9ydCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItdmlld3BvcnQnKTtcbiAgICAgICAgaWYgKCFoZWFkZXJWaWV3cG9ydClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgcmVjdCA9IGhlYWRlclZpZXdwb3J0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCBpc0luSGVhZGVyID0gZS5jbGllbnRZIDwgcmVjdC5ib3R0b207XG4gICAgICAgIGlmIChpc0luSGVhZGVyICYmICF0aGlzLmluSGVhZGVyKSB7XG4gICAgICAgICAgICAvLyBFbnRlcmVkIGhlYWRlciAoZnJvbSBncmlkKVxuICAgICAgICAgICAgdGhpcy5pbkhlYWRlciA9IHRydWU7XG4gICAgICAgICAgICBpZiAodGhpcy5kcmFnU3RhdGUuZHJhZ1NvdXJjZSA9PT0gJ2dyaWQnICYmIHRoaXMuZHJhZ1N0YXRlLmNvbHVtbkVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgICAgICBldmVudElkOiB0aGlzLmRyYWdTdGF0ZS5ldmVudElkLFxuICAgICAgICAgICAgICAgICAgICBlbGVtZW50OiB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICBzb3VyY2VDb2x1bW5JbmRleDogdGhpcy5nZXRDb2x1bW5JbmRleCh0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50KSxcbiAgICAgICAgICAgICAgICAgICAgc291cmNlQ29sdW1uS2V5OiB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50LmRhdGFzZXQuY29sdW1uS2V5IHx8ICcnLFxuICAgICAgICAgICAgICAgICAgICB0aXRsZTogdGhpcy5kcmFnU3RhdGUuZWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnQtdGl0bGUnKT8udGV4dENvbnRlbnQgfHwgJycsXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yQ2xhc3M6IFsuLi50aGlzLmRyYWdTdGF0ZS5lbGVtZW50LmNsYXNzTGlzdF0uZmluZChjID0+IGMuc3RhcnRzV2l0aCgnaXMtJykpLFxuICAgICAgICAgICAgICAgICAgICBpdGVtVHlwZTogJ2V2ZW50JyxcbiAgICAgICAgICAgICAgICAgICAgZHVyYXRpb246IDFcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX0RSQUdfRU5URVJfSEVBREVSLCBwYXlsb2FkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIEZvciBoZWFkZXIgc291cmNlIHJlLWVudGVyaW5nIGhlYWRlciwganVzdCB1cGRhdGUgaW5IZWFkZXIgZmxhZ1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKCFpc0luSGVhZGVyICYmIHRoaXMuaW5IZWFkZXIpIHtcbiAgICAgICAgICAgIC8vIExlZnQgaGVhZGVyIChlbnRlcmluZyBncmlkKVxuICAgICAgICAgICAgdGhpcy5pbkhlYWRlciA9IGZhbHNlO1xuICAgICAgICAgICAgY29uc3QgdGFyZ2V0Q29sdW1uID0gdGhpcy5nZXRDb2x1bW5BdFBvaW50KGUuY2xpZW50WCk7XG4gICAgICAgICAgICBpZiAodGhpcy5kcmFnU3RhdGUuZHJhZ1NvdXJjZSA9PT0gJ2hlYWRlcicpIHtcbiAgICAgICAgICAgICAgICAvLyBIZWFkZXIgaXRlbSBsZWF2aW5nIGhlYWRlciBcdTIxOTIgY3JlYXRlIHN3cC1ldmVudCBpbiBncmlkXG4gICAgICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnRJZDogdGhpcy5kcmFnU3RhdGUuZXZlbnRJZCxcbiAgICAgICAgICAgICAgICAgICAgc291cmNlOiAnaGVhZGVyJyxcbiAgICAgICAgICAgICAgICAgICAgZWxlbWVudDogdGhpcy5kcmFnU3RhdGUuZWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgdGFyZ2V0Q29sdW1uOiB0YXJnZXRDb2x1bW4gfHwgdW5kZWZpbmVkLFxuICAgICAgICAgICAgICAgICAgICBzdGFydDogdGhpcy5kcmFnU3RhdGUuZWxlbWVudC5kYXRhc2V0LnN0YXJ0ID8gbmV3IERhdGUodGhpcy5kcmFnU3RhdGUuZWxlbWVudC5kYXRhc2V0LnN0YXJ0KSA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgICAgICAgZW5kOiB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LmRhdGFzZXQuZW5kID8gbmV3IERhdGUodGhpcy5kcmFnU3RhdGUuZWxlbWVudC5kYXRhc2V0LmVuZCkgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LnRleHRDb250ZW50IHx8ICcnLFxuICAgICAgICAgICAgICAgICAgICBjb2xvckNsYXNzOiBbLi4udGhpcy5kcmFnU3RhdGUuZWxlbWVudC5jbGFzc0xpc3RdLmZpbmQoYyA9PiBjLnN0YXJ0c1dpdGgoJ2lzLScpKVxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfRFJBR19MRUFWRV9IRUFERVIsIHBheWxvYWQpO1xuICAgICAgICAgICAgICAgIC8vIFJlLWF0dGFjaCB0byB0aGUgbmV3IHN3cC1ldmVudCBjcmVhdGVkIGJ5IEV2ZW50UmVuZGVyZXJcbiAgICAgICAgICAgICAgICBpZiAodGFyZ2V0Q29sdW1uKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IG5ld0VsZW1lbnQgPSB0YXJnZXRDb2x1bW4ucXVlcnlTZWxlY3Rvcihgc3dwLWV2ZW50W2RhdGEtZXZlbnQtaWQ9XCIke3RoaXMuZHJhZ1N0YXRlLmV2ZW50SWR9XCJdYCk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChuZXdFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50ID0gbmV3RWxlbWVudDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmNvbHVtbkVsZW1lbnQgPSB0YXJnZXRDb2x1bW47XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50Q29sdW1uID0gdGFyZ2V0Q29sdW1uO1xuICAgICAgICAgICAgICAgICAgICAgICAgLy8gU3RhcnQgYW5pbWF0aW9uIGZvciB0aGUgbmV3IGVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuYW5pbWF0ZURyYWcoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIEdyaWQgZXZlbnQgbGVhdmluZyBoZWFkZXIgXHUyMTkyIHJlc3RvcmUgdG8gZ3JpZFxuICAgICAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50SWQ6IHRoaXMuZHJhZ1N0YXRlLmV2ZW50SWQsXG4gICAgICAgICAgICAgICAgICAgIHNvdXJjZTogJ2dyaWQnXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0xFQVZFX0hFQURFUiwgcGF5bG9hZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoaXNJbkhlYWRlcikge1xuICAgICAgICAgICAgLy8gTW92aW5nIHdpdGhpbiBoZWFkZXJcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbiA9IHRoaXMuZ2V0Q29sdW1uQXRYKGUuY2xpZW50WCk7XG4gICAgICAgICAgICBpZiAoY29sdW1uKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnRJZDogdGhpcy5kcmFnU3RhdGUuZXZlbnRJZCxcbiAgICAgICAgICAgICAgICAgICAgY29sdW1uSW5kZXg6IHRoaXMuZ2V0Q29sdW1uSW5kZXgoY29sdW1uKSxcbiAgICAgICAgICAgICAgICAgICAgY29sdW1uS2V5OiBjb2x1bW4uZGF0YXNldC5jb2x1bW5LZXkgfHwgJydcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX0RSQUdfTU9WRV9IRUFERVIsIHBheWxvYWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBjb2x1bW4gaW5kZXggKDAtYmFzZWQpIGZvciBhIGNvbHVtbiBlbGVtZW50XG4gICAgICovXG4gICAgZ2V0Q29sdW1uSW5kZXgoY29sdW1uKSB7XG4gICAgICAgIGlmICghdGhpcy5jb250YWluZXIgfHwgIWNvbHVtbilcbiAgICAgICAgICAgIHJldHVybiAwO1xuICAgICAgICBjb25zdCBjb2x1bW5zID0gQXJyYXkuZnJvbSh0aGlzLmNvbnRhaW5lci5xdWVyeVNlbGVjdG9yQWxsKCdzd3AtZGF5LWNvbHVtbicpKTtcbiAgICAgICAgcmV0dXJuIGNvbHVtbnMuaW5kZXhPZihjb2x1bW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgY29sdW1uIGF0IFggY29vcmRpbmF0ZSAoYWxpYXMgZm9yIGdldENvbHVtbkF0UG9pbnQpXG4gICAgICovXG4gICAgZ2V0Q29sdW1uQXRYKGNsaWVudFgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q29sdW1uQXRQb2ludChjbGllbnRYKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRmluZCBjb2x1bW4gZWxlbWVudCBhdCBnaXZlbiBYIGNvb3JkaW5hdGVcbiAgICAgKi9cbiAgICBnZXRDb2x1bW5BdFBvaW50KGNsaWVudFgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmNvbnRhaW5lcilcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICBjb25zdCBjb2x1bW5zID0gdGhpcy5jb250YWluZXIucXVlcnlTZWxlY3RvckFsbCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgZm9yIChjb25zdCBjb2wgb2YgY29sdW1ucykge1xuICAgICAgICAgICAgY29uc3QgcmVjdCA9IGNvbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgIGlmIChjbGllbnRYID49IHJlY3QubGVmdCAmJiBjbGllbnRYIDw9IHJlY3QucmlnaHQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gY29sO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDYW5jZWwgZHJhZyBhbmQgYW5pbWF0ZSBiYWNrIHRvIHN0YXJ0IHBvc2l0aW9uXG4gICAgICovXG4gICAgY2FuY2VsRHJhZygpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gU3RvcCBhbmltYXRpb25cbiAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUodGhpcy5kcmFnU3RhdGUuYW5pbWF0aW9uSWQpO1xuICAgICAgICBjb25zdCB7IGVsZW1lbnQsIGdob3N0RWxlbWVudCwgc3RhcnRZLCBldmVudElkIH0gPSB0aGlzLmRyYWdTdGF0ZTtcbiAgICAgICAgLy8gQW5pbWF0ZSBiYWNrIHRvIHN0YXJ0XG4gICAgICAgIGVsZW1lbnQuc3R5bGUudHJhbnNpdGlvbiA9ICd0b3AgMjAwbXMgZWFzZS1vdXQnO1xuICAgICAgICBlbGVtZW50LnN0eWxlLnRvcCA9IGAke3N0YXJ0WX1weGA7XG4gICAgICAgIC8vIFJlbW92ZSBnaG9zdCBhZnRlciBhbmltYXRpb24gKGlmIGV4aXN0cylcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBnaG9zdEVsZW1lbnQ/LnJlbW92ZSgpO1xuICAgICAgICAgICAgZWxlbWVudC5zdHlsZS50cmFuc2l0aW9uID0gJyc7XG4gICAgICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2RyYWdnaW5nJyk7XG4gICAgICAgIH0sIDIwMCk7XG4gICAgICAgIC8vIEVtaXQgZHJhZzpjYW5jZWxcbiAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgIGV2ZW50SWQsXG4gICAgICAgICAgICBlbGVtZW50LFxuICAgICAgICAgICAgc3RhcnRZXG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX0RSQUdfQ0FOQ0VMLCBwYXlsb2FkKTtcbiAgICAgICAgdGhpcy5kcmFnU3RhdGUgPSBudWxsO1xuICAgICAgICB0aGlzLmluSGVhZGVyID0gZmFsc2U7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XG5leHBvcnQgY2xhc3MgRWRnZVNjcm9sbE1hbmFnZXIge1xuICAgIGNvbnN0cnVjdG9yKGV2ZW50QnVzKSB7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMgPSBldmVudEJ1cztcbiAgICAgICAgdGhpcy5zY3JvbGxhYmxlQ29udGVudCA9IG51bGw7XG4gICAgICAgIHRoaXMudGltZUdyaWQgPSBudWxsO1xuICAgICAgICB0aGlzLmRyYWdnZWRFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgdGhpcy5zY3JvbGxSQUYgPSBudWxsO1xuICAgICAgICB0aGlzLm1vdXNlWSA9IDA7XG4gICAgICAgIHRoaXMuaXNEcmFnZ2luZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmlzU2Nyb2xsaW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMubGFzdFRzID0gMDtcbiAgICAgICAgdGhpcy5yZWN0ID0gbnVsbDtcbiAgICAgICAgdGhpcy5pbml0aWFsU2Nyb2xsVG9wID0gMDtcbiAgICAgICAgdGhpcy5PVVRFUl9aT05FID0gMTAwO1xuICAgICAgICB0aGlzLklOTkVSX1pPTkUgPSA1MDtcbiAgICAgICAgdGhpcy5TTE9XX1NQRUVEID0gMTQwO1xuICAgICAgICB0aGlzLkZBU1RfU1BFRUQgPSA2NDA7XG4gICAgICAgIHRoaXMudHJhY2tNb3VzZSA9IChlKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5pc0RyYWdnaW5nKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5tb3VzZVkgPSBlLmNsaWVudFk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuc2Nyb2xsVGljayA9ICh0cykgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLmlzRHJhZ2dpbmcgfHwgIXRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgY29uc3QgZHQgPSB0aGlzLmxhc3RUcyA/ICh0cyAtIHRoaXMubGFzdFRzKSAvIDEwMDAgOiAwO1xuICAgICAgICAgICAgdGhpcy5sYXN0VHMgPSB0cztcbiAgICAgICAgICAgIHRoaXMucmVjdCA/PyAodGhpcy5yZWN0ID0gdGhpcy5zY3JvbGxhYmxlQ29udGVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKSk7XG4gICAgICAgICAgICBjb25zdCB2ZWxvY2l0eSA9IHRoaXMuY2FsY3VsYXRlVmVsb2NpdHkoKTtcbiAgICAgICAgICAgIGlmICh2ZWxvY2l0eSAhPT0gMCAmJiAhdGhpcy5pc0F0Qm91bmRhcnkodmVsb2NpdHkpKSB7XG4gICAgICAgICAgICAgICAgY29uc3Qgc2Nyb2xsRGVsdGEgPSB2ZWxvY2l0eSAqIGR0O1xuICAgICAgICAgICAgICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQuc2Nyb2xsVG9wICs9IHNjcm9sbERlbHRhO1xuICAgICAgICAgICAgICAgIHRoaXMucmVjdCA9IG51bGw7XG4gICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRURHRV9TQ1JPTExfVElDSywgeyBzY3JvbGxEZWx0YSB9KTtcbiAgICAgICAgICAgICAgICB0aGlzLnNldFNjcm9sbGluZ1N0YXRlKHRydWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRTY3JvbGxpbmdTdGF0ZShmYWxzZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLnNjcm9sbFJBRiA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSh0aGlzLnNjcm9sbFRpY2spO1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLnN1YnNjcmliZVRvRXZlbnRzKCk7XG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJtb3ZlJywgdGhpcy50cmFja01vdXNlKTtcbiAgICB9XG4gICAgaW5pdChzY3JvbGxhYmxlQ29udGVudCkge1xuICAgICAgICB0aGlzLnNjcm9sbGFibGVDb250ZW50ID0gc2Nyb2xsYWJsZUNvbnRlbnQ7XG4gICAgICAgIHRoaXMudGltZUdyaWQgPSBzY3JvbGxhYmxlQ29udGVudC5xdWVyeVNlbGVjdG9yKCdzd3AtdGltZS1ncmlkJyk7XG4gICAgICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQuc3R5bGUuc2Nyb2xsQmVoYXZpb3IgPSAnYXV0byc7XG4gICAgfVxuICAgIHN1YnNjcmliZVRvRXZlbnRzKCkge1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19TVEFSVCwgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZXZlbnQuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5kcmFnZ2VkRWxlbWVudCA9IHBheWxvYWQuZWxlbWVudDtcbiAgICAgICAgICAgIHRoaXMuc3RhcnREcmFnKCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19FTkQsICgpID0+IHRoaXMuc3RvcERyYWcoKSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0NBTkNFTCwgKCkgPT4gdGhpcy5zdG9wRHJhZygpKTtcbiAgICB9XG4gICAgc3RhcnREcmFnKCkge1xuICAgICAgICB0aGlzLmlzRHJhZ2dpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLmlzU2Nyb2xsaW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMubGFzdFRzID0gMDtcbiAgICAgICAgdGhpcy5pbml0aWFsU2Nyb2xsVG9wID0gdGhpcy5zY3JvbGxhYmxlQ29udGVudD8uc2Nyb2xsVG9wID8/IDA7XG4gICAgICAgIGlmICh0aGlzLnNjcm9sbFJBRiA9PT0gbnVsbCkge1xuICAgICAgICAgICAgdGhpcy5zY3JvbGxSQUYgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy5zY3JvbGxUaWNrKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzdG9wRHJhZygpIHtcbiAgICAgICAgdGhpcy5pc0RyYWdnaW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMuc2V0U2Nyb2xsaW5nU3RhdGUoZmFsc2UpO1xuICAgICAgICBpZiAodGhpcy5zY3JvbGxSQUYgIT09IG51bGwpIHtcbiAgICAgICAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHRoaXMuc2Nyb2xsUkFGKTtcbiAgICAgICAgICAgIHRoaXMuc2Nyb2xsUkFGID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJlY3QgPSBudWxsO1xuICAgICAgICB0aGlzLmxhc3RUcyA9IDA7XG4gICAgICAgIHRoaXMuaW5pdGlhbFNjcm9sbFRvcCA9IDA7XG4gICAgfVxuICAgIGNhbGN1bGF0ZVZlbG9jaXR5KCkge1xuICAgICAgICBpZiAoIXRoaXMucmVjdClcbiAgICAgICAgICAgIHJldHVybiAwO1xuICAgICAgICBjb25zdCBkaXN0VG9wID0gdGhpcy5tb3VzZVkgLSB0aGlzLnJlY3QudG9wO1xuICAgICAgICBjb25zdCBkaXN0Qm90ID0gdGhpcy5yZWN0LmJvdHRvbSAtIHRoaXMubW91c2VZO1xuICAgICAgICBpZiAoZGlzdFRvcCA8IHRoaXMuSU5ORVJfWk9ORSlcbiAgICAgICAgICAgIHJldHVybiAtdGhpcy5GQVNUX1NQRUVEO1xuICAgICAgICBpZiAoZGlzdFRvcCA8IHRoaXMuT1VURVJfWk9ORSlcbiAgICAgICAgICAgIHJldHVybiAtdGhpcy5TTE9XX1NQRUVEO1xuICAgICAgICBpZiAoZGlzdEJvdCA8IHRoaXMuSU5ORVJfWk9ORSlcbiAgICAgICAgICAgIHJldHVybiB0aGlzLkZBU1RfU1BFRUQ7XG4gICAgICAgIGlmIChkaXN0Qm90IDwgdGhpcy5PVVRFUl9aT05FKVxuICAgICAgICAgICAgcmV0dXJuIHRoaXMuU0xPV19TUEVFRDtcbiAgICAgICAgcmV0dXJuIDA7XG4gICAgfVxuICAgIGlzQXRCb3VuZGFyeSh2ZWxvY2l0eSkge1xuICAgICAgICBpZiAoIXRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQgfHwgIXRoaXMudGltZUdyaWQgfHwgIXRoaXMuZHJhZ2dlZEVsZW1lbnQpXG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIGNvbnN0IGF0VG9wID0gdGhpcy5zY3JvbGxhYmxlQ29udGVudC5zY3JvbGxUb3AgPD0gMCAmJiB2ZWxvY2l0eSA8IDA7XG4gICAgICAgIGNvbnN0IGF0Qm90dG9tID0gdmVsb2NpdHkgPiAwICYmXG4gICAgICAgICAgICB0aGlzLmRyYWdnZWRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmJvdHRvbSA+PVxuICAgICAgICAgICAgICAgIHRoaXMudGltZUdyaWQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuYm90dG9tO1xuICAgICAgICByZXR1cm4gYXRUb3AgfHwgYXRCb3R0b207XG4gICAgfVxuICAgIHNldFNjcm9sbGluZ1N0YXRlKHNjcm9sbGluZykge1xuICAgICAgICBpZiAodGhpcy5pc1Njcm9sbGluZyA9PT0gc2Nyb2xsaW5nKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB0aGlzLmlzU2Nyb2xsaW5nID0gc2Nyb2xsaW5nO1xuICAgICAgICBpZiAoc2Nyb2xsaW5nKSB7XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FREdFX1NDUk9MTF9TVEFSVEVELCB7fSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmluaXRpYWxTY3JvbGxUb3AgPSB0aGlzLnNjcm9sbGFibGVDb250ZW50Py5zY3JvbGxUb3AgPz8gMDtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVER0VfU0NST0xMX1NUT1BQRUQsIHt9KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsICJpbXBvcnQgeyBwaXhlbHNUb01pbnV0ZXMsIG1pbnV0ZXNUb1BpeGVscywgc25hcFRvR3JpZCB9IGZyb20gJy4uL3V0aWxzL1Bvc2l0aW9uVXRpbHMnO1xuaW1wb3J0IHsgQ29yZUV2ZW50cyB9IGZyb20gJy4uL2NvbnN0YW50cy9Db3JlRXZlbnRzJztcbmltcG9ydCB7IFN3cEV2ZW50IH0gZnJvbSAnLi4vdHlwZXMvU3dwRXZlbnQnO1xuZXhwb3J0IGNsYXNzIFJlc2l6ZU1hbmFnZXIge1xuICAgIGNvbnN0cnVjdG9yKGV2ZW50QnVzLCBncmlkQ29uZmlnLCBkYXRlU2VydmljZSkge1xuICAgICAgICB0aGlzLmV2ZW50QnVzID0gZXZlbnRCdXM7XG4gICAgICAgIHRoaXMuZ3JpZENvbmZpZyA9IGdyaWRDb25maWc7XG4gICAgICAgIHRoaXMuZGF0ZVNlcnZpY2UgPSBkYXRlU2VydmljZTtcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBudWxsO1xuICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlID0gbnVsbDtcbiAgICAgICAgdGhpcy5aX0lOREVYX1JFU0laSU5HID0gJzEwMDAnO1xuICAgICAgICB0aGlzLkFOSU1BVElPTl9TUEVFRCA9IDAuMzU7XG4gICAgICAgIHRoaXMuTUlOX0hFSUdIVF9NSU5VVEVTID0gMTU7XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBIYW5kbGUgbW91c2VvdmVyIC0gY3JlYXRlIHJlc2l6ZSBoYW5kbGUgaWYgbm90IGV4aXN0c1xuICAgICAgICAgKi9cbiAgICAgICAgdGhpcy5oYW5kbGVNb3VzZU92ZXIgPSAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdGFyZ2V0ID0gZS50YXJnZXQ7XG4gICAgICAgICAgICBjb25zdCBldmVudEVsZW1lbnQgPSB0YXJnZXQuY2xvc2VzdCgnc3dwLWV2ZW50Jyk7XG4gICAgICAgICAgICBpZiAoIWV2ZW50RWxlbWVudCB8fCB0aGlzLnJlc2l6ZVN0YXRlKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIC8vIENoZWNrIGlmIGhhbmRsZSBhbHJlYWR5IGV4aXN0c1xuICAgICAgICAgICAgaWYgKCFldmVudEVsZW1lbnQucXVlcnlTZWxlY3RvcignOnNjb3BlID4gc3dwLXJlc2l6ZS1oYW5kbGUnKSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGhhbmRsZSA9IHRoaXMuY3JlYXRlUmVzaXplSGFuZGxlKCk7XG4gICAgICAgICAgICAgICAgZXZlbnRFbGVtZW50LmFwcGVuZENoaWxkKGhhbmRsZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBIYW5kbGUgcG9pbnRlcmRvd24gLSBzdGFydCByZXNpemUgaWYgb24gaGFuZGxlXG4gICAgICAgICAqL1xuICAgICAgICB0aGlzLmhhbmRsZVBvaW50ZXJEb3duID0gKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGhhbmRsZSA9IGUudGFyZ2V0LmNsb3Nlc3QoJ3N3cC1yZXNpemUtaGFuZGxlJyk7XG4gICAgICAgICAgICBpZiAoIWhhbmRsZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICBjb25zdCBlbGVtZW50ID0gaGFuZGxlLnBhcmVudEVsZW1lbnQ7XG4gICAgICAgICAgICBpZiAoIWVsZW1lbnQpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgY29uc3QgZXZlbnRJZCA9IGVsZW1lbnQuZGF0YXNldC5ldmVudElkIHx8ICcnO1xuICAgICAgICAgICAgY29uc3Qgc3RhcnRIZWlnaHQgPSBlbGVtZW50Lm9mZnNldEhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHN0YXJ0RHVyYXRpb25NaW51dGVzID0gcGl4ZWxzVG9NaW51dGVzKHN0YXJ0SGVpZ2h0LCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICAgICAgLy8gU3RvcmUgcHJldmlvdXMgei1pbmRleFxuICAgICAgICAgICAgY29uc3QgY29udGFpbmVyID0gZWxlbWVudC5jbG9zZXN0KCdzd3AtZXZlbnQtZ3JvdXAnKSA/PyBlbGVtZW50O1xuICAgICAgICAgICAgY29uc3QgcHJldlpJbmRleCA9IGNvbnRhaW5lci5zdHlsZS56SW5kZXg7XG4gICAgICAgICAgICAvLyBTZXQgcmVzaXplIHN0YXRlXG4gICAgICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlID0ge1xuICAgICAgICAgICAgICAgIGV2ZW50SWQsXG4gICAgICAgICAgICAgICAgZWxlbWVudCxcbiAgICAgICAgICAgICAgICBoYW5kbGVFbGVtZW50OiBoYW5kbGUsXG4gICAgICAgICAgICAgICAgc3RhcnRZOiBlLmNsaWVudFksXG4gICAgICAgICAgICAgICAgc3RhcnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgc3RhcnREdXJhdGlvbk1pbnV0ZXMsXG4gICAgICAgICAgICAgICAgcG9pbnRlcklkOiBlLnBvaW50ZXJJZCxcbiAgICAgICAgICAgICAgICBwcmV2WkluZGV4LFxuICAgICAgICAgICAgICAgIC8vIEFuaW1hdGlvbiBzdGF0ZVxuICAgICAgICAgICAgICAgIGN1cnJlbnRIZWlnaHQ6IHN0YXJ0SGVpZ2h0LFxuICAgICAgICAgICAgICAgIHRhcmdldEhlaWdodDogc3RhcnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uSWQ6IG51bGxcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICAvLyBFbGV2YXRlIHotaW5kZXhcbiAgICAgICAgICAgIGNvbnRhaW5lci5zdHlsZS56SW5kZXggPSB0aGlzLlpfSU5ERVhfUkVTSVpJTkc7XG4gICAgICAgICAgICAvLyBDYXB0dXJlIHBvaW50ZXIgZm9yIHNtb290aCB0cmFja2luZ1xuICAgICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgICAgICBoYW5kbGUuc2V0UG9pbnRlckNhcHR1cmUoZS5wb2ludGVySWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUud2FybignUG9pbnRlciBjYXB0dXJlIGZhaWxlZDonLCBlcnIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQWRkIGdsb2JhbCByZXNpemluZyBjbGFzc1xuICAgICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3N3cC0tcmVzaXppbmcnKTtcbiAgICAgICAgICAgIC8vIEVtaXQgcmVzaXplIHN0YXJ0IGV2ZW50XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9SRVNJWkVfU1RBUlQsIHtcbiAgICAgICAgICAgICAgICBldmVudElkLFxuICAgICAgICAgICAgICAgIGVsZW1lbnQsXG4gICAgICAgICAgICAgICAgc3RhcnRIZWlnaHRcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9O1xuICAgICAgICAvKipcbiAgICAgICAgICogSGFuZGxlIHBvaW50ZXJtb3ZlIC0gdXBkYXRlIHRhcmdldCBoZWlnaHQgZHVyaW5nIHJlc2l6ZVxuICAgICAgICAgKi9cbiAgICAgICAgdGhpcy5oYW5kbGVQb2ludGVyTW92ZSA9IChlKSA9PiB7XG4gICAgICAgICAgICBpZiAoIXRoaXMucmVzaXplU3RhdGUpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgY29uc3QgZGVsdGFZID0gZS5jbGllbnRZIC0gdGhpcy5yZXNpemVTdGF0ZS5zdGFydFk7XG4gICAgICAgICAgICBjb25zdCBtaW5IZWlnaHQgPSAodGhpcy5NSU5fSEVJR0hUX01JTlVURVMgLyA2MCkgKiB0aGlzLmdyaWRDb25maWcuaG91ckhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IG5ld0hlaWdodCA9IE1hdGgubWF4KG1pbkhlaWdodCwgdGhpcy5yZXNpemVTdGF0ZS5zdGFydEhlaWdodCArIGRlbHRhWSk7XG4gICAgICAgICAgICAvLyBTZXQgdGFyZ2V0IGhlaWdodCBmb3IgYW5pbWF0aW9uXG4gICAgICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlLnRhcmdldEhlaWdodCA9IG5ld0hlaWdodDtcbiAgICAgICAgICAgIC8vIFN0YXJ0IGFuaW1hdGlvbiBpZiBub3QgcnVubmluZ1xuICAgICAgICAgICAgaWYgKHRoaXMucmVzaXplU3RhdGUuYW5pbWF0aW9uSWQgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmFuaW1hdGVIZWlnaHQoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIFJBRiBhbmltYXRpb24gbG9vcCBmb3Igc21vb3RoIGhlaWdodCBpbnRlcnBvbGF0aW9uXG4gICAgICAgICAqL1xuICAgICAgICB0aGlzLmFuaW1hdGVIZWlnaHQgPSAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoIXRoaXMucmVzaXplU3RhdGUpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgY29uc3QgZGlmZiA9IHRoaXMucmVzaXplU3RhdGUudGFyZ2V0SGVpZ2h0IC0gdGhpcy5yZXNpemVTdGF0ZS5jdXJyZW50SGVpZ2h0O1xuICAgICAgICAgICAgLy8gU3RvcCBhbmltYXRpb24gd2hlbiBjbG9zZSBlbm91Z2hcbiAgICAgICAgICAgIGlmIChNYXRoLmFicyhkaWZmKSA8IDAuNSkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzaXplU3RhdGUuYW5pbWF0aW9uSWQgPSBudWxsO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIEludGVycG9sYXRlIHRvd2FyZHMgdGFyZ2V0ICgzNSUgcGVyIGZyYW1lIGxpa2UgVjEpXG4gICAgICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlLmN1cnJlbnRIZWlnaHQgKz0gZGlmZiAqIHRoaXMuQU5JTUFUSU9OX1NQRUVEO1xuICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS5lbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke3RoaXMucmVzaXplU3RhdGUuY3VycmVudEhlaWdodH1weGA7XG4gICAgICAgICAgICAvLyBVcGRhdGUgdGltZXN0YW1wIGRpc3BsYXkgKHNuYXBwZWQpXG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVRpbWVzdGFtcERpc3BsYXkoKTtcbiAgICAgICAgICAgIC8vIENvbnRpbnVlIGFuaW1hdGlvblxuICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS5hbmltYXRpb25JZCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSh0aGlzLmFuaW1hdGVIZWlnaHQpO1xuICAgICAgICB9O1xuICAgICAgICAvKipcbiAgICAgICAgICogSGFuZGxlIHBvaW50ZXJ1cCAtIGZpbmlzaCByZXNpemVcbiAgICAgICAgICovXG4gICAgICAgIHRoaXMuaGFuZGxlUG9pbnRlclVwID0gKGUpID0+IHtcbiAgICAgICAgICAgIGlmICghdGhpcy5yZXNpemVTdGF0ZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAvLyBDYW5jZWwgYW55IHBlbmRpbmcgYW5pbWF0aW9uXG4gICAgICAgICAgICBpZiAodGhpcy5yZXNpemVTdGF0ZS5hbmltYXRpb25JZCAhPT0gbnVsbCkge1xuICAgICAgICAgICAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHRoaXMucmVzaXplU3RhdGUuYW5pbWF0aW9uSWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gUmVsZWFzZSBwb2ludGVyIGNhcHR1cmVcbiAgICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS5oYW5kbGVFbGVtZW50LnJlbGVhc2VQb2ludGVyQ2FwdHVyZShlLnBvaW50ZXJJZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS53YXJuKCdQb2ludGVyIHJlbGVhc2UgZmFpbGVkOicsIGVycik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBTbmFwIGZpbmFsIGhlaWdodCB0byBncmlkXG4gICAgICAgICAgICB0aGlzLnNuYXBUb0dyaWRGaW5hbCgpO1xuICAgICAgICAgICAgLy8gVXBkYXRlIHRpbWVzdGFtcCBvbmUgZmluYWwgdGltZVxuICAgICAgICAgICAgdGhpcy51cGRhdGVUaW1lc3RhbXBEaXNwbGF5KCk7XG4gICAgICAgICAgICAvLyBSZXN0b3JlIHotaW5kZXhcbiAgICAgICAgICAgIGNvbnN0IGNvbnRhaW5lciA9IHRoaXMucmVzaXplU3RhdGUuZWxlbWVudC5jbG9zZXN0KCdzd3AtZXZlbnQtZ3JvdXAnKSA/PyB0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQ7XG4gICAgICAgICAgICBjb250YWluZXIuc3R5bGUuekluZGV4ID0gdGhpcy5yZXNpemVTdGF0ZS5wcmV2WkluZGV4O1xuICAgICAgICAgICAgLy8gUmVtb3ZlIGdsb2JhbCByZXNpemluZyBjbGFzc1xuICAgICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ3N3cC0tcmVzaXppbmcnKTtcbiAgICAgICAgICAgIC8vIEdldCBjb2x1bW5LZXkgYW5kIGRhdGUgZnJvbSBwYXJlbnQgY29sdW1uXG4gICAgICAgICAgICBjb25zdCBjb2x1bW4gPSB0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQuY2xvc2VzdCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbktleSA9IGNvbHVtbj8uZGF0YXNldC5jb2x1bW5LZXkgfHwgJyc7XG4gICAgICAgICAgICBjb25zdCBkYXRlID0gY29sdW1uPy5kYXRhc2V0LmRhdGUgfHwgJyc7XG4gICAgICAgICAgICAvLyBDcmVhdGUgU3dwRXZlbnQgZnJvbSBlbGVtZW50IChyZWFkcyB0b3AvaGVpZ2h0L2V2ZW50SWQgZnJvbSBlbGVtZW50KVxuICAgICAgICAgICAgY29uc3Qgc3dwRXZlbnQgPSBTd3BFdmVudC5mcm9tRWxlbWVudCh0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQsIGNvbHVtbktleSwgZGF0ZSwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgICAgIC8vIEVtaXQgcmVzaXplIGVuZCBldmVudFxuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfUkVTSVpFX0VORCwge1xuICAgICAgICAgICAgICAgIHN3cEV2ZW50XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIC8vIFJlc2V0IHN0YXRlXG4gICAgICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlID0gbnVsbDtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSW5pdGlhbGl6ZSByZXNpemUgZnVuY3Rpb25hbGl0eSBvbiBjb250YWluZXJcbiAgICAgKi9cbiAgICBpbml0KGNvbnRhaW5lcikge1xuICAgICAgICB0aGlzLmNvbnRhaW5lciA9IGNvbnRhaW5lcjtcbiAgICAgICAgLy8gTW91c2VvdmVyIGxpc3RlbmVyIGZvciBoYW5kbGUgY3JlYXRpb24gKGNhcHR1cmUgcGhhc2UgbGlrZSBWMSlcbiAgICAgICAgY29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlb3ZlcicsIHRoaXMuaGFuZGxlTW91c2VPdmVyLCB0cnVlKTtcbiAgICAgICAgLy8gUG9pbnRlciBsaXN0ZW5lcnMgZm9yIHJlc2l6ZSAoY2FwdHVyZSBwaGFzZSBsaWtlIFYxKVxuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdwb2ludGVyZG93bicsIHRoaXMuaGFuZGxlUG9pbnRlckRvd24sIHRydWUpO1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdwb2ludGVybW92ZScsIHRoaXMuaGFuZGxlUG9pbnRlck1vdmUsIHRydWUpO1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdwb2ludGVydXAnLCB0aGlzLmhhbmRsZVBvaW50ZXJVcCwgdHJ1ZSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSByZXNpemUgaGFuZGxlIGVsZW1lbnRcbiAgICAgKi9cbiAgICBjcmVhdGVSZXNpemVIYW5kbGUoKSB7XG4gICAgICAgIGNvbnN0IGhhbmRsZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1yZXNpemUtaGFuZGxlJyk7XG4gICAgICAgIGhhbmRsZS5zZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWwnLCAnUmVzaXplIGV2ZW50Jyk7XG4gICAgICAgIGhhbmRsZS5zZXRBdHRyaWJ1dGUoJ3JvbGUnLCAnc2VwYXJhdG9yJyk7XG4gICAgICAgIHJldHVybiBoYW5kbGU7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFVwZGF0ZSB0aW1lc3RhbXAgZGlzcGxheSB3aXRoIHNuYXBwZWQgZW5kIHRpbWVcbiAgICAgKi9cbiAgICB1cGRhdGVUaW1lc3RhbXBEaXNwbGF5KCkge1xuICAgICAgICBpZiAoIXRoaXMucmVzaXplU3RhdGUpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IHRpbWVFbCA9IHRoaXMucmVzaXplU3RhdGUuZWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtZXZlbnQtdGltZScpO1xuICAgICAgICBpZiAoIXRpbWVFbClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gR2V0IHN0YXJ0IHRpbWUgZnJvbSBlbGVtZW50IHBvc2l0aW9uXG4gICAgICAgIGNvbnN0IHRvcCA9IHBhcnNlRmxvYXQodGhpcy5yZXNpemVTdGF0ZS5lbGVtZW50LnN0eWxlLnRvcCkgfHwgMDtcbiAgICAgICAgY29uc3Qgc3RhcnRNaW51dGVzRnJvbUdyaWQgPSBwaXhlbHNUb01pbnV0ZXModG9wLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICBjb25zdCBzdGFydE1pbnV0ZXMgPSAodGhpcy5ncmlkQ29uZmlnLmRheVN0YXJ0SG91ciAqIDYwKSArIHN0YXJ0TWludXRlc0Zyb21HcmlkO1xuICAgICAgICAvLyBDYWxjdWxhdGUgc25hcHBlZCBlbmQgdGltZSBmcm9tIGN1cnJlbnQgaGVpZ2h0XG4gICAgICAgIGNvbnN0IHNuYXBwZWRIZWlnaHQgPSBzbmFwVG9HcmlkKHRoaXMucmVzaXplU3RhdGUuY3VycmVudEhlaWdodCwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgY29uc3QgZHVyYXRpb25NaW51dGVzID0gcGl4ZWxzVG9NaW51dGVzKHNuYXBwZWRIZWlnaHQsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIGNvbnN0IGVuZE1pbnV0ZXMgPSBzdGFydE1pbnV0ZXMgKyBkdXJhdGlvbk1pbnV0ZXM7XG4gICAgICAgIC8vIEZvcm1hdCBhbmQgdXBkYXRlXG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5taW51dGVzVG9EYXRlKHN0YXJ0TWludXRlcyk7XG4gICAgICAgIGNvbnN0IGVuZCA9IHRoaXMubWludXRlc1RvRGF0ZShlbmRNaW51dGVzKTtcbiAgICAgICAgdGltZUVsLnRleHRDb250ZW50ID0gdGhpcy5kYXRlU2VydmljZS5mb3JtYXRUaW1lUmFuZ2Uoc3RhcnQsIGVuZCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENvbnZlcnQgbWludXRlcyBzaW5jZSBtaWRuaWdodCB0byBEYXRlXG4gICAgICovXG4gICAgbWludXRlc1RvRGF0ZShtaW51dGVzKSB7XG4gICAgICAgIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZSgpO1xuICAgICAgICBkYXRlLnNldEhvdXJzKE1hdGguZmxvb3IobWludXRlcyAvIDYwKSAlIDI0LCBtaW51dGVzICUgNjAsIDAsIDApO1xuICAgICAgICByZXR1cm4gZGF0ZTtcbiAgICB9XG4gICAgO1xuICAgIC8qKlxuICAgICAqIFNuYXAgZmluYWwgaGVpZ2h0IHRvIGdyaWQgaW50ZXJ2YWxcbiAgICAgKi9cbiAgICBzbmFwVG9HcmlkRmluYWwoKSB7XG4gICAgICAgIGlmICghdGhpcy5yZXNpemVTdGF0ZSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgY3VycmVudEhlaWdodCA9IHRoaXMucmVzaXplU3RhdGUuZWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICAgIGNvbnN0IHNuYXBwZWRIZWlnaHQgPSBzbmFwVG9HcmlkKGN1cnJlbnRIZWlnaHQsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIGNvbnN0IG1pbkhlaWdodCA9IG1pbnV0ZXNUb1BpeGVscyh0aGlzLk1JTl9IRUlHSFRfTUlOVVRFUywgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgY29uc3QgZmluYWxIZWlnaHQgPSBNYXRoLm1heChtaW5IZWlnaHQsIHNuYXBwZWRIZWlnaHQpO1xuICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gYCR7ZmluYWxIZWlnaHR9cHhgO1xuICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlLmN1cnJlbnRIZWlnaHQgPSBmaW5hbEhlaWdodDtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQ29yZUV2ZW50cyB9IGZyb20gJy4uL2NvbnN0YW50cy9Db3JlRXZlbnRzJztcbmV4cG9ydCBjbGFzcyBFdmVudFBlcnNpc3RlbmNlTWFuYWdlciB7XG4gICAgY29uc3RydWN0b3IoZXZlbnRTZXJ2aWNlLCBldmVudEJ1cywgZGF0ZVNlcnZpY2UpIHtcbiAgICAgICAgdGhpcy5ldmVudFNlcnZpY2UgPSBldmVudFNlcnZpY2U7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMgPSBldmVudEJ1cztcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICAvKipcbiAgICAgICAgICogSGFuZGxlIGRyYWcgZW5kIC0gdXBkYXRlIGV2ZW50IHBvc2l0aW9uIGluIEluZGV4ZWREQlxuICAgICAgICAgKi9cbiAgICAgICAgdGhpcy5oYW5kbGVEcmFnRW5kID0gYXN5bmMgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIGNvbnN0IHsgc3dwRXZlbnQgfSA9IHBheWxvYWQ7XG4gICAgICAgICAgICAvLyBHZXQgZXhpc3RpbmcgZXZlbnQgdG8gbWVyZ2Ugd2l0aFxuICAgICAgICAgICAgY29uc3QgZXZlbnQgPSBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXQoc3dwRXZlbnQuZXZlbnRJZCk7XG4gICAgICAgICAgICBpZiAoIWV2ZW50KSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGBFdmVudFBlcnNpc3RlbmNlTWFuYWdlcjogRXZlbnQgJHtzd3BFdmVudC5ldmVudElkfSBub3QgZm91bmRgKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBQYXJzZSByZXNvdXJjZUlkIGZyb20gY29sdW1uS2V5IGlmIHByZXNlbnRcbiAgICAgICAgICAgIGNvbnN0IHsgcmVzb3VyY2UgfSA9IHRoaXMuZGF0ZVNlcnZpY2UucGFyc2VDb2x1bW5LZXkoc3dwRXZlbnQuY29sdW1uS2V5KTtcbiAgICAgICAgICAgIC8vIFVwZGF0ZSBhbmQgc2F2ZSAtIHN0YXJ0L2VuZCBhbHJlYWR5IGNhbGN1bGF0ZWQgaW4gU3dwRXZlbnRcbiAgICAgICAgICAgIC8vIFNldCBhbGxEYXkgYmFzZWQgb24gZHJvcCB0YXJnZXQ6XG4gICAgICAgICAgICAvLyAtIGhlYWRlcjogYWxsRGF5ID0gdHJ1ZVxuICAgICAgICAgICAgLy8gLSBncmlkOiBhbGxEYXkgPSBmYWxzZSAoY29udmVydHMgYWxsRGF5IGV2ZW50IHRvIHRpbWVkKVxuICAgICAgICAgICAgY29uc3QgdXBkYXRlZEV2ZW50ID0ge1xuICAgICAgICAgICAgICAgIC4uLmV2ZW50LFxuICAgICAgICAgICAgICAgIHN0YXJ0OiBzd3BFdmVudC5zdGFydCxcbiAgICAgICAgICAgICAgICBlbmQ6IHN3cEV2ZW50LmVuZCxcbiAgICAgICAgICAgICAgICByZXNvdXJjZUlkOiByZXNvdXJjZSA/PyBldmVudC5yZXNvdXJjZUlkLFxuICAgICAgICAgICAgICAgIGFsbERheTogcGF5bG9hZC50YXJnZXQgPT09ICdoZWFkZXInLFxuICAgICAgICAgICAgICAgIHN5bmNTdGF0dXM6ICdwZW5kaW5nJ1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGF3YWl0IHRoaXMuZXZlbnRTZXJ2aWNlLnNhdmUodXBkYXRlZEV2ZW50KTtcbiAgICAgICAgICAgIC8vIEVtaXQgRVZFTlRfVVBEQVRFRCBmb3IgRXZlbnRSZW5kZXJlciB0byByZS1yZW5kZXIgYWZmZWN0ZWQgY29sdW1uc1xuICAgICAgICAgICAgY29uc3QgdXBkYXRlUGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICBldmVudElkOiB1cGRhdGVkRXZlbnQuaWQsXG4gICAgICAgICAgICAgICAgc291cmNlQ29sdW1uS2V5OiBwYXlsb2FkLnNvdXJjZUNvbHVtbktleSxcbiAgICAgICAgICAgICAgICB0YXJnZXRDb2x1bW5LZXk6IHN3cEV2ZW50LmNvbHVtbktleVxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX1VQREFURUQsIHVwZGF0ZVBheWxvYWQpO1xuICAgICAgICB9O1xuICAgICAgICAvKipcbiAgICAgICAgICogSGFuZGxlIHJlc2l6ZSBlbmQgLSB1cGRhdGUgZXZlbnQgZHVyYXRpb24gaW4gSW5kZXhlZERCXG4gICAgICAgICAqL1xuICAgICAgICB0aGlzLmhhbmRsZVJlc2l6ZUVuZCA9IGFzeW5jIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICBjb25zdCB7IHN3cEV2ZW50IH0gPSBwYXlsb2FkO1xuICAgICAgICAgICAgLy8gR2V0IGV4aXN0aW5nIGV2ZW50IHRvIG1lcmdlIHdpdGhcbiAgICAgICAgICAgIGNvbnN0IGV2ZW50ID0gYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0KHN3cEV2ZW50LmV2ZW50SWQpO1xuICAgICAgICAgICAgaWYgKCFldmVudCkge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUud2FybihgRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXI6IEV2ZW50ICR7c3dwRXZlbnQuZXZlbnRJZH0gbm90IGZvdW5kYCk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gVXBkYXRlIGFuZCBzYXZlIC0gZW5kIGFscmVhZHkgY2FsY3VsYXRlZCBpbiBTd3BFdmVudFxuICAgICAgICAgICAgY29uc3QgdXBkYXRlZEV2ZW50ID0ge1xuICAgICAgICAgICAgICAgIC4uLmV2ZW50LFxuICAgICAgICAgICAgICAgIGVuZDogc3dwRXZlbnQuZW5kLFxuICAgICAgICAgICAgICAgIHN5bmNTdGF0dXM6ICdwZW5kaW5nJ1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGF3YWl0IHRoaXMuZXZlbnRTZXJ2aWNlLnNhdmUodXBkYXRlZEV2ZW50KTtcbiAgICAgICAgICAgIC8vIEVtaXQgRVZFTlRfVVBEQVRFRCBmb3IgRXZlbnRSZW5kZXJlciB0byByZS1yZW5kZXIgdGhlIGNvbHVtblxuICAgICAgICAgICAgLy8gUmVzaXplIHN0YXlzIGluIHNhbWUgY29sdW1uLCBzbyBzb3VyY2UgYW5kIHRhcmdldCBhcmUgdGhlIHNhbWVcbiAgICAgICAgICAgIGNvbnN0IHVwZGF0ZVBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgZXZlbnRJZDogdXBkYXRlZEV2ZW50LmlkLFxuICAgICAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogc3dwRXZlbnQuY29sdW1uS2V5LFxuICAgICAgICAgICAgICAgIHRhcmdldENvbHVtbktleTogc3dwRXZlbnQuY29sdW1uS2V5XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfVVBEQVRFRCwgdXBkYXRlUGF5bG9hZCk7XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuc2V0dXBMaXN0ZW5lcnMoKTtcbiAgICB9XG4gICAgc2V0dXBMaXN0ZW5lcnMoKSB7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VORCwgdGhpcy5oYW5kbGVEcmFnRW5kKTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX1JFU0laRV9FTkQsIHRoaXMuaGFuZGxlUmVzaXplRW5kKTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSAnQG5vdmFkaS9jb3JlJztcbmltcG9ydCB7IERhdGVSZW5kZXJlciB9IGZyb20gJy4vZmVhdHVyZXMvZGF0ZS9EYXRlUmVuZGVyZXInO1xuaW1wb3J0IHsgRGF0ZVNlcnZpY2UgfSBmcm9tICcuL2NvcmUvRGF0ZVNlcnZpY2UnO1xuaW1wb3J0IHsgUmVzb3VyY2VSZW5kZXJlciB9IGZyb20gJy4vZmVhdHVyZXMvcmVzb3VyY2UvUmVzb3VyY2VSZW5kZXJlcic7XG5pbXBvcnQgeyBUZWFtUmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL3RlYW0vVGVhbVJlbmRlcmVyJztcbmltcG9ydCB7IERlcGFydG1lbnRSZW5kZXJlciB9IGZyb20gJy4vZmVhdHVyZXMvZGVwYXJ0bWVudC9EZXBhcnRtZW50UmVuZGVyZXInO1xuaW1wb3J0IHsgQ2FsZW5kYXJPcmNoZXN0cmF0b3IgfSBmcm9tICcuL2NvcmUvQ2FsZW5kYXJPcmNoZXN0cmF0b3InO1xuaW1wb3J0IHsgQ2FsZW5kYXJBcHAgfSBmcm9tICcuL2NvcmUvQ2FsZW5kYXJBcHAnO1xuaW1wb3J0IHsgVGltZUF4aXNSZW5kZXJlciB9IGZyb20gJy4vZmVhdHVyZXMvdGltZWF4aXMvVGltZUF4aXNSZW5kZXJlcic7XG5pbXBvcnQgeyBTY3JvbGxNYW5hZ2VyIH0gZnJvbSAnLi9jb3JlL1Njcm9sbE1hbmFnZXInO1xuaW1wb3J0IHsgSGVhZGVyRHJhd2VyTWFuYWdlciB9IGZyb20gJy4vY29yZS9IZWFkZXJEcmF3ZXJNYW5hZ2VyJztcbmltcG9ydCB7IE1vY2tUZWFtU3RvcmUsIE1vY2tSZXNvdXJjZVN0b3JlIH0gZnJvbSAnLi9kZW1vL01vY2tTdG9yZXMnO1xuaW1wb3J0IHsgRGVtb0FwcCB9IGZyb20gJy4vZGVtby9EZW1vQXBwJztcbi8vIEV2ZW50IHN5c3RlbVxuaW1wb3J0IHsgRXZlbnRCdXMgfSBmcm9tICcuL2NvcmUvRXZlbnRCdXMnO1xuLy8gU3RvcmFnZVxuaW1wb3J0IHsgSW5kZXhlZERCQ29udGV4dCB9IGZyb20gJy4vc3RvcmFnZS9JbmRleGVkREJDb250ZXh0JztcbmltcG9ydCB7IEV2ZW50U3RvcmUgfSBmcm9tICcuL3N0b3JhZ2UvZXZlbnRzL0V2ZW50U3RvcmUnO1xuaW1wb3J0IHsgRXZlbnRTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL2V2ZW50cy9FdmVudFNlcnZpY2UnO1xuaW1wb3J0IHsgUmVzb3VyY2VTdG9yZSB9IGZyb20gJy4vc3RvcmFnZS9yZXNvdXJjZXMvUmVzb3VyY2VTdG9yZSc7XG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2UvcmVzb3VyY2VzL1Jlc291cmNlU2VydmljZSc7XG5pbXBvcnQgeyBCb29raW5nU3RvcmUgfSBmcm9tICcuL3N0b3JhZ2UvYm9va2luZ3MvQm9va2luZ1N0b3JlJztcbmltcG9ydCB7IEJvb2tpbmdTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL2Jvb2tpbmdzL0Jvb2tpbmdTZXJ2aWNlJztcbmltcG9ydCB7IEN1c3RvbWVyU3RvcmUgfSBmcm9tICcuL3N0b3JhZ2UvY3VzdG9tZXJzL0N1c3RvbWVyU3RvcmUnO1xuaW1wb3J0IHsgQ3VzdG9tZXJTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL2N1c3RvbWVycy9DdXN0b21lclNlcnZpY2UnO1xuaW1wb3J0IHsgVGVhbVN0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL3RlYW1zL1RlYW1TdG9yZSc7XG5pbXBvcnQgeyBUZWFtU2VydmljZSB9IGZyb20gJy4vc3RvcmFnZS90ZWFtcy9UZWFtU2VydmljZSc7XG5pbXBvcnQgeyBEZXBhcnRtZW50U3RvcmUgfSBmcm9tICcuL3N0b3JhZ2UvZGVwYXJ0bWVudHMvRGVwYXJ0bWVudFN0b3JlJztcbmltcG9ydCB7IERlcGFydG1lbnRTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL2RlcGFydG1lbnRzL0RlcGFydG1lbnRTZXJ2aWNlJztcbmltcG9ydCB7IFNldHRpbmdzU3RvcmUgfSBmcm9tICcuL3N0b3JhZ2Uvc2V0dGluZ3MvU2V0dGluZ3NTdG9yZSc7XG5pbXBvcnQgeyBTZXR0aW5nc1NlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2Uvc2V0dGluZ3MvU2V0dGluZ3NTZXJ2aWNlJztcbmltcG9ydCB7IFZpZXdDb25maWdTdG9yZSB9IGZyb20gJy4vc3RvcmFnZS92aWV3Y29uZmlncy9WaWV3Q29uZmlnU3RvcmUnO1xuaW1wb3J0IHsgVmlld0NvbmZpZ1NlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2Uvdmlld2NvbmZpZ3MvVmlld0NvbmZpZ1NlcnZpY2UnO1xuLy8gQXVkaXRcbmltcG9ydCB7IEF1ZGl0U3RvcmUgfSBmcm9tICcuL3N0b3JhZ2UvYXVkaXQvQXVkaXRTdG9yZSc7XG5pbXBvcnQgeyBBdWRpdFNlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2UvYXVkaXQvQXVkaXRTZXJ2aWNlJztcbmltcG9ydCB7IE1vY2tFdmVudFJlcG9zaXRvcnkgfSBmcm9tICcuL3JlcG9zaXRvcmllcy9Nb2NrRXZlbnRSZXBvc2l0b3J5JztcbmltcG9ydCB7IE1vY2tSZXNvdXJjZVJlcG9zaXRvcnkgfSBmcm9tICcuL3JlcG9zaXRvcmllcy9Nb2NrUmVzb3VyY2VSZXBvc2l0b3J5JztcbmltcG9ydCB7IE1vY2tCb29raW5nUmVwb3NpdG9yeSB9IGZyb20gJy4vcmVwb3NpdG9yaWVzL01vY2tCb29raW5nUmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrQ3VzdG9tZXJSZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrQXVkaXRSZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja0F1ZGl0UmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrVGVhbVJlcG9zaXRvcnkgfSBmcm9tICcuL3JlcG9zaXRvcmllcy9Nb2NrVGVhbVJlcG9zaXRvcnknO1xuaW1wb3J0IHsgTW9ja0RlcGFydG1lbnRSZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja0RlcGFydG1lbnRSZXBvc2l0b3J5JztcbmltcG9ydCB7IE1vY2tTZXR0aW5nc1JlcG9zaXRvcnkgfSBmcm9tICcuL3JlcG9zaXRvcmllcy9Nb2NrU2V0dGluZ3NSZXBvc2l0b3J5JztcbmltcG9ydCB7IE1vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSB9IGZyb20gJy4vcmVwb3NpdG9yaWVzL01vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSc7XG4vLyBXb3JrZXJzXG5pbXBvcnQgeyBEYXRhU2VlZGVyIH0gZnJvbSAnLi93b3JrZXJzL0RhdGFTZWVkZXInO1xuLy8gRmVhdHVyZXNcbmltcG9ydCB7IEV2ZW50UmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL2V2ZW50L0V2ZW50UmVuZGVyZXInO1xuaW1wb3J0IHsgU2NoZWR1bGVSZW5kZXJlciB9IGZyb20gJy4vZmVhdHVyZXMvc2NoZWR1bGUvU2NoZWR1bGVSZW5kZXJlcic7XG5pbXBvcnQgeyBIZWFkZXJEcmF3ZXJSZW5kZXJlciB9IGZyb20gJy4vZmVhdHVyZXMvaGVhZGVyZHJhd2VyL0hlYWRlckRyYXdlclJlbmRlcmVyJztcbi8vIFNjaGVkdWxlXG5pbXBvcnQgeyBTY2hlZHVsZU92ZXJyaWRlU3RvcmUgfSBmcm9tICcuL3N0b3JhZ2Uvc2NoZWR1bGVzL1NjaGVkdWxlT3ZlcnJpZGVTdG9yZSc7XG5pbXBvcnQgeyBTY2hlZHVsZU92ZXJyaWRlU2VydmljZSB9IGZyb20gJy4vc3RvcmFnZS9zY2hlZHVsZXMvU2NoZWR1bGVPdmVycmlkZVNlcnZpY2UnO1xuaW1wb3J0IHsgUmVzb3VyY2VTY2hlZHVsZVNlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2Uvc2NoZWR1bGVzL1Jlc291cmNlU2NoZWR1bGVTZXJ2aWNlJztcbi8vIE1hbmFnZXJzXG5pbXBvcnQgeyBEcmFnRHJvcE1hbmFnZXIgfSBmcm9tICcuL21hbmFnZXJzL0RyYWdEcm9wTWFuYWdlcic7XG5pbXBvcnQgeyBFZGdlU2Nyb2xsTWFuYWdlciB9IGZyb20gJy4vbWFuYWdlcnMvRWRnZVNjcm9sbE1hbmFnZXInO1xuaW1wb3J0IHsgUmVzaXplTWFuYWdlciB9IGZyb20gJy4vbWFuYWdlcnMvUmVzaXplTWFuYWdlcic7XG5pbXBvcnQgeyBFdmVudFBlcnNpc3RlbmNlTWFuYWdlciB9IGZyb20gJy4vbWFuYWdlcnMvRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXInO1xuY29uc3QgZGVmYXVsdFRpbWVGb3JtYXRDb25maWcgPSB7XG4gICAgdGltZXpvbmU6IEludGwuRGF0ZVRpbWVGb3JtYXQoKS5yZXNvbHZlZE9wdGlvbnMoKS50aW1lWm9uZSxcbiAgICB1c2UyNEhvdXJGb3JtYXQ6IHRydWUsXG4gICAgbG9jYWxlOiAnZGEtREsnLFxuICAgIGRhdGVGb3JtYXQ6ICdsb2NhbGUnLFxuICAgIHNob3dTZWNvbmRzOiBmYWxzZVxufTtcbmNvbnN0IGRlZmF1bHRHcmlkQ29uZmlnID0ge1xuICAgIGhvdXJIZWlnaHQ6IDY0LFxuICAgIGRheVN0YXJ0SG91cjogNixcbiAgICBkYXlFbmRIb3VyOiAxOCxcbiAgICBzbmFwSW50ZXJ2YWw6IDE1LFxuICAgIGdyaWRTdGFydFRocmVzaG9sZE1pbnV0ZXM6IDMwXG59O1xuZXhwb3J0IGZ1bmN0aW9uIGNyZWF0ZUNvbnRhaW5lcigpIHtcbiAgICBjb25zdCBjb250YWluZXIgPSBuZXcgQ29udGFpbmVyKCk7XG4gICAgY29uc3QgYnVpbGRlciA9IGNvbnRhaW5lci5idWlsZGVyKCk7XG4gICAgLy8gQ29uZmlnXG4gICAgYnVpbGRlci5yZWdpc3Rlckluc3RhbmNlKGRlZmF1bHRUaW1lRm9ybWF0Q29uZmlnKS5hcyhcIklUaW1lRm9ybWF0Q29uZmlnXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJJbnN0YW5jZShkZWZhdWx0R3JpZENvbmZpZykuYXMoXCJJR3JpZENvbmZpZ1wiKTtcbiAgICAvLyBDb3JlIC0gRXZlbnRCdXNcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXMoXCJFdmVudEJ1c1wiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXMoXCJJRXZlbnRCdXNcIik7XG4gICAgLy8gU2VydmljZXNcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShEYXRlU2VydmljZSkuYXMoXCJEYXRlU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSVRpbWVGb3JtYXRDb25maWdcIiksXG4gICAgICAgICAgICB1bmRlZmluZWRcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIC8vIFN0b3JhZ2UgaW5mcmFzdHJ1Y3R1cmVcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShJbmRleGVkREJDb250ZXh0KS5hcyhcIkluZGV4ZWREQkNvbnRleHRcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZUFsbChcIklTdG9yZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgLy8gU3RvcmVzIChmb3IgSW5kZXhlZERCIHNjaGVtYSBjcmVhdGlvbilcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudFN0b3JlKS5hcyhcIklTdG9yZVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShSZXNvdXJjZVN0b3JlKS5hcyhcIklTdG9yZVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShCb29raW5nU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEN1c3RvbWVyU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFRlYW1TdG9yZSkuYXMoXCJJU3RvcmVcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGVwYXJ0bWVudFN0b3JlKS5hcyhcIklTdG9yZVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShTY2hlZHVsZU92ZXJyaWRlU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEF1ZGl0U3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNldHRpbmdzU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFZpZXdDb25maWdTdG9yZSkuYXMoXCJJU3RvcmVcIik7XG4gICAgLy8gRW50aXR5IHNlcnZpY2VzIChmb3IgRGF0YVNlZWRlciBwb2x5bW9ycGhpYyBhcnJheSlcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudFNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEV2ZW50U2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRXZlbnRTZXJ2aWNlKS5hcyhcIkV2ZW50U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoUmVzb3VyY2VTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShSZXNvdXJjZVNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFJlc291cmNlU2VydmljZSkuYXMoXCJSZXNvdXJjZVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEJvb2tpbmdTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShCb29raW5nU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoQm9va2luZ1NlcnZpY2UpLmFzKFwiQm9va2luZ1NlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEN1c3RvbWVyU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoQ3VzdG9tZXJTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShDdXN0b21lclNlcnZpY2UpLmFzKFwiQ3VzdG9tZXJTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShUZWFtU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVGVhbVNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFRlYW1TZXJ2aWNlKS5hcyhcIlRlYW1TZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShEZXBhcnRtZW50U2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGVwYXJ0bWVudFNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKERlcGFydG1lbnRTZXJ2aWNlKS5hcyhcIkRlcGFydG1lbnRTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShTZXR0aW5nc1NlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNldHRpbmdzU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoU2V0dGluZ3NTZXJ2aWNlKS5hcyhcIlNldHRpbmdzU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVmlld0NvbmZpZ1NlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFZpZXdDb25maWdTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShWaWV3Q29uZmlnU2VydmljZSkuYXMoXCJWaWV3Q29uZmlnU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgLy8gUmVwb3NpdG9yaWVzIChmb3IgRGF0YVNlZWRlciBwb2x5bW9ycGhpYyBhcnJheSlcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrRXZlbnRSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tFdmVudFJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja1Jlc291cmNlUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrUmVzb3VyY2VSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tCb29raW5nUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrQm9va2luZ1JlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrQ3VzdG9tZXJSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tBdWRpdFJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja0F1ZGl0UmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrVGVhbVJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja1RlYW1SZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja1NldHRpbmdzUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrU2V0dGluZ3NSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgLy8gQXVkaXQgc2VydmljZSAobGlzdGVucyB0byBFTlRJVFlfU0FWRUQvREVMRVRFRCBldmVudHMgYXV0b21hdGljYWxseSlcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShBdWRpdFNlcnZpY2UpLmFzKFwiQXVkaXRTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBXb3JrZXJzXG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGF0YVNlZWRlcikuYXMoXCJEYXRhU2VlZGVyXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGVBbGwoXCJJRW50aXR5U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZUFsbChcIklBcGlSZXBvc2l0b3J5XCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBTY2hlZHVsZSBzZXJ2aWNlc1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNjaGVkdWxlT3ZlcnJpZGVTZXJ2aWNlKS5hcyhcIlNjaGVkdWxlT3ZlcnJpZGVTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShSZXNvdXJjZVNjaGVkdWxlU2VydmljZSkuYXMoXCJSZXNvdXJjZVNjaGVkdWxlU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiUmVzb3VyY2VTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2NoZWR1bGVPdmVycmlkZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgLy8gRmVhdHVyZXNcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudFJlbmRlcmVyKS5hcyhcIkV2ZW50UmVuZGVyZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkV2ZW50U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRhdGVTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNjaGVkdWxlUmVuZGVyZXIpLmFzKFwiU2NoZWR1bGVSZW5kZXJlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiUmVzb3VyY2VTY2hlZHVsZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklHcmlkQ29uZmlnXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShIZWFkZXJEcmF3ZXJSZW5kZXJlcikuYXMoXCJIZWFkZXJEcmF3ZXJSZW5kZXJlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJIZWFkZXJEcmF3ZXJNYW5hZ2VyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRXZlbnRTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0ZVNlcnZpY2VcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIC8vIFJlbmRlcmVycyAtIHJlZ2lzdHJlcmVzIHNvbSBSZW5kZXJlciAoYXJyYXkgaW5qZWN0aW9uIHRpbCBDYWxlbmRhck9yY2hlc3RyYXRvcilcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShEYXRlUmVuZGVyZXIpLmFzKFwiSVJlbmRlcmVyXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoUmVzb3VyY2VSZW5kZXJlcikuYXMoXCJJUmVuZGVyZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIlJlc291cmNlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVGVhbVJlbmRlcmVyKS5hcyhcIklSZW5kZXJlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiVGVhbVNlcnZpY2VcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKERlcGFydG1lbnRSZW5kZXJlcikuYXMoXCJJUmVuZGVyZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRlcGFydG1lbnRTZXJ2aWNlXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBTdG9yZXMgLSByZWdpc3RyZXJlcyBzb20gSUdyb3VwaW5nU3RvcmVcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrVGVhbVN0b3JlKS5hcyhcIklHcm91cGluZ1N0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tSZXNvdXJjZVN0b3JlKS5hcyhcIklHcm91cGluZ1N0b3JlXCIpO1xuICAgIC8vIENhbGVuZGFyT3JjaGVzdHJhdG9yIG1vZHRhZ2VyIElHcm91cGluZ1N0b3JlW10gYXV0b21hdGlzayAoYXJyYXkgaW5qZWN0aW9uKVxuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKENhbGVuZGFyT3JjaGVzdHJhdG9yKS5hcyhcIkNhbGVuZGFyT3JjaGVzdHJhdG9yXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGVBbGwoXCJJUmVuZGVyZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJFdmVudFJlbmRlcmVyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2NoZWR1bGVSZW5kZXJlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkhlYWRlckRyYXdlclJlbmRlcmVyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0ZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGVBbGwoXCJJRW50aXR5U2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVGltZUF4aXNSZW5kZXJlcikuYXMoXCJUaW1lQXhpc1JlbmRlcmVyXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNjcm9sbE1hbmFnZXIpLmFzKFwiU2Nyb2xsTWFuYWdlclwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShIZWFkZXJEcmF3ZXJNYW5hZ2VyKS5hcyhcIkhlYWRlckRyYXdlck1hbmFnZXJcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRHJhZ0Ryb3BNYW5hZ2VyKS5hcyhcIkRyYWdEcm9wTWFuYWdlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEVkZ2VTY3JvbGxNYW5hZ2VyKS5hcyhcIkVkZ2VTY3JvbGxNYW5hZ2VyXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFJlc2l6ZU1hbmFnZXIpLmFzKFwiUmVzaXplTWFuYWdlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIpLmFzKFwiRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkV2ZW50U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRhdGVTZXJ2aWNlXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBDYWxlbmRhckFwcCAtIGdlbmJydWdlbGlnIGthbGVuZGVya29tcG9uZW50XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoQ2FsZW5kYXJBcHApLmFzKFwiQ2FsZW5kYXJBcHBcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkNhbGVuZGFyT3JjaGVzdHJhdG9yXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiVGltZUF4aXNSZW5kZXJlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRhdGVTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2Nyb2xsTWFuYWdlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkhlYWRlckRyYXdlck1hbmFnZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEcmFnRHJvcE1hbmFnZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJFZGdlU2Nyb2xsTWFuYWdlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIlJlc2l6ZU1hbmFnZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJIZWFkZXJEcmF3ZXJSZW5kZXJlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkV2ZW50UGVyc2lzdGVuY2VNYW5hZ2VyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2V0dGluZ3NTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiVmlld0NvbmZpZ1NlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIC8vIERlbW8gYXBwXG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGVtb0FwcCkuYXMoXCJEZW1vQXBwXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0YVNlZWRlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkF1ZGl0U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkNhbGVuZGFyQXBwXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0ZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJSZXNvdXJjZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIHJldHVybiBidWlsZGVyLmJ1aWxkKCk7XG59XG4iLCAiaW1wb3J0IHsgY3JlYXRlQ29udGFpbmVyIH0gZnJvbSAnLi4vQ29tcG9zaXRpb25Sb290JztcbmNvbnN0IGNvbnRhaW5lciA9IGNyZWF0ZUNvbnRhaW5lcigpO1xuY29udGFpbmVyLnJlc29sdmVUeXBlKFwiRGVtb0FwcFwiKS5pbml0KCkuY2F0Y2goY29uc29sZS5lcnJvcik7XG4iXSwKICAibWFwcGluZ3MiOiAiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFBQTtBQUFBLEtBQUMsU0FBUyxHQUFFLEdBQUU7QUFBQyxrQkFBVSxPQUFPLFdBQVMsZUFBYSxPQUFPLFNBQU8sT0FBTyxVQUFRLEVBQUUsSUFBRSxjQUFZLE9BQU8sVUFBUSxPQUFPLE1BQUksT0FBTyxDQUFDLEtBQUcsSUFBRSxlQUFhLE9BQU8sYUFBVyxhQUFXLEtBQUcsTUFBTSxRQUFNLEVBQUU7QUFBQSxJQUFDLEVBQUUsU0FBTSxXQUFVO0FBQUM7QUFBYSxVQUFJLElBQUUsS0FBSSxJQUFFLEtBQUksSUFBRSxNQUFLLElBQUUsZUFBYyxJQUFFLFVBQVMsSUFBRSxVQUFTLElBQUUsUUFBTyxJQUFFLE9BQU0sSUFBRSxRQUFPLElBQUUsU0FBUSxJQUFFLFdBQVUsSUFBRSxRQUFPLElBQUUsUUFBTyxJQUFFLGdCQUFlLElBQUUsOEZBQTZGLElBQUUsdUZBQXNGLElBQUUsRUFBQyxNQUFLLE1BQUssVUFBUywyREFBMkQsTUFBTSxHQUFHLEdBQUUsUUFBTyx3RkFBd0YsTUFBTSxHQUFHLEdBQUUsU0FBUSxTQUFTQSxJQUFFO0FBQUMsWUFBSUMsS0FBRSxDQUFDLE1BQUssTUFBSyxNQUFLLElBQUksR0FBRUMsS0FBRUYsS0FBRTtBQUFJLGVBQU0sTUFBSUEsTUFBR0MsSUFBR0MsS0FBRSxNQUFJLEVBQUUsS0FBR0QsR0FBRUMsRUFBQyxLQUFHRCxHQUFF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LGFBQWE7QUFBQSxNQUNoQyxPQUFLLEVBQUUsWUFBWSxlQUFlO0FBQUEsTUFDbEMsT0FBSyxFQUFFLFlBQVkscUJBQXFCO0FBQUEsTUFDeEMsT0FBSyxFQUFFLFlBQVksaUJBQWlCO0FBQUEsTUFDcEMsT0FBSyxFQUFFLFlBQVksbUJBQW1CO0FBQUEsTUFDdEMsT0FBSyxFQUFFLFlBQVksZUFBZTtBQUFBLE1BQ2xDLE9BQUssRUFBRSxZQUFZLHNCQUFzQjtBQUFBLE1BQ3pDLE9BQUssRUFBRSxZQUFZLHlCQUF5QjtBQUFBLE1BQzVDLE9BQUssRUFBRSxZQUFZLGlCQUFpQjtBQUFBLE1BQ3BDLE9BQUssRUFBRSxZQUFZLG1CQUFtQjtBQUFBLE1BQ3RDLE9BQUssRUFBRSxZQUFZLFdBQVc7QUFBQSxJQUNsQztBQUFBLEVBQ0osQ0FBQztBQUVELFVBQVEsYUFBYSxPQUFPLEVBQUUsR0FBRyxTQUFTLEVBQUUsU0FBUztBQUFBLElBQ2pELGNBQWM7QUFBQSxNQUNWLE9BQUssRUFBRSxZQUFZLGtCQUFrQjtBQUFBLE1BQ3JDLE9BQUssRUFBRSxZQUFZLFlBQVk7QUFBQSxNQUMvQixPQUFLLEVBQUUsWUFBWSxjQUFjO0FBQUEsTUFDakMsT0FBSyxFQUFFLFlBQVksYUFBYTtBQUFBLE1BQ2hDLE9BQUssRUFBRSxZQUFZLGFBQWE7QUFBQSxNQUNoQyxPQUFLLEVBQUUsWUFBWSxpQkFBaUI7QUFBQSxNQUNwQyxPQUFLLEVBQUUsWUFBWSxXQUFXO0FBQUEsSUFDbEM7QUFBQSxFQUNKLENBQUM7QUFDRCxTQUFPLFFBQVEsTUFBTTtBQUN6QjtBQXZWZ0I7OztBQ3pFaEIsSUFBTSxZQUFZLGdCQUFnQjtBQUNsQyxVQUFVLFlBQVksU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLFFBQVEsS0FBSzsiLAogICJuYW1lcyI6IFsidCIsICJlIiwgIm4iLCAiciIsICJpIiwgInMiLCAidSIsICJhIiwgIk0iLCAibSIsICJmIiwgImwiLCAiJCIsICJ5IiwgInYiLCAiZyIsICJEIiwgIm8iLCAiZCIsICJjIiwgImgiLCAidCIsICJpIiwgImUiLCAicyIsICJmIiwgIm4iLCAidSIsICJyIiwgIm8iLCAidCIsICJuIiwgImkiLCAibyIsICJyIiwgImUiLCAidSIsICJmIiwgInMiLCAiYSIsICJ0IiwgImkiLCAiZCIsICJuIiwgImUiLCAicyIsICJ0b2tlbiIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgInRva2VuIiwgImNvbnRhaW5lciIsICJkYXlqcyIsICJ1dGMiLCAidGltZXpvbmUiLCAiaXNvV2VlayIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgImNvbnRhaW5lciIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgImNvbnRhaW5lciIsICJnZXRLZXkiLCAic2tpcFBhdGgiLCAia2V5IiwgImNvbnRhaW5lciIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgImRpZmYiLCAiY29udGFpbmVyIiwgImNvbnRhaW5lciIsICJkaWZmIiwgImNvbnRhaW5lciJdCn0K
diff --git a/wwwroot/js/edge-scroll.js b/wwwroot/js/edge-scroll.js
new file mode 100644
index 0000000..e8b0198
--- /dev/null
+++ b/wwwroot/js/edge-scroll.js
@@ -0,0 +1,104 @@
+// edge-scroll.js - med timeout + tidsbaseret scroll
+(function() {
+  'use strict';
+
+  const OUTER_ZONE = 100;        // px fra kant (langsom zone)
+  const INNER_ZONE = 50;         // px fra kant (hurtig zone)
+  const SLOW_SPEED_PXS = 800;    // px/sek i outer zone
+  const FAST_SPEED_PXS = 2400;   // px/sek i inner zone
+
+  let scrollableContent = null;
+  let scrollRAF = null;
+  let mouseY = 0;
+  let haveMouse = false;
+  let lastTs = 0;
+  let rect = null;
+
+  function init() {
+    console.log('edge-scroll.js: waiting 1000ms before setup...');
+    setTimeout(setup, 1000);
+  }
+
+  function setup() {
+    console.log('edge-scroll.js: setup() called');
+
+    scrollableContent = document.querySelector('swp-scrollable-content');
+    if (!scrollableContent) {
+      console.error('edge-scroll.js: swp-scrollable-content NOT FOUND');
+      return;
+    }
+
+    console.log('edge-scroll.js: found scrollableContent:', scrollableContent);
+
+    // slå smooth scroll fra, så autoscroll er øjeblikkelig
+    scrollableContent.style.scrollBehavior = 'auto';
+
+    scrollableContent.addEventListener('mousemove', handleMouseMove, { passive: true });
+    scrollableContent.addEventListener('mouseleave', handleMouseLeave, { passive: true });
+
+    console.log('edge-scroll.js: ✅ listeners attached');
+  }
+
+  function handleMouseMove(e) {
+    haveMouse = true;
+    mouseY = e.clientY;
+    if (scrollRAF == null) {
+      lastTs = performance.now();
+      scrollRAF = requestAnimationFrame(scrollTick);
+    }
+  }
+
+  function handleMouseLeave() {
+    haveMouse = false;
+    stopScrolling();
+  }
+
+  function stopScrolling() {
+    if (scrollRAF != null) {
+      cancelAnimationFrame(scrollRAF);
+      scrollRAF = null;
+    }
+    lastTs = 0;
+  }
+
+  function scrollTick(ts) {
+    const dt = lastTs ? (ts - lastTs) / 1000 : 0;
+    lastTs = ts;
+
+    if (!rect) rect = scrollableContent.getBoundingClientRect();
+
+    let vy = 0;
+    if (haveMouse) {
+      const distTop = mouseY - rect.top;
+      const distBot = rect.bottom - mouseY;
+
+      // Check top edge
+      if (distTop < INNER_ZONE) {
+        // Inner zone (0-50px) - fast speed
+        vy = -FAST_SPEED_PXS;
+      } else if (distTop < OUTER_ZONE) {
+        // Outer zone (50-100px) - slow speed
+        vy = -SLOW_SPEED_PXS;
+      }
+      // Check bottom edge
+      else if (distBot < INNER_ZONE) {
+        // Inner zone (0-50px) - fast speed
+        vy = FAST_SPEED_PXS;
+      } else if (distBot < OUTER_ZONE) {
+        // Outer zone (50-100px) - slow speed
+        vy = SLOW_SPEED_PXS;
+      }
+    }
+
+    if (vy !== 0) {
+      scrollableContent.scrollTop += vy * dt;
+      rect = null; // mål kun én gang pr. frame
+      scrollRAF = requestAnimationFrame(scrollTick);
+    } else {
+      stopScrolling();
+    }
+  }
+
+  // start init
+  init();
+})();
diff --git a/wwwroot/js/elements/SwpEventElement.d.ts b/wwwroot/js/elements/SwpEventElement.d.ts
new file mode 100644
index 0000000..fc38ac2
--- /dev/null
+++ b/wwwroot/js/elements/SwpEventElement.d.ts
@@ -0,0 +1,98 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+import { DateService } from '../utils/DateService';
+/**
+ * Base class for event elements
+ */
+export declare abstract class BaseSwpEventElement extends HTMLElement {
+    protected dateService: DateService;
+    protected config: Configuration;
+    constructor();
+    /**
+     * Create a clone for drag operations
+     * Must be implemented by subclasses
+     */
+    abstract createClone(): HTMLElement;
+    get eventId(): string;
+    set eventId(value: string);
+    get start(): Date;
+    set start(value: Date);
+    get end(): Date;
+    set end(value: Date);
+    get title(): string;
+    set title(value: string);
+    get description(): string;
+    set description(value: string);
+    get type(): string;
+    set type(value: string);
+}
+/**
+ * Web Component for timed calendar events (Light DOM)
+ */
+export declare class SwpEventElement extends BaseSwpEventElement {
+    /**
+     * Observed attributes - changes trigger attributeChangedCallback
+     */
+    static get observedAttributes(): string[];
+    /**
+     * Called when element is added to DOM
+     */
+    connectedCallback(): void;
+    /**
+     * Called when observed attribute changes
+     */
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /**
+     * Update event position during drag
+     * @param columnDate - The date of the column
+     * @param snappedY - The Y position in pixels
+     */
+    updatePosition(columnDate: Date, snappedY: number): void;
+    /**
+     * Update event height during resize
+     * @param newHeight - The new height in pixels
+     */
+    updateHeight(newHeight: number): void;
+    /**
+     * Create a clone for drag operations
+     */
+    createClone(): SwpEventElement;
+    /**
+     * Render inner HTML structure
+     */
+    private render;
+    /**
+     * Update time display when attributes change
+     */
+    private updateDisplay;
+    /**
+     * Calculate start/end minutes from Y position
+     */
+    private calculateTimesFromPosition;
+    /**
+     * Create SwpEventElement from ICalendarEvent
+     */
+    static fromCalendarEvent(event: ICalendarEvent): SwpEventElement;
+    /**
+     * Extract ICalendarEvent from DOM element
+     */
+    static extractCalendarEventFromElement(element: HTMLElement): ICalendarEvent;
+}
+/**
+ * Web Component for all-day calendar events
+ */
+export declare class SwpAllDayEventElement extends BaseSwpEventElement {
+    connectedCallback(): void;
+    /**
+     * Create a clone for drag operations
+     */
+    createClone(): SwpAllDayEventElement;
+    /**
+     * Apply CSS grid positioning
+     */
+    applyGridPositioning(row: number, startColumn: number, endColumn: number): void;
+    /**
+     * Create from ICalendarEvent
+     */
+    static fromCalendarEvent(event: ICalendarEvent): SwpAllDayEventElement;
+}
diff --git a/wwwroot/js/elements/SwpEventElement.js b/wwwroot/js/elements/SwpEventElement.js
new file mode 100644
index 0000000..96c188f
--- /dev/null
+++ b/wwwroot/js/elements/SwpEventElement.js
@@ -0,0 +1,303 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { TimeFormatter } from '../utils/TimeFormatter';
+import { DateService } from '../utils/DateService';
+/**
+ * Base class for event elements
+ */
+export class BaseSwpEventElement extends HTMLElement {
+    constructor() {
+        super();
+        // Get singleton instance for web components (can't use DI)
+        this.config = Configuration.getInstance();
+        this.dateService = new DateService(this.config);
+    }
+    // ============================================
+    // Common Getters/Setters
+    // ============================================
+    get eventId() {
+        return this.dataset.eventId || '';
+    }
+    set eventId(value) {
+        this.dataset.eventId = value;
+    }
+    get start() {
+        return new Date(this.dataset.start || '');
+    }
+    set start(value) {
+        this.dataset.start = this.dateService.toUTC(value);
+    }
+    get end() {
+        return new Date(this.dataset.end || '');
+    }
+    set end(value) {
+        this.dataset.end = this.dateService.toUTC(value);
+    }
+    get title() {
+        return this.dataset.title || '';
+    }
+    set title(value) {
+        this.dataset.title = value;
+    }
+    get description() {
+        return this.dataset.description || '';
+    }
+    set description(value) {
+        this.dataset.description = value;
+    }
+    get type() {
+        return this.dataset.type || 'work';
+    }
+    set type(value) {
+        this.dataset.type = value;
+    }
+}
+/**
+ * Web Component for timed calendar events (Light DOM)
+ */
+export class SwpEventElement extends BaseSwpEventElement {
+    /**
+     * Observed attributes - changes trigger attributeChangedCallback
+     */
+    static get observedAttributes() {
+        return ['data-start', 'data-end', 'data-title', 'data-description', 'data-type'];
+    }
+    /**
+     * Called when element is added to DOM
+     */
+    connectedCallback() {
+        if (!this.hasChildNodes()) {
+            this.render();
+        }
+    }
+    /**
+     * Called when observed attribute changes
+     */
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue !== newValue && this.isConnected) {
+            this.updateDisplay();
+        }
+    }
+    // ============================================
+    // Public Methods
+    // ============================================
+    /**
+     * Update event position during drag
+     * @param columnDate - The date of the column
+     * @param snappedY - The Y position in pixels
+     */
+    updatePosition(columnDate, snappedY) {
+        // 1. Update visual position
+        this.style.top = `${snappedY + 1}px`;
+        // 2. Calculate new timestamps
+        const { startMinutes, endMinutes } = this.calculateTimesFromPosition(snappedY);
+        // 3. Update data attributes (triggers attributeChangedCallback)
+        const startDate = this.dateService.createDateAtTime(columnDate, startMinutes);
+        let endDate = this.dateService.createDateAtTime(columnDate, endMinutes);
+        // Handle cross-midnight events
+        if (endMinutes >= 1440) {
+            const extraDays = Math.floor(endMinutes / 1440);
+            endDate = this.dateService.addDays(endDate, extraDays);
+        }
+        this.start = startDate;
+        this.end = endDate;
+    }
+    /**
+     * Update event height during resize
+     * @param newHeight - The new height in pixels
+     */
+    updateHeight(newHeight) {
+        // 1. Update visual height
+        this.style.height = `${newHeight}px`;
+        // 2. Calculate new end time based on height
+        const gridSettings = this.config.gridSettings;
+        const { hourHeight, snapInterval } = gridSettings;
+        // Get current start time
+        const start = this.start;
+        // Calculate duration from height
+        const rawDurationMinutes = (newHeight / hourHeight) * 60;
+        // Snap duration to grid interval (like drag & drop)
+        const snappedDurationMinutes = Math.round(rawDurationMinutes / snapInterval) * snapInterval;
+        // Calculate new end time by adding snapped duration to start (using DateService for timezone safety)
+        const endDate = this.dateService.addMinutes(start, snappedDurationMinutes);
+        // 3. Update end attribute (triggers attributeChangedCallback → updateDisplay)
+        this.end = endDate;
+    }
+    /**
+     * Create a clone for drag operations
+     */
+    createClone() {
+        const clone = this.cloneNode(true);
+        // Apply "clone-" prefix to ID
+        clone.dataset.eventId = `clone-${this.eventId}`;
+        // Disable pointer events on clone so it doesn't interfere with hover detection
+        clone.style.pointerEvents = 'none';
+        // Cache original duration
+        const timeEl = this.querySelector('swp-event-time');
+        if (timeEl) {
+            const duration = timeEl.getAttribute('data-duration');
+            if (duration) {
+                clone.dataset.originalDuration = duration;
+            }
+        }
+        // Set height from original
+        clone.style.height = this.style.height || `${this.getBoundingClientRect().height}px`;
+        return clone;
+    }
+    // ============================================
+    // Private Methods
+    // ============================================
+    /**
+     * Render inner HTML structure
+     */
+    render() {
+        const start = this.start;
+        const end = this.end;
+        const timeRange = TimeFormatter.formatTimeRange(start, end);
+        const durationMinutes = (end.getTime() - start.getTime()) / (1000 * 60);
+        this.innerHTML = `
+      <swp-event-time data-duration="${durationMinutes}">${timeRange}</swp-event-time>
+      <swp-event-title>${this.title}</swp-event-title>
+      ${this.description ? `<swp-event-description>${this.description}</swp-event-description>` : ''}
+    `;
+    }
+    /**
+     * Update time display when attributes change
+     */
+    updateDisplay() {
+        const timeEl = this.querySelector('swp-event-time');
+        const titleEl = this.querySelector('swp-event-title');
+        const descEl = this.querySelector('swp-event-description');
+        if (timeEl && this.dataset.start && this.dataset.end) {
+            const start = new Date(this.dataset.start);
+            const end = new Date(this.dataset.end);
+            const timeRange = TimeFormatter.formatTimeRange(start, end);
+            timeEl.textContent = timeRange;
+            // Update duration attribute
+            const durationMinutes = (end.getTime() - start.getTime()) / (1000 * 60);
+            timeEl.setAttribute('data-duration', durationMinutes.toString());
+        }
+        if (titleEl && this.dataset.title) {
+            titleEl.textContent = this.dataset.title;
+        }
+        if (this.dataset.description) {
+            if (descEl) {
+                descEl.textContent = this.dataset.description;
+            }
+            else if (this.description) {
+                // Add description element if it doesn't exist
+                const newDescEl = document.createElement('swp-event-description');
+                newDescEl.textContent = this.description;
+                this.appendChild(newDescEl);
+            }
+        }
+        else if (descEl) {
+            // Remove description element if description is empty
+            descEl.remove();
+        }
+    }
+    /**
+     * Calculate start/end minutes from Y position
+     */
+    calculateTimesFromPosition(snappedY) {
+        const gridSettings = this.config.gridSettings;
+        const { hourHeight, dayStartHour, snapInterval } = gridSettings;
+        // Get original duration
+        const originalDuration = parseInt(this.dataset.originalDuration ||
+            this.dataset.duration ||
+            '60');
+        // Calculate snapped start minutes
+        const minutesFromGridStart = (snappedY / hourHeight) * 60;
+        const actualStartMinutes = (dayStartHour * 60) + minutesFromGridStart;
+        const snappedStartMinutes = Math.round(actualStartMinutes / snapInterval) * snapInterval;
+        // Calculate end minutes
+        const endMinutes = snappedStartMinutes + originalDuration;
+        return { startMinutes: snappedStartMinutes, endMinutes };
+    }
+    // ============================================
+    // Static Factory Methods
+    // ============================================
+    /**
+     * Create SwpEventElement from ICalendarEvent
+     */
+    static fromCalendarEvent(event) {
+        const element = document.createElement('swp-event');
+        const config = Configuration.getInstance();
+        const dateService = new DateService(config);
+        element.dataset.eventId = event.id;
+        element.dataset.title = event.title;
+        element.dataset.description = event.description || '';
+        element.dataset.start = dateService.toUTC(event.start);
+        element.dataset.end = dateService.toUTC(event.end);
+        element.dataset.type = event.type;
+        element.dataset.duration = event.metadata?.duration?.toString() || '60';
+        return element;
+    }
+    /**
+     * Extract ICalendarEvent from DOM element
+     */
+    static extractCalendarEventFromElement(element) {
+        return {
+            id: element.dataset.eventId || '',
+            title: element.dataset.title || '',
+            description: element.dataset.description || undefined,
+            start: new Date(element.dataset.start || ''),
+            end: new Date(element.dataset.end || ''),
+            type: element.dataset.type || 'work',
+            allDay: false,
+            syncStatus: 'synced',
+            metadata: {
+                duration: element.dataset.duration
+            }
+        };
+    }
+}
+/**
+ * Web Component for all-day calendar events
+ */
+export class SwpAllDayEventElement extends BaseSwpEventElement {
+    connectedCallback() {
+        if (!this.textContent) {
+            this.textContent = this.dataset.title || 'Untitled';
+        }
+    }
+    /**
+     * Create a clone for drag operations
+     */
+    createClone() {
+        const clone = this.cloneNode(true);
+        // Apply "clone-" prefix to ID
+        clone.dataset.eventId = `clone-${this.eventId}`;
+        // Disable pointer events on clone so it doesn't interfere with hover detection
+        clone.style.pointerEvents = 'none';
+        // Preserve full opacity during drag
+        clone.style.opacity = '1';
+        return clone;
+    }
+    /**
+     * Apply CSS grid positioning
+     */
+    applyGridPositioning(row, startColumn, endColumn) {
+        const gridArea = `${row} / ${startColumn} / ${row + 1} / ${endColumn + 1}`;
+        this.style.gridArea = gridArea;
+    }
+    /**
+     * Create from ICalendarEvent
+     */
+    static fromCalendarEvent(event) {
+        const element = document.createElement('swp-allday-event');
+        const config = Configuration.getInstance();
+        const dateService = new DateService(config);
+        element.dataset.eventId = event.id;
+        element.dataset.title = event.title;
+        element.dataset.start = dateService.toUTC(event.start);
+        element.dataset.end = dateService.toUTC(event.end);
+        element.dataset.type = event.type;
+        element.dataset.allday = 'true';
+        element.textContent = event.title;
+        return element;
+    }
+}
+// Register custom elements
+customElements.define('swp-event', SwpEventElement);
+customElements.define('swp-allday-event', SwpAllDayEventElement);
+//# sourceMappingURL=SwpEventElement.js.map
\ No newline at end of file
diff --git a/wwwroot/js/elements/SwpEventElement.js.map b/wwwroot/js/elements/SwpEventElement.js.map
new file mode 100644
index 0000000..e05d269
--- /dev/null
+++ b/wwwroot/js/elements/SwpEventElement.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SwpEventElement.js","sourceRoot":"","sources":["../../../src/elements/SwpEventElement.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/factories/CalendarTypeFactory.d.ts b/wwwroot/js/factories/CalendarTypeFactory.d.ts
new file mode 100644
index 0000000..2c71862
--- /dev/null
+++ b/wwwroot/js/factories/CalendarTypeFactory.d.ts
@@ -0,0 +1,55 @@
+import { CalendarMode } from '../types/CalendarTypes';
+import { HeaderRenderer } from '../renderers/HeaderRenderer';
+import { ColumnRenderer } from '../renderers/ColumnRenderer';
+import { EventRendererStrategy } from '../renderers/EventRenderer';
+/**
+ * Renderer configuration for a calendar type
+ */
+export interface RendererConfig {
+    headerRenderer: HeaderRenderer;
+    columnRenderer: ColumnRenderer;
+    eventRenderer: EventRendererStrategy;
+}
+/**
+ * Factory for creating calendar type-specific renderers
+ */
+export declare class CalendarTypeFactory {
+    private static renderers;
+    private static isInitialized;
+    /**
+     * Initialize the factory with default renderers (only runs once)
+     */
+    static initialize(): void;
+    /**
+     * Register renderers for a calendar type
+     */
+    static registerRenderers(type: CalendarMode, config: RendererConfig): void;
+    /**
+     * Get renderers for a calendar type
+     */
+    static getRenderers(type: CalendarMode): RendererConfig;
+    /**
+     * Get header renderer for a calendar type
+     */
+    static getHeaderRenderer(type: CalendarMode): HeaderRenderer;
+    /**
+     * Get column renderer for a calendar type
+     */
+    static getColumnRenderer(type: CalendarMode): ColumnRenderer;
+    /**
+     * Get event renderer for a calendar type
+     */
+    static getEventRenderer(type: CalendarMode): EventRendererStrategy;
+    /**
+     * Check if a calendar type is supported
+     */
+    static isSupported(type: CalendarMode): boolean;
+    /**
+     * Get all supported calendar types
+     */
+    static getSupportedTypes(): CalendarMode[];
+    /**
+     * Clear all registered renderers (useful for testing)
+     */
+    static clear(): void;
+}
diff --git a/wwwroot/js/factories/CalendarTypeFactory.js b/wwwroot/js/factories/CalendarTypeFactory.js
new file mode 100644
index 0000000..98bb1ca
--- /dev/null
+++ b/wwwroot/js/factories/CalendarTypeFactory.js
@@ -0,0 +1,84 @@
+// Factory for creating calendar type-specific renderers
+import { DateHeaderRenderer, ResourceHeaderRenderer } from '../renderers/HeaderRenderer';
+import { DateColumnRenderer, ResourceColumnRenderer } from '../renderers/ColumnRenderer';
+import { DateEventRenderer, ResourceEventRenderer } from '../renderers/EventRenderer';
+/**
+ * Factory for creating calendar type-specific renderers
+ */
+export class CalendarTypeFactory {
+    /**
+     * Initialize the factory with default renderers (only runs once)
+     */
+    static initialize() {
+        if (this.isInitialized) {
+            return;
+        }
+        // Register default renderers
+        this.registerRenderers('date', {
+            headerRenderer: new DateHeaderRenderer(),
+            columnRenderer: new DateColumnRenderer(),
+            eventRenderer: new DateEventRenderer()
+        });
+        this.registerRenderers('resource', {
+            headerRenderer: new ResourceHeaderRenderer(),
+            columnRenderer: new ResourceColumnRenderer(),
+            eventRenderer: new ResourceEventRenderer()
+        });
+        this.isInitialized = true;
+    }
+    /**
+     * Register renderers for a calendar type
+     */
+    static registerRenderers(type, config) {
+        this.renderers.set(type, config);
+    }
+    /**
+     * Get renderers for a calendar type
+     */
+    static getRenderers(type) {
+        const renderers = this.renderers.get(type);
+        if (!renderers) {
+            return this.renderers.get('date');
+        }
+        return renderers;
+    }
+    /**
+     * Get header renderer for a calendar type
+     */
+    static getHeaderRenderer(type) {
+        return this.getRenderers(type).headerRenderer;
+    }
+    /**
+     * Get column renderer for a calendar type
+     */
+    static getColumnRenderer(type) {
+        return this.getRenderers(type).columnRenderer;
+    }
+    /**
+     * Get event renderer for a calendar type
+     */
+    static getEventRenderer(type) {
+        return this.getRenderers(type).eventRenderer;
+    }
+    /**
+     * Check if a calendar type is supported
+     */
+    static isSupported(type) {
+        return this.renderers.has(type);
+    }
+    /**
+     * Get all supported calendar types
+     */
+    static getSupportedTypes() {
+        return Array.from(this.renderers.keys());
+    }
+    /**
+     * Clear all registered renderers (useful for testing)
+     */
+    static clear() {
+        this.renderers.clear();
+    }
+}
+CalendarTypeFactory.renderers = new Map();
+CalendarTypeFactory.isInitialized = false;
+//# sourceMappingURL=CalendarTypeFactory.js.map
\ No newline at end of file
diff --git a/wwwroot/js/factories/CalendarTypeFactory.js.map b/wwwroot/js/factories/CalendarTypeFactory.js.map
new file mode 100644
index 0000000..a1d85d8
--- /dev/null
+++ b/wwwroot/js/factories/CalendarTypeFactory.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CalendarTypeFactory.js","sourceRoot":"","sources":["../../../src/factories/CalendarTypeFactory.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAGxD,OAAO,EAAkB,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACzG,OAAO,EAAkB,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACzG,OAAO,EAAyB,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAY7G;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAI9B;;OAEG;IACH,MAAM,CAAC,UAAU;QACf,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,6BAA6B;QAC7B,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;YAC7B,cAAc,EAAE,IAAI,kBAAkB,EAAE;YACxC,cAAc,EAAE,IAAI,kBAAkB,EAAE;YACxC,aAAa,EAAE,IAAI,iBAAiB,EAAE;SACvC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;YACjC,cAAc,EAAE,IAAI,sBAAsB,EAAE;YAC5C,cAAc,EAAE,IAAI,sBAAsB,EAAE;YAC5C,aAAa,EAAE,IAAI,qBAAqB,EAAE;SAC3C,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,iBAAiB,CAAC,IAAkB,EAAE,MAAsB;QACjE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,IAAkB;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC;QACrC,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,iBAAiB,CAAC,IAAkB;QACzC,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC;IAChD,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,iBAAiB,CAAC,IAAkB;QACzC,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC;IAChD,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,IAAkB;QACxC,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,WAAW,CAAC,IAAkB;QACnC,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,iBAAiB;QACtB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,KAAK;QACV,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;;AAvFc,6BAAS,GAAsC,IAAI,GAAG,EAAE,CAAC;AACzD,iCAAa,GAAY,KAAK,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/factories/ManagerFactory.d.ts b/wwwroot/js/factories/ManagerFactory.d.ts
new file mode 100644
index 0000000..2f9edb6
--- /dev/null
+++ b/wwwroot/js/factories/ManagerFactory.d.ts
@@ -0,0 +1,18 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { CalendarManagers } from '../types/ManagerTypes';
+/**
+ * Factory for creating and managing calendar managers with proper dependency injection
+ */
+export declare class ManagerFactory {
+    private static instance;
+    private constructor();
+    static getInstance(): ManagerFactory;
+    /**
+     * Create all managers with proper dependency injection
+     */
+    createManagers(eventBus: IEventBus): CalendarManagers;
+    /**
+     * Initialize all managers in the correct order
+     */
+    initializeManagers(managers: CalendarManagers): Promise<void>;
+}
diff --git a/wwwroot/js/factories/ManagerFactory.js b/wwwroot/js/factories/ManagerFactory.js
new file mode 100644
index 0000000..14636be
--- /dev/null
+++ b/wwwroot/js/factories/ManagerFactory.js
@@ -0,0 +1,60 @@
+import { EventManager } from '../managers/EventManager';
+import { EventRenderingService } from '../renderers/EventRendererManager';
+import { GridManager } from '../managers/GridManager';
+import { ScrollManager } from '../managers/ScrollManager';
+import { NavigationManager } from '../managers/NavigationManager';
+import { ViewManager } from '../managers/ViewManager';
+import { CalendarManager } from '../managers/CalendarManager';
+import { DragDropManager } from '../managers/DragDropManager';
+import { AllDayManager } from '../managers/AllDayManager';
+/**
+ * Factory for creating and managing calendar managers with proper dependency injection
+ */
+export class ManagerFactory {
+    constructor() { }
+    static getInstance() {
+        if (!ManagerFactory.instance) {
+            ManagerFactory.instance = new ManagerFactory();
+        }
+        return ManagerFactory.instance;
+    }
+    /**
+     * Create all managers with proper dependency injection
+     */
+    createManagers(eventBus) {
+        // Create managers in dependency order
+        const eventManager = new EventManager(eventBus);
+        const eventRenderer = new EventRenderingService(eventBus, eventManager);
+        const gridManager = new GridManager();
+        const scrollManager = new ScrollManager();
+        const navigationManager = new NavigationManager(eventBus, eventRenderer);
+        const viewManager = new ViewManager(eventBus);
+        const dragDropManager = new DragDropManager(eventBus);
+        const allDayManager = new AllDayManager();
+        // CalendarManager depends on all other managers
+        const calendarManager = new CalendarManager(eventBus, eventManager, gridManager, eventRenderer, scrollManager);
+        return {
+            eventManager,
+            eventRenderer,
+            gridManager,
+            scrollManager,
+            navigationManager,
+            viewManager,
+            calendarManager,
+            dragDropManager,
+            allDayManager
+        };
+    }
+    /**
+     * Initialize all managers in the correct order
+     */
+    async initializeManagers(managers) {
+        try {
+            await managers.calendarManager.initialize?.();
+        }
+        catch (error) {
+            throw error;
+        }
+    }
+}
+//# sourceMappingURL=ManagerFactory.js.map
\ No newline at end of file
diff --git a/wwwroot/js/factories/ManagerFactory.js.map b/wwwroot/js/factories/ManagerFactory.js.map
new file mode 100644
index 0000000..e05ff59
--- /dev/null
+++ b/wwwroot/js/factories/ManagerFactory.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ManagerFactory.js","sourceRoot":"","sources":["../../../src/factories/ManagerFactory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG1D;;GAEG;AACH,MAAM,OAAO,cAAc;IAGzB,gBAAuB,CAAC;IAEjB,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YAC7B,cAAc,CAAC,QAAQ,GAAG,IAAI,cAAc,EAAE,CAAC;QACjD,CAAC;QACD,OAAO,cAAc,CAAC,QAAQ,CAAC;IACjC,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,QAAmB;QAEvC,sCAAsC;QACtC,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,aAAa,GAAG,IAAI,qBAAqB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACxE,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;QACtC,MAAM,aAAa,GAAG,IAAI,aAAa,EAAE,CAAC;QAC1C,MAAM,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QACzE,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;QACtD,MAAM,aAAa,GAAG,IAAI,aAAa,EAAE,CAAC;QAE1C,gDAAgD;QAChD,MAAM,eAAe,GAAG,IAAI,eAAe,CACzC,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,CACd,CAAC;QAGF,OAAO;YACL,YAAY;YACZ,aAAa;YACb,WAAW;YACX,aAAa;YACb,iBAAiB;YACjB,WAAW;YACX,eAAe;YACf,eAAe;YACf,aAAa;SACd,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,kBAAkB,CAAC,QAA0B;QAExD,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE,CAAC;QAChD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayCollapseService.d.ts b/wwwroot/js/features/all-day/AllDayCollapseService.d.ts
new file mode 100644
index 0000000..10a0dc3
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayCollapseService.d.ts
@@ -0,0 +1,45 @@
+/**
+ * AllDayCollapseService - Manages collapse/expand UI for all-day events
+ *
+ * STATELESS SERVICE - Reads expanded state from DOM via AllDayDomReader
+ * - No persistent state
+ * - Reads expanded state from DOM CSS class
+ * - Updates chevron button and overflow indicators
+ * - Controls event visibility based on row number
+ */
+import { AllDayHeightService } from './AllDayHeightService';
+export declare class AllDayCollapseService {
+    private heightService;
+    constructor(heightService: AllDayHeightService);
+    /**
+     * Toggle between expanded and collapsed state
+     * Reads current state from DOM, toggles it, and updates UI
+     */
+    toggleExpanded(): void;
+    /**
+     * Update all UI elements based on current DOM state
+     */
+    private updateUI;
+    /**
+     * Update event visibility based on expanded state
+     */
+    private updateEventVisibility;
+    /**
+     * Update chevron button visibility and state
+     */
+    private updateChevronButton;
+    /**
+     * Update overflow indicators for collapsed state
+     * Shows "+X more" indicators in columns with overflow
+     */
+    private updateOverflowIndicators;
+    /**
+     * Clear all overflow indicators
+     */
+    private clearOverflowIndicators;
+    /**
+     * Initialize collapse/expand UI based on current DOM state
+     * Called after events are rendered
+     */
+    initializeUI(): void;
+}
diff --git a/wwwroot/js/features/all-day/AllDayCollapseService.js b/wwwroot/js/features/all-day/AllDayCollapseService.js
new file mode 100644
index 0000000..fa9036f
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayCollapseService.js
@@ -0,0 +1,168 @@
+/**
+ * AllDayCollapseService - Manages collapse/expand UI for all-day events
+ *
+ * STATELESS SERVICE - Reads expanded state from DOM via AllDayDomReader
+ * - No persistent state
+ * - Reads expanded state from DOM CSS class
+ * - Updates chevron button and overflow indicators
+ * - Controls event visibility based on row number
+ */
+import { ALL_DAY_CONSTANTS } from '../../configurations/CalendarConfig';
+import { ColumnDetectionUtils } from '../../utils/ColumnDetectionUtils';
+import { AllDayDomReader } from './AllDayDomReader';
+export class AllDayCollapseService {
+    constructor(heightService) {
+        this.heightService = heightService;
+    }
+    /**
+     * Toggle between expanded and collapsed state
+     * Reads current state from DOM, toggles it, and updates UI
+     */
+    toggleExpanded() {
+        const container = AllDayDomReader.getAllDayContainer();
+        if (!container)
+            return;
+        // Read current state from DOM
+        const isCurrentlyExpanded = container.classList.contains('expanded');
+        // Toggle state in DOM
+        if (isCurrentlyExpanded) {
+            container.classList.remove('expanded');
+        }
+        else {
+            container.classList.add('expanded');
+        }
+        // Update UI based on new state
+        this.updateUI();
+    }
+    /**
+     * Update all UI elements based on current DOM state
+     */
+    updateUI() {
+        const isExpanded = AllDayDomReader.isExpanded();
+        const maxRows = AllDayDomReader.getMaxRowFromEvents();
+        // Update chevron button
+        if (maxRows > ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS) {
+            this.updateChevronButton(true, isExpanded);
+            if (isExpanded) {
+                this.clearOverflowIndicators();
+            }
+            else {
+                this.updateOverflowIndicators();
+            }
+        }
+        else {
+            this.updateChevronButton(false, isExpanded);
+            this.clearOverflowIndicators();
+        }
+        // Update event visibility
+        this.updateEventVisibility(isExpanded);
+        // Calculate height based on expanded state
+        // When collapsed, show max MAX_COLLAPSED_ROWS, when expanded show all rows
+        const targetRows = isExpanded ? maxRows : Math.min(maxRows, ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS);
+        this.heightService.animateToRows(targetRows);
+    }
+    /**
+     * Update event visibility based on expanded state
+     */
+    updateEventVisibility(isExpanded) {
+        const events = AllDayDomReader.getEventElements();
+        events.forEach(event => {
+            const row = AllDayDomReader.getGridRow(event);
+            if (row > ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS) {
+                if (isExpanded) {
+                    event.classList.remove('max-event-overflow-hide');
+                    event.classList.add('max-event-overflow-show');
+                }
+                else {
+                    event.classList.remove('max-event-overflow-show');
+                    event.classList.add('max-event-overflow-hide');
+                }
+            }
+        });
+    }
+    /**
+     * Update chevron button visibility and state
+     */
+    updateChevronButton(show, isExpanded) {
+        const headerSpacer = AllDayDomReader.getHeaderSpacer();
+        if (!headerSpacer)
+            return;
+        let chevron = headerSpacer.querySelector('.allday-chevron');
+        if (show && !chevron) {
+            // Create chevron button
+            chevron = document.createElement('button');
+            chevron.className = 'allday-chevron collapsed';
+            chevron.innerHTML = `
+        <svg width="12" height="8" viewBox="0 0 12 8">
+          <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" fill="none"/>
+        </svg>
+      `;
+            chevron.onclick = () => this.toggleExpanded();
+            headerSpacer.appendChild(chevron);
+        }
+        else if (!show && chevron) {
+            // Remove chevron button
+            chevron.remove();
+        }
+        else if (chevron) {
+            // Update chevron state
+            chevron.classList.toggle('collapsed', !isExpanded);
+            chevron.classList.toggle('expanded', isExpanded);
+        }
+    }
+    /**
+     * Update overflow indicators for collapsed state
+     * Shows "+X more" indicators in columns with overflow
+     */
+    updateOverflowIndicators() {
+        const container = AllDayDomReader.getAllDayContainer();
+        if (!container)
+            return;
+        const columns = ColumnDetectionUtils.getColumns();
+        columns.forEach((columnBounds) => {
+            const totalEventsInColumn = AllDayDomReader.countEventsInColumn(columnBounds.index);
+            const overflowCount = totalEventsInColumn - ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS;
+            if (overflowCount > 0) {
+                // Check if indicator already exists
+                let existingIndicator = container.querySelector(`.max-event-indicator[data-column="${columnBounds.index}"]`);
+                if (existingIndicator) {
+                    // Update existing indicator
+                    existingIndicator.innerHTML = `<span>+${overflowCount + 1} more</span>`;
+                }
+                else {
+                    // Create new overflow indicator
+                    const overflowElement = document.createElement('swp-allday-event');
+                    overflowElement.className = 'max-event-indicator';
+                    overflowElement.setAttribute('data-column', columnBounds.index.toString());
+                    overflowElement.style.gridRow = ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS.toString();
+                    overflowElement.style.gridColumn = columnBounds.index.toString();
+                    overflowElement.innerHTML = `<span>+${overflowCount + 1} more</span>`;
+                    overflowElement.onclick = (e) => {
+                        e.stopPropagation();
+                        this.toggleExpanded();
+                    };
+                    container.appendChild(overflowElement);
+                }
+            }
+        });
+    }
+    /**
+     * Clear all overflow indicators
+     */
+    clearOverflowIndicators() {
+        const container = AllDayDomReader.getAllDayContainer();
+        if (!container)
+            return;
+        container.querySelectorAll('.max-event-indicator').forEach((element) => {
+            element.remove();
+        });
+    }
+    /**
+     * Initialize collapse/expand UI based on current DOM state
+     * Called after events are rendered
+     */
+    initializeUI() {
+        this.updateUI();
+    }
+}
+//# sourceMappingURL=AllDayCollapseService.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayCollapseService.js.map b/wwwroot/js/features/all-day/AllDayCollapseService.js.map
new file mode 100644
index 0000000..188222f
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayCollapseService.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayCollapseService.js","sourceRoot":"","sources":["../../../../src/features/all-day/AllDayCollapseService.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAiB,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,OAAO,qBAAqB;IAGhC,YAAY,aAAkC;QAC5C,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAED;;;OAGG;IACI,cAAc;QACnB,MAAM,SAAS,GAAG,eAAe,CAAC,kBAAkB,EAAE,CAAC;QACvD,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,8BAA8B;QAC9B,MAAM,mBAAmB,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAErE,sBAAsB;QACtB,IAAI,mBAAmB,EAAE,CAAC;YACxB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,+BAA+B;QAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED;;OAEG;IACK,QAAQ;QACd,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,eAAe,CAAC,mBAAmB,EAAE,CAAC;QAEtD,wBAAwB;QACxB,IAAI,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,CAAC;YACnD,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAE3C,IAAI,UAAU,EAAE,CAAC;gBACf,IAAI,CAAC,uBAAuB,EAAE,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YAC5C,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;QAED,0BAA0B;QAC1B,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAEvC,2CAA2C;QAC3C,2EAA2E;QAC3E,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;QAClG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;OAEG;IACK,qBAAqB,CAAC,UAAmB;QAC/C,MAAM,MAAM,GAAG,eAAe,CAAC,gBAAgB,EAAE,CAAC;QAElD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,MAAM,GAAG,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAE9C,IAAI,GAAG,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,CAAC;gBAC/C,IAAI,UAAU,EAAE,CAAC;oBACf,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC;oBAClD,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;gBACjD,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC;oBAClD,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;gBACjD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,mBAAmB,CAAC,IAAa,EAAE,UAAmB;QAC5D,MAAM,YAAY,GAAG,eAAe,CAAC,eAAe,EAAE,CAAC;QACvD,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,OAAO,GAAG,YAAY,CAAC,aAAa,CAAC,iBAAiB,CAAgB,CAAC;QAE3E,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,wBAAwB;YACxB,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC3C,OAAO,CAAC,SAAS,GAAG,0BAA0B,CAAC;YAC/C,OAAO,CAAC,SAAS,GAAG;;;;OAInB,CAAC;YACF,OAAO,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YAC9C,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;YAC5B,wBAAwB;YACxB,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACnB,uBAAuB;YACvB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,CAAC;YACnD,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACnD,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,wBAAwB;QAC9B,MAAM,SAAS,GAAG,eAAe,CAAC,kBAAkB,EAAE,CAAC;QACvD,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,OAAO,GAAG,oBAAoB,CAAC,UAAU,EAAE,CAAC;QAElD,OAAO,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YAC/B,MAAM,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpF,MAAM,aAAa,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC;YAEjF,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;gBACtB,oCAAoC;gBACpC,IAAI,iBAAiB,GAAG,SAAS,CAAC,aAAa,CAC7C,qCAAqC,YAAY,CAAC,KAAK,IAAI,CAC7C,CAAC;gBAEjB,IAAI,iBAAiB,EAAE,CAAC;oBACtB,4BAA4B;oBAC5B,iBAAiB,CAAC,SAAS,GAAG,UAAU,aAAa,GAAG,CAAC,cAAc,CAAC;gBAC1E,CAAC;qBAAM,CAAC;oBACN,gCAAgC;oBAChC,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;oBACnE,eAAe,CAAC,SAAS,GAAG,qBAAqB,CAAC;oBAClD,eAAe,CAAC,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;oBAC3E,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC;oBAChF,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACjE,eAAe,CAAC,SAAS,GAAG,UAAU,aAAa,GAAG,CAAC,cAAc,CAAC;oBACtE,eAAe,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;wBAC9B,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,CAAC,CAAC;oBAEF,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,uBAAuB;QAC7B,MAAM,SAAS,GAAG,eAAe,CAAC,kBAAkB,EAAE,CAAC;QACvD,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,SAAS,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAgB,EAAE,EAAE;YAC9E,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACI,YAAY;QACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayCoordinator.d.ts b/wwwroot/js/features/all-day/AllDayCoordinator.d.ts
new file mode 100644
index 0000000..992a8a3
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayCoordinator.d.ts
@@ -0,0 +1,45 @@
+/**
+ * AllDayCoordinator - Orchestrates all-day event functionality
+ *
+ * NO STATE - Only coordinates between services
+ * - Listens to EventBus events
+ * - Delegates to specialized services
+ * - Manages service lifecycle
+ */
+import { AllDayEventRenderer } from '../../renderers/AllDayEventRenderer';
+import { EventManager } from '../../managers/EventManager';
+import { DateService } from '../../utils/DateService';
+import { AllDayHeightService } from './AllDayHeightService';
+import { AllDayCollapseService } from './AllDayCollapseService';
+import { AllDayDragService } from './AllDayDragService';
+/**
+ * AllDayCoordinator - Orchestrates all-day event functionality
+ * Replaces the monolithic AllDayManager with a coordinated service architecture
+ */
+export declare class AllDayCoordinator {
+    private allDayEventRenderer;
+    private eventManager;
+    private dateService;
+    private heightService;
+    private collapseService;
+    private dragService;
+    constructor(eventManager: EventManager, allDayEventRenderer: AllDayEventRenderer, dateService: DateService, heightService: AllDayHeightService, collapseService: AllDayCollapseService, dragService: AllDayDragService);
+    /**
+     * Setup event listeners and delegate to services
+     */
+    private setupEventListeners;
+    /**
+     * Calculate layout for ALL all-day events using AllDayLayoutEngine
+     */
+    private calculateAllDayEventsLayout;
+    /**
+     * Recalculate layouts and update height
+     * Called after events are added/removed/moved in all-day area
+     * Uses AllDayLayoutEngine to optimally reorganize all events
+     */
+    private recalculateLayoutsAndHeight;
+    /**
+     * Public API for collapsing all-day row
+     */
+    collapseAllDayRow(): void;
+}
diff --git a/wwwroot/js/features/all-day/AllDayCoordinator.js b/wwwroot/js/features/all-day/AllDayCoordinator.js
new file mode 100644
index 0000000..65dc583
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayCoordinator.js
@@ -0,0 +1,168 @@
+/**
+ * AllDayCoordinator - Orchestrates all-day event functionality
+ *
+ * NO STATE - Only coordinates between services
+ * - Listens to EventBus events
+ * - Delegates to specialized services
+ * - Manages service lifecycle
+ */
+import { eventBus } from '../../core/EventBus';
+import { ALL_DAY_CONSTANTS } from '../../configurations/CalendarConfig';
+import { AllDayLayoutEngine } from '../../utils/AllDayLayoutEngine';
+import { CoreEvents } from '../../constants/CoreEvents';
+import { AllDayDomReader } from './AllDayDomReader';
+import { ColumnDetectionUtils } from '../../utils/ColumnDetectionUtils';
+/**
+ * AllDayCoordinator - Orchestrates all-day event functionality
+ * Replaces the monolithic AllDayManager with a coordinated service architecture
+ */
+export class AllDayCoordinator {
+    constructor(eventManager, allDayEventRenderer, dateService, heightService, collapseService, dragService) {
+        this.eventManager = eventManager;
+        this.allDayEventRenderer = allDayEventRenderer;
+        this.dateService = dateService;
+        this.heightService = heightService;
+        this.collapseService = collapseService;
+        this.dragService = dragService;
+        // Sync CSS variable with TypeScript constant
+        document.documentElement.style.setProperty('--single-row-height', `${ALL_DAY_CONSTANTS.EVENT_HEIGHT}px`);
+        this.setupEventListeners();
+    }
+    /**
+     * Setup event listeners and delegate to services
+     */
+    setupEventListeners() {
+        // Timed → All-day conversion
+        eventBus.on('drag:mouseenter-header', (event) => {
+            const payload = event.detail;
+            if (payload.draggedClone.hasAttribute('data-allday'))
+                return;
+            console.log('🔄 AllDayCoordinator: Received drag:mouseenter-header', {
+                targetDate: payload.targetColumn,
+                originalElementId: payload.originalElement?.dataset?.eventId,
+                originalElementTag: payload.originalElement?.tagName
+            });
+            this.dragService.handleConvertToAllDay(payload);
+            // Recalculate layouts and height after timed → all-day conversion
+            this.recalculateLayoutsAndHeight();
+        });
+        eventBus.on('drag:mouseleave-header', (event) => {
+            const { originalElement } = event.detail;
+            console.log('🚪 AllDayCoordinator: Received drag:mouseleave-header', {
+                originalElementId: originalElement?.dataset?.eventId
+            });
+        });
+        // All-day drag start
+        eventBus.on('drag:start', (event) => {
+            const payload = event.detail;
+            if (!payload.draggedClone?.hasAttribute('data-allday'))
+                return;
+            this.allDayEventRenderer.handleDragStart(payload);
+        });
+        // All-day column change
+        eventBus.on('drag:column-change', (event) => {
+            const payload = event.detail;
+            if (!payload.draggedClone?.hasAttribute('data-allday'))
+                return;
+            this.dragService.handleColumnChange(payload);
+        });
+        // Drag end
+        eventBus.on('drag:end', (event) => {
+            const dragEndPayload = event.detail;
+            console.log('🎯 AllDayCoordinator: drag:end received', {
+                target: dragEndPayload.target,
+                originalElementTag: dragEndPayload.originalElement?.tagName,
+                hasAllDayAttribute: dragEndPayload.originalElement?.hasAttribute('data-allday'),
+                eventId: dragEndPayload.originalElement?.dataset.eventId
+            });
+            // Handle all-day → all-day drops (within header)
+            if (dragEndPayload.target === 'swp-day-header') {
+                console.log('✅ AllDayCoordinator: Handling all-day → all-day drop');
+                this.dragService.handleDragEnd(dragEndPayload);
+                // Recalculate layouts and height after all-day → all-day repositioning
+                this.recalculateLayoutsAndHeight();
+                return;
+            }
+            // Handle all-day → timed conversion (dropped in column)
+            if (dragEndPayload.target === 'swp-day-column' &&
+                dragEndPayload.originalElement?.hasAttribute('data-allday')) {
+                const eventId = dragEndPayload.originalElement.dataset.eventId;
+                console.log('🔄 AllDayCoordinator: All-day → timed conversion', {
+                    eventId
+                });
+                // Remove event element from DOM
+                const container = AllDayDomReader.getAllDayContainer();
+                const eventElement = container?.querySelector(`[data-event-id="${eventId}"]`);
+                if (eventElement) {
+                    eventElement.remove();
+                }
+                // Recalculate layouts and height after event removal
+                this.recalculateLayoutsAndHeight();
+            }
+        });
+        // Drag cancelled
+        eventBus.on('drag:cancelled', (event) => {
+            const { draggedElement, reason } = event.detail;
+            console.log('🚫 AllDayCoordinator: Drag cancelled', {
+                eventId: draggedElement?.dataset?.eventId,
+                reason
+            });
+        });
+        // Header ready - render all-day events
+        eventBus.on('header:ready', async (event) => {
+            const headerReadyEventPayload = event.detail;
+            const startDate = new Date(headerReadyEventPayload.headerElements.at(0).date);
+            const endDate = new Date(headerReadyEventPayload.headerElements.at(-1).date);
+            const events = await this.eventManager.getEventsForPeriod(startDate, endDate);
+            // Filter for all-day events
+            const allDayEvents = events.filter(event => event.allDay);
+            // Calculate layouts
+            const layouts = this.calculateAllDayEventsLayout(allDayEvents, headerReadyEventPayload.headerElements);
+            // Render events
+            this.allDayEventRenderer.renderAllDayEventsForPeriod(layouts);
+            // Initialize collapse/expand UI and calculate height
+            this.collapseService.initializeUI();
+        });
+        // View changed
+        eventBus.on(CoreEvents.VIEW_CHANGED, (event) => {
+            this.allDayEventRenderer.handleViewChanged(event);
+        });
+    }
+    /**
+     * Calculate layout for ALL all-day events using AllDayLayoutEngine
+     */
+    calculateAllDayEventsLayout(events, dayHeaders) {
+        // Initialize layout engine with provided week dates
+        const layoutEngine = new AllDayLayoutEngine(dayHeaders.map(column => column.date));
+        // Calculate layout for all events together
+        return layoutEngine.calculateLayout(events);
+    }
+    /**
+     * Recalculate layouts and update height
+     * Called after events are added/removed/moved in all-day area
+     * Uses AllDayLayoutEngine to optimally reorganize all events
+     */
+    recalculateLayoutsAndHeight() {
+        // 1. Read current events from DOM
+        const events = AllDayDomReader.getEventsAsData();
+        const weekDates = ColumnDetectionUtils.getColumns();
+        // 2. Calculate optimal layouts using greedy algorithm
+        const layouts = this.calculateAllDayEventsLayout(events, weekDates);
+        // 3. Apply layouts to DOM
+        this.dragService.applyLayoutUpdates(layouts);
+        // 4. Calculate max row from NEW layouts
+        const maxRow = layouts.length > 0 ? Math.max(...layouts.map(l => l.row)) : 0;
+        // 5. Check if collapsed state should be maintained
+        const isExpanded = AllDayDomReader.isExpanded();
+        const targetRows = isExpanded ? maxRow : Math.min(maxRow, ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS);
+        // 6. Animate height to target
+        this.heightService.animateToRows(targetRows);
+    }
+    /**
+     * Public API for collapsing all-day row
+     */
+    collapseAllDayRow() {
+        this.heightService.collapseAllDayRow();
+    }
+}
+//# sourceMappingURL=AllDayCoordinator.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayCoordinator.js.map b/wwwroot/js/features/all-day/AllDayCoordinator.js.map
new file mode 100644
index 0000000..7522289
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayCoordinator.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayCoordinator.js","sourceRoot":"","sources":["../../../../src/features/all-day/AllDayCoordinator.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayDomReader.d.ts b/wwwroot/js/features/all-day/AllDayDomReader.d.ts
new file mode 100644
index 0000000..5142286
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayDomReader.d.ts
@@ -0,0 +1,74 @@
+import { ICalendarEvent } from '../../types/CalendarTypes';
+/**
+ * AllDayDomReader - Centralized DOM reading utilities for all-day services
+ *
+ * STATELESS UTILITY - Pure functions for reading DOM state
+ * - Consistent selectors across all services
+ * - Unified computed style approach (not inline styles)
+ * - Type-safe return values
+ * - Single source of truth for DOM queries
+ */
+export declare class AllDayDomReader {
+    /**
+     * Get the all-day events container element
+     */
+    static getAllDayContainer(): HTMLElement | null;
+    /**
+     * Get the calendar header element
+     */
+    static getCalendarHeader(): HTMLElement | null;
+    /**
+     * Get the header spacer element
+     */
+    static getHeaderSpacer(): HTMLElement | null;
+    /**
+     * Get all all-day event elements (excluding overflow indicators)
+     * Returns raw HTMLElements for DOM manipulation
+     */
+    static getEventElements(): HTMLElement[];
+    /**
+     * Get all-day events as ICalendarEvent objects
+     * Returns parsed data for business logic
+     */
+    static getEventsAsData(): ICalendarEvent[];
+    /**
+     * Get grid row from element using computed style
+     * Always uses computed style for consistency
+     */
+    static getGridRow(element: HTMLElement): number;
+    /**
+     * Get grid column range from element using computed style
+     */
+    static getGridColumnRange(element: HTMLElement): {
+        start: number;
+        end: number;
+    };
+    /**
+     * Get grid area from element using computed style
+     */
+    static getGridArea(element: HTMLElement): string;
+    /**
+     * Calculate max row number from all events
+     * Uses computed styles for accurate reading
+     */
+    static getMaxRowFromEvents(): number;
+    /**
+     * Check if all-day container is expanded
+     */
+    static isExpanded(): boolean;
+    /**
+     * Get current all-day height from CSS variable
+     */
+    static getCurrentHeight(): number;
+    /**
+     * Count events in specific column
+     */
+    static countEventsInColumn(columnIndex: number): number;
+    /**
+     * Get current layouts from DOM elements
+     * Returns map of eventId → layout info for comparison
+     */
+    static getCurrentLayouts(): Map<string, {
+        gridArea: string;
+    }>;
+}
diff --git a/wwwroot/js/features/all-day/AllDayDomReader.js b/wwwroot/js/features/all-day/AllDayDomReader.js
new file mode 100644
index 0000000..93405ca
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayDomReader.js
@@ -0,0 +1,175 @@
+/**
+ * AllDayDomReader - Centralized DOM reading utilities for all-day services
+ *
+ * STATELESS UTILITY - Pure functions for reading DOM state
+ * - Consistent selectors across all services
+ * - Unified computed style approach (not inline styles)
+ * - Type-safe return values
+ * - Single source of truth for DOM queries
+ */
+export class AllDayDomReader {
+    // ============================================
+    // CONTAINER GETTERS
+    // ============================================
+    /**
+     * Get the all-day events container element
+     */
+    static getAllDayContainer() {
+        return document.querySelector('swp-calendar-header swp-allday-container');
+    }
+    /**
+     * Get the calendar header element
+     */
+    static getCalendarHeader() {
+        return document.querySelector('swp-calendar-header');
+    }
+    /**
+     * Get the header spacer element
+     */
+    static getHeaderSpacer() {
+        return document.querySelector('swp-header-spacer');
+    }
+    // ============================================
+    // EVENT ELEMENT GETTERS
+    // ============================================
+    /**
+     * Get all all-day event elements (excluding overflow indicators)
+     * Returns raw HTMLElements for DOM manipulation
+     */
+    static getEventElements() {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return [];
+        return Array.from(container.querySelectorAll('swp-allday-event:not(.max-event-indicator)'));
+    }
+    /**
+     * Get all-day events as ICalendarEvent objects
+     * Returns parsed data for business logic
+     */
+    static getEventsAsData() {
+        const elements = this.getEventElements();
+        return elements
+            .map(element => {
+            const eventId = element.dataset.eventId;
+            const startStr = element.dataset.start;
+            const endStr = element.dataset.end;
+            // Validate required fields
+            if (!eventId || !startStr || !endStr) {
+                console.warn('AllDayDomReader: Invalid event data in DOM:', element);
+                return null;
+            }
+            const start = new Date(startStr);
+            const end = new Date(endStr);
+            if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+                console.warn('AllDayDomReader: Invalid event dates:', { startStr, endStr });
+                return null;
+            }
+            return {
+                id: eventId,
+                title: element.dataset.title || '',
+                start,
+                end,
+                type: element.dataset.type || 'task',
+                allDay: true,
+                syncStatus: (element.dataset.syncStatus || 'synced')
+            };
+        })
+            .filter((event) => event !== null);
+    }
+    // ============================================
+    // GRID POSITION READERS
+    // ============================================
+    /**
+     * Get grid row from element using computed style
+     * Always uses computed style for consistency
+     */
+    static getGridRow(element) {
+        const computedStyle = window.getComputedStyle(element);
+        return parseInt(computedStyle.gridRowStart) || 0;
+    }
+    /**
+     * Get grid column range from element using computed style
+     */
+    static getGridColumnRange(element) {
+        const computedStyle = window.getComputedStyle(element);
+        return {
+            start: parseInt(computedStyle.gridColumnStart) || 0,
+            end: parseInt(computedStyle.gridColumnEnd) || 0
+        };
+    }
+    /**
+     * Get grid area from element using computed style
+     */
+    static getGridArea(element) {
+        const computedStyle = window.getComputedStyle(element);
+        return computedStyle.gridArea;
+    }
+    /**
+     * Calculate max row number from all events
+     * Uses computed styles for accurate reading
+     */
+    static getMaxRowFromEvents() {
+        const events = this.getEventElements();
+        if (events.length === 0)
+            return 0;
+        let maxRow = 0;
+        events.forEach(event => {
+            const row = this.getGridRow(event);
+            maxRow = Math.max(maxRow, row);
+        });
+        return maxRow;
+    }
+    // ============================================
+    // STATE READERS
+    // ============================================
+    /**
+     * Check if all-day container is expanded
+     */
+    static isExpanded() {
+        const container = this.getAllDayContainer();
+        return container?.classList.contains('expanded') || false;
+    }
+    /**
+     * Get current all-day height from CSS variable
+     */
+    static getCurrentHeight() {
+        const root = document.documentElement;
+        const heightStr = root.style.getPropertyValue('--all-day-row-height') || '0px';
+        return parseInt(heightStr) || 0;
+    }
+    /**
+     * Count events in specific column
+     */
+    static countEventsInColumn(columnIndex) {
+        const events = this.getEventElements();
+        let count = 0;
+        events.forEach((event) => {
+            const { start, end } = this.getGridColumnRange(event);
+            if (start <= columnIndex && end > columnIndex) {
+                count++;
+            }
+        });
+        return count;
+    }
+    // ============================================
+    // LAYOUT READERS
+    // ============================================
+    /**
+     * Get current layouts from DOM elements
+     * Returns map of eventId → layout info for comparison
+     */
+    static getCurrentLayouts() {
+        const layoutsMap = new Map();
+        const events = this.getEventElements();
+        events.forEach(event => {
+            const eventId = event.dataset.eventId;
+            if (eventId) {
+                layoutsMap.set(eventId, {
+                    gridArea: this.getGridArea(event)
+                });
+            }
+        });
+        return layoutsMap;
+    }
+}
+//# sourceMappingURL=AllDayDomReader.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayDomReader.js.map b/wwwroot/js/features/all-day/AllDayDomReader.js.map
new file mode 100644
index 0000000..9a27f22
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayDomReader.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayDomReader.js","sourceRoot":"","sources":["../../../../src/features/all-day/AllDayDomReader.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayDragService.d.ts b/wwwroot/js/features/all-day/AllDayDragService.d.ts
new file mode 100644
index 0000000..602d2e2
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayDragService.d.ts
@@ -0,0 +1,50 @@
+/**
+ * AllDayDragService - Manages drag and drop operations for all-day events
+ *
+ * STATELESS SERVICE - Reads all data from DOM via AllDayDomReader
+ * - No persistent state
+ * - Handles timed → all-day conversion
+ * - Handles all-day → all-day repositioning
+ * - Handles column changes during drag
+ * - Calculates layouts on-demand from DOM
+ */
+import { IEventLayout } from '../../utils/AllDayLayoutEngine';
+import { IDragMouseEnterHeaderEventPayload, IDragColumnChangeEventPayload, IDragEndEventPayload } from '../../types/EventTypes';
+import { EventManager } from '../../managers/EventManager';
+import { AllDayEventRenderer } from '../../renderers/AllDayEventRenderer';
+import { DateService } from '../../utils/DateService';
+export declare class AllDayDragService {
+    private eventManager;
+    private allDayEventRenderer;
+    private dateService;
+    constructor(eventManager: EventManager, allDayEventRenderer: AllDayEventRenderer, dateService: DateService);
+    /**
+     * Handle conversion from timed event to all-day event
+     * Called when dragging a timed event into the header
+     */
+    handleConvertToAllDay(payload: IDragMouseEnterHeaderEventPayload): void;
+    /**
+     * Handle column change during drag of all-day event
+     * Updates grid position while maintaining event span
+     */
+    handleColumnChange(payload: IDragColumnChangeEventPayload): void;
+    /**
+     * Handle drag end for all-day → all-day drops
+     * Recalculates layouts and updates event positions
+     */
+    handleDragEnd(dragEndEvent: IDragEndEventPayload): Promise<void>;
+    /**
+     * Calculate layouts for events using AllDayLayoutEngine
+     */
+    private calculateLayouts;
+    /**
+     * Apply layout updates to DOM elements
+     * Only updates elements that have changed position
+     * Public so AllDayCoordinator can use it for full recalculation
+     */
+    applyLayoutUpdates(newLayouts: IEventLayout[]): void;
+    /**
+     * Fade out and remove element
+     */
+    private fadeOutAndRemove;
+}
diff --git a/wwwroot/js/features/all-day/AllDayDragService.js b/wwwroot/js/features/all-day/AllDayDragService.js
new file mode 100644
index 0000000..000994b
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayDragService.js
@@ -0,0 +1,183 @@
+/**
+ * AllDayDragService - Manages drag and drop operations for all-day events
+ *
+ * STATELESS SERVICE - Reads all data from DOM via AllDayDomReader
+ * - No persistent state
+ * - Handles timed → all-day conversion
+ * - Handles all-day → all-day repositioning
+ * - Handles column changes during drag
+ * - Calculates layouts on-demand from DOM
+ */
+import { SwpAllDayEventElement } from '../../elements/SwpEventElement';
+import { AllDayLayoutEngine } from '../../utils/AllDayLayoutEngine';
+import { ColumnDetectionUtils } from '../../utils/ColumnDetectionUtils';
+import { ALL_DAY_CONSTANTS } from '../../configurations/CalendarConfig';
+import { AllDayDomReader } from './AllDayDomReader';
+export class AllDayDragService {
+    constructor(eventManager, allDayEventRenderer, dateService) {
+        this.eventManager = eventManager;
+        this.allDayEventRenderer = allDayEventRenderer;
+        this.dateService = dateService;
+    }
+    /**
+     * Handle conversion from timed event to all-day event
+     * Called when dragging a timed event into the header
+     */
+    handleConvertToAllDay(payload) {
+        const allDayContainer = AllDayDomReader.getAllDayContainer();
+        if (!allDayContainer)
+            return;
+        // Create SwpAllDayEventElement from ICalendarEvent
+        const allDayElement = SwpAllDayEventElement.fromCalendarEvent(payload.calendarEvent);
+        // Apply grid positioning
+        allDayElement.style.gridRow = '1';
+        allDayElement.style.gridColumn = payload.targetColumn.index.toString();
+        // Remove old swp-event clone
+        payload.draggedClone.remove();
+        // Call delegate to update DragDropManager's draggedClone reference
+        payload.replaceClone(allDayElement);
+        // Append to container
+        allDayContainer.appendChild(allDayElement);
+        ColumnDetectionUtils.updateColumnBoundsCache();
+    }
+    /**
+     * Handle column change during drag of all-day event
+     * Updates grid position while maintaining event span
+     */
+    handleColumnChange(payload) {
+        const allDayContainer = AllDayDomReader.getAllDayContainer();
+        if (!allDayContainer)
+            return;
+        const targetColumn = ColumnDetectionUtils.getColumnBounds(payload.mousePosition);
+        if (!targetColumn || !payload.draggedClone)
+            return;
+        // Calculate event span from original grid positioning
+        const { start: gridColumnStart, end: gridColumnEnd } = AllDayDomReader.getGridColumnRange(payload.draggedClone);
+        const span = gridColumnEnd - gridColumnStart;
+        // Update clone position maintaining the span
+        const newStartColumn = targetColumn.index;
+        const newEndColumn = newStartColumn + span;
+        payload.draggedClone.style.gridColumn = `${newStartColumn} / ${newEndColumn}`;
+    }
+    /**
+     * Handle drag end for all-day → all-day drops
+     * Recalculates layouts and updates event positions
+     */
+    async handleDragEnd(dragEndEvent) {
+        if (!dragEndEvent.draggedClone)
+            return;
+        // Normalize clone ID
+        dragEndEvent.draggedClone.dataset.eventId = dragEndEvent.draggedClone.dataset.eventId?.replace('clone-', '');
+        dragEndEvent.draggedClone.style.pointerEvents = ''; // Re-enable pointer events
+        dragEndEvent.originalElement.dataset.eventId += '_';
+        const eventId = dragEndEvent.draggedClone.dataset.eventId;
+        const eventDate = dragEndEvent.finalPosition.column?.date;
+        const eventType = dragEndEvent.draggedClone.dataset.type;
+        if (!eventDate || !eventId || !eventType)
+            return;
+        // Get original dates to preserve time
+        const originalStartDate = new Date(dragEndEvent.draggedClone.dataset.start);
+        const originalEndDate = new Date(dragEndEvent.draggedClone.dataset.end);
+        // Calculate actual duration in milliseconds (preserves hours/minutes/seconds)
+        const durationMs = originalEndDate.getTime() - originalStartDate.getTime();
+        // Create new start date with the new day but preserve original time
+        const newStartDate = new Date(eventDate);
+        newStartDate.setHours(originalStartDate.getHours(), originalStartDate.getMinutes(), originalStartDate.getSeconds(), originalStartDate.getMilliseconds());
+        // Create new end date by adding duration in milliseconds
+        const newEndDate = new Date(newStartDate.getTime() + durationMs);
+        // Update data attributes with new dates (convert to UTC)
+        dragEndEvent.draggedClone.dataset.start = this.dateService.toUTC(newStartDate);
+        dragEndEvent.draggedClone.dataset.end = this.dateService.toUTC(newEndDate);
+        const droppedEvent = {
+            id: eventId,
+            title: dragEndEvent.draggedClone.dataset.title || '',
+            start: newStartDate,
+            end: newEndDate,
+            type: eventType,
+            allDay: true,
+            syncStatus: 'synced'
+        };
+        // Get all events from DOM and recalculate layouts
+        const allEventsFromDOM = AllDayDomReader.getEventsAsData();
+        const weekDates = ColumnDetectionUtils.getColumns();
+        // Replace old event with dropped event
+        const updatedEvents = [
+            ...allEventsFromDOM.filter(event => event.id !== eventId),
+            droppedEvent
+        ];
+        // Calculate new layouts for ALL events
+        const newLayouts = this.calculateLayouts(updatedEvents, weekDates);
+        // Apply layout updates to DOM
+        this.applyLayoutUpdates(newLayouts);
+        // Clean up drag styles from the dropped clone
+        dragEndEvent.draggedClone.classList.remove('dragging');
+        dragEndEvent.draggedClone.style.zIndex = '';
+        dragEndEvent.draggedClone.style.cursor = '';
+        dragEndEvent.draggedClone.style.opacity = '';
+        // Apply highlight class to show the dropped event with highlight color
+        dragEndEvent.draggedClone.classList.add('highlight');
+        // Update event in repository to mark as allDay=true
+        await this.eventManager.updateEvent(eventId, {
+            start: newStartDate,
+            end: newEndDate,
+            allDay: true
+        });
+        this.fadeOutAndRemove(dragEndEvent.originalElement);
+    }
+    /**
+     * Calculate layouts for events using AllDayLayoutEngine
+     */
+    calculateLayouts(events, weekDates) {
+        const layoutEngine = new AllDayLayoutEngine(weekDates.map(column => column.date));
+        return layoutEngine.calculateLayout(events);
+    }
+    /**
+     * Apply layout updates to DOM elements
+     * Only updates elements that have changed position
+     * Public so AllDayCoordinator can use it for full recalculation
+     */
+    applyLayoutUpdates(newLayouts) {
+        const container = AllDayDomReader.getAllDayContainer();
+        if (!container)
+            return;
+        // Read current layouts from DOM
+        const currentLayoutsMap = AllDayDomReader.getCurrentLayouts();
+        newLayouts.forEach((layout) => {
+            const currentLayout = currentLayoutsMap.get(layout.calenderEvent.id);
+            // Only update if layout changed
+            if (currentLayout?.gridArea !== layout.gridArea) {
+                const element = container.querySelector(`[data-event-id="${layout.calenderEvent.id}"]`);
+                if (element) {
+                    element.classList.add('transitioning');
+                    element.style.gridArea = layout.gridArea;
+                    element.style.gridRow = layout.row.toString();
+                    element.style.gridColumn = `${layout.startColumn} / ${layout.endColumn + 1}`;
+                    // Update overflow classes based on row
+                    element.classList.remove('max-event-overflow-hide', 'max-event-overflow-show');
+                    if (layout.row > ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS) {
+                        const isExpanded = AllDayDomReader.isExpanded();
+                        if (isExpanded) {
+                            element.classList.add('max-event-overflow-show');
+                        }
+                        else {
+                            element.classList.add('max-event-overflow-hide');
+                        }
+                    }
+                    // Remove transition class after animation
+                    setTimeout(() => element.classList.remove('transitioning'), 200);
+                }
+            }
+        });
+    }
+    /**
+     * Fade out and remove element
+     */
+    fadeOutAndRemove(element) {
+        element.style.transition = 'opacity 0.3s ease-out';
+        element.style.opacity = '0';
+        setTimeout(() => {
+            element.remove();
+        }, 300);
+    }
+}
+//# sourceMappingURL=AllDayDragService.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayDragService.js.map b/wwwroot/js/features/all-day/AllDayDragService.js.map
new file mode 100644
index 0000000..cd7900e
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayDragService.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayDragService.js","sourceRoot":"","sources":["../../../../src/features/all-day/AllDayDragService.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayHeightService.d.ts b/wwwroot/js/features/all-day/AllDayHeightService.d.ts
new file mode 100644
index 0000000..bf02632
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayHeightService.d.ts
@@ -0,0 +1,26 @@
+/**
+ * AllDayHeightService - Manages all-day row height calculations and animations
+ *
+ * STATELESS SERVICE - Reads all data from DOM via AllDayDomReader
+ * - No persistent state
+ * - Calculates required rows by reading DOM elements
+ * - Animates header height based on DOM state
+ */
+export declare class AllDayHeightService {
+    /**
+     * Main entry point - recalculate and animate header height based on DOM
+     */
+    recalculateAndAnimate(): void;
+    /**
+     * Animate all-day container to specific number of rows
+     */
+    animateToRows(targetRows: number): void;
+    /**
+     * Calculate all-day height based on number of rows
+     */
+    private calculateAllDayHeight;
+    /**
+     * Collapse all-day row (animate to 0 rows)
+     */
+    collapseAllDayRow(): void;
+}
diff --git a/wwwroot/js/features/all-day/AllDayHeightService.js b/wwwroot/js/features/all-day/AllDayHeightService.js
new file mode 100644
index 0000000..17d344d
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayHeightService.js
@@ -0,0 +1,85 @@
+/**
+ * AllDayHeightService - Manages all-day row height calculations and animations
+ *
+ * STATELESS SERVICE - Reads all data from DOM via AllDayDomReader
+ * - No persistent state
+ * - Calculates required rows by reading DOM elements
+ * - Animates header height based on DOM state
+ */
+import { ALL_DAY_CONSTANTS } from '../../configurations/CalendarConfig';
+import { eventBus } from '../../core/EventBus';
+import { AllDayDomReader } from './AllDayDomReader';
+export class AllDayHeightService {
+    /**
+     * Main entry point - recalculate and animate header height based on DOM
+     */
+    recalculateAndAnimate() {
+        const requiredRows = AllDayDomReader.getMaxRowFromEvents();
+        this.animateToRows(requiredRows);
+    }
+    /**
+     * Animate all-day container to specific number of rows
+     */
+    animateToRows(targetRows) {
+        const { targetHeight, currentHeight, heightDifference } = this.calculateAllDayHeight(targetRows);
+        if (targetHeight === currentHeight)
+            return; // No animation needed
+        console.log(`🎬 All-day height animation: ${currentHeight}px → ${targetHeight}px (${Math.ceil(currentHeight / ALL_DAY_CONSTANTS.SINGLE_ROW_HEIGHT)} → ${targetRows} rows)`);
+        // Get elements
+        const calendarHeader = AllDayDomReader.getCalendarHeader();
+        const headerSpacer = AllDayDomReader.getHeaderSpacer();
+        const allDayContainer = AllDayDomReader.getAllDayContainer();
+        if (!calendarHeader || !allDayContainer)
+            return;
+        // Get current parent height for animation
+        const currentParentHeight = parseFloat(getComputedStyle(calendarHeader).height);
+        const targetParentHeight = currentParentHeight + heightDifference;
+        const animations = [
+            calendarHeader.animate([
+                { height: `${currentParentHeight}px` },
+                { height: `${targetParentHeight}px` }
+            ], {
+                duration: 150,
+                easing: 'ease-out',
+                fill: 'forwards'
+            })
+        ];
+        // Add spacer animation if spacer exists
+        if (headerSpacer) {
+            const root = document.documentElement;
+            const headerHeightStr = root.style.getPropertyValue('--header-height');
+            const headerHeight = parseInt(headerHeightStr);
+            const currentSpacerHeight = headerHeight + currentHeight;
+            const targetSpacerHeight = headerHeight + targetHeight;
+            animations.push(headerSpacer.animate([
+                { height: `${currentSpacerHeight}px` },
+                { height: `${targetSpacerHeight}px` }
+            ], {
+                duration: 150,
+                easing: 'ease-out'
+            }));
+        }
+        // Update CSS variable after animation
+        Promise.all(animations.map(anim => anim.finished)).then(() => {
+            const root = document.documentElement;
+            root.style.setProperty('--all-day-row-height', `${targetHeight}px`);
+            eventBus.emit('header:height-changed');
+        });
+    }
+    /**
+     * Calculate all-day height based on number of rows
+     */
+    calculateAllDayHeight(targetRows) {
+        const targetHeight = targetRows * ALL_DAY_CONSTANTS.SINGLE_ROW_HEIGHT;
+        const currentHeight = AllDayDomReader.getCurrentHeight();
+        const heightDifference = targetHeight - currentHeight;
+        return { targetHeight, currentHeight, heightDifference };
+    }
+    /**
+     * Collapse all-day row (animate to 0 rows)
+     */
+    collapseAllDayRow() {
+        this.animateToRows(0);
+    }
+}
+//# sourceMappingURL=AllDayHeightService.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/AllDayHeightService.js.map b/wwwroot/js/features/all-day/AllDayHeightService.js.map
new file mode 100644
index 0000000..7652b58
--- /dev/null
+++ b/wwwroot/js/features/all-day/AllDayHeightService.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayHeightService.js","sourceRoot":"","sources":["../../../../src/features/all-day/AllDayHeightService.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/index.d.ts b/wwwroot/js/features/all-day/index.d.ts
new file mode 100644
index 0000000..2cd4836
--- /dev/null
+++ b/wwwroot/js/features/all-day/index.d.ts
@@ -0,0 +1,9 @@
+/**
+ * All-day feature barrel export
+ *
+ * Exports all public APIs from the all-day feature
+ */
+export { AllDayCoordinator } from './AllDayCoordinator';
+export { AllDayHeightService } from './AllDayHeightService';
+export { AllDayCollapseService } from './AllDayCollapseService';
+export { AllDayDragService } from './AllDayDragService';
diff --git a/wwwroot/js/features/all-day/index.js b/wwwroot/js/features/all-day/index.js
new file mode 100644
index 0000000..ad0078d
--- /dev/null
+++ b/wwwroot/js/features/all-day/index.js
@@ -0,0 +1,10 @@
+/**
+ * All-day feature barrel export
+ *
+ * Exports all public APIs from the all-day feature
+ */
+export { AllDayCoordinator } from './AllDayCoordinator';
+export { AllDayHeightService } from './AllDayHeightService';
+export { AllDayCollapseService } from './AllDayCollapseService';
+export { AllDayDragService } from './AllDayDragService';
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/index.js.map b/wwwroot/js/features/all-day/index.js.map
new file mode 100644
index 0000000..166080e
--- /dev/null
+++ b/wwwroot/js/features/all-day/index.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/all-day/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/utils/AllDayDomReader.d.ts b/wwwroot/js/features/all-day/utils/AllDayDomReader.d.ts
new file mode 100644
index 0000000..7026c04
--- /dev/null
+++ b/wwwroot/js/features/all-day/utils/AllDayDomReader.d.ts
@@ -0,0 +1,74 @@
+import { ICalendarEvent } from '../../../types/CalendarTypes';
+/**
+ * AllDayDomReader - Centralized DOM reading utilities for all-day services
+ *
+ * STATELESS UTILITY - Pure functions for reading DOM state
+ * - Consistent selectors across all services
+ * - Unified computed style approach (not inline styles)
+ * - Type-safe return values
+ * - Single source of truth for DOM queries
+ */
+export declare class AllDayDomReader {
+    /**
+     * Get the all-day events container element
+     */
+    static getAllDayContainer(): HTMLElement | null;
+    /**
+     * Get the calendar header element
+     */
+    static getCalendarHeader(): HTMLElement | null;
+    /**
+     * Get the header spacer element
+     */
+    static getHeaderSpacer(): HTMLElement | null;
+    /**
+     * Get all all-day event elements (excluding overflow indicators)
+     * Returns raw HTMLElements for DOM manipulation
+     */
+    static getEventElements(): HTMLElement[];
+    /**
+     * Get all-day events as ICalendarEvent objects
+     * Returns parsed data for business logic
+     */
+    static getEventsAsData(): ICalendarEvent[];
+    /**
+     * Get grid row from element using computed style
+     * Always uses computed style for consistency
+     */
+    static getGridRow(element: HTMLElement): number;
+    /**
+     * Get grid column range from element using computed style
+     */
+    static getGridColumnRange(element: HTMLElement): {
+        start: number;
+        end: number;
+    };
+    /**
+     * Get grid area from element using computed style
+     */
+    static getGridArea(element: HTMLElement): string;
+    /**
+     * Calculate max row number from all events
+     * Uses computed styles for accurate reading
+     */
+    static getMaxRowFromEvents(): number;
+    /**
+     * Check if all-day container is expanded
+     */
+    static isExpanded(): boolean;
+    /**
+     * Get current all-day height from CSS variable
+     */
+    static getCurrentHeight(): number;
+    /**
+     * Count events in specific column
+     */
+    static countEventsInColumn(columnIndex: number): number;
+    /**
+     * Get current layouts from DOM elements
+     * Returns map of eventId → layout info for comparison
+     */
+    static getCurrentLayouts(): Map<string, {
+        gridArea: string;
+    }>;
+}
diff --git a/wwwroot/js/features/all-day/utils/AllDayDomReader.js b/wwwroot/js/features/all-day/utils/AllDayDomReader.js
new file mode 100644
index 0000000..93405ca
--- /dev/null
+++ b/wwwroot/js/features/all-day/utils/AllDayDomReader.js
@@ -0,0 +1,175 @@
+/**
+ * AllDayDomReader - Centralized DOM reading utilities for all-day services
+ *
+ * STATELESS UTILITY - Pure functions for reading DOM state
+ * - Consistent selectors across all services
+ * - Unified computed style approach (not inline styles)
+ * - Type-safe return values
+ * - Single source of truth for DOM queries
+ */
+export class AllDayDomReader {
+    // ============================================
+    // CONTAINER GETTERS
+    // ============================================
+    /**
+     * Get the all-day events container element
+     */
+    static getAllDayContainer() {
+        return document.querySelector('swp-calendar-header swp-allday-container');
+    }
+    /**
+     * Get the calendar header element
+     */
+    static getCalendarHeader() {
+        return document.querySelector('swp-calendar-header');
+    }
+    /**
+     * Get the header spacer element
+     */
+    static getHeaderSpacer() {
+        return document.querySelector('swp-header-spacer');
+    }
+    // ============================================
+    // EVENT ELEMENT GETTERS
+    // ============================================
+    /**
+     * Get all all-day event elements (excluding overflow indicators)
+     * Returns raw HTMLElements for DOM manipulation
+     */
+    static getEventElements() {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return [];
+        return Array.from(container.querySelectorAll('swp-allday-event:not(.max-event-indicator)'));
+    }
+    /**
+     * Get all-day events as ICalendarEvent objects
+     * Returns parsed data for business logic
+     */
+    static getEventsAsData() {
+        const elements = this.getEventElements();
+        return elements
+            .map(element => {
+            const eventId = element.dataset.eventId;
+            const startStr = element.dataset.start;
+            const endStr = element.dataset.end;
+            // Validate required fields
+            if (!eventId || !startStr || !endStr) {
+                console.warn('AllDayDomReader: Invalid event data in DOM:', element);
+                return null;
+            }
+            const start = new Date(startStr);
+            const end = new Date(endStr);
+            if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+                console.warn('AllDayDomReader: Invalid event dates:', { startStr, endStr });
+                return null;
+            }
+            return {
+                id: eventId,
+                title: element.dataset.title || '',
+                start,
+                end,
+                type: element.dataset.type || 'task',
+                allDay: true,
+                syncStatus: (element.dataset.syncStatus || 'synced')
+            };
+        })
+            .filter((event) => event !== null);
+    }
+    // ============================================
+    // GRID POSITION READERS
+    // ============================================
+    /**
+     * Get grid row from element using computed style
+     * Always uses computed style for consistency
+     */
+    static getGridRow(element) {
+        const computedStyle = window.getComputedStyle(element);
+        return parseInt(computedStyle.gridRowStart) || 0;
+    }
+    /**
+     * Get grid column range from element using computed style
+     */
+    static getGridColumnRange(element) {
+        const computedStyle = window.getComputedStyle(element);
+        return {
+            start: parseInt(computedStyle.gridColumnStart) || 0,
+            end: parseInt(computedStyle.gridColumnEnd) || 0
+        };
+    }
+    /**
+     * Get grid area from element using computed style
+     */
+    static getGridArea(element) {
+        const computedStyle = window.getComputedStyle(element);
+        return computedStyle.gridArea;
+    }
+    /**
+     * Calculate max row number from all events
+     * Uses computed styles for accurate reading
+     */
+    static getMaxRowFromEvents() {
+        const events = this.getEventElements();
+        if (events.length === 0)
+            return 0;
+        let maxRow = 0;
+        events.forEach(event => {
+            const row = this.getGridRow(event);
+            maxRow = Math.max(maxRow, row);
+        });
+        return maxRow;
+    }
+    // ============================================
+    // STATE READERS
+    // ============================================
+    /**
+     * Check if all-day container is expanded
+     */
+    static isExpanded() {
+        const container = this.getAllDayContainer();
+        return container?.classList.contains('expanded') || false;
+    }
+    /**
+     * Get current all-day height from CSS variable
+     */
+    static getCurrentHeight() {
+        const root = document.documentElement;
+        const heightStr = root.style.getPropertyValue('--all-day-row-height') || '0px';
+        return parseInt(heightStr) || 0;
+    }
+    /**
+     * Count events in specific column
+     */
+    static countEventsInColumn(columnIndex) {
+        const events = this.getEventElements();
+        let count = 0;
+        events.forEach((event) => {
+            const { start, end } = this.getGridColumnRange(event);
+            if (start <= columnIndex && end > columnIndex) {
+                count++;
+            }
+        });
+        return count;
+    }
+    // ============================================
+    // LAYOUT READERS
+    // ============================================
+    /**
+     * Get current layouts from DOM elements
+     * Returns map of eventId → layout info for comparison
+     */
+    static getCurrentLayouts() {
+        const layoutsMap = new Map();
+        const events = this.getEventElements();
+        events.forEach(event => {
+            const eventId = event.dataset.eventId;
+            if (eventId) {
+                layoutsMap.set(eventId, {
+                    gridArea: this.getGridArea(event)
+                });
+            }
+        });
+        return layoutsMap;
+    }
+}
+//# sourceMappingURL=AllDayDomReader.js.map
\ No newline at end of file
diff --git a/wwwroot/js/features/all-day/utils/AllDayDomReader.js.map b/wwwroot/js/features/all-day/utils/AllDayDomReader.js.map
new file mode 100644
index 0000000..5c193a7
--- /dev/null
+++ b/wwwroot/js/features/all-day/utils/AllDayDomReader.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayDomReader.js","sourceRoot":"","sources":["../../../../../src/features/all-day/utils/AllDayDomReader.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/index.d.ts b/wwwroot/js/index.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/wwwroot/js/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/wwwroot/js/index.js b/wwwroot/js/index.js
new file mode 100644
index 0000000..c6d0063
--- /dev/null
+++ b/wwwroot/js/index.js
@@ -0,0 +1,171 @@
+// Main entry point for Calendar Plantempus
+import { Container } from '@novadi/core';
+import { eventBus } from './core/EventBus';
+import { ConfigManager } from './configurations/ConfigManager';
+import { URLManager } from './utils/URLManager';
+// Import all managers
+import { EventManager } from './managers/EventManager';
+import { EventRenderingService } from './renderers/EventRendererManager';
+import { GridManager } from './managers/GridManager';
+import { ScrollManager } from './managers/ScrollManager';
+import { NavigationManager } from './managers/NavigationManager';
+import { NavigationButtons } from './components/NavigationButtons';
+import { ViewSelector } from './components/ViewSelector';
+import { CalendarManager } from './managers/CalendarManager';
+import { DragDropManager } from './managers/DragDropManager';
+import { AllDayManager } from './managers/AllDayManager';
+import { ResizeHandleManager } from './managers/ResizeHandleManager';
+import { EdgeScrollManager } from './managers/EdgeScrollManager';
+import { HeaderManager } from './managers/HeaderManager';
+import { WorkweekPresets } from './components/WorkweekPresets';
+import { IndexedDBEventRepository } from './repositories/IndexedDBEventRepository';
+import { ApiEventRepository } from './repositories/ApiEventRepository';
+import { IndexedDBService } from './storage/IndexedDBService';
+import { OperationQueue } from './storage/OperationQueue';
+// Import workers
+import { SyncManager } from './workers/SyncManager';
+// Import renderers
+import { DateHeaderRenderer } from './renderers/DateHeaderRenderer';
+import { DateColumnRenderer } from './renderers/ColumnRenderer';
+import { DateEventRenderer } from './renderers/EventRenderer';
+import { AllDayEventRenderer } from './renderers/AllDayEventRenderer';
+import { GridRenderer } from './renderers/GridRenderer';
+import { WeekInfoRenderer } from './renderers/WeekInfoRenderer';
+// Import utilities and services
+import { DateService } from './utils/DateService';
+import { TimeFormatter } from './utils/TimeFormatter';
+import { PositionUtils } from './utils/PositionUtils';
+import { WorkHoursManager } from './managers/WorkHoursManager';
+import { EventStackManager } from './managers/EventStackManager';
+import { EventLayoutCoordinator } from './managers/EventLayoutCoordinator';
+/**
+ * Handle deep linking functionality after managers are initialized
+ */
+async function handleDeepLinking(eventManager, urlManager) {
+    try {
+        const eventId = urlManager.parseEventIdFromURL();
+        if (eventId) {
+            console.log(`Deep linking to event ID: ${eventId}`);
+            // Wait a bit for managers to be fully ready
+            setTimeout(async () => {
+                const success = await eventManager.navigateToEvent(eventId);
+                if (!success) {
+                    console.warn(`Deep linking failed: Event with ID ${eventId} not found`);
+                }
+            }, 500);
+        }
+    }
+    catch (error) {
+        console.warn('Deep linking failed:', error);
+    }
+}
+/**
+ * Initialize the calendar application using NovaDI
+ */
+async function initializeCalendar() {
+    try {
+        // Load configuration from JSON
+        const config = await ConfigManager.load();
+        // Create NovaDI container
+        const container = new Container();
+        const builder = container.builder();
+        // Enable debug mode for development
+        eventBus.setDebug(true);
+        // Bind core services as instances
+        builder.registerInstance(eventBus).as();
+        // Register configuration instance
+        builder.registerInstance(config).as();
+        // Register storage and repository services
+        builder.registerType(IndexedDBService).as();
+        builder.registerType(OperationQueue).as();
+        builder.registerType(ApiEventRepository).as();
+        builder.registerType(IndexedDBEventRepository).as();
+        // Register workers
+        builder.registerType(SyncManager).as();
+        // Register renderers
+        builder.registerType(DateHeaderRenderer).as();
+        builder.registerType(DateColumnRenderer).as();
+        builder.registerType(DateEventRenderer).as();
+        // Register core services and utilities
+        builder.registerType(DateService).as();
+        builder.registerType(EventStackManager).as();
+        builder.registerType(EventLayoutCoordinator).as();
+        builder.registerType(WorkHoursManager).as();
+        builder.registerType(URLManager).as();
+        builder.registerType(TimeFormatter).as();
+        builder.registerType(PositionUtils).as();
+        // Note: AllDayLayoutEngine is instantiated per-operation with specific dates, not a singleton
+        builder.registerType(WeekInfoRenderer).as();
+        builder.registerType(AllDayEventRenderer).as();
+        builder.registerType(EventRenderingService).as();
+        builder.registerType(GridRenderer).as();
+        builder.registerType(GridManager).as();
+        builder.registerType(ScrollManager).as();
+        builder.registerType(NavigationManager).as();
+        builder.registerType(NavigationButtons).as();
+        builder.registerType(ViewSelector).as();
+        builder.registerType(DragDropManager).as();
+        builder.registerType(AllDayManager).as();
+        builder.registerType(ResizeHandleManager).as();
+        builder.registerType(EdgeScrollManager).as();
+        builder.registerType(HeaderManager).as();
+        builder.registerType(CalendarManager).as();
+        builder.registerType(WorkweekPresets).as();
+        builder.registerType(ConfigManager).as();
+        builder.registerType(EventManager).as();
+        // Build the container
+        const app = builder.build();
+        // Get managers from container
+        const eb = app.resolveType();
+        const calendarManager = app.resolveType();
+        const eventManager = app.resolveType();
+        const resizeHandleManager = app.resolveType();
+        const headerManager = app.resolveType();
+        const dragDropManager = app.resolveType();
+        const viewSelectorManager = app.resolveType();
+        const navigationManager = app.resolveType();
+        const navigationButtonsManager = app.resolveType();
+        const edgeScrollManager = app.resolveType();
+        const allDayManager = app.resolveType();
+        const urlManager = app.resolveType();
+        const workweekPresetsManager = app.resolveType();
+        const configManager = app.resolveType();
+        // Initialize managers
+        await calendarManager.initialize?.();
+        await resizeHandleManager.initialize?.();
+        // Resolve SyncManager (starts automatically in constructor)
+        // Resolve SyncManager (starts automatically in constructor)
+        // Resolve SyncManager (starts automatically in constructor)
+        // Resolve SyncManager (starts automatically in constructor)
+        // Resolve SyncManager (starts automatically in constructor)
+        //const syncManager = app.resolveType<SyncManager>();
+        // Handle deep linking after managers are initialized
+        await handleDeepLinking(eventManager, urlManager);
+        // Expose to window for debugging (with proper typing)
+        window.calendarDebug = {
+            eventBus,
+            app,
+            calendarManager,
+            eventManager,
+            workweekPresetsManager,
+            //syncManager,
+        };
+    }
+    catch (error) {
+        throw error;
+    }
+}
+// Initialize when DOM is ready - now handles async properly
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => {
+        initializeCalendar().catch(error => {
+            console.error('Calendar initialization failed:', error);
+        });
+    });
+}
+else {
+    initializeCalendar().catch(error => {
+        console.error('Calendar initialization failed:', error);
+    });
+}
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/wwwroot/js/index.js.map b/wwwroot/js/index.js.map
new file mode 100644
index 0000000..089ad70
--- /dev/null
+++ b/wwwroot/js/index.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/interfaces/IManager.d.ts b/wwwroot/js/interfaces/IManager.d.ts
new file mode 100644
index 0000000..581e5fd
--- /dev/null
+++ b/wwwroot/js/interfaces/IManager.d.ts
@@ -0,0 +1,48 @@
+import { CalendarEvent } from '../types/CalendarTypes';
+/**
+ * Base interface for all managers
+ */
+export interface IManager {
+    /**
+     * Initialize the manager
+     */
+    initialize?(): Promise<void> | void;
+    /**
+     * Refresh the manager's state
+     */
+    refresh?(): void;
+    /**
+     * Destroy the manager and clean up resources
+     */
+    destroy?(): void;
+}
+/**
+ * Interface for managers that handle events
+ */
+export interface IEventManager extends IManager {
+    loadData(): Promise<void>;
+    getEvents(): CalendarEvent[];
+    getEventsForPeriod(startDate: Date, endDate: Date): CalendarEvent[];
+}
+/**
+ * Interface for managers that handle rendering
+ */
+export interface IRenderingManager extends IManager {
+    render(): Promise<void> | void;
+}
+/**
+ * Interface for managers that handle navigation
+ */
+export interface INavigationManager extends IManager {
+    getCurrentWeek(): Date;
+    navigateToToday(): void;
+    navigateToNextWeek(): void;
+    navigateToPreviousWeek(): void;
+}
+/**
+ * Interface for managers that handle scrolling
+ */
+export interface IScrollManager extends IManager {
+    scrollTo(scrollTop: number): void;
+    scrollToHour(hour: number): void;
+}
diff --git a/wwwroot/js/interfaces/IManager.js b/wwwroot/js/interfaces/IManager.js
new file mode 100644
index 0000000..6768e2b
--- /dev/null
+++ b/wwwroot/js/interfaces/IManager.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/interfaces/IManager.js.map b/wwwroot/js/interfaces/IManager.js.map
new file mode 100644
index 0000000..6495ffb
--- /dev/null
+++ b/wwwroot/js/interfaces/IManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"IManager.js","sourceRoot":"","sources":["../../../src/interfaces/IManager.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/managers/AllDayManager.d.ts b/wwwroot/js/managers/AllDayManager.d.ts
new file mode 100644
index 0000000..0fc9919
--- /dev/null
+++ b/wwwroot/js/managers/AllDayManager.d.ts
@@ -0,0 +1,91 @@
+import { AllDayEventRenderer } from '../renderers/AllDayEventRenderer';
+import { EventManager } from './EventManager';
+import { DateService } from '../utils/DateService';
+/**
+ * AllDayManager - Handles all-day row height animations and management
+ * Uses AllDayLayoutEngine for all overlap detection and layout calculation
+ */
+export declare class AllDayManager {
+    private allDayEventRenderer;
+    private eventManager;
+    private dateService;
+    private layoutEngine;
+    private currentAllDayEvents;
+    private currentWeekDates;
+    private isExpanded;
+    private actualRowCount;
+    constructor(eventManager: EventManager, allDayEventRenderer: AllDayEventRenderer, dateService: DateService);
+    /**
+     * Setup event listeners for drag conversions
+     */
+    private setupEventListeners;
+    private getAllDayContainer;
+    private getCalendarHeader;
+    private getHeaderSpacer;
+    /**
+     * Read current max row from DOM elements
+     * Excludes events marked as removing (data-removing attribute)
+     */
+    private getMaxRowFromDOM;
+    /**
+     * Get current gridArea for an event from DOM
+     */
+    private getGridAreaFromDOM;
+    /**
+     * Count events in a specific column by reading DOM
+     */
+    private countEventsInColumnFromDOM;
+    /**
+     * Calculate all-day height based on number of rows
+     */
+    private calculateAllDayHeight;
+    /**
+     * Check current all-day events and animate to correct height
+     * Reads max row directly from DOM elements
+     */
+    checkAndAnimateAllDayHeight(): void;
+    /**
+     * Animate all-day container to specific number of rows
+     */
+    animateToRows(targetRows: number): void;
+    /**
+     * Calculate layout for ALL all-day events using AllDayLayoutEngine
+     * This is the correct method that processes all events together for proper overlap detection
+     */
+    private calculateAllDayEventsLayout;
+    private handleConvertToAllDay;
+    /**
+     * Handle drag move for all-day events - SPECIALIZED FOR ALL-DAY CONTAINER
+     */
+    private handleColumnChange;
+    private fadeOutAndRemove;
+    /**
+     * Handle timed → all-day conversion on drop
+     */
+    private handleTimedToAllDayDrop;
+    /**
+     * Handle all-day → all-day drop (moving within header)
+     */
+    private handleDragEnd;
+    /**
+     * Update chevron button visibility and state
+     */
+    private updateChevronButton;
+    /**
+     * Toggle between expanded and collapsed state
+     */
+    private toggleExpanded;
+    /**
+     * Count number of events in a specific column using IColumnBounds
+     * Reads directly from DOM elements
+     */
+    private countEventsInColumn;
+    /**
+     * Update overflow indicators for collapsed state
+     */
+    private updateOverflowIndicators;
+    /**
+     * Clear overflow indicators and restore normal state
+     */
+    private clearOverflowIndicators;
+}
diff --git a/wwwroot/js/managers/AllDayManager.js b/wwwroot/js/managers/AllDayManager.js
new file mode 100644
index 0000000..4fb2956
--- /dev/null
+++ b/wwwroot/js/managers/AllDayManager.js
@@ -0,0 +1,528 @@
+// All-day row height management and animations
+import { eventBus } from '../core/EventBus';
+import { ALL_DAY_CONSTANTS } from '../configurations/CalendarConfig';
+import { AllDayLayoutEngine } from '../utils/AllDayLayoutEngine';
+import { ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
+import { SwpAllDayEventElement } from '../elements/SwpEventElement';
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * AllDayManager - Handles all-day row height animations and management
+ * Uses AllDayLayoutEngine for all overlap detection and layout calculation
+ */
+export class AllDayManager {
+    constructor(eventManager, allDayEventRenderer, dateService) {
+        this.layoutEngine = null;
+        // State tracking for layout calculation
+        this.currentAllDayEvents = [];
+        this.currentWeekDates = [];
+        // Expand/collapse state
+        this.isExpanded = false;
+        this.actualRowCount = 0;
+        this.eventManager = eventManager;
+        this.allDayEventRenderer = allDayEventRenderer;
+        this.dateService = dateService;
+        // Sync CSS variable with TypeScript constant to ensure consistency
+        document.documentElement.style.setProperty('--single-row-height', `${ALL_DAY_CONSTANTS.EVENT_HEIGHT}px`);
+        this.setupEventListeners();
+    }
+    /**
+     * Setup event listeners for drag conversions
+     */
+    setupEventListeners() {
+        eventBus.on('drag:mouseenter-header', (event) => {
+            const payload = event.detail;
+            if (payload.draggedClone.hasAttribute('data-allday'))
+                return;
+            console.log('🔄 AllDayManager: Received drag:mouseenter-header', {
+                targetDate: payload.targetColumn,
+                originalElementId: payload.originalElement?.dataset?.eventId,
+                originalElementTag: payload.originalElement?.tagName
+            });
+            this.handleConvertToAllDay(payload);
+        });
+        eventBus.on('drag:mouseleave-header', (event) => {
+            const { originalElement, cloneElement } = event.detail;
+            console.log('🚪 AllDayManager: Received drag:mouseleave-header', {
+                originalElementId: originalElement?.dataset?.eventId
+            });
+        });
+        // Listen for drag operations on all-day events
+        eventBus.on('drag:start', (event) => {
+            let payload = event.detail;
+            if (!payload.draggedClone?.hasAttribute('data-allday')) {
+                return;
+            }
+            this.allDayEventRenderer.handleDragStart(payload);
+        });
+        eventBus.on('drag:column-change', (event) => {
+            let payload = event.detail;
+            if (!payload.draggedClone?.hasAttribute('data-allday')) {
+                return;
+            }
+            this.handleColumnChange(payload);
+        });
+        eventBus.on('drag:end', (event) => {
+            let dragEndPayload = event.detail;
+            console.log('🎯 AllDayManager: drag:end received', {
+                target: dragEndPayload.target,
+                originalElementTag: dragEndPayload.originalElement?.tagName,
+                hasAllDayAttribute: dragEndPayload.originalElement?.hasAttribute('data-allday'),
+                eventId: dragEndPayload.originalElement?.dataset.eventId
+            });
+            // Handle all-day → all-day drops (within header)
+            if (dragEndPayload.target === 'swp-day-header' && dragEndPayload.originalElement?.hasAttribute('data-allday')) {
+                console.log('✅ AllDayManager: Handling all-day → all-day drop');
+                this.handleDragEnd(dragEndPayload);
+                return;
+            }
+            // Handle timed → all-day conversion (dropped in header)
+            if (dragEndPayload.target === 'swp-day-header' && !dragEndPayload.originalElement?.hasAttribute('data-allday')) {
+                console.log('🔄 AllDayManager: Timed → all-day conversion on drop');
+                this.handleTimedToAllDayDrop(dragEndPayload);
+                return;
+            }
+            // Handle all-day → timed conversion (dropped in column)
+            if (dragEndPayload.target === 'swp-day-column' && dragEndPayload.originalElement?.hasAttribute('data-allday')) {
+                const eventId = dragEndPayload.originalElement.dataset.eventId;
+                console.log('🔄 AllDayManager: All-day → timed conversion', { eventId });
+                // Mark for removal (sets data-removing attribute)
+                this.fadeOutAndRemove(dragEndPayload.originalElement);
+                // Recalculate layout WITHOUT the removed event to compress gaps
+                const remainingEvents = this.currentAllDayEvents.filter(e => e.id !== eventId);
+                const newLayouts = this.calculateAllDayEventsLayout(remainingEvents, this.currentWeekDates);
+                // Re-render all-day events with compressed layout
+                this.allDayEventRenderer.renderAllDayEventsForPeriod(newLayouts);
+                // NOW animate height with compressed layout
+                this.checkAndAnimateAllDayHeight();
+            }
+        });
+        // Listen for drag cancellation to recalculate height
+        eventBus.on('drag:cancelled', (event) => {
+            const { draggedElement, reason } = event.detail;
+            console.log('🚫 AllDayManager: Drag cancelled', {
+                eventId: draggedElement?.dataset?.eventId,
+                reason
+            });
+        });
+        // Listen for header ready - when dates are populated with period data
+        eventBus.on('header:ready', async (event) => {
+            let headerReadyEventPayload = event.detail;
+            let startDate = new Date(headerReadyEventPayload.headerElements.at(0).date);
+            let endDate = new Date(headerReadyEventPayload.headerElements.at(-1).date);
+            let events = await this.eventManager.getEventsForPeriod(startDate, endDate);
+            // Filter for all-day events
+            const allDayEvents = events.filter(event => event.allDay);
+            const layouts = this.calculateAllDayEventsLayout(allDayEvents, headerReadyEventPayload.headerElements);
+            this.allDayEventRenderer.renderAllDayEventsForPeriod(layouts);
+            this.checkAndAnimateAllDayHeight();
+        });
+        eventBus.on(CoreEvents.VIEW_CHANGED, (event) => {
+            this.allDayEventRenderer.handleViewChanged(event);
+        });
+    }
+    getAllDayContainer() {
+        return document.querySelector('swp-calendar-header swp-allday-container');
+    }
+    getCalendarHeader() {
+        return document.querySelector('swp-calendar-header');
+    }
+    getHeaderSpacer() {
+        return document.querySelector('swp-header-spacer');
+    }
+    /**
+     * Read current max row from DOM elements
+     * Excludes events marked as removing (data-removing attribute)
+     */
+    getMaxRowFromDOM() {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return 0;
+        let maxRow = 0;
+        const allDayEvents = container.querySelectorAll('swp-allday-event:not(.max-event-indicator):not([data-removing])');
+        allDayEvents.forEach((element) => {
+            const htmlElement = element;
+            const row = parseInt(htmlElement.style.gridRow) || 1;
+            maxRow = Math.max(maxRow, row);
+        });
+        return maxRow;
+    }
+    /**
+     * Get current gridArea for an event from DOM
+     */
+    getGridAreaFromDOM(eventId) {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return null;
+        const element = container.querySelector(`[data-event-id="${eventId}"]`);
+        return element?.style.gridArea || null;
+    }
+    /**
+     * Count events in a specific column by reading DOM
+     */
+    countEventsInColumnFromDOM(columnIndex) {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return 0;
+        let count = 0;
+        const allDayEvents = container.querySelectorAll('swp-allday-event:not(.max-event-indicator)');
+        allDayEvents.forEach((element) => {
+            const htmlElement = element;
+            const gridColumn = htmlElement.style.gridColumn;
+            // Parse "1 / 3" format
+            const match = gridColumn.match(/(\d+)\s*\/\s*(\d+)/);
+            if (match) {
+                const startCol = parseInt(match[1]);
+                const endCol = parseInt(match[2]) - 1; // End is exclusive in CSS
+                if (startCol <= columnIndex && endCol >= columnIndex) {
+                    count++;
+                }
+            }
+        });
+        return count;
+    }
+    /**
+     * Calculate all-day height based on number of rows
+     */
+    calculateAllDayHeight(targetRows) {
+        const root = document.documentElement;
+        const targetHeight = targetRows * ALL_DAY_CONSTANTS.SINGLE_ROW_HEIGHT;
+        // Read CSS variable directly from style property or default to 0
+        const currentHeightStr = root.style.getPropertyValue('--all-day-row-height') || '0px';
+        const currentHeight = parseInt(currentHeightStr) || 0;
+        const heightDifference = targetHeight - currentHeight;
+        return { targetHeight, currentHeight, heightDifference };
+    }
+    /**
+     * Check current all-day events and animate to correct height
+     * Reads max row directly from DOM elements
+     */
+    checkAndAnimateAllDayHeight() {
+        // Read max row directly from DOM
+        const maxRows = this.getMaxRowFromDOM();
+        console.log('📊 AllDayManager: Height calculation', {
+            maxRows,
+            isExpanded: this.isExpanded
+        });
+        // Store actual row count
+        this.actualRowCount = maxRows;
+        // Determine what to display
+        let displayRows = maxRows;
+        if (maxRows > ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS) {
+            // Show chevron button
+            this.updateChevronButton(true);
+            // Show 4 rows when collapsed (3 events + indicators)
+            if (!this.isExpanded) {
+                displayRows = ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS;
+                this.updateOverflowIndicators();
+            }
+            else {
+                this.clearOverflowIndicators();
+            }
+        }
+        else {
+            // Hide chevron - not needed
+            this.updateChevronButton(false);
+            this.clearOverflowIndicators();
+        }
+        console.log('🎬 AllDayManager: Will animate to', {
+            displayRows,
+            maxRows,
+            willAnimate: displayRows !== this.actualRowCount
+        });
+        console.log(`🎯 AllDayManager: Animating to ${displayRows} rows`);
+        // Animate to required rows (0 = collapse, >0 = expand)
+        this.animateToRows(displayRows);
+    }
+    /**
+     * Animate all-day container to specific number of rows
+     */
+    animateToRows(targetRows) {
+        const { targetHeight, currentHeight, heightDifference } = this.calculateAllDayHeight(targetRows);
+        if (targetHeight === currentHeight)
+            return; // No animation needed
+        console.log(`🎬 All-day height animation: ${currentHeight}px → ${targetHeight}px (${Math.ceil(currentHeight / ALL_DAY_CONSTANTS.SINGLE_ROW_HEIGHT)} → ${targetRows} rows)`);
+        // Get cached elements
+        const calendarHeader = this.getCalendarHeader();
+        const headerSpacer = this.getHeaderSpacer();
+        const allDayContainer = this.getAllDayContainer();
+        if (!calendarHeader || !allDayContainer)
+            return;
+        // Get current parent height for animation
+        const currentParentHeight = parseFloat(getComputedStyle(calendarHeader).height);
+        const targetParentHeight = currentParentHeight + heightDifference;
+        const animations = [
+            calendarHeader.animate([
+                { height: `${currentParentHeight}px` },
+                { height: `${targetParentHeight}px` }
+            ], {
+                duration: 150,
+                easing: 'ease-out',
+                fill: 'forwards'
+            })
+        ];
+        // Add spacer animation if spacer exists, but don't use fill: 'forwards'
+        if (headerSpacer) {
+            const root = document.documentElement;
+            const headerHeightStr = root.style.getPropertyValue('--header-height');
+            const headerHeight = parseInt(headerHeightStr);
+            const currentSpacerHeight = headerHeight + currentHeight;
+            const targetSpacerHeight = headerHeight + targetHeight;
+            animations.push(headerSpacer.animate([
+                { height: `${currentSpacerHeight}px` },
+                { height: `${targetSpacerHeight}px` }
+            ], {
+                duration: 150,
+                easing: 'ease-out'
+                // No fill: 'forwards' - let CSS calc() take over after animation
+            }));
+        }
+        // Update CSS variable after animation
+        Promise.all(animations.map(anim => anim.finished)).then(() => {
+            const root = document.documentElement;
+            root.style.setProperty('--all-day-row-height', `${targetHeight}px`);
+            eventBus.emit('header:height-changed');
+        });
+    }
+    /**
+     * Calculate layout for ALL all-day events using AllDayLayoutEngine
+     * This is the correct method that processes all events together for proper overlap detection
+     */
+    calculateAllDayEventsLayout(events, dayHeaders) {
+        // Store current state
+        this.currentAllDayEvents = events;
+        this.currentWeekDates = dayHeaders;
+        // Initialize layout engine with provided week dates
+        let layoutEngine = new AllDayLayoutEngine(dayHeaders.map(column => column.date));
+        // Calculate layout for all events together - AllDayLayoutEngine handles CalendarEvents directly
+        return layoutEngine.calculateLayout(events);
+    }
+    handleConvertToAllDay(payload) {
+        let allDayContainer = this.getAllDayContainer();
+        if (!allDayContainer)
+            return;
+        // Create SwpAllDayEventElement from ICalendarEvent
+        const allDayElement = SwpAllDayEventElement.fromCalendarEvent(payload.calendarEvent);
+        // Apply grid positioning
+        allDayElement.style.gridRow = '1';
+        allDayElement.style.gridColumn = payload.targetColumn.index.toString();
+        // Remove old swp-event clone
+        payload.draggedClone.remove();
+        // Call delegate to update DragDropManager's draggedClone reference
+        payload.replaceClone(allDayElement);
+        // Append to container
+        allDayContainer.appendChild(allDayElement);
+        ColumnDetectionUtils.updateColumnBoundsCache();
+        // Recalculate height after adding all-day event
+        this.checkAndAnimateAllDayHeight();
+    }
+    /**
+     * Handle drag move for all-day events - SPECIALIZED FOR ALL-DAY CONTAINER
+     */
+    handleColumnChange(dragColumnChangeEventPayload) {
+        let allDayContainer = this.getAllDayContainer();
+        if (!allDayContainer)
+            return;
+        let targetColumn = ColumnDetectionUtils.getColumnBounds(dragColumnChangeEventPayload.mousePosition);
+        if (targetColumn == null)
+            return;
+        if (!dragColumnChangeEventPayload.draggedClone)
+            return;
+        // Calculate event span from original grid positioning
+        const computedStyle = window.getComputedStyle(dragColumnChangeEventPayload.draggedClone);
+        const gridColumnStart = parseInt(computedStyle.gridColumnStart) || targetColumn.index;
+        const gridColumnEnd = parseInt(computedStyle.gridColumnEnd) || targetColumn.index + 1;
+        const span = gridColumnEnd - gridColumnStart;
+        // Update clone position maintaining the span
+        const newStartColumn = targetColumn.index;
+        const newEndColumn = newStartColumn + span;
+        dragColumnChangeEventPayload.draggedClone.style.gridColumn = `${newStartColumn} / ${newEndColumn}`;
+    }
+    fadeOutAndRemove(element) {
+        console.log('🗑️ AllDayManager: About to remove all-day event', {
+            eventId: element.dataset.eventId,
+            element: element.tagName
+        });
+        // Mark element as removing so it's excluded from height calculations
+        element.setAttribute('data-removing', 'true');
+        element.style.transition = 'opacity 0.3s ease-out';
+        element.style.opacity = '0';
+        setTimeout(() => {
+            element.remove();
+            console.log('✅ AllDayManager: All-day event removed from DOM');
+        }, 300);
+    }
+    /**
+     * Handle timed → all-day conversion on drop
+     */
+    async handleTimedToAllDayDrop(dragEndEvent) {
+        if (!dragEndEvent.draggedClone || !dragEndEvent.finalPosition.column)
+            return;
+        const clone = dragEndEvent.draggedClone;
+        const eventId = clone.eventId.replace('clone-', '');
+        const targetDate = dragEndEvent.finalPosition.column.date;
+        console.log('🔄 AllDayManager: Converting timed event to all-day', { eventId, targetDate });
+        // Create new dates preserving time
+        const newStart = new Date(targetDate);
+        newStart.setHours(clone.start.getHours(), clone.start.getMinutes(), 0, 0);
+        const newEnd = new Date(targetDate);
+        newEnd.setHours(clone.end.getHours(), clone.end.getMinutes(), 0, 0);
+        // Update event in repository
+        await this.eventManager.updateEvent(eventId, {
+            start: newStart,
+            end: newEnd,
+            allDay: true
+        });
+        // Remove original timed event
+        this.fadeOutAndRemove(dragEndEvent.originalElement);
+        // Add to current all-day events and recalculate layout
+        const newEvent = {
+            id: eventId,
+            title: clone.title,
+            start: newStart,
+            end: newEnd,
+            type: clone.type,
+            allDay: true,
+            syncStatus: 'synced'
+        };
+        const updatedEvents = [...this.currentAllDayEvents, newEvent];
+        const newLayouts = this.calculateAllDayEventsLayout(updatedEvents, this.currentWeekDates);
+        this.allDayEventRenderer.renderAllDayEventsForPeriod(newLayouts);
+        // Animate height
+        this.checkAndAnimateAllDayHeight();
+    }
+    /**
+     * Handle all-day → all-day drop (moving within header)
+     */
+    async handleDragEnd(dragEndEvent) {
+        if (!dragEndEvent.draggedClone || !dragEndEvent.finalPosition.column)
+            return;
+        const clone = dragEndEvent.draggedClone;
+        const eventId = clone.eventId.replace('clone-', '');
+        const targetDate = dragEndEvent.finalPosition.column.date;
+        // Calculate duration in days
+        const durationDays = this.dateService.differenceInCalendarDays(clone.end, clone.start);
+        // Create new dates preserving time
+        const newStart = new Date(targetDate);
+        newStart.setHours(clone.start.getHours(), clone.start.getMinutes(), 0, 0);
+        const newEnd = new Date(targetDate);
+        newEnd.setDate(newEnd.getDate() + durationDays);
+        newEnd.setHours(clone.end.getHours(), clone.end.getMinutes(), 0, 0);
+        // Update event in repository
+        await this.eventManager.updateEvent(eventId, {
+            start: newStart,
+            end: newEnd,
+            allDay: true
+        });
+        // Remove original and fade out
+        this.fadeOutAndRemove(dragEndEvent.originalElement);
+        // Recalculate and re-render ALL events
+        const updatedEvents = this.currentAllDayEvents.map(e => e.id === eventId ? { ...e, start: newStart, end: newEnd } : e);
+        const newLayouts = this.calculateAllDayEventsLayout(updatedEvents, this.currentWeekDates);
+        this.allDayEventRenderer.renderAllDayEventsForPeriod(newLayouts);
+        // Animate height - this also handles overflow classes!
+        this.checkAndAnimateAllDayHeight();
+    }
+    /**
+     * Update chevron button visibility and state
+     */
+    updateChevronButton(show) {
+        const headerSpacer = this.getHeaderSpacer();
+        if (!headerSpacer)
+            return;
+        let chevron = headerSpacer.querySelector('.allday-chevron');
+        if (show && !chevron) {
+            chevron = document.createElement('button');
+            chevron.className = 'allday-chevron collapsed';
+            chevron.innerHTML = `
+        <svg width="12" height="8" viewBox="0 0 12 8">
+          <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" fill="none"/>
+        </svg>
+      `;
+            chevron.onclick = () => this.toggleExpanded();
+            headerSpacer.appendChild(chevron);
+        }
+        else if (!show && chevron) {
+            chevron.remove();
+        }
+        else if (chevron) {
+            chevron.classList.toggle('collapsed', !this.isExpanded);
+            chevron.classList.toggle('expanded', this.isExpanded);
+        }
+    }
+    /**
+     * Toggle between expanded and collapsed state
+     */
+    toggleExpanded() {
+        this.isExpanded = !this.isExpanded;
+        this.checkAndAnimateAllDayHeight();
+        const elements = document.querySelectorAll('swp-allday-container swp-allday-event.max-event-overflow-hide, swp-allday-container swp-allday-event.max-event-overflow-show');
+        elements.forEach((element) => {
+            if (this.isExpanded) {
+                // ALTID vis når expanded=true
+                element.classList.remove('max-event-overflow-hide');
+                element.classList.add('max-event-overflow-show');
+            }
+            else {
+                // ALTID skjul når expanded=false
+                element.classList.remove('max-event-overflow-show');
+                element.classList.add('max-event-overflow-hide');
+            }
+        });
+    }
+    /**
+     * Count number of events in a specific column using IColumnBounds
+     * Reads directly from DOM elements
+     */
+    countEventsInColumn(columnBounds) {
+        return this.countEventsInColumnFromDOM(columnBounds.index);
+    }
+    /**
+     * Update overflow indicators for collapsed state
+     */
+    updateOverflowIndicators() {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return;
+        // Create overflow indicators for each column that needs them
+        let columns = ColumnDetectionUtils.getColumns();
+        columns.forEach((columnBounds) => {
+            let totalEventsInColumn = this.countEventsInColumn(columnBounds);
+            let overflowCount = totalEventsInColumn - ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS;
+            if (overflowCount > 0) {
+                // Check if indicator already exists in this column
+                let existingIndicator = container.querySelector(`.max-event-indicator[data-column="${columnBounds.index}"]`);
+                if (existingIndicator) {
+                    // Update existing indicator
+                    existingIndicator.innerHTML = `<span>+${overflowCount + 1} more</span>`;
+                }
+                else {
+                    // Create new overflow indicator element
+                    let overflowElement = document.createElement('swp-allday-event');
+                    overflowElement.className = 'max-event-indicator';
+                    overflowElement.setAttribute('data-column', columnBounds.index.toString());
+                    overflowElement.style.gridRow = ALL_DAY_CONSTANTS.MAX_COLLAPSED_ROWS.toString();
+                    overflowElement.style.gridColumn = columnBounds.index.toString();
+                    overflowElement.innerHTML = `<span>+${overflowCount + 1} more</span>`;
+                    overflowElement.onclick = (e) => {
+                        e.stopPropagation();
+                        this.toggleExpanded();
+                    };
+                    container.appendChild(overflowElement);
+                }
+            }
+        });
+    }
+    /**
+     * Clear overflow indicators and restore normal state
+     */
+    clearOverflowIndicators() {
+        const container = this.getAllDayContainer();
+        if (!container)
+            return;
+        // Remove all overflow indicator elements
+        container.querySelectorAll('.max-event-indicator').forEach((element) => {
+            element.remove();
+        });
+    }
+}
+//# sourceMappingURL=AllDayManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/AllDayManager.js.map b/wwwroot/js/managers/AllDayManager.js.map
new file mode 100644
index 0000000..64ba752
--- /dev/null
+++ b/wwwroot/js/managers/AllDayManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayManager.js","sourceRoot":"","sources":["../../../src/managers/AllDayManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/CalendarManager.d.ts b/wwwroot/js/managers/CalendarManager.d.ts
new file mode 100644
index 0000000..b0cf0d2
--- /dev/null
+++ b/wwwroot/js/managers/CalendarManager.d.ts
@@ -0,0 +1,45 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { CalendarView, IEventBus } from '../types/CalendarTypes';
+import { EventManager } from './EventManager';
+import { GridManager } from './GridManager';
+import { EventRenderingService } from '../renderers/EventRendererManager';
+import { ScrollManager } from './ScrollManager';
+/**
+ * CalendarManager - Main coordinator for all calendar managers
+ */
+export declare class CalendarManager {
+    private eventBus;
+    private eventManager;
+    private gridManager;
+    private eventRenderer;
+    private scrollManager;
+    private config;
+    private currentView;
+    private currentDate;
+    private isInitialized;
+    constructor(eventBus: IEventBus, eventManager: EventManager, gridManager: GridManager, eventRenderingService: EventRenderingService, scrollManager: ScrollManager, config: Configuration);
+    /**
+     * Initialize calendar system using simple direct calls
+     */
+    initialize(): Promise<void>;
+    /**
+     * Skift calendar view (dag/uge/måned)
+     */
+    setView(view: CalendarView): void;
+    /**
+     * Sæt aktuel dato
+     */
+    setCurrentDate(date: Date): void;
+    /**
+     * Setup event listeners for at håndtere events fra andre managers
+    */
+    private setupEventListeners;
+    /**
+     * Calculate the current period based on view and date
+     */
+    private calculateCurrentPeriod;
+    /**
+     * Handle workweek configuration changes
+     */
+    private handleWorkweekChange;
+}
diff --git a/src/managers/CalendarManager.ts b/wwwroot/js/managers/CalendarManager.js
similarity index 75%
rename from src/managers/CalendarManager.ts
rename to wwwroot/js/managers/CalendarManager.js
index 68c777d..fc0caa3 100644
--- a/src/managers/CalendarManager.ts
+++ b/wwwroot/js/managers/CalendarManager.js
@@ -1,106 +1,68 @@
 import { CoreEvents } from '../constants/CoreEvents';
-import { Configuration } from '../configurations/CalendarConfig';
-import { CalendarView, IEventBus } from '../types/CalendarTypes';
-import { EventManager } from './EventManager';
-import { GridManager } from './GridManager';
-import { EventRenderingService } from '../renderers/EventRendererManager';
-import { ScrollManager } from './ScrollManager';
-
 /**
  * CalendarManager - Main coordinator for all calendar managers
  */
 export class CalendarManager {
-    private eventBus: IEventBus;
-    private eventManager: EventManager;
-    private gridManager: GridManager;
-    private eventRenderer: EventRenderingService;
-    private scrollManager: ScrollManager;
-    private config: Configuration;
-    private currentView: CalendarView;
-    private currentDate: Date = new Date();
-    private isInitialized: boolean = false;
-
-    constructor(
-        eventBus: IEventBus,
-        eventManager: EventManager,
-        gridManager: GridManager,
-        eventRenderingService: EventRenderingService,
-        scrollManager: ScrollManager,
-        config: Configuration
-    ) {
+    constructor(eventBus, eventManager, gridManager, eventRenderingService, scrollManager, config) {
+        this.currentView = 'week';
+        this.currentDate = new Date();
+        this.isInitialized = false;
         this.eventBus = eventBus;
         this.eventManager = eventManager;
         this.gridManager = gridManager;
         this.eventRenderer = eventRenderingService;
         this.scrollManager = scrollManager;
         this.config = config;
-        this.currentView = this.config.currentView;
         this.setupEventListeners();
     }
-
     /**
      * Initialize calendar system using simple direct calls
      */
-    public async initialize(): Promise<void> {
+    async initialize() {
         if (this.isInitialized) {
             return;
         }
-
-
         try {
             // Step 1: Load data
             await this.eventManager.loadData();
-
             // Step 2: Render grid structure
             await this.gridManager.render();
-
             this.scrollManager.initialize();
-
             this.setView(this.currentView);
             this.setCurrentDate(this.currentDate);
-
             this.isInitialized = true;
-
             // Emit initialization complete event
             this.eventBus.emit(CoreEvents.INITIALIZED, {
                 currentDate: this.currentDate,
                 currentView: this.currentView
             });
-
-        } catch (error) {
+        }
+        catch (error) {
             throw error;
         }
     }
-
     /**
      * Skift calendar view (dag/uge/måned)
      */
-    public setView(view: CalendarView): void {
+    setView(view) {
         if (this.currentView === view) {
             return;
         }
-
         const previousView = this.currentView;
         this.currentView = view;
-
-
         // Emit view change event
         this.eventBus.emit(CoreEvents.VIEW_CHANGED, {
             previousView,
             currentView: view,
             date: this.currentDate
         });
-
     }
-
     /**
      * Sæt aktuel dato
      */
-    public setCurrentDate(date: Date): void {
-      
+    setCurrentDate(date) {
         const previousDate = this.currentDate;
         this.currentDate = new Date(date);
-
         // Emit date change event
         this.eventBus.emit(CoreEvents.DATE_CHANGED, {
             previousDate,
@@ -108,27 +70,21 @@ export class CalendarManager {
             view: this.currentView
         });
     }
-  
-
     /**
      * Setup event listeners for at håndtere events fra andre managers
     */
-    private setupEventListeners(): void {
+    setupEventListeners() {
         // Listen for workweek changes only
-        this.eventBus.on(CoreEvents.WORKWEEK_CHANGED, (event: Event) => {
-            const customEvent = event as CustomEvent;
+        this.eventBus.on(CoreEvents.WORKWEEK_CHANGED, (event) => {
+            const customEvent = event;
             this.handleWorkweekChange();
         });
     }
-
-   
-
     /**
      * Calculate the current period based on view and date
      */
-    private calculateCurrentPeriod(): { start: string; end: string } {
+    calculateCurrentPeriod() {
         const current = new Date(this.currentDate);
-
         switch (this.currentView) {
             case 'day':
                 const dayStart = new Date(current);
@@ -139,7 +95,6 @@ export class CalendarManager {
                     start: dayStart.toISOString(),
                     end: dayEnd.toISOString()
                 };
-
             case 'week':
                 // Find start of week (Monday)
                 const weekStart = new Date(current);
@@ -147,17 +102,14 @@ export class CalendarManager {
                 const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1; // Sunday = 0, so 6 days back to Monday
                 weekStart.setDate(weekStart.getDate() - daysToMonday);
                 weekStart.setHours(0, 0, 0, 0);
-
                 // Find end of week (Sunday)
                 const weekEnd = new Date(weekStart);
                 weekEnd.setDate(weekEnd.getDate() + 6);
                 weekEnd.setHours(23, 59, 59, 999);
-
                 return {
                     start: weekStart.toISOString(),
                     end: weekEnd.toISOString()
                 };
-
             case 'month':
                 const monthStart = new Date(current.getFullYear(), current.getMonth(), 1);
                 const monthEnd = new Date(current.getFullYear(), current.getMonth() + 1, 0, 23, 59, 59, 999);
@@ -165,7 +117,6 @@ export class CalendarManager {
                     start: monthStart.toISOString(),
                     end: monthEnd.toISOString()
                 };
-
             default:
                 // Fallback to week view
                 const fallbackStart = new Date(current);
@@ -180,16 +131,15 @@ export class CalendarManager {
                 };
         }
     }
-
     /**
      * Handle workweek configuration changes
      */
-    private handleWorkweekChange(): void {
+    handleWorkweekChange() {
         // Simply relay the event - workweek info is in the WORKWEEK_CHANGED event
         this.eventBus.emit('workweek:header-update', {
             currentDate: this.currentDate,
             currentView: this.currentView
         });
     }
-
 }
+//# sourceMappingURL=CalendarManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/CalendarManager.js.map b/wwwroot/js/managers/CalendarManager.js.map
new file mode 100644
index 0000000..38d05f7
--- /dev/null
+++ b/wwwroot/js/managers/CalendarManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CalendarManager.js","sourceRoot":"","sources":["../../../src/managers/CalendarManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,eAAe;IAWxB,YACI,QAAmB,EACnB,YAA0B,EAC1B,WAAwB,EACxB,qBAA4C,EAC5C,aAA4B,EAC5B,MAAqB;QAVjB,gBAAW,GAAiB,MAAM,CAAC;QACnC,gBAAW,GAAS,IAAI,IAAI,EAAE,CAAC;QAC/B,kBAAa,GAAY,KAAK,CAAC;QAUnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,qBAAqB,CAAC;QAC3C,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,UAAU;QACnB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAGD,IAAI,CAAC;YACD,oBAAoB;YACpB,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YAEnC,gCAAgC;YAChC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YAEhC,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;YAEhC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAEtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAE1B,qCAAqC;YACrC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;gBACvC,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;aAChC,CAAC,CAAC;QAEP,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,MAAM,KAAK,CAAC;QAChB,CAAC;IACL,CAAC;IAED;;OAEG;IACI,OAAO,CAAC,IAAkB;QAC7B,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAGxB,yBAAyB;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE;YACxC,YAAY;YACZ,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI,CAAC,WAAW;SACzB,CAAC,CAAC;IAEP,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,IAAU;QAE5B,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAElC,yBAAyB;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE;YACxC,YAAY;YACZ,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,IAAI,EAAE,IAAI,CAAC,WAAW;SACzB,CAAC,CAAC;IACP,CAAC;IAGD;;MAEE;IACM,mBAAmB;QACvB,mCAAmC;QACnC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE;YAC3D,MAAM,WAAW,GAAG,KAAoB,CAAC;YACzC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACP,CAAC;IAID;;OAEG;IACK,sBAAsB;QAC1B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE3C,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC;YACvB,KAAK,KAAK;gBACN,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBACnC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC9B,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBACjC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBACjC,OAAO;oBACH,KAAK,EAAE,QAAQ,CAAC,WAAW,EAAE;oBAC7B,GAAG,EAAE,MAAM,CAAC,WAAW,EAAE;iBAC5B,CAAC;YAEN,KAAK,MAAM;gBACP,8BAA8B;gBAC9B,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBACpC,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;gBACrC,MAAM,YAAY,GAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,uCAAuC;gBACjG,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,YAAY,CAAC,CAAC;gBACtD,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE/B,4BAA4B;gBAC5B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;gBACpC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;gBACvC,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBAElC,OAAO;oBACH,KAAK,EAAE,SAAS,CAAC,WAAW,EAAE;oBAC9B,GAAG,EAAE,OAAO,CAAC,WAAW,EAAE;iBAC7B,CAAC;YAEN,KAAK,OAAO;gBACR,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;gBAC1E,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBAC7F,OAAO;oBACH,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE;oBAC/B,GAAG,EAAE,QAAQ,CAAC,WAAW,EAAE;iBAC9B,CAAC;YAEN;gBACI,wBAAwB;gBACxB,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBACxC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;gBACnD,aAAa,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACnC,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBACtC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC/C,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBACtC,OAAO;oBACH,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE;oBAClC,GAAG,EAAE,WAAW,CAAC,WAAW,EAAE;iBACjC,CAAC;QACV,CAAC;IACL,CAAC;IAED;;OAEG;IACK,oBAAoB;QACxB,0EAA0E;QAC1E,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,wBAAwB,EAAE;YACzC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;SAChC,CAAC,CAAC;IACP,CAAC;CAEJ"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/DragDropManager.d.ts b/wwwroot/js/managers/DragDropManager.d.ts
new file mode 100644
index 0000000..f9d266d
--- /dev/null
+++ b/wwwroot/js/managers/DragDropManager.d.ts
@@ -0,0 +1,222 @@
+/**
+ * DragDropManager - Advanced drag-and-drop system with smooth animations and event type conversion
+ *
+ * ARCHITECTURE OVERVIEW:
+ * =====================
+ * DragDropManager provides a sophisticated drag-and-drop system for calendar events that supports:
+ * - Smooth animated dragging with requestAnimationFrame
+ * - Automatic event type conversion (timed events ↔ all-day events)
+ * - Scroll compensation during edge scrolling
+ * - Grid snapping for precise event placement
+ * - Column detection and change tracking
+ *
+ * KEY FEATURES:
+ * =============
+ * 1. DRAG DETECTION
+ *    - Movement threshold (5px) to distinguish clicks from drags
+ *    - Immediate visual feedback with cloned element
+ *    - Mouse offset tracking for natural drag feel
+ *
+ * 2. SMOOTH ANIMATION
+ *    - Uses requestAnimationFrame for 60fps animations
+ *    - Interpolated movement (30% per frame) for smooth transitions
+ *    - Continuous drag:move events for real-time updates
+ *
+ * 3. EVENT TYPE CONVERSION
+ *    - Timed → All-day: When dragging into calendar header
+ *    - All-day → Timed: When dragging into day columns
+ *    - Automatic clone replacement with appropriate element type
+ *
+ * 4. SCROLL COMPENSATION
+ *    - Tracks scroll delta during edge-scrolling
+ *    - Compensates dragged element position during scroll
+ *    - Prevents visual "jumping" when scrolling while dragging
+ *
+ * 5. GRID SNAPPING
+ *    - Snaps to time grid on mouse up
+ *    - Uses PositionUtils for consistent positioning
+ *    - Accounts for mouse offset within event
+ *
+ * STATE MANAGEMENT:
+ * =================
+ * Mouse Tracking:
+ *   - mouseDownPosition: Initial click position
+ *   - currentMousePosition: Latest mouse position
+ *   - mouseOffset: Click offset within event (for natural dragging)
+ *
+ * Drag State:
+ *   - originalElement: Source event being dragged
+ *   - draggedClone: Animated clone following mouse
+ *   - currentColumn: Column mouse is currently over
+ *   - previousColumn: Last column (for detecting changes)
+ *   - isDragStarted: Whether drag threshold exceeded
+ *
+ * Scroll State:
+ *   - scrollDeltaY: Accumulated scroll offset during drag
+ *   - lastScrollTop: Previous scroll position
+ *   - isScrollCompensating: Whether edge-scroll is active
+ *
+ * Animation State:
+ *   - dragAnimationId: requestAnimationFrame ID
+ *   - targetY: Desired position for smooth interpolation
+ *   - currentY: Current interpolated position
+ *
+ * EVENT FLOW:
+ * ===========
+ * 1. Mouse Down (handleMouseDown)
+ *    ├─ Store originalElement and mouse offset
+ *    └─ Wait for movement
+ *
+ * 2. Mouse Move (handleMouseMove)
+ *    ├─ Check movement threshold
+ *    ├─ Initialize drag if threshold exceeded (initializeDrag)
+ *    │  ├─ Create clone
+ *    │  ├─ Emit drag:start
+ *    │  └─ Start animation loop
+ *    ├─ Continue drag (continueDrag)
+ *    │  ├─ Calculate target position with scroll compensation
+ *    │  └─ Update animation target
+ *    └─ Detect column changes (detectColumnChange)
+ *       └─ Emit drag:column-change
+ *
+ * 3. Animation Loop (animateDrag)
+ *    ├─ Interpolate currentY toward targetY
+ *    ├─ Emit drag:move on each frame
+ *    └─ Schedule next frame until target reached
+ *
+ * 4. Event Type Conversion
+ *    ├─ Entering header (handleHeaderMouseEnter)
+ *    │  ├─ Emit drag:mouseenter-header
+ *    │  └─ AllDayManager creates all-day clone
+ *    └─ Entering column (handleColumnMouseEnter)
+ *       ├─ Emit drag:mouseenter-column
+ *       └─ EventRenderingService creates timed clone
+ *
+ * 5. Mouse Up (handleMouseUp)
+ *    ├─ Stop animation
+ *    ├─ Snap to grid
+ *    ├─ Detect drop target (header or column)
+ *    ├─ Emit drag:end with final position
+ *    └─ Cleanup drag state
+ *
+ * SCROLL COMPENSATION SYSTEM:
+ * ===========================
+ * Problem: When EdgeScrollManager scrolls the grid during drag, the dragged element
+ *          can appear to "jump" because the mouse position stays the same but the
+ *          coordinate system (scrollable content) has moved.
+ *
+ * Solution: Track cumulative scroll delta and add it to mouse position calculations
+ *
+ * Flow:
+ * 1. EdgeScrollManager starts scrolling → emit edgescroll:started
+ * 2. DragDropManager sets isScrollCompensating = true
+ * 3. On each scroll event:
+ *    ├─ Calculate scrollDelta = currentScrollTop - lastScrollTop
+ *    ├─ Accumulate into scrollDeltaY
+ *    └─ Call continueDrag with adjusted position
+ * 4. continueDrag adds scrollDeltaY to mouse Y coordinate
+ * 5. On event conversion, reset scrollDeltaY (new clone, new coordinate system)
+ *
+ * PERFORMANCE OPTIMIZATIONS:
+ * ==========================
+ * - Uses ColumnDetectionUtils cache for fast column lookups
+ * - Single requestAnimationFrame loop (not per-mousemove)
+ * - Interpolated animation reduces update frequency
+ * - Passive scroll listeners
+ * - Event delegation for header/column detection
+ *
+ * USAGE:
+ * ======
+ * const dragDropManager = new DragDropManager(eventBus, positionUtils);
+ * // Automatically attaches event listeners and manages drag lifecycle
+ * // Other managers listen to drag:start, drag:move, drag:end, etc.
+ */
+import { IEventBus } from '../types/CalendarTypes';
+import { PositionUtils } from '../utils/PositionUtils';
+export declare class DragDropManager {
+    private eventBus;
+    private mouseDownPosition;
+    private currentMousePosition;
+    private mouseOffset;
+    private originalElement;
+    private draggedClone;
+    private currentColumn;
+    private previousColumn;
+    private originalSourceColumn;
+    private isDragStarted;
+    private readonly dragThreshold;
+    private scrollableContent;
+    private scrollDeltaY;
+    private lastScrollTop;
+    private isScrollCompensating;
+    private dragAnimationId;
+    private targetY;
+    private currentY;
+    private targetColumn;
+    private positionUtils;
+    constructor(eventBus: IEventBus, positionUtils: PositionUtils);
+    /**
+     * Initialize with optimized event listener setup
+     */
+    private init;
+    private handleGridRendered;
+    private handleMouseDown;
+    private handleMouseMove;
+    /**
+     * Try to initialize drag based on movement threshold
+     * Returns true if drag was initialized, false if not enough movement
+     */
+    private initializeDrag;
+    private continueDrag;
+    /**
+     * Detect column change and emit event
+     */
+    private detectColumnChange;
+    /**
+     * Optimized mouse up handler with consolidated cleanup
+     */
+    private handleMouseUp;
+    private cleanupAllClones;
+    /**
+     * Cancel drag operation when mouse leaves grid container
+     * Animates clone back to original position before cleanup
+     */
+    private cancelDrag;
+    /**
+     * Optimized snap position calculation using PositionUtils
+     */
+    private calculateSnapPosition;
+    /**
+     * Smooth drag animation using requestAnimationFrame
+     * Emits drag:move events with current draggedClone reference on each frame
+     */
+    private animateDrag;
+    /**
+     * Handle scroll during drag - update scrollDeltaY and call continueDrag
+     */
+    private handleScroll;
+    /**
+     * Stop drag animation
+     */
+    private stopDragAnimation;
+    /**
+     * Clean up drag state
+     */
+    private cleanupDragState;
+    /**
+     * Detect drop target - whether dropped in swp-day-column or swp-day-header
+     */
+    private detectDropTarget;
+    /**
+     * Handle mouse enter on calendar header - simplified using native events
+     */
+    private handleHeaderMouseEnter;
+    /**
+     * Handle mouse enter on day column - for converting all-day to timed events
+     */
+    private handleColumnMouseEnter;
+    /**
+     * Handle mouse leave from calendar header - simplified using native events
+     */
+    private handleHeaderMouseLeave;
+}
diff --git a/wwwroot/js/managers/DragDropManager.js b/wwwroot/js/managers/DragDropManager.js
new file mode 100644
index 0000000..5801e24
--- /dev/null
+++ b/wwwroot/js/managers/DragDropManager.js
@@ -0,0 +1,626 @@
+/**
+ * DragDropManager - Advanced drag-and-drop system with smooth animations and event type conversion
+ *
+ * ARCHITECTURE OVERVIEW:
+ * =====================
+ * DragDropManager provides a sophisticated drag-and-drop system for calendar events that supports:
+ * - Smooth animated dragging with requestAnimationFrame
+ * - Automatic event type conversion (timed events ↔ all-day events)
+ * - Scroll compensation during edge scrolling
+ * - Grid snapping for precise event placement
+ * - Column detection and change tracking
+ *
+ * KEY FEATURES:
+ * =============
+ * 1. DRAG DETECTION
+ *    - Movement threshold (5px) to distinguish clicks from drags
+ *    - Immediate visual feedback with cloned element
+ *    - Mouse offset tracking for natural drag feel
+ *
+ * 2. SMOOTH ANIMATION
+ *    - Uses requestAnimationFrame for 60fps animations
+ *    - Interpolated movement (30% per frame) for smooth transitions
+ *    - Continuous drag:move events for real-time updates
+ *
+ * 3. EVENT TYPE CONVERSION
+ *    - Timed → All-day: When dragging into calendar header
+ *    - All-day → Timed: When dragging into day columns
+ *    - Automatic clone replacement with appropriate element type
+ *
+ * 4. SCROLL COMPENSATION
+ *    - Tracks scroll delta during edge-scrolling
+ *    - Compensates dragged element position during scroll
+ *    - Prevents visual "jumping" when scrolling while dragging
+ *
+ * 5. GRID SNAPPING
+ *    - Snaps to time grid on mouse up
+ *    - Uses PositionUtils for consistent positioning
+ *    - Accounts for mouse offset within event
+ *
+ * STATE MANAGEMENT:
+ * =================
+ * Mouse Tracking:
+ *   - mouseDownPosition: Initial click position
+ *   - currentMousePosition: Latest mouse position
+ *   - mouseOffset: Click offset within event (for natural dragging)
+ *
+ * Drag State:
+ *   - originalElement: Source event being dragged
+ *   - draggedClone: Animated clone following mouse
+ *   - currentColumn: Column mouse is currently over
+ *   - previousColumn: Last column (for detecting changes)
+ *   - isDragStarted: Whether drag threshold exceeded
+ *
+ * Scroll State:
+ *   - scrollDeltaY: Accumulated scroll offset during drag
+ *   - lastScrollTop: Previous scroll position
+ *   - isScrollCompensating: Whether edge-scroll is active
+ *
+ * Animation State:
+ *   - dragAnimationId: requestAnimationFrame ID
+ *   - targetY: Desired position for smooth interpolation
+ *   - currentY: Current interpolated position
+ *
+ * EVENT FLOW:
+ * ===========
+ * 1. Mouse Down (handleMouseDown)
+ *    ├─ Store originalElement and mouse offset
+ *    └─ Wait for movement
+ *
+ * 2. Mouse Move (handleMouseMove)
+ *    ├─ Check movement threshold
+ *    ├─ Initialize drag if threshold exceeded (initializeDrag)
+ *    │  ├─ Create clone
+ *    │  ├─ Emit drag:start
+ *    │  └─ Start animation loop
+ *    ├─ Continue drag (continueDrag)
+ *    │  ├─ Calculate target position with scroll compensation
+ *    │  └─ Update animation target
+ *    └─ Detect column changes (detectColumnChange)
+ *       └─ Emit drag:column-change
+ *
+ * 3. Animation Loop (animateDrag)
+ *    ├─ Interpolate currentY toward targetY
+ *    ├─ Emit drag:move on each frame
+ *    └─ Schedule next frame until target reached
+ *
+ * 4. Event Type Conversion
+ *    ├─ Entering header (handleHeaderMouseEnter)
+ *    │  ├─ Emit drag:mouseenter-header
+ *    │  └─ AllDayManager creates all-day clone
+ *    └─ Entering column (handleColumnMouseEnter)
+ *       ├─ Emit drag:mouseenter-column
+ *       └─ EventRenderingService creates timed clone
+ *
+ * 5. Mouse Up (handleMouseUp)
+ *    ├─ Stop animation
+ *    ├─ Snap to grid
+ *    ├─ Detect drop target (header or column)
+ *    ├─ Emit drag:end with final position
+ *    └─ Cleanup drag state
+ *
+ * SCROLL COMPENSATION SYSTEM:
+ * ===========================
+ * Problem: When EdgeScrollManager scrolls the grid during drag, the dragged element
+ *          can appear to "jump" because the mouse position stays the same but the
+ *          coordinate system (scrollable content) has moved.
+ *
+ * Solution: Track cumulative scroll delta and add it to mouse position calculations
+ *
+ * Flow:
+ * 1. EdgeScrollManager starts scrolling → emit edgescroll:started
+ * 2. DragDropManager sets isScrollCompensating = true
+ * 3. On each scroll event:
+ *    ├─ Calculate scrollDelta = currentScrollTop - lastScrollTop
+ *    ├─ Accumulate into scrollDeltaY
+ *    └─ Call continueDrag with adjusted position
+ * 4. continueDrag adds scrollDeltaY to mouse Y coordinate
+ * 5. On event conversion, reset scrollDeltaY (new clone, new coordinate system)
+ *
+ * PERFORMANCE OPTIMIZATIONS:
+ * ==========================
+ * - Uses ColumnDetectionUtils cache for fast column lookups
+ * - Single requestAnimationFrame loop (not per-mousemove)
+ * - Interpolated animation reduces update frequency
+ * - Passive scroll listeners
+ * - Event delegation for header/column detection
+ *
+ * USAGE:
+ * ======
+ * const dragDropManager = new DragDropManager(eventBus, positionUtils);
+ * // Automatically attaches event listeners and manages drag lifecycle
+ * // Other managers listen to drag:start, drag:move, drag:end, etc.
+ */
+import { ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
+import { SwpEventElement } from '../elements/SwpEventElement';
+import { CoreEvents } from '../constants/CoreEvents';
+export class DragDropManager {
+    constructor(eventBus, positionUtils) {
+        // Mouse tracking with optimized state
+        this.mouseDownPosition = { x: 0, y: 0 };
+        this.currentMousePosition = { x: 0, y: 0 };
+        this.mouseOffset = { x: 0, y: 0 };
+        this.currentColumn = null;
+        this.previousColumn = null;
+        this.originalSourceColumn = null; // Track original start column
+        this.isDragStarted = false;
+        // Movement threshold to distinguish click from drag
+        this.dragThreshold = 5; // pixels
+        // Scroll compensation
+        this.scrollableContent = null;
+        this.scrollDeltaY = 0; // Current scroll delta to apply in continueDrag
+        this.lastScrollTop = 0; // Last scroll position for delta calculation
+        this.isScrollCompensating = false; // Track if scroll compensation is active
+        // Smooth drag animation
+        this.dragAnimationId = null;
+        this.targetY = 0;
+        this.currentY = 0;
+        this.targetColumn = null;
+        this.eventBus = eventBus;
+        this.positionUtils = positionUtils;
+        this.init();
+    }
+    /**
+     * Initialize with optimized event listener setup
+     */
+    init() {
+        // Add event listeners
+        document.body.addEventListener('mousemove', this.handleMouseMove.bind(this));
+        document.body.addEventListener('mousedown', this.handleMouseDown.bind(this));
+        document.body.addEventListener('mouseup', this.handleMouseUp.bind(this));
+        const calendarContainer = document.querySelector('swp-calendar-container');
+        if (calendarContainer) {
+            calendarContainer.addEventListener('mouseleave', () => {
+                if (this.originalElement && this.isDragStarted) {
+                    this.cancelDrag();
+                }
+            });
+            // Event delegation for header enter/leave
+            calendarContainer.addEventListener('mouseenter', (e) => {
+                const target = e.target;
+                if (target.closest('swp-calendar-header')) {
+                    this.handleHeaderMouseEnter(e);
+                }
+                else if (target.closest('swp-day-column')) {
+                    this.handleColumnMouseEnter(e);
+                }
+            }, true); // Use capture phase
+            calendarContainer.addEventListener('mouseleave', (e) => {
+                const target = e.target;
+                if (target.closest('swp-calendar-header')) {
+                    this.handleHeaderMouseLeave(e);
+                }
+                // Don't handle swp-event mouseleave here - let mousemove handle it
+            }, true); // Use capture phase
+        }
+        // Initialize column bounds cache
+        ColumnDetectionUtils.updateColumnBoundsCache();
+        // Listen to resize events to update cache
+        window.addEventListener('resize', () => {
+            ColumnDetectionUtils.updateColumnBoundsCache();
+        });
+        // Listen to navigation events to update cache
+        this.eventBus.on('navigation:completed', () => {
+            ColumnDetectionUtils.updateColumnBoundsCache();
+        });
+        this.eventBus.on(CoreEvents.GRID_RENDERED, (event) => {
+            this.handleGridRendered(event);
+        });
+        // Listen to edge-scroll events to control scroll compensation
+        this.eventBus.on('edgescroll:started', () => {
+            this.isScrollCompensating = true;
+            // Gem nuværende scroll position for delta beregning
+            if (this.scrollableContent) {
+                this.lastScrollTop = this.scrollableContent.scrollTop;
+            }
+        });
+        this.eventBus.on('edgescroll:stopped', () => {
+            this.isScrollCompensating = false;
+        });
+        // Reset scrollDeltaY when event converts (new clone created)
+        this.eventBus.on('drag:mouseenter-header', () => {
+            this.scrollDeltaY = 0;
+            this.lastScrollTop = 0;
+        });
+        this.eventBus.on('drag:mouseenter-column', () => {
+            this.scrollDeltaY = 0;
+            this.lastScrollTop = 0;
+        });
+    }
+    handleGridRendered(event) {
+        this.scrollableContent = document.querySelector('swp-scrollable-content');
+        this.scrollableContent.addEventListener('scroll', this.handleScroll.bind(this), { passive: true });
+    }
+    handleMouseDown(event) {
+        // Clean up drag state first
+        this.cleanupDragState();
+        ColumnDetectionUtils.updateColumnBoundsCache();
+        //this.lastMousePosition = { x: event.clientX, y: event.clientY };
+        //this.initialMousePosition = { x: event.clientX, y: event.clientY };
+        // Check if mousedown is on an event
+        const target = event.target;
+        if (target.closest('swp-resize-handle'))
+            return;
+        let eventElement = target;
+        while (eventElement && eventElement.tagName !== 'SWP-GRID-CONTAINER') {
+            if (eventElement.tagName === 'SWP-EVENT' || eventElement.tagName === 'SWP-ALLDAY-EVENT') {
+                break;
+            }
+            eventElement = eventElement.parentElement;
+            if (!eventElement)
+                return;
+        }
+        if (eventElement) {
+            // Normal drag - prepare for potential dragging
+            this.originalElement = eventElement;
+            // Calculate mouse offset within event
+            const eventRect = eventElement.getBoundingClientRect();
+            this.mouseOffset = {
+                x: event.clientX - eventRect.left,
+                y: event.clientY - eventRect.top
+            };
+            this.mouseDownPosition = { x: event.clientX, y: event.clientY };
+        }
+    }
+    handleMouseMove(event) {
+        if (event.buttons === 1) {
+            // Always update mouse position from event
+            this.currentMousePosition = { x: event.clientX, y: event.clientY };
+            // Try to initialize drag if not started
+            if (!this.isDragStarted && this.originalElement) {
+                if (!this.initializeDrag(this.currentMousePosition)) {
+                    return; // Not enough movement yet
+                }
+            }
+            // Continue drag if started (også under scroll - accumulatedScrollDelta kompenserer)
+            if (this.isDragStarted && this.originalElement && this.draggedClone) {
+                this.continueDrag(this.currentMousePosition);
+                this.detectColumnChange(this.currentMousePosition);
+            }
+        }
+    }
+    /**
+     * Try to initialize drag based on movement threshold
+     * Returns true if drag was initialized, false if not enough movement
+     */
+    initializeDrag(currentPosition) {
+        const deltaX = Math.abs(currentPosition.x - this.mouseDownPosition.x);
+        const deltaY = Math.abs(currentPosition.y - this.mouseDownPosition.y);
+        const totalMovement = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+        if (totalMovement < this.dragThreshold) {
+            return false; // Not enough movement
+        }
+        // Start drag
+        this.isDragStarted = true;
+        // Set high z-index on event-group if exists, otherwise on event itself
+        const eventGroup = this.originalElement.closest('swp-event-group');
+        if (eventGroup) {
+            eventGroup.style.zIndex = '9999';
+        }
+        else {
+            this.originalElement.style.zIndex = '9999';
+        }
+        const originalElement = this.originalElement;
+        this.currentColumn = ColumnDetectionUtils.getColumnBounds(currentPosition);
+        this.originalSourceColumn = this.currentColumn; // Store original source column at drag start
+        this.draggedClone = originalElement.createClone();
+        const dragStartPayload = {
+            originalElement: this.originalElement,
+            draggedClone: this.draggedClone,
+            mousePosition: this.mouseDownPosition,
+            mouseOffset: this.mouseOffset,
+            columnBounds: this.currentColumn
+        };
+        this.eventBus.emit('drag:start', dragStartPayload);
+        return true;
+    }
+    continueDrag(currentPosition) {
+        if (!this.draggedClone.hasAttribute("data-allday")) {
+            // Calculate raw position from mouse (no snapping)
+            const column = ColumnDetectionUtils.getColumnBounds(currentPosition);
+            if (column) {
+                // Calculate raw Y position relative to column (accounting for mouse offset)
+                const columnRect = column.boundingClientRect;
+                // Beregn position fra mus + scroll delta kompensation
+                const adjustedMouseY = currentPosition.y + this.scrollDeltaY;
+                const eventTopY = adjustedMouseY - columnRect.top - this.mouseOffset.y;
+                this.targetY = Math.max(0, eventTopY);
+                this.targetColumn = column;
+                // Start animation loop if not already running
+                if (this.dragAnimationId === null) {
+                    this.currentY = parseFloat(this.draggedClone.style.top) || 0;
+                    this.animateDrag();
+                }
+            }
+        }
+    }
+    /**
+     * Detect column change and emit event
+     */
+    detectColumnChange(currentPosition) {
+        const newColumn = ColumnDetectionUtils.getColumnBounds(currentPosition);
+        if (newColumn == null)
+            return;
+        if (newColumn.index !== this.currentColumn?.index) {
+            this.previousColumn = this.currentColumn;
+            this.currentColumn = newColumn;
+            const dragColumnChangePayload = {
+                originalElement: this.originalElement,
+                draggedClone: this.draggedClone,
+                previousColumn: this.previousColumn,
+                newColumn,
+                mousePosition: currentPosition
+            };
+            this.eventBus.emit('drag:column-change', dragColumnChangePayload);
+        }
+    }
+    /**
+     * Optimized mouse up handler with consolidated cleanup
+     */
+    handleMouseUp(event) {
+        this.stopDragAnimation();
+        if (this.originalElement) {
+            // Only emit drag:end if drag was actually started
+            if (this.isDragStarted) {
+                const mousePosition = { x: event.clientX, y: event.clientY };
+                // Snap to grid on mouse up (like ResizeHandleManager)
+                const column = ColumnDetectionUtils.getColumnBounds(mousePosition);
+                if (!column)
+                    return;
+                // Get current position and snap it to grid
+                const snappedY = this.calculateSnapPosition(mousePosition.y, column);
+                // Update clone to snapped position immediately
+                if (this.draggedClone) {
+                    this.draggedClone.style.top = `${snappedY}px`;
+                }
+                // Detect drop target (swp-day-column or swp-day-header)
+                const dropTarget = this.detectDropTarget(mousePosition);
+                if (!dropTarget)
+                    throw "dropTarget is null";
+                const dragEndPayload = {
+                    originalElement: this.originalElement,
+                    draggedClone: this.draggedClone,
+                    mousePosition,
+                    originalSourceColumn: this.originalSourceColumn,
+                    finalPosition: { column, snappedY }, // Where drag ended
+                    target: dropTarget
+                };
+                this.eventBus.emit('drag:end', dragEndPayload);
+                this.cleanupDragState();
+            }
+            else {
+                // This was just a click - emit click event instead
+                this.eventBus.emit('event:click', {
+                    clickedElement: this.originalElement,
+                    mousePosition: { x: event.clientX, y: event.clientY }
+                });
+            }
+        }
+    }
+    // Add a cleanup method that finds and removes ALL clones
+    cleanupAllClones() {
+        // Remove clones from all possible locations
+        const allClones = document.querySelectorAll('[data-event-id^="clone"]');
+        if (allClones.length > 0) {
+            allClones.forEach(clone => clone.remove());
+        }
+    }
+    /**
+     * Cancel drag operation when mouse leaves grid container
+     * Animates clone back to original position before cleanup
+     */
+    cancelDrag() {
+        if (!this.originalElement || !this.draggedClone)
+            return;
+        // Get current clone position
+        const cloneRect = this.draggedClone.getBoundingClientRect();
+        // Get original element position
+        const originalRect = this.originalElement.getBoundingClientRect();
+        // Calculate distance to animate
+        const deltaX = originalRect.left - cloneRect.left;
+        const deltaY = originalRect.top - cloneRect.top;
+        // Add transition for smooth animation
+        this.draggedClone.style.transition = 'transform 300ms ease-out';
+        this.draggedClone.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
+        // Wait for animation to complete, then cleanup
+        setTimeout(() => {
+            this.cleanupAllClones();
+            if (this.originalElement) {
+                this.originalElement.style.opacity = '';
+                this.originalElement.style.cursor = '';
+            }
+            this.eventBus.emit('drag:cancelled', {
+                originalElement: this.originalElement,
+                reason: 'mouse-left-grid'
+            });
+            this.cleanupDragState();
+            this.stopDragAnimation();
+        }, 300);
+    }
+    /**
+     * Optimized snap position calculation using PositionUtils
+     */
+    calculateSnapPosition(mouseY, column) {
+        // Calculate where the event top would be (accounting for mouse offset)
+        const eventTopY = mouseY - this.mouseOffset.y;
+        // Snap the event top position, not the mouse position
+        const snappedY = this.positionUtils.getPositionFromCoordinate(eventTopY, column);
+        return Math.max(0, snappedY);
+    }
+    /**
+     * Smooth drag animation using requestAnimationFrame
+     * Emits drag:move events with current draggedClone reference on each frame
+     */
+    animateDrag() {
+        if (!this.isDragStarted || !this.draggedClone || !this.targetColumn) {
+            this.dragAnimationId = null;
+            return;
+        }
+        // Smooth interpolation towards target
+        const diff = this.targetY - this.currentY;
+        const step = diff * 0.3; // 30% of distance per frame
+        // Update if difference is significant
+        if (Math.abs(diff) > 0.5) {
+            this.currentY += step;
+            // Emit drag:move event with current draggedClone reference
+            const dragMovePayload = {
+                originalElement: this.originalElement,
+                draggedClone: this.draggedClone, // Always uses current reference
+                mousePosition: this.currentMousePosition, // Use current mouse position!
+                snappedY: this.currentY,
+                columnBounds: this.targetColumn,
+                mouseOffset: this.mouseOffset
+            };
+            this.eventBus.emit('drag:move', dragMovePayload);
+            this.dragAnimationId = requestAnimationFrame(() => this.animateDrag());
+        }
+        else {
+            // Close enough - snap to target
+            this.currentY = this.targetY;
+            // Emit final position
+            const dragMovePayload = {
+                originalElement: this.originalElement,
+                draggedClone: this.draggedClone,
+                mousePosition: this.currentMousePosition, // Use current mouse position!
+                snappedY: this.currentY,
+                columnBounds: this.targetColumn,
+                mouseOffset: this.mouseOffset
+            };
+            this.eventBus.emit('drag:move', dragMovePayload);
+            this.dragAnimationId = null;
+        }
+    }
+    /**
+     * Handle scroll during drag - update scrollDeltaY and call continueDrag
+     */
+    handleScroll() {
+        if (!this.isDragStarted || !this.draggedClone || !this.scrollableContent || !this.isScrollCompensating)
+            return;
+        const currentScrollTop = this.scrollableContent.scrollTop;
+        const scrollDelta = currentScrollTop - this.lastScrollTop;
+        // Gem scroll delta for continueDrag
+        this.scrollDeltaY += scrollDelta;
+        this.lastScrollTop = currentScrollTop;
+        // Kald continueDrag med nuværende mus position
+        this.continueDrag(this.currentMousePosition);
+    }
+    /**
+     * Stop drag animation
+     */
+    stopDragAnimation() {
+        if (this.dragAnimationId !== null) {
+            cancelAnimationFrame(this.dragAnimationId);
+            this.dragAnimationId = null;
+        }
+    }
+    /**
+     * Clean up drag state
+     */
+    cleanupDragState() {
+        this.previousColumn = null;
+        this.originalElement = null;
+        this.draggedClone = null;
+        this.currentColumn = null;
+        this.originalSourceColumn = null;
+        this.isDragStarted = false;
+        this.scrollDeltaY = 0;
+        this.lastScrollTop = 0;
+    }
+    /**
+     * Detect drop target - whether dropped in swp-day-column or swp-day-header
+     */
+    detectDropTarget(position) {
+        // Traverse up the DOM tree to find the target container
+        let currentElement = this.draggedClone;
+        while (currentElement && currentElement !== document.body) {
+            if (currentElement.tagName === 'SWP-ALLDAY-CONTAINER') {
+                return 'swp-day-header';
+            }
+            if (currentElement.tagName === 'SWP-DAY-COLUMN') {
+                return 'swp-day-column';
+            }
+            currentElement = currentElement.parentElement;
+        }
+        return null;
+    }
+    /**
+     * Handle mouse enter on calendar header - simplified using native events
+     */
+    handleHeaderMouseEnter(event) {
+        // Only handle if we're dragging a timed event (not all-day)
+        if (!this.isDragStarted || !this.draggedClone) {
+            return;
+        }
+        const position = { x: event.clientX, y: event.clientY };
+        const targetColumn = ColumnDetectionUtils.getColumnBounds(position);
+        if (targetColumn) {
+            const calendarEvent = SwpEventElement.extractCalendarEventFromElement(this.draggedClone);
+            const dragMouseEnterPayload = {
+                targetColumn: targetColumn,
+                mousePosition: position,
+                originalElement: this.originalElement,
+                draggedClone: this.draggedClone,
+                calendarEvent: calendarEvent,
+                replaceClone: (newClone) => {
+                    this.draggedClone = newClone;
+                    this.dragAnimationId === null;
+                }
+            };
+            this.eventBus.emit('drag:mouseenter-header', dragMouseEnterPayload);
+        }
+    }
+    /**
+     * Handle mouse enter on day column - for converting all-day to timed events
+     */
+    handleColumnMouseEnter(event) {
+        // Only handle if we're dragging an all-day event
+        if (!this.isDragStarted || !this.draggedClone || !this.draggedClone.hasAttribute('data-allday')) {
+            return;
+        }
+        const position = { x: event.clientX, y: event.clientY };
+        const targetColumn = ColumnDetectionUtils.getColumnBounds(position);
+        if (!targetColumn) {
+            return;
+        }
+        // Calculate snapped Y position
+        const snappedY = this.calculateSnapPosition(position.y, targetColumn);
+        // Extract ICalendarEvent from the dragged clone
+        const calendarEvent = SwpEventElement.extractCalendarEventFromElement(this.draggedClone);
+        const dragMouseEnterPayload = {
+            targetColumn: targetColumn,
+            mousePosition: position,
+            snappedY: snappedY,
+            originalElement: this.originalElement,
+            draggedClone: this.draggedClone,
+            calendarEvent: calendarEvent,
+            replaceClone: (newClone) => {
+                this.draggedClone = newClone;
+                this.dragAnimationId === null;
+                this.stopDragAnimation();
+            }
+        };
+        this.eventBus.emit('drag:mouseenter-column', dragMouseEnterPayload);
+    }
+    /**
+     * Handle mouse leave from calendar header - simplified using native events
+     */
+    handleHeaderMouseLeave(event) {
+        // Only handle if we're dragging an all-day event
+        if (!this.isDragStarted || !this.draggedClone || !this.draggedClone.hasAttribute("data-allday")) {
+            return;
+        }
+        const position = { x: event.clientX, y: event.clientY };
+        const targetColumn = ColumnDetectionUtils.getColumnBounds(position);
+        if (!targetColumn) {
+            return;
+        }
+        const dragMouseLeavePayload = {
+            targetDate: targetColumn.date,
+            mousePosition: position,
+            originalElement: this.originalElement,
+            draggedClone: this.draggedClone
+        };
+        this.eventBus.emit('drag:mouseleave-header', dragMouseLeavePayload);
+    }
+}
+//# sourceMappingURL=DragDropManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/DragDropManager.js.map b/wwwroot/js/managers/DragDropManager.js.map
new file mode 100644
index 0000000..fc410e8
--- /dev/null
+++ b/wwwroot/js/managers/DragDropManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DragDropManager.js","sourceRoot":"","sources":["../../../src/managers/DragDropManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/DragHoverManager.d.ts b/wwwroot/js/managers/DragHoverManager.d.ts
new file mode 100644
index 0000000..000bddb
--- /dev/null
+++ b/wwwroot/js/managers/DragHoverManager.d.ts
@@ -0,0 +1,31 @@
+/**
+ * DragHoverManager - Handles event hover tracking
+ * Fully autonomous - listens to mouse events and manages hover state independently
+ */
+import { IEventBus } from '../types/CalendarTypes';
+export declare class DragHoverManager {
+    private eventBus;
+    private isHoverTrackingActive;
+    private currentHoveredEvent;
+    private calendarContainer;
+    constructor(eventBus: IEventBus);
+    private init;
+    private setupEventListeners;
+    /**
+     * Handle mouse enter on swp-event - activate hover tracking
+     */
+    private handleEventMouseEnter;
+    /**
+     * Check if mouse is still over the currently hovered event
+     */
+    private checkEventHover;
+    /**
+     * Clear hover state
+     */
+    private clearEventHover;
+    /**
+     * Deactivate hover tracking and clear any current hover
+     * Called via event bus when drag starts
+     */
+    private deactivateTracking;
+}
diff --git a/wwwroot/js/managers/DragHoverManager.js b/wwwroot/js/managers/DragHoverManager.js
new file mode 100644
index 0000000..c92b9f3
--- /dev/null
+++ b/wwwroot/js/managers/DragHoverManager.js
@@ -0,0 +1,101 @@
+/**
+ * DragHoverManager - Handles event hover tracking
+ * Fully autonomous - listens to mouse events and manages hover state independently
+ */
+export class DragHoverManager {
+    constructor(eventBus) {
+        this.eventBus = eventBus;
+        this.isHoverTrackingActive = false;
+        this.currentHoveredEvent = null;
+        this.calendarContainer = null;
+        this.init();
+    }
+    init() {
+        // Wait for DOM to be ready
+        setTimeout(() => {
+            this.calendarContainer = document.querySelector('swp-calendar-container');
+            if (this.calendarContainer) {
+                this.setupEventListeners();
+            }
+        }, 100);
+        // Listen to drag start to deactivate hover tracking
+        this.eventBus.on('drag:start', () => {
+            this.deactivateTracking();
+        });
+    }
+    setupEventListeners() {
+        if (!this.calendarContainer)
+            return;
+        // Listen to mouseenter on events (using event delegation)
+        this.calendarContainer.addEventListener('mouseenter', (e) => {
+            const target = e.target;
+            const eventElement = target.closest('swp-event');
+            if (eventElement) {
+                this.handleEventMouseEnter(e, eventElement);
+            }
+        }, true); // Use capture phase
+        // Listen to mousemove globally to track when mouse leaves event bounds
+        document.body.addEventListener('mousemove', (e) => {
+            if (this.isHoverTrackingActive && e.buttons === 0) {
+                this.checkEventHover(e);
+            }
+        });
+    }
+    /**
+     * Handle mouse enter on swp-event - activate hover tracking
+     */
+    handleEventMouseEnter(event, eventElement) {
+        // Only handle hover if mouse button is up
+        if (event.buttons === 0) {
+            // Clear any previous hover first
+            if (this.currentHoveredEvent && this.currentHoveredEvent !== eventElement) {
+                this.currentHoveredEvent.classList.remove('hover');
+            }
+            this.isHoverTrackingActive = true;
+            this.currentHoveredEvent = eventElement;
+            eventElement.classList.add('hover');
+            this.eventBus.emit('event:hover:start', { element: eventElement });
+        }
+    }
+    /**
+     * Check if mouse is still over the currently hovered event
+     */
+    checkEventHover(event) {
+        // Only track hover when active and mouse button is up
+        if (!this.isHoverTrackingActive || !this.currentHoveredEvent)
+            return;
+        const rect = this.currentHoveredEvent.getBoundingClientRect();
+        const mouseX = event.clientX;
+        const mouseY = event.clientY;
+        // Check if mouse is still within the current hovered event
+        const isStillInside = mouseX >= rect.left && mouseX <= rect.right &&
+            mouseY >= rect.top && mouseY <= rect.bottom;
+        // If mouse left the event
+        if (!isStillInside) {
+            // Only disable tracking and clear if mouse is NOT pressed (allow resize to work)
+            if (event.buttons === 0) {
+                this.isHoverTrackingActive = false;
+                this.clearEventHover();
+            }
+        }
+    }
+    /**
+     * Clear hover state
+     */
+    clearEventHover() {
+        if (this.currentHoveredEvent) {
+            this.currentHoveredEvent.classList.remove('hover');
+            this.eventBus.emit('event:hover:end', { element: this.currentHoveredEvent });
+            this.currentHoveredEvent = null;
+        }
+    }
+    /**
+     * Deactivate hover tracking and clear any current hover
+     * Called via event bus when drag starts
+     */
+    deactivateTracking() {
+        this.isHoverTrackingActive = false;
+        this.clearEventHover();
+    }
+}
+//# sourceMappingURL=DragHoverManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/DragHoverManager.js.map b/wwwroot/js/managers/DragHoverManager.js.map
new file mode 100644
index 0000000..fdda8d6
--- /dev/null
+++ b/wwwroot/js/managers/DragHoverManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DragHoverManager.js","sourceRoot":"","sources":["../../../src/managers/DragHoverManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/EdgeScrollManager.d.ts b/wwwroot/js/managers/EdgeScrollManager.d.ts
new file mode 100644
index 0000000..da8cdda
--- /dev/null
+++ b/wwwroot/js/managers/EdgeScrollManager.d.ts
@@ -0,0 +1,30 @@
+/**
+ * EdgeScrollManager - Auto-scroll when dragging near edges
+ * Uses time-based scrolling with 2-zone system for variable speed
+ */
+import { IEventBus } from '../types/CalendarTypes';
+export declare class EdgeScrollManager {
+    private eventBus;
+    private scrollableContent;
+    private timeGrid;
+    private draggedClone;
+    private scrollRAF;
+    private mouseY;
+    private isDragging;
+    private isScrolling;
+    private lastTs;
+    private rect;
+    private initialScrollTop;
+    private scrollListener;
+    private readonly OUTER_ZONE;
+    private readonly INNER_ZONE;
+    private readonly SLOW_SPEED_PXS;
+    private readonly FAST_SPEED_PXS;
+    constructor(eventBus: IEventBus);
+    private init;
+    private subscribeToEvents;
+    private startDrag;
+    private stopDrag;
+    private handleScroll;
+    private scrollTick;
+}
diff --git a/wwwroot/js/managers/EdgeScrollManager.js b/wwwroot/js/managers/EdgeScrollManager.js
new file mode 100644
index 0000000..7855e51
--- /dev/null
+++ b/wwwroot/js/managers/EdgeScrollManager.js
@@ -0,0 +1,191 @@
+/**
+ * EdgeScrollManager - Auto-scroll when dragging near edges
+ * Uses time-based scrolling with 2-zone system for variable speed
+ */
+export class EdgeScrollManager {
+    constructor(eventBus) {
+        this.eventBus = eventBus;
+        this.scrollableContent = null;
+        this.timeGrid = null;
+        this.draggedClone = null;
+        this.scrollRAF = null;
+        this.mouseY = 0;
+        this.isDragging = false;
+        this.isScrolling = false; // Track if edge-scroll is active
+        this.lastTs = 0;
+        this.rect = null;
+        this.initialScrollTop = 0;
+        this.scrollListener = null;
+        // Constants - fixed values as per requirements
+        this.OUTER_ZONE = 100; // px from edge (slow zone)
+        this.INNER_ZONE = 50; // px from edge (fast zone)
+        this.SLOW_SPEED_PXS = 140; // px/sec in outer zone
+        this.FAST_SPEED_PXS = 640; // px/sec in inner zone
+        this.init();
+    }
+    init() {
+        // Wait for DOM to be ready
+        setTimeout(() => {
+            this.scrollableContent = document.querySelector('swp-scrollable-content');
+            this.timeGrid = document.querySelector('swp-time-grid');
+            if (this.scrollableContent) {
+                // Disable smooth scroll for instant auto-scroll
+                this.scrollableContent.style.scrollBehavior = 'auto';
+                // Add scroll listener to detect actual scrolling
+                this.scrollListener = this.handleScroll.bind(this);
+                this.scrollableContent.addEventListener('scroll', this.scrollListener, { passive: true });
+            }
+        }, 100);
+        // Listen to mousemove directly from document to always get mouse coords
+        document.body.addEventListener('mousemove', (e) => {
+            if (this.isDragging) {
+                this.mouseY = e.clientY;
+            }
+        });
+        this.subscribeToEvents();
+    }
+    subscribeToEvents() {
+        // Listen to drag events from DragDropManager
+        this.eventBus.on('drag:start', (event) => {
+            const payload = event.detail;
+            this.draggedClone = payload.draggedClone;
+            this.startDrag();
+        });
+        this.eventBus.on('drag:end', () => this.stopDrag());
+        this.eventBus.on('drag:cancelled', () => this.stopDrag());
+        // Stop scrolling when event converts to/from all-day
+        this.eventBus.on('drag:mouseenter-header', () => {
+            console.log('🔄 EdgeScrollManager: Event converting to all-day - stopping scroll');
+            this.stopDrag();
+        });
+        this.eventBus.on('drag:mouseenter-column', () => {
+            this.startDrag();
+        });
+    }
+    startDrag() {
+        console.log('🎬 EdgeScrollManager: Starting drag');
+        this.isDragging = true;
+        this.isScrolling = false; // Reset scroll state
+        this.lastTs = performance.now();
+        // Save initial scroll position
+        if (this.scrollableContent) {
+            this.initialScrollTop = this.scrollableContent.scrollTop;
+        }
+        if (this.scrollRAF === null) {
+            this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
+        }
+    }
+    stopDrag() {
+        this.isDragging = false;
+        // Emit stopped event if we were scrolling
+        if (this.isScrolling) {
+            this.isScrolling = false;
+            console.log('🛑 EdgeScrollManager: Edge-scroll stopped (drag ended)');
+            this.eventBus.emit('edgescroll:stopped', {});
+        }
+        if (this.scrollRAF !== null) {
+            cancelAnimationFrame(this.scrollRAF);
+            this.scrollRAF = null;
+        }
+        this.rect = null;
+        this.lastTs = 0;
+        this.initialScrollTop = 0;
+    }
+    handleScroll() {
+        if (!this.isDragging || !this.scrollableContent)
+            return;
+        const currentScrollTop = this.scrollableContent.scrollTop;
+        const scrollDelta = Math.abs(currentScrollTop - this.initialScrollTop);
+        // Only emit started event if we've actually scrolled more than 1px
+        if (scrollDelta > 1 && !this.isScrolling) {
+            this.isScrolling = true;
+            console.log('💾 EdgeScrollManager: Edge-scroll started (actual scroll detected)', {
+                initialScrollTop: this.initialScrollTop,
+                currentScrollTop,
+                scrollDelta
+            });
+            this.eventBus.emit('edgescroll:started', {});
+        }
+    }
+    scrollTick(ts) {
+        const dt = this.lastTs ? (ts - this.lastTs) / 1000 : 0;
+        this.lastTs = ts;
+        if (!this.scrollableContent) {
+            this.stopDrag();
+            return;
+        }
+        // Cache rect for performance (only measure once per frame)
+        if (!this.rect) {
+            this.rect = this.scrollableContent.getBoundingClientRect();
+        }
+        let vy = 0;
+        if (this.isDragging) {
+            const distTop = this.mouseY - this.rect.top;
+            const distBot = this.rect.bottom - this.mouseY;
+            // Check top edge
+            if (distTop < this.INNER_ZONE) {
+                vy = -this.FAST_SPEED_PXS;
+            }
+            else if (distTop < this.OUTER_ZONE) {
+                vy = -this.SLOW_SPEED_PXS;
+            }
+            // Check bottom edge
+            else if (distBot < this.INNER_ZONE) {
+                vy = this.FAST_SPEED_PXS;
+            }
+            else if (distBot < this.OUTER_ZONE) {
+                vy = this.SLOW_SPEED_PXS;
+            }
+        }
+        if (vy !== 0 && this.isDragging && this.timeGrid && this.draggedClone) {
+            // Check if we can scroll in the requested direction
+            const currentScrollTop = this.scrollableContent.scrollTop;
+            const scrollableHeight = this.scrollableContent.clientHeight;
+            const timeGridHeight = this.timeGrid.clientHeight;
+            // Get dragged element position and height
+            const cloneRect = this.draggedClone.getBoundingClientRect();
+            const cloneBottom = cloneRect.bottom;
+            const timeGridRect = this.timeGrid.getBoundingClientRect();
+            const timeGridBottom = timeGridRect.bottom;
+            // Check boundaries
+            const atTop = currentScrollTop <= 0 && vy < 0;
+            const atBottom = (cloneBottom >= timeGridBottom) && vy > 0;
+            if (atTop || atBottom) {
+                // At boundary - stop scrolling
+                if (this.isScrolling) {
+                    this.isScrolling = false;
+                    this.initialScrollTop = this.scrollableContent.scrollTop;
+                    console.log('🛑 EdgeScrollManager: Edge-scroll stopped (reached boundary)');
+                    this.eventBus.emit('edgescroll:stopped', {});
+                }
+                // Continue RAF loop to detect when mouse moves away from boundary
+                if (this.isDragging) {
+                    this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
+                }
+            }
+            else {
+                // Not at boundary - apply scroll
+                this.scrollableContent.scrollTop += vy * dt;
+                this.rect = null; // Invalidate cache for next frame
+                this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
+            }
+        }
+        else {
+            // Mouse moved away from edge - stop scrolling
+            if (this.isScrolling) {
+                this.isScrolling = false;
+                this.initialScrollTop = this.scrollableContent.scrollTop; // Reset for next scroll
+                console.log('🛑 EdgeScrollManager: Edge-scroll stopped (mouse left edge)');
+                this.eventBus.emit('edgescroll:stopped', {});
+            }
+            // Continue RAF loop even if not scrolling, to detect edge entry
+            if (this.isDragging) {
+                this.scrollRAF = requestAnimationFrame((ts) => this.scrollTick(ts));
+            }
+            else {
+                this.stopDrag();
+            }
+        }
+    }
+}
+//# sourceMappingURL=EdgeScrollManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/EdgeScrollManager.js.map b/wwwroot/js/managers/EdgeScrollManager.js.map
new file mode 100644
index 0000000..72c0b1f
--- /dev/null
+++ b/wwwroot/js/managers/EdgeScrollManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EdgeScrollManager.js","sourceRoot":"","sources":["../../../src/managers/EdgeScrollManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventFilterManager.d.ts b/wwwroot/js/managers/EventFilterManager.d.ts
new file mode 100644
index 0000000..91092b2
--- /dev/null
+++ b/wwwroot/js/managers/EventFilterManager.d.ts
@@ -0,0 +1,32 @@
+/**
+ * EventFilterManager - Handles fuzzy search filtering of calendar events
+ * Uses Fuse.js for fuzzy matching (Apache 2.0 License)
+ */
+export declare class EventFilterManager {
+    private searchInput;
+    private allEvents;
+    private matchingEventIds;
+    private isFilterActive;
+    private frameRequest;
+    private fuse;
+    constructor();
+    private init;
+    private setupSearchListeners;
+    private subscribeToEvents;
+    private updateEventsList;
+    private handleSearchInput;
+    private applyFilter;
+    private clearFilter;
+    private updateVisualState;
+    /**
+     * Check if an event matches the current filter
+     */
+    eventMatchesFilter(eventId: string): boolean;
+    /**
+     * Get current filter state
+     */
+    getFilterState(): {
+        active: boolean;
+        matchingIds: string[];
+    };
+}
diff --git a/wwwroot/js/managers/EventFilterManager.js b/wwwroot/js/managers/EventFilterManager.js
new file mode 100644
index 0000000..dd2bd84
--- /dev/null
+++ b/wwwroot/js/managers/EventFilterManager.js
@@ -0,0 +1,192 @@
+/**
+ * EventFilterManager - Handles fuzzy search filtering of calendar events
+ * Uses Fuse.js for fuzzy matching (Apache 2.0 License)
+ */
+import { eventBus } from '../core/EventBus';
+import { CoreEvents } from '../constants/CoreEvents';
+// Import Fuse.js from npm
+import Fuse from 'fuse.js';
+export class EventFilterManager {
+    constructor() {
+        this.searchInput = null;
+        this.allEvents = [];
+        this.matchingEventIds = new Set();
+        this.isFilterActive = false;
+        this.frameRequest = null;
+        this.fuse = null;
+        // Wait for DOM to be ready before initializing
+        if (document.readyState === 'loading') {
+            document.addEventListener('DOMContentLoaded', () => {
+                this.init();
+            });
+        }
+        else {
+            this.init();
+        }
+    }
+    init() {
+        // Find search input
+        this.searchInput = document.querySelector('swp-search-container input[type="search"]');
+        if (!this.searchInput) {
+            return;
+        }
+        // Set up event listeners
+        this.setupSearchListeners();
+        this.subscribeToEvents();
+        // Initialization complete
+    }
+    setupSearchListeners() {
+        if (!this.searchInput)
+            return;
+        // Listen for input changes
+        this.searchInput.addEventListener('input', (e) => {
+            const query = e.target.value;
+            this.handleSearchInput(query);
+        });
+        // Listen for escape key
+        this.searchInput.addEventListener('keydown', (e) => {
+            if (e.key === 'Escape') {
+                this.clearFilter();
+            }
+        });
+    }
+    subscribeToEvents() {
+        // Listen for events data updates
+        eventBus.on(CoreEvents.EVENTS_RENDERED, (e) => {
+            const detail = e.detail;
+            if (detail?.events) {
+                this.updateEventsList(detail.events);
+            }
+        });
+    }
+    updateEventsList(events) {
+        this.allEvents = events;
+        // Initialize Fuse with the new events list
+        this.fuse = new Fuse(this.allEvents, {
+            keys: ['title', 'description'],
+            threshold: 0.3,
+            includeScore: true,
+            minMatchCharLength: 2, // Minimum 2 characters for a match
+            shouldSort: true,
+            ignoreLocation: true // Search anywhere in the string
+        });
+        // Re-apply filter if active
+        if (this.isFilterActive && this.searchInput) {
+            this.applyFilter(this.searchInput.value);
+        }
+    }
+    handleSearchInput(query) {
+        // Cancel any pending filter
+        if (this.frameRequest) {
+            cancelAnimationFrame(this.frameRequest);
+        }
+        // Debounce with requestAnimationFrame
+        this.frameRequest = requestAnimationFrame(() => {
+            if (query.length === 0) {
+                // Only clear when input is completely empty
+                this.clearFilter();
+            }
+            else {
+                // Let Fuse.js handle minimum character length via minMatchCharLength
+                this.applyFilter(query);
+            }
+        });
+    }
+    applyFilter(query) {
+        if (!this.fuse) {
+            return;
+        }
+        // Perform fuzzy search
+        const results = this.fuse.search(query);
+        // Extract matching event IDs
+        this.matchingEventIds.clear();
+        results.forEach((result) => {
+            if (result.item && result.item.id) {
+                this.matchingEventIds.add(result.item.id);
+            }
+        });
+        // Update filter state
+        this.isFilterActive = true;
+        // Update visual state
+        this.updateVisualState();
+        // Emit filter changed event
+        eventBus.emit(CoreEvents.FILTER_CHANGED, {
+            active: true,
+            query: query,
+            matchingIds: Array.from(this.matchingEventIds)
+        });
+    }
+    clearFilter() {
+        this.isFilterActive = false;
+        this.matchingEventIds.clear();
+        // Clear search input
+        if (this.searchInput) {
+            this.searchInput.value = '';
+        }
+        // Update visual state
+        this.updateVisualState();
+        // Emit filter cleared event
+        eventBus.emit(CoreEvents.FILTER_CHANGED, {
+            active: false,
+            query: '',
+            matchingIds: []
+        });
+    }
+    updateVisualState() {
+        // Update search container styling
+        const searchContainer = document.querySelector('swp-search-container');
+        if (searchContainer) {
+            if (this.isFilterActive) {
+                searchContainer.classList.add('filter-active');
+            }
+            else {
+                searchContainer.classList.remove('filter-active');
+            }
+        }
+        // Update all events layers
+        const eventsLayers = document.querySelectorAll('swp-events-layer');
+        eventsLayers.forEach(layer => {
+            if (this.isFilterActive) {
+                layer.setAttribute('data-filter-active', 'true');
+                // Mark matching events
+                const events = layer.querySelectorAll('swp-event');
+                events.forEach(event => {
+                    const eventId = event.getAttribute('data-event-id');
+                    if (eventId && this.matchingEventIds.has(eventId)) {
+                        event.setAttribute('data-matches', 'true');
+                    }
+                    else {
+                        event.removeAttribute('data-matches');
+                    }
+                });
+            }
+            else {
+                layer.removeAttribute('data-filter-active');
+                // Remove all match attributes
+                const events = layer.querySelectorAll('swp-event');
+                events.forEach(event => {
+                    event.removeAttribute('data-matches');
+                });
+            }
+        });
+    }
+    /**
+     * Check if an event matches the current filter
+     */
+    eventMatchesFilter(eventId) {
+        if (!this.isFilterActive) {
+            return true; // No filter active, all events match
+        }
+        return this.matchingEventIds.has(eventId);
+    }
+    /**
+     * Get current filter state
+     */
+    getFilterState() {
+        return {
+            active: this.isFilterActive,
+            matchingIds: Array.from(this.matchingEventIds)
+        };
+    }
+}
+//# sourceMappingURL=EventFilterManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventFilterManager.js.map b/wwwroot/js/managers/EventFilterManager.js.map
new file mode 100644
index 0000000..295cbd1
--- /dev/null
+++ b/wwwroot/js/managers/EventFilterManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventFilterManager.js","sourceRoot":"","sources":["../../../src/managers/EventFilterManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventLayoutCoordinator.d.ts b/wwwroot/js/managers/EventLayoutCoordinator.d.ts
new file mode 100644
index 0000000..5079618
--- /dev/null
+++ b/wwwroot/js/managers/EventLayoutCoordinator.d.ts
@@ -0,0 +1,78 @@
+/**
+ * EventLayoutCoordinator - Coordinates event layout calculations
+ *
+ * Separates layout logic from rendering concerns.
+ * Calculates stack levels, groups events, and determines rendering strategy.
+ */
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { EventStackManager, IStackLink } from './EventStackManager';
+import { PositionUtils } from '../utils/PositionUtils';
+import { Configuration } from '../configurations/CalendarConfig';
+export interface IGridGroupLayout {
+    events: ICalendarEvent[];
+    stackLevel: number;
+    position: {
+        top: number;
+    };
+    columns: ICalendarEvent[][];
+}
+export interface IStackedEventLayout {
+    event: ICalendarEvent;
+    stackLink: IStackLink;
+    position: {
+        top: number;
+        height: number;
+    };
+}
+export interface IColumnLayout {
+    gridGroups: IGridGroupLayout[];
+    stackedEvents: IStackedEventLayout[];
+}
+export declare class EventLayoutCoordinator {
+    private stackManager;
+    private config;
+    private positionUtils;
+    constructor(stackManager: EventStackManager, config: Configuration, positionUtils: PositionUtils);
+    /**
+     * Calculate complete layout for a column of events (recursive approach)
+     */
+    calculateColumnLayout(columnEvents: ICalendarEvent[]): IColumnLayout;
+    /**
+     * Calculate stack level for a grid group based on already rendered events
+     */
+    private calculateGridGroupStackLevelFromRendered;
+    /**
+     * Calculate stack level for a single stacked event based on already rendered events
+     */
+    private calculateStackLevelFromRendered;
+    /**
+     * Detect if two events have a conflict based on threshold
+     *
+     * @param event1 - First event
+     * @param event2 - Second event
+     * @param thresholdMinutes - Threshold in minutes
+     * @returns true if events conflict
+     */
+    private detectConflict;
+    /**
+     * Expand grid candidates to find all events connected by conflict chains
+     *
+     * Uses expanding search to find chains (A→B→C where each conflicts with next)
+     *
+     * @param firstEvent - The first event to start with
+     * @param remaining - Remaining events to check
+     * @param thresholdMinutes - Threshold in minutes
+     * @returns Array of all events in the conflict chain
+     */
+    private expandGridCandidates;
+    /**
+     * Allocate events to columns within a grid group
+     *
+     * Events that don't overlap can share the same column.
+     * Uses a greedy algorithm to minimize the number of columns.
+     *
+     * @param events - Events in the grid group (should already be sorted by start time)
+     * @returns Array of columns, where each column is an array of events
+     */
+    private allocateColumns;
+}
diff --git a/wwwroot/js/managers/EventLayoutCoordinator.js b/wwwroot/js/managers/EventLayoutCoordinator.js
new file mode 100644
index 0000000..381bc25
--- /dev/null
+++ b/wwwroot/js/managers/EventLayoutCoordinator.js
@@ -0,0 +1,201 @@
+/**
+ * EventLayoutCoordinator - Coordinates event layout calculations
+ *
+ * Separates layout logic from rendering concerns.
+ * Calculates stack levels, groups events, and determines rendering strategy.
+ */
+export class EventLayoutCoordinator {
+    constructor(stackManager, config, positionUtils) {
+        this.stackManager = stackManager;
+        this.config = config;
+        this.positionUtils = positionUtils;
+    }
+    /**
+     * Calculate complete layout for a column of events (recursive approach)
+     */
+    calculateColumnLayout(columnEvents) {
+        if (columnEvents.length === 0) {
+            return { gridGroups: [], stackedEvents: [] };
+        }
+        const gridGroupLayouts = [];
+        const stackedEventLayouts = [];
+        const renderedEventsWithLevels = [];
+        let remaining = [...columnEvents].sort((a, b) => a.start.getTime() - b.start.getTime());
+        // Process events recursively
+        while (remaining.length > 0) {
+            // Take first event
+            const firstEvent = remaining[0];
+            // Find events that could be in GRID with first event
+            // Use expanding search to find chains (A→B→C where each conflicts with next)
+            const gridSettings = this.config.gridSettings;
+            const thresholdMinutes = gridSettings.gridStartThresholdMinutes;
+            // Use refactored method for expanding grid candidates
+            const gridCandidates = this.expandGridCandidates(firstEvent, remaining, thresholdMinutes);
+            // Decide: should this group be GRID or STACK?
+            const group = {
+                events: gridCandidates,
+                containerType: 'NONE',
+                startTime: firstEvent.start
+            };
+            const containerType = this.stackManager.decideContainerType(group);
+            if (containerType === 'GRID' && gridCandidates.length > 1) {
+                // Render as GRID
+                const gridStackLevel = this.calculateGridGroupStackLevelFromRendered(gridCandidates, renderedEventsWithLevels);
+                // Ensure we get the earliest event (explicit sort for robustness)
+                const earliestEvent = [...gridCandidates].sort((a, b) => a.start.getTime() - b.start.getTime())[0];
+                const position = this.positionUtils.calculateEventPosition(earliestEvent.start, earliestEvent.end);
+                const columns = this.allocateColumns(gridCandidates);
+                gridGroupLayouts.push({
+                    events: gridCandidates,
+                    stackLevel: gridStackLevel,
+                    position: { top: position.top + 1 },
+                    columns
+                });
+                // Mark all events in grid with their stack level
+                gridCandidates.forEach(e => renderedEventsWithLevels.push({ event: e, level: gridStackLevel }));
+                // Remove all events in this grid from remaining
+                remaining = remaining.filter(e => !gridCandidates.includes(e));
+            }
+            else {
+                // Render first event as STACKED
+                const stackLevel = this.calculateStackLevelFromRendered(firstEvent, renderedEventsWithLevels);
+                const position = this.positionUtils.calculateEventPosition(firstEvent.start, firstEvent.end);
+                stackedEventLayouts.push({
+                    event: firstEvent,
+                    stackLink: { stackLevel },
+                    position: { top: position.top + 1, height: position.height - 3 }
+                });
+                // Mark this event with its stack level
+                renderedEventsWithLevels.push({ event: firstEvent, level: stackLevel });
+                // Remove only first event from remaining
+                remaining = remaining.slice(1);
+            }
+        }
+        return {
+            gridGroups: gridGroupLayouts,
+            stackedEvents: stackedEventLayouts
+        };
+    }
+    /**
+     * Calculate stack level for a grid group based on already rendered events
+     */
+    calculateGridGroupStackLevelFromRendered(gridEvents, renderedEventsWithLevels) {
+        // Find highest stack level of any rendered event that overlaps with this grid
+        let maxOverlappingLevel = -1;
+        for (const gridEvent of gridEvents) {
+            for (const rendered of renderedEventsWithLevels) {
+                if (this.stackManager.doEventsOverlap(gridEvent, rendered.event)) {
+                    maxOverlappingLevel = Math.max(maxOverlappingLevel, rendered.level);
+                }
+            }
+        }
+        return maxOverlappingLevel + 1;
+    }
+    /**
+     * Calculate stack level for a single stacked event based on already rendered events
+     */
+    calculateStackLevelFromRendered(event, renderedEventsWithLevels) {
+        // Find highest stack level of any rendered event that overlaps with this event
+        let maxOverlappingLevel = -1;
+        for (const rendered of renderedEventsWithLevels) {
+            if (this.stackManager.doEventsOverlap(event, rendered.event)) {
+                maxOverlappingLevel = Math.max(maxOverlappingLevel, rendered.level);
+            }
+        }
+        return maxOverlappingLevel + 1;
+    }
+    /**
+     * Detect if two events have a conflict based on threshold
+     *
+     * @param event1 - First event
+     * @param event2 - Second event
+     * @param thresholdMinutes - Threshold in minutes
+     * @returns true if events conflict
+     */
+    detectConflict(event1, event2, thresholdMinutes) {
+        // Check 1: Start-to-start conflict (starts within threshold)
+        const startToStartDiff = Math.abs(event1.start.getTime() - event2.start.getTime()) / (1000 * 60);
+        if (startToStartDiff <= thresholdMinutes && this.stackManager.doEventsOverlap(event1, event2)) {
+            return true;
+        }
+        // Check 2: End-to-start conflict (event1 starts within threshold before event2 ends)
+        const endToStartMinutes = (event2.end.getTime() - event1.start.getTime()) / (1000 * 60);
+        if (endToStartMinutes > 0 && endToStartMinutes <= thresholdMinutes) {
+            return true;
+        }
+        // Check 3: Reverse end-to-start (event2 starts within threshold before event1 ends)
+        const reverseEndToStart = (event1.end.getTime() - event2.start.getTime()) / (1000 * 60);
+        if (reverseEndToStart > 0 && reverseEndToStart <= thresholdMinutes) {
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Expand grid candidates to find all events connected by conflict chains
+     *
+     * Uses expanding search to find chains (A→B→C where each conflicts with next)
+     *
+     * @param firstEvent - The first event to start with
+     * @param remaining - Remaining events to check
+     * @param thresholdMinutes - Threshold in minutes
+     * @returns Array of all events in the conflict chain
+     */
+    expandGridCandidates(firstEvent, remaining, thresholdMinutes) {
+        const gridCandidates = [firstEvent];
+        let candidatesChanged = true;
+        // Keep expanding until no new candidates can be added
+        while (candidatesChanged) {
+            candidatesChanged = false;
+            for (let i = 1; i < remaining.length; i++) {
+                const candidate = remaining[i];
+                // Skip if already in candidates
+                if (gridCandidates.includes(candidate))
+                    continue;
+                // Check if candidate conflicts with ANY event in gridCandidates
+                for (const existingCandidate of gridCandidates) {
+                    if (this.detectConflict(candidate, existingCandidate, thresholdMinutes)) {
+                        gridCandidates.push(candidate);
+                        candidatesChanged = true;
+                        break; // Found conflict, move to next candidate
+                    }
+                }
+            }
+        }
+        return gridCandidates;
+    }
+    /**
+     * Allocate events to columns within a grid group
+     *
+     * Events that don't overlap can share the same column.
+     * Uses a greedy algorithm to minimize the number of columns.
+     *
+     * @param events - Events in the grid group (should already be sorted by start time)
+     * @returns Array of columns, where each column is an array of events
+     */
+    allocateColumns(events) {
+        if (events.length === 0)
+            return [];
+        if (events.length === 1)
+            return [[events[0]]];
+        const columns = [];
+        // For each event, try to place it in an existing column where it doesn't overlap
+        for (const event of events) {
+            let placed = false;
+            // Try to find a column where this event doesn't overlap with any existing event
+            for (const column of columns) {
+                const hasOverlap = column.some(colEvent => this.stackManager.doEventsOverlap(event, colEvent));
+                if (!hasOverlap) {
+                    column.push(event);
+                    placed = true;
+                    break;
+                }
+            }
+            // If no suitable column found, create a new one
+            if (!placed) {
+                columns.push([event]);
+            }
+        }
+        return columns;
+    }
+}
+//# sourceMappingURL=EventLayoutCoordinator.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventLayoutCoordinator.js.map b/wwwroot/js/managers/EventLayoutCoordinator.js.map
new file mode 100644
index 0000000..18f9e09
--- /dev/null
+++ b/wwwroot/js/managers/EventLayoutCoordinator.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventLayoutCoordinator.js","sourceRoot":"","sources":["../../../src/managers/EventLayoutCoordinator.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventManager.d.ts b/wwwroot/js/managers/EventManager.d.ts
new file mode 100644
index 0000000..dde95d1
--- /dev/null
+++ b/wwwroot/js/managers/EventManager.d.ts
@@ -0,0 +1,69 @@
+import { IEventBus, ICalendarEvent } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+import { DateService } from '../utils/DateService';
+import { IEventRepository } from '../repositories/IEventRepository';
+/**
+ * EventManager - Event lifecycle and CRUD operations
+ * Delegates all data operations to IEventRepository
+ * No longer maintains in-memory cache - repository is single source of truth
+ */
+export declare class EventManager {
+    private eventBus;
+    private dateService;
+    private config;
+    private repository;
+    constructor(eventBus: IEventBus, dateService: DateService, config: Configuration, repository: IEventRepository);
+    /**
+     * Load event data from repository
+     * No longer caches - delegates to repository
+     */
+    loadData(): Promise<void>;
+    /**
+     * Get all events from repository
+     */
+    getEvents(copy?: boolean): Promise<ICalendarEvent[]>;
+    /**
+     * Get event by ID from repository
+     */
+    getEventById(id: string): Promise<ICalendarEvent | undefined>;
+    /**
+     * Get event by ID and return event info for navigation
+     * @param id Event ID to find
+     * @returns Event with navigation info or null if not found
+     */
+    getEventForNavigation(id: string): Promise<{
+        event: ICalendarEvent;
+        eventDate: Date;
+    } | null>;
+    /**
+     * Navigate to specific event by ID
+     * Emits navigation events for other managers to handle
+     * @param eventId Event ID to navigate to
+     * @returns true if event found and navigation initiated, false otherwise
+     */
+    navigateToEvent(eventId: string): Promise<boolean>;
+    /**
+     * Get events that overlap with a given time period
+     */
+    getEventsForPeriod(startDate: Date, endDate: Date): Promise<ICalendarEvent[]>;
+    /**
+     * Create a new event and add it to the calendar
+     * Delegates to repository with source='local'
+     */
+    addEvent(event: Omit<ICalendarEvent, 'id'>): Promise<ICalendarEvent>;
+    /**
+     * Update an existing event
+     * Delegates to repository with source='local'
+     */
+    updateEvent(id: string, updates: Partial<ICalendarEvent>): Promise<ICalendarEvent | null>;
+    /**
+     * Delete an event
+     * Delegates to repository with source='local'
+     */
+    deleteEvent(id: string): Promise<boolean>;
+    /**
+     * Handle remote update from SignalR
+     * Delegates to repository with source='remote'
+     */
+    handleRemoteUpdate(event: ICalendarEvent): Promise<void>;
+}
diff --git a/src/managers/EventManager.ts b/wwwroot/js/managers/EventManager.js
similarity index 50%
rename from src/managers/EventManager.ts
rename to wwwroot/js/managers/EventManager.js
index 8310c59..982105f 100644
--- a/src/managers/EventManager.ts
+++ b/wwwroot/js/managers/EventManager.js
@@ -1,107 +1,83 @@
-import { IEventBus, ICalendarEvent } from '../types/CalendarTypes';
 import { CoreEvents } from '../constants/CoreEvents';
-import { Configuration } from '../configurations/CalendarConfig';
-import { DateService } from '../utils/DateService';
-import { EventService } from '../storage/events/EventService';
-import { IEntityService } from '../storage/IEntityService';
-
 /**
  * EventManager - Event lifecycle and CRUD operations
- * Delegates all data operations to EventService
- * EventService provides CRUD operations via BaseEntityService (save, delete, getAll)
+ * Delegates all data operations to IEventRepository
+ * No longer maintains in-memory cache - repository is single source of truth
  */
 export class EventManager {
-
-    private dateService: DateService;
-    private config: Configuration;
-    private eventService: EventService;
-
-    constructor(
-        private eventBus: IEventBus,
-        dateService: DateService,
-        config: Configuration,
-        eventService: IEntityService<ICalendarEvent>
-    ) {
+    constructor(eventBus, dateService, config, repository) {
+        this.eventBus = eventBus;
         this.dateService = dateService;
         this.config = config;
-        this.eventService = eventService as EventService;
+        this.repository = repository;
     }
-
     /**
-     * Load event data from service
-     * Ensures data is loaded (called during initialization)
+     * Load event data from repository
+     * No longer caches - delegates to repository
      */
-    public async loadData(): Promise<void> {
+    async loadData() {
         try {
-            // Just ensure service is ready - getAll() will return data
-            await this.eventService.getAll();
-        } catch (error) {
+            // Just ensure repository is ready - no caching
+            await this.repository.loadEvents();
+        }
+        catch (error) {
             console.error('Failed to load event data:', error);
             throw error;
         }
     }
-
     /**
-     * Get all events from service
+     * Get all events from repository
      */
-    public async getEvents(copy: boolean = false): Promise<ICalendarEvent[]> {
-        const events = await this.eventService.getAll();
+    async getEvents(copy = false) {
+        const events = await this.repository.loadEvents();
         return copy ? [...events] : events;
     }
-
     /**
-     * Get event by ID from service
+     * Get event by ID from repository
      */
-    public async getEventById(id: string): Promise<ICalendarEvent | undefined> {
-        const event = await this.eventService.get(id);
-        return event || undefined;
+    async getEventById(id) {
+        const events = await this.repository.loadEvents();
+        return events.find(event => event.id === id);
     }
-
     /**
      * Get event by ID and return event info for navigation
      * @param id Event ID to find
      * @returns Event with navigation info or null if not found
      */
-    public async getEventForNavigation(id: string): Promise<{ event: ICalendarEvent; eventDate: Date } | null> {
+    async getEventForNavigation(id) {
         const event = await this.getEventById(id);
         if (!event) {
             return null;
         }
-
         // Validate event dates
         const validation = this.dateService.validateDate(event.start);
         if (!validation.valid) {
             console.warn(`EventManager: Invalid event start date for event ${id}:`, validation.error);
             return null;
         }
-
         // Validate date range
         if (!this.dateService.isValidRange(event.start, event.end)) {
             console.warn(`EventManager: Invalid date range for event ${id}: start must be before end`);
             return null;
         }
-
         return {
             event,
             eventDate: event.start
         };
     }
-
     /**
      * Navigate to specific event by ID
      * Emits navigation events for other managers to handle
      * @param eventId Event ID to navigate to
      * @returns true if event found and navigation initiated, false otherwise
      */
-    public async navigateToEvent(eventId: string): Promise<boolean> {
+    async navigateToEvent(eventId) {
         const eventInfo = await this.getEventForNavigation(eventId);
         if (!eventInfo) {
             console.warn(`EventManager: Event with ID ${eventId} not found`);
             return false;
         }
-
         const { event, eventDate } = eventInfo;
-
         // Emit navigation request event
         this.eventBus.emit(CoreEvents.NAVIGATE_TO_EVENT, {
             eventId,
@@ -109,91 +85,80 @@ export class EventManager {
             eventDate,
             eventStartTime: event.start
         });
-
         return true;
     }
-
     /**
      * Get events that overlap with a given time period
      */
-    public async getEventsForPeriod(startDate: Date, endDate: Date): Promise<ICalendarEvent[]> {
-        const events = await this.eventService.getAll();
+    async getEventsForPeriod(startDate, endDate) {
+        const events = await this.repository.loadEvents();
         // Event overlaps period if it starts before period ends AND ends after period starts
         return events.filter(event => {
             return event.start <= endDate && event.end >= startDate;
         });
     }
-
     /**
      * Create a new event and add it to the calendar
-     * Generates ID and saves via EventService
+     * Delegates to repository with source='local'
      */
-    public async addEvent(event: Omit<ICalendarEvent, 'id'>): Promise<ICalendarEvent> {
-        // Generate unique ID
-        const id = `event-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-
-        const newEvent: ICalendarEvent = {
-            ...event,
-            id,
-            syncStatus: 'synced' // No queue yet, mark as synced
-        };
-
-        await this.eventService.save(newEvent);
-
+    async addEvent(event) {
+        const newEvent = await this.repository.createEvent(event, 'local');
         this.eventBus.emit(CoreEvents.EVENT_CREATED, {
             event: newEvent
         });
-
         return newEvent;
     }
-
     /**
      * Update an existing event
-     * Merges updates with existing event and saves
+     * Delegates to repository with source='local'
      */
-    public async updateEvent(id: string, updates: Partial<ICalendarEvent>): Promise<ICalendarEvent | null> {
+    async updateEvent(id, updates) {
         try {
-            const existingEvent = await this.eventService.get(id);
-            if (!existingEvent) {
-                throw new Error(`Event with ID ${id} not found`);
-            }
-
-            const updatedEvent: ICalendarEvent = {
-                ...existingEvent,
-                ...updates,
-                id, // Ensure ID doesn't change
-                syncStatus: 'synced' // No queue yet, mark as synced
-            };
-
-            await this.eventService.save(updatedEvent);
-
+            const updatedEvent = await this.repository.updateEvent(id, updates, 'local');
             this.eventBus.emit(CoreEvents.EVENT_UPDATED, {
                 event: updatedEvent
             });
-
             return updatedEvent;
-        } catch (error) {
+        }
+        catch (error) {
             console.error(`Failed to update event ${id}:`, error);
             return null;
         }
     }
-
     /**
      * Delete an event
-     * Calls EventService.delete()
+     * Delegates to repository with source='local'
      */
-    public async deleteEvent(id: string): Promise<boolean> {
+    async deleteEvent(id) {
         try {
-            await this.eventService.delete(id);
-
+            await this.repository.deleteEvent(id, 'local');
             this.eventBus.emit(CoreEvents.EVENT_DELETED, {
                 eventId: id
             });
-
             return true;
-        } catch (error) {
+        }
+        catch (error) {
             console.error(`Failed to delete event ${id}:`, error);
             return false;
         }
     }
+    /**
+     * Handle remote update from SignalR
+     * Delegates to repository with source='remote'
+     */
+    async handleRemoteUpdate(event) {
+        try {
+            await this.repository.updateEvent(event.id, event, 'remote');
+            this.eventBus.emit(CoreEvents.REMOTE_UPDATE_RECEIVED, {
+                event
+            });
+            this.eventBus.emit(CoreEvents.EVENT_UPDATED, {
+                event
+            });
+        }
+        catch (error) {
+            console.error(`Failed to handle remote update for event ${event.id}:`, error);
+        }
+    }
 }
+//# sourceMappingURL=EventManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventManager.js.map b/wwwroot/js/managers/EventManager.js.map
new file mode 100644
index 0000000..5ff19fb
--- /dev/null
+++ b/wwwroot/js/managers/EventManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventManager.js","sourceRoot":"","sources":["../../../src/managers/EventManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventStackManager.d.ts b/wwwroot/js/managers/EventStackManager.d.ts
new file mode 100644
index 0000000..e2de953
--- /dev/null
+++ b/wwwroot/js/managers/EventStackManager.d.ts
@@ -0,0 +1,91 @@
+/**
+ * EventStackManager - Manages visual stacking of overlapping calendar events
+ *
+ * This class handles the creation and maintenance of "stack chains" - doubly-linked
+ * lists of overlapping events stored directly in DOM elements via data attributes.
+ *
+ * Implements 3-phase algorithm for grid + nested stacking:
+ * Phase 1: Group events by start time proximity (configurable threshold)
+ * Phase 2: Decide container type (GRID vs STACKING)
+ * Phase 3: Handle late arrivals (nested stacking - NOT IMPLEMENTED)
+ *
+ * @see STACKING_CONCEPT.md for detailed documentation
+ * @see stacking-visualization.html for visual examples
+ */
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+export interface IStackLink {
+    prev?: string;
+    next?: string;
+    stackLevel: number;
+}
+export interface IEventGroup {
+    events: ICalendarEvent[];
+    containerType: 'NONE' | 'GRID' | 'STACKING';
+    startTime: Date;
+}
+export declare class EventStackManager {
+    private static readonly STACK_OFFSET_PX;
+    private config;
+    constructor(config: Configuration);
+    /**
+     * Group events by time conflicts (both start-to-start and end-to-start within threshold)
+     *
+     * Events are grouped if:
+     * 1. They start within ±threshold minutes of each other (start-to-start)
+     * 2. One event starts within threshold minutes before another ends (end-to-start conflict)
+     */
+    groupEventsByStartTime(events: ICalendarEvent[]): IEventGroup[];
+    /**
+     * Decide container type for a group of events
+     *
+     * Rule: Events starting simultaneously (within threshold) should ALWAYS use GRID,
+     * even if they overlap each other. This provides better visual indication that
+     * events start at the same time.
+     */
+    decideContainerType(group: IEventGroup): 'NONE' | 'GRID' | 'STACKING';
+    /**
+     * Check if two events overlap in time
+     */
+    doEventsOverlap(event1: ICalendarEvent, event2: ICalendarEvent): boolean;
+    /**
+     * Create optimized stack links (events share levels when possible)
+     */
+    createOptimizedStackLinks(events: ICalendarEvent[]): Map<string, IStackLink>;
+    /**
+     * Calculate marginLeft based on stack level
+     */
+    calculateMarginLeft(stackLevel: number): number;
+    /**
+     * Calculate zIndex based on stack level
+     */
+    calculateZIndex(stackLevel: number): number;
+    /**
+     * Serialize stack link to JSON string
+     */
+    serializeStackLink(stackLink: IStackLink): string;
+    /**
+     * Deserialize JSON string to stack link
+     */
+    deserializeStackLink(json: string): IStackLink | null;
+    /**
+     * Apply stack link to DOM element
+     */
+    applyStackLinkToElement(element: HTMLElement, stackLink: IStackLink): void;
+    /**
+     * Get stack link from DOM element
+     */
+    getStackLinkFromElement(element: HTMLElement): IStackLink | null;
+    /**
+     * Apply visual styling to element based on stack level
+     */
+    applyVisualStyling(element: HTMLElement, stackLevel: number): void;
+    /**
+     * Clear stack link from element
+     */
+    clearStackLinkFromElement(element: HTMLElement): void;
+    /**
+     * Clear visual styling from element
+     */
+    clearVisualStyling(element: HTMLElement): void;
+}
diff --git a/wwwroot/js/managers/EventStackManager.js b/wwwroot/js/managers/EventStackManager.js
new file mode 100644
index 0000000..cb48109
--- /dev/null
+++ b/wwwroot/js/managers/EventStackManager.js
@@ -0,0 +1,217 @@
+/**
+ * EventStackManager - Manages visual stacking of overlapping calendar events
+ *
+ * This class handles the creation and maintenance of "stack chains" - doubly-linked
+ * lists of overlapping events stored directly in DOM elements via data attributes.
+ *
+ * Implements 3-phase algorithm for grid + nested stacking:
+ * Phase 1: Group events by start time proximity (configurable threshold)
+ * Phase 2: Decide container type (GRID vs STACKING)
+ * Phase 3: Handle late arrivals (nested stacking - NOT IMPLEMENTED)
+ *
+ * @see STACKING_CONCEPT.md for detailed documentation
+ * @see stacking-visualization.html for visual examples
+ */
+export class EventStackManager {
+    constructor(config) {
+        this.config = config;
+    }
+    // ============================================
+    // PHASE 1: Start Time Grouping
+    // ============================================
+    /**
+     * Group events by time conflicts (both start-to-start and end-to-start within threshold)
+     *
+     * Events are grouped if:
+     * 1. They start within ±threshold minutes of each other (start-to-start)
+     * 2. One event starts within threshold minutes before another ends (end-to-start conflict)
+     */
+    groupEventsByStartTime(events) {
+        if (events.length === 0)
+            return [];
+        // Get threshold from config
+        const gridSettings = this.config.gridSettings;
+        const thresholdMinutes = gridSettings.gridStartThresholdMinutes;
+        // Sort events by start time
+        const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+        const groups = [];
+        for (const event of sorted) {
+            // Find existing group that this event conflicts with
+            const existingGroup = groups.find(group => {
+                // Check if event conflicts with ANY event in the group
+                return group.events.some(groupEvent => {
+                    // Start-to-start conflict: events start within threshold
+                    const startToStartMinutes = Math.abs(event.start.getTime() - groupEvent.start.getTime()) / (1000 * 60);
+                    if (startToStartMinutes <= thresholdMinutes) {
+                        return true;
+                    }
+                    // End-to-start conflict: event starts within threshold before groupEvent ends
+                    const endToStartMinutes = (groupEvent.end.getTime() - event.start.getTime()) / (1000 * 60);
+                    if (endToStartMinutes > 0 && endToStartMinutes <= thresholdMinutes) {
+                        return true;
+                    }
+                    // Also check reverse: groupEvent starts within threshold before event ends
+                    const reverseEndToStart = (event.end.getTime() - groupEvent.start.getTime()) / (1000 * 60);
+                    if (reverseEndToStart > 0 && reverseEndToStart <= thresholdMinutes) {
+                        return true;
+                    }
+                    return false;
+                });
+            });
+            if (existingGroup) {
+                existingGroup.events.push(event);
+            }
+            else {
+                groups.push({
+                    events: [event],
+                    containerType: 'NONE',
+                    startTime: event.start
+                });
+            }
+        }
+        return groups;
+    }
+    // ============================================
+    // PHASE 2: Container Type Decision
+    // ============================================
+    /**
+     * Decide container type for a group of events
+     *
+     * Rule: Events starting simultaneously (within threshold) should ALWAYS use GRID,
+     * even if they overlap each other. This provides better visual indication that
+     * events start at the same time.
+     */
+    decideContainerType(group) {
+        if (group.events.length === 1) {
+            return 'NONE';
+        }
+        // If events are grouped together (start within threshold), they should share columns (GRID)
+        // This is true EVEN if they overlap, because the visual priority is to show
+        // that they start simultaneously.
+        return 'GRID';
+    }
+    /**
+     * Check if two events overlap in time
+     */
+    doEventsOverlap(event1, event2) {
+        return event1.start < event2.end && event1.end > event2.start;
+    }
+    // ============================================
+    // Stack Level Calculation
+    // ============================================
+    /**
+     * Create optimized stack links (events share levels when possible)
+     */
+    createOptimizedStackLinks(events) {
+        const stackLinks = new Map();
+        if (events.length === 0)
+            return stackLinks;
+        // Sort by start time
+        const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+        // Step 1: Assign stack levels
+        for (const event of sorted) {
+            // Find all events this event overlaps with
+            const overlapping = sorted.filter(other => other !== event && this.doEventsOverlap(event, other));
+            // Find the MINIMUM required level (must be above all overlapping events)
+            let minRequiredLevel = 0;
+            for (const other of overlapping) {
+                const otherLink = stackLinks.get(other.id);
+                if (otherLink) {
+                    // Must be at least one level above the overlapping event
+                    minRequiredLevel = Math.max(minRequiredLevel, otherLink.stackLevel + 1);
+                }
+            }
+            stackLinks.set(event.id, { stackLevel: minRequiredLevel });
+        }
+        // Step 2: Build prev/next chains for overlapping events at adjacent stack levels
+        for (const event of sorted) {
+            const currentLink = stackLinks.get(event.id);
+            // Find overlapping events that are directly below (stackLevel - 1)
+            const overlapping = sorted.filter(other => other !== event && this.doEventsOverlap(event, other));
+            const directlyBelow = overlapping.filter(other => {
+                const otherLink = stackLinks.get(other.id);
+                return otherLink && otherLink.stackLevel === currentLink.stackLevel - 1;
+            });
+            if (directlyBelow.length > 0) {
+                // Use the first one in sorted order as prev
+                currentLink.prev = directlyBelow[0].id;
+            }
+            // Find overlapping events that are directly above (stackLevel + 1)
+            const directlyAbove = overlapping.filter(other => {
+                const otherLink = stackLinks.get(other.id);
+                return otherLink && otherLink.stackLevel === currentLink.stackLevel + 1;
+            });
+            if (directlyAbove.length > 0) {
+                // Use the first one in sorted order as next
+                currentLink.next = directlyAbove[0].id;
+            }
+        }
+        return stackLinks;
+    }
+    /**
+     * Calculate marginLeft based on stack level
+     */
+    calculateMarginLeft(stackLevel) {
+        return stackLevel * EventStackManager.STACK_OFFSET_PX;
+    }
+    /**
+     * Calculate zIndex based on stack level
+     */
+    calculateZIndex(stackLevel) {
+        return 100 + stackLevel;
+    }
+    /**
+     * Serialize stack link to JSON string
+     */
+    serializeStackLink(stackLink) {
+        return JSON.stringify(stackLink);
+    }
+    /**
+     * Deserialize JSON string to stack link
+     */
+    deserializeStackLink(json) {
+        try {
+            return JSON.parse(json);
+        }
+        catch (e) {
+            return null;
+        }
+    }
+    /**
+     * Apply stack link to DOM element
+     */
+    applyStackLinkToElement(element, stackLink) {
+        element.dataset.stackLink = this.serializeStackLink(stackLink);
+    }
+    /**
+     * Get stack link from DOM element
+     */
+    getStackLinkFromElement(element) {
+        const data = element.dataset.stackLink;
+        if (!data)
+            return null;
+        return this.deserializeStackLink(data);
+    }
+    /**
+     * Apply visual styling to element based on stack level
+     */
+    applyVisualStyling(element, stackLevel) {
+        element.style.marginLeft = `${this.calculateMarginLeft(stackLevel)}px`;
+        element.style.zIndex = `${this.calculateZIndex(stackLevel)}`;
+    }
+    /**
+     * Clear stack link from element
+     */
+    clearStackLinkFromElement(element) {
+        delete element.dataset.stackLink;
+    }
+    /**
+     * Clear visual styling from element
+     */
+    clearVisualStyling(element) {
+        element.style.marginLeft = '';
+        element.style.zIndex = '';
+    }
+}
+EventStackManager.STACK_OFFSET_PX = 15;
+//# sourceMappingURL=EventStackManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/EventStackManager.js.map b/wwwroot/js/managers/EventStackManager.js.map
new file mode 100644
index 0000000..cf98e2a
--- /dev/null
+++ b/wwwroot/js/managers/EventStackManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventStackManager.js","sourceRoot":"","sources":["../../../src/managers/EventStackManager.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAiBH,MAAM,OAAO,iBAAiB;IAI5B,YAAY,MAAqB;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,+CAA+C;IAC/C,+BAA+B;IAC/B,+CAA+C;IAE/C;;;;;;OAMG;IACI,sBAAsB,CAAC,MAAwB;QACpD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAEnC,4BAA4B;QAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QAC9C,MAAM,gBAAgB,GAAG,YAAY,CAAC,yBAAyB,CAAC;QAEhE,4BAA4B;QAC5B,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAEjF,MAAM,MAAM,GAAkB,EAAE,CAAC;QAEjC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,qDAAqD;YACrD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBACxC,uDAAuD;gBACvD,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;oBACpC,yDAAyD;oBACzD,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;oBACvG,IAAI,mBAAmB,IAAI,gBAAgB,EAAE,CAAC;wBAC5C,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,8EAA8E;oBAC9E,MAAM,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;oBAC3F,IAAI,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;wBACnE,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,2EAA2E;oBAC3E,MAAM,iBAAiB,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;oBAC3F,IAAI,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;wBACnE,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,aAAa,EAAE,CAAC;gBAClB,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,IAAI,CAAC;oBACV,MAAM,EAAE,CAAC,KAAK,CAAC;oBACf,aAAa,EAAE,MAAM;oBACrB,SAAS,EAAE,KAAK,CAAC,KAAK;iBACvB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAGD,+CAA+C;IAC/C,mCAAmC;IACnC,+CAA+C;IAE/C;;;;;;OAMG;IACI,mBAAmB,CAAC,KAAkB;QAC3C,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,MAAM,CAAC;QAChB,CAAC;QAED,4FAA4F;QAC5F,4EAA4E;QAC5E,kCAAkC;QAClC,OAAO,MAAM,CAAC;IAChB,CAAC;IAGD;;OAEG;IACI,eAAe,CAAC,MAAsB,EAAE,MAAsB;QACnE,OAAO,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;IAChE,CAAC;IAGD,+CAA+C;IAC/C,0BAA0B;IAC1B,+CAA+C;IAE/C;;OAEG;IACI,yBAAyB,CAAC,MAAwB;QACvD,MAAM,UAAU,GAAG,IAAI,GAAG,EAAsB,CAAC;QAEjD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,UAAU,CAAC;QAE3C,qBAAqB;QACrB,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAEjF,8BAA8B;QAC9B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,2CAA2C;YAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CACxC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CACtD,CAAC;YAEF,yEAAyE;YACzE,IAAI,gBAAgB,GAAG,CAAC,CAAC;YACzB,KAAK,MAAM,KAAK,IAAI,WAAW,EAAE,CAAC;gBAChC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC3C,IAAI,SAAS,EAAE,CAAC;oBACd,yDAAyD;oBACzD,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;gBAC1E,CAAC;YACH,CAAC;YAED,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAC7D,CAAC;QAED,iFAAiF;QACjF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAE,CAAC;YAE9C,mEAAmE;YACnE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CACxC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CACtD,CAAC;YAEF,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBAC/C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC3C,OAAO,SAAS,IAAI,SAAS,CAAC,UAAU,KAAK,WAAW,CAAC,UAAU,GAAG,CAAC,CAAC;YAC1E,CAAC,CAAC,CAAC;YAEH,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7B,4CAA4C;gBAC5C,WAAW,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACzC,CAAC;YAED,mEAAmE;YACnE,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBAC/C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC3C,OAAO,SAAS,IAAI,SAAS,CAAC,UAAU,KAAK,WAAW,CAAC,UAAU,GAAG,CAAC,CAAC;YAC1E,CAAC,CAAC,CAAC;YAEH,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7B,4CAA4C;gBAC5C,WAAW,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACzC,CAAC;QACH,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED;;OAEG;IACI,mBAAmB,CAAC,UAAkB;QAC3C,OAAO,UAAU,GAAG,iBAAiB,CAAC,eAAe,CAAC;IACxD,CAAC;IAED;;OAEG;IACI,eAAe,CAAC,UAAkB;QACvC,OAAO,GAAG,GAAG,UAAU,CAAC;IAC1B,CAAC;IAED;;OAEG;IACI,kBAAkB,CAAC,SAAqB;QAC7C,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,oBAAoB,CAAC,IAAY;QACtC,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED;;OAEG;IACI,uBAAuB,CAAC,OAAoB,EAAE,SAAqB;QACxE,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjE,CAAC;IAED;;OAEG;IACI,uBAAuB,CAAC,OAAoB;QACjD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;QACvC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QACvB,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED;;OAEG;IACI,kBAAkB,CAAC,OAAoB,EAAE,UAAkB;QAChE,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC;QACvE,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,CAAC;IAC/D,CAAC;IAED;;OAEG;IACI,yBAAyB,CAAC,OAAoB;QACnD,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,kBAAkB,CAAC,OAAoB;QAC5C,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;IAC5B,CAAC;;AAjPuB,iCAAe,GAAG,EAAE,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/GridManager.d.ts b/wwwroot/js/managers/GridManager.d.ts
new file mode 100644
index 0000000..2f4d451
--- /dev/null
+++ b/wwwroot/js/managers/GridManager.d.ts
@@ -0,0 +1,30 @@
+/**
+ * GridManager - Simplified grid manager using centralized GridRenderer
+ * Delegates DOM rendering to GridRenderer, focuses on coordination
+ */
+import { GridRenderer } from '../renderers/GridRenderer';
+import { DateService } from '../utils/DateService';
+import { Configuration } from '../configurations/CalendarConfig';
+import { EventManager } from './EventManager';
+/**
+ * Simplified GridManager focused on coordination, delegates rendering to GridRenderer
+ */
+export declare class GridManager {
+    private container;
+    private currentDate;
+    private currentView;
+    private gridRenderer;
+    private dateService;
+    private config;
+    private dataSource;
+    private eventManager;
+    constructor(gridRenderer: GridRenderer, dateService: DateService, config: Configuration, eventManager: EventManager);
+    private init;
+    private findElements;
+    private subscribeToEvents;
+    /**
+     * Main render method - delegates to GridRenderer
+     * Note: CSS variables are automatically updated by ConfigManager when config changes
+     */
+    render(): Promise<void>;
+}
diff --git a/wwwroot/js/managers/GridManager.js b/wwwroot/js/managers/GridManager.js
new file mode 100644
index 0000000..c3294e8
--- /dev/null
+++ b/wwwroot/js/managers/GridManager.js
@@ -0,0 +1,77 @@
+/**
+ * GridManager - Simplified grid manager using centralized GridRenderer
+ * Delegates DOM rendering to GridRenderer, focuses on coordination
+ */
+import { eventBus } from '../core/EventBus';
+import { CoreEvents } from '../constants/CoreEvents';
+import { DateColumnDataSource } from '../datasources/DateColumnDataSource';
+/**
+ * Simplified GridManager focused on coordination, delegates rendering to GridRenderer
+ */
+export class GridManager {
+    constructor(gridRenderer, dateService, config, eventManager) {
+        this.container = null;
+        this.currentDate = new Date();
+        this.currentView = 'week';
+        this.gridRenderer = gridRenderer;
+        this.dateService = dateService;
+        this.config = config;
+        this.eventManager = eventManager;
+        this.dataSource = new DateColumnDataSource(dateService, config, this.currentDate, this.currentView);
+        this.init();
+    }
+    init() {
+        this.findElements();
+        this.subscribeToEvents();
+    }
+    findElements() {
+        this.container = document.querySelector('swp-calendar-container');
+    }
+    subscribeToEvents() {
+        // Listen for view changes
+        eventBus.on(CoreEvents.VIEW_CHANGED, (e) => {
+            const detail = e.detail;
+            this.currentView = detail.currentView;
+            this.dataSource.setCurrentView(this.currentView);
+            this.render();
+        });
+        // Listen for navigation events from NavigationButtons
+        eventBus.on(CoreEvents.NAVIGATION_COMPLETED, (e) => {
+            const detail = e.detail;
+            this.currentDate = detail.newDate;
+            this.dataSource.setCurrentDate(this.currentDate);
+            this.render();
+        });
+        // Listen for config changes that affect rendering
+        eventBus.on(CoreEvents.REFRESH_REQUESTED, (e) => {
+            this.render();
+        });
+        eventBus.on(CoreEvents.WORKWEEK_CHANGED, () => {
+            this.render();
+        });
+    }
+    /**
+     * Main render method - delegates to GridRenderer
+     * Note: CSS variables are automatically updated by ConfigManager when config changes
+     */
+    async render() {
+        if (!this.container) {
+            return;
+        }
+        // Get dates from datasource - single source of truth
+        const dates = this.dataSource.getColumns();
+        // Get events for the period from EventManager
+        const startDate = dates[0];
+        const endDate = dates[dates.length - 1];
+        const events = await this.eventManager.getEventsForPeriod(startDate, endDate);
+        // Delegate to GridRenderer with dates and events
+        this.gridRenderer.renderGrid(this.container, this.currentDate, this.currentView, dates, events);
+        // Emit grid rendered event
+        eventBus.emit(CoreEvents.GRID_RENDERED, {
+            container: this.container,
+            currentDate: this.currentDate,
+            dates: dates
+        });
+    }
+}
+//# sourceMappingURL=GridManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/GridManager.js.map b/wwwroot/js/managers/GridManager.js.map
new file mode 100644
index 0000000..d5a0f33
--- /dev/null
+++ b/wwwroot/js/managers/GridManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"GridManager.js","sourceRoot":"","sources":["../../../src/managers/GridManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/HeaderManager.d.ts b/wwwroot/js/managers/HeaderManager.d.ts
new file mode 100644
index 0000000..6eabc82
--- /dev/null
+++ b/wwwroot/js/managers/HeaderManager.d.ts
@@ -0,0 +1,32 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { IHeaderRenderer } from '../renderers/DateHeaderRenderer';
+/**
+ * HeaderManager - Handles all header-related event logic
+ * Separates event handling from rendering concerns
+ * Uses dependency injection for renderer strategy
+ */
+export declare class HeaderManager {
+    private headerRenderer;
+    private config;
+    constructor(headerRenderer: IHeaderRenderer, config: Configuration);
+    /**
+     * Setup header drag event listeners - Listen to DragDropManager events
+     */
+    setupHeaderDragListeners(): void;
+    /**
+     * Handle drag mouse enter header event
+     */
+    private handleDragMouseEnterHeader;
+    /**
+     * Handle drag mouse leave header event
+     */
+    private handleDragMouseLeaveHeader;
+    /**
+     * Setup navigation event listener
+     */
+    private setupNavigationListener;
+    /**
+     * Update header content for navigation
+     */
+    private updateHeader;
+}
diff --git a/wwwroot/js/managers/HeaderManager.js b/wwwroot/js/managers/HeaderManager.js
new file mode 100644
index 0000000..f985c7a
--- /dev/null
+++ b/wwwroot/js/managers/HeaderManager.js
@@ -0,0 +1,103 @@
+import { eventBus } from '../core/EventBus';
+import { CoreEvents } from '../constants/CoreEvents';
+import { ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
+/**
+ * HeaderManager - Handles all header-related event logic
+ * Separates event handling from rendering concerns
+ * Uses dependency injection for renderer strategy
+ */
+export class HeaderManager {
+    constructor(headerRenderer, config) {
+        this.headerRenderer = headerRenderer;
+        this.config = config;
+        // Bind handler methods for event listeners
+        this.handleDragMouseEnterHeader = this.handleDragMouseEnterHeader.bind(this);
+        this.handleDragMouseLeaveHeader = this.handleDragMouseLeaveHeader.bind(this);
+        // Listen for navigation events to update header
+        this.setupNavigationListener();
+    }
+    /**
+     * Setup header drag event listeners - Listen to DragDropManager events
+     */
+    setupHeaderDragListeners() {
+        console.log('🎯 HeaderManager: Setting up drag event listeners');
+        // Subscribe to drag events from DragDropManager
+        eventBus.on('drag:mouseenter-header', this.handleDragMouseEnterHeader);
+        eventBus.on('drag:mouseleave-header', this.handleDragMouseLeaveHeader);
+        console.log('✅ HeaderManager: Drag event listeners attached');
+    }
+    /**
+     * Handle drag mouse enter header event
+     */
+    handleDragMouseEnterHeader(event) {
+        const { targetColumn: targetDate, mousePosition, originalElement, draggedClone: cloneElement } = event.detail;
+        console.log('🎯 HeaderManager: Received drag:mouseenter-header', {
+            targetDate,
+            originalElement: !!originalElement,
+            cloneElement: !!cloneElement
+        });
+    }
+    /**
+     * Handle drag mouse leave header event
+     */
+    handleDragMouseLeaveHeader(event) {
+        const { targetDate, mousePosition, originalElement, draggedClone: cloneElement } = event.detail;
+        console.log('🚪 HeaderManager: Received drag:mouseleave-header', {
+            targetDate,
+            originalElement: !!originalElement,
+            cloneElement: !!cloneElement
+        });
+    }
+    /**
+     * Setup navigation event listener
+     */
+    setupNavigationListener() {
+        eventBus.on(CoreEvents.NAVIGATION_COMPLETED, (event) => {
+            const { currentDate } = event.detail;
+            this.updateHeader(currentDate);
+        });
+        // Also listen for date changes (including initial setup)
+        eventBus.on(CoreEvents.DATE_CHANGED, (event) => {
+            const { currentDate } = event.detail;
+            this.updateHeader(currentDate);
+        });
+        // Listen for workweek header updates after grid rebuild
+        //currentDate: this.currentDate,
+        //currentView: this.currentView,
+        //workweek: this.config.currentWorkWeek
+        eventBus.on('workweek:header-update', (event) => {
+            const { currentDate } = event.detail;
+            this.updateHeader(currentDate);
+        });
+    }
+    /**
+     * Update header content for navigation
+     */
+    updateHeader(currentDate) {
+        console.log('🎯 HeaderManager.updateHeader called', {
+            currentDate,
+            rendererType: this.headerRenderer.constructor.name
+        });
+        const calendarHeader = document.querySelector('swp-calendar-header');
+        if (!calendarHeader) {
+            console.warn('❌ HeaderManager: No calendar header found!');
+            return;
+        }
+        // Clear existing content
+        calendarHeader.innerHTML = '';
+        // Render new header content using injected renderer
+        const context = {
+            currentWeek: currentDate,
+            config: this.config
+        };
+        this.headerRenderer.render(calendarHeader, context);
+        // Setup event listeners on the new content
+        this.setupHeaderDragListeners();
+        // Notify other managers that header is ready with period data
+        const payload = {
+            headerElements: ColumnDetectionUtils.getHeaderColumns(),
+        };
+        eventBus.emit('header:ready', payload);
+    }
+}
+//# sourceMappingURL=HeaderManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/HeaderManager.js.map b/wwwroot/js/managers/HeaderManager.js.map
new file mode 100644
index 0000000..61da5cd
--- /dev/null
+++ b/wwwroot/js/managers/HeaderManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"HeaderManager.js","sourceRoot":"","sources":["../../../src/managers/HeaderManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/NavigationButtonsManager.d.ts b/wwwroot/js/managers/NavigationButtonsManager.d.ts
new file mode 100644
index 0000000..2fb76dc
--- /dev/null
+++ b/wwwroot/js/managers/NavigationButtonsManager.d.ts
@@ -0,0 +1,40 @@
+import { IEventBus } from '../types/CalendarTypes';
+/**
+ * NavigationButtonsManager - Manages navigation button UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-nav-group> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-nav-button elements
+ * - Validates navigation actions (prev, next, today)
+ * - Emits NAV_BUTTON_CLICKED events
+ * - Manages button UI listeners
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → validateAction() → emit event → NavigationManager handles navigation
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - NavigationManager: Performs actual navigation logic (animations, grid updates, week calculations)
+ */
+export declare class NavigationButtonsManager {
+    private eventBus;
+    private buttonListeners;
+    constructor(eventBus: IEventBus);
+    /**
+     * Setup click listeners on all navigation buttons
+     */
+    private setupButtonListeners;
+    /**
+     * Handle navigation action
+     */
+    private handleNavigation;
+    /**
+     * Validate if string is a valid navigation action
+     */
+    private isValidAction;
+}
diff --git a/wwwroot/js/managers/NavigationButtonsManager.js b/wwwroot/js/managers/NavigationButtonsManager.js
new file mode 100644
index 0000000..e1badd5
--- /dev/null
+++ b/wwwroot/js/managers/NavigationButtonsManager.js
@@ -0,0 +1,63 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * NavigationButtonsManager - Manages navigation button UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-nav-group> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-nav-button elements
+ * - Validates navigation actions (prev, next, today)
+ * - Emits NAV_BUTTON_CLICKED events
+ * - Manages button UI listeners
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → validateAction() → emit event → NavigationManager handles navigation
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - NavigationManager: Performs actual navigation logic (animations, grid updates, week calculations)
+ */
+export class NavigationButtonsManager {
+    constructor(eventBus) {
+        this.buttonListeners = new Map();
+        this.eventBus = eventBus;
+        this.setupButtonListeners();
+    }
+    /**
+     * Setup click listeners on all navigation buttons
+     */
+    setupButtonListeners() {
+        const buttons = document.querySelectorAll('swp-nav-button[data-action]');
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const action = button.getAttribute('data-action');
+                if (action && this.isValidAction(action)) {
+                    this.handleNavigation(action);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+    }
+    /**
+     * Handle navigation action
+     */
+    handleNavigation(action) {
+        // Emit navigation button clicked event
+        this.eventBus.emit(CoreEvents.NAV_BUTTON_CLICKED, {
+            action: action
+        });
+    }
+    /**
+     * Validate if string is a valid navigation action
+     */
+    isValidAction(action) {
+        return ['prev', 'next', 'today'].includes(action);
+    }
+}
+//# sourceMappingURL=NavigationButtonsManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/NavigationButtonsManager.js.map b/wwwroot/js/managers/NavigationButtonsManager.js.map
new file mode 100644
index 0000000..ab7bd56
--- /dev/null
+++ b/wwwroot/js/managers/NavigationButtonsManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButtonsManager.js","sourceRoot":"","sources":["../../../src/managers/NavigationButtonsManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,wBAAwB;IAInC,YAAY,QAAmB;QAFvB,oBAAe,GAAgC,IAAI,GAAG,EAAE,CAAC;QAG/D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,CAAC;QAEzE,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;gBACpC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBAClD,IAAI,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;oBACzC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC,CAAC;YAEF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAC/C,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,gBAAgB,CAAC,MAAc;QACrC,uCAAuC;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE;YAChD,MAAM,EAAE,MAAM;SACf,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,aAAa,CAAC,MAAc;QAClC,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/NavigationManager.d.ts b/wwwroot/js/managers/NavigationManager.d.ts
new file mode 100644
index 0000000..cc475be
--- /dev/null
+++ b/wwwroot/js/managers/NavigationManager.d.ts
@@ -0,0 +1,32 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { EventRenderingService } from '../renderers/EventRendererManager';
+import { DateService } from '../utils/DateService';
+import { WeekInfoRenderer } from '../renderers/WeekInfoRenderer';
+import { GridRenderer } from '../renderers/GridRenderer';
+export declare class NavigationManager {
+    private eventBus;
+    private weekInfoRenderer;
+    private gridRenderer;
+    private dateService;
+    private currentWeek;
+    private targetWeek;
+    private animationQueue;
+    constructor(eventBus: IEventBus, eventRenderer: EventRenderingService, gridRenderer: GridRenderer, dateService: DateService, weekInfoRenderer: WeekInfoRenderer);
+    private init;
+    /**
+     * Get the start of the ISO week (Monday) for a given date
+     * @param date - Any date in the week
+     * @returns The Monday of the ISO week
+     */
+    private getISOWeekStart;
+    private setupEventListeners;
+    /**
+     * Navigate to specific event date and emit scroll event after navigation
+     */
+    private navigateToEventDate;
+    private navigateToDate;
+    /**
+     * Animation transition using pre-rendered containers when available
+     */
+    private animateTransition;
+}
diff --git a/wwwroot/js/managers/NavigationManager.js b/wwwroot/js/managers/NavigationManager.js
new file mode 100644
index 0000000..a991117
--- /dev/null
+++ b/wwwroot/js/managers/NavigationManager.js
@@ -0,0 +1,188 @@
+import { CoreEvents } from '../constants/CoreEvents';
+export class NavigationManager {
+    constructor(eventBus, eventRenderer, gridRenderer, dateService, weekInfoRenderer) {
+        this.animationQueue = 0;
+        this.eventBus = eventBus;
+        this.dateService = dateService;
+        this.weekInfoRenderer = weekInfoRenderer;
+        this.gridRenderer = gridRenderer;
+        this.currentWeek = this.getISOWeekStart(new Date());
+        this.targetWeek = new Date(this.currentWeek);
+        this.init();
+    }
+    init() {
+        this.setupEventListeners();
+    }
+    /**
+     * Get the start of the ISO week (Monday) for a given date
+     * @param date - Any date in the week
+     * @returns The Monday of the ISO week
+     */
+    getISOWeekStart(date) {
+        const weekBounds = this.dateService.getWeekBounds(date);
+        return this.dateService.startOfDay(weekBounds.start);
+    }
+    setupEventListeners() {
+        // Listen for filter changes and apply to pre-rendered grids
+        this.eventBus.on(CoreEvents.FILTER_CHANGED, (e) => {
+            const detail = e.detail;
+            this.weekInfoRenderer.applyFilterToPreRenderedGrids(detail);
+        });
+        // Listen for navigation button clicks from NavigationButtons
+        this.eventBus.on(CoreEvents.NAV_BUTTON_CLICKED, (event) => {
+            const { direction, newDate } = event.detail;
+            // Navigate to the new date with animation
+            this.navigateToDate(newDate, direction);
+        });
+        // Listen for external navigation requests
+        this.eventBus.on(CoreEvents.DATE_CHANGED, (event) => {
+            const customEvent = event;
+            const dateFromEvent = customEvent.detail.currentDate;
+            // Validate date before processing
+            if (!dateFromEvent) {
+                console.warn('NavigationManager: No date provided in DATE_CHANGED event');
+                return;
+            }
+            const targetDate = new Date(dateFromEvent);
+            // Use DateService validation
+            const validation = this.dateService.validateDate(targetDate);
+            if (!validation.valid) {
+                console.warn('NavigationManager: Invalid date received:', validation.error);
+                return;
+            }
+            this.navigateToDate(targetDate);
+        });
+        // Listen for event navigation requests
+        this.eventBus.on(CoreEvents.NAVIGATE_TO_EVENT, (event) => {
+            const customEvent = event;
+            const { eventDate, eventStartTime } = customEvent.detail;
+            if (!eventDate || !eventStartTime) {
+                console.warn('NavigationManager: Invalid event navigation data');
+                return;
+            }
+            this.navigateToEventDate(eventDate, eventStartTime);
+        });
+    }
+    /**
+     * Navigate to specific event date and emit scroll event after navigation
+     */
+    navigateToEventDate(eventDate, eventStartTime) {
+        const weekStart = this.getISOWeekStart(eventDate);
+        this.targetWeek = new Date(weekStart);
+        const currentTime = this.currentWeek.getTime();
+        const targetTime = weekStart.getTime();
+        // Store event start time for scrolling after navigation
+        const scrollAfterNavigation = () => {
+            // Emit scroll request after navigation is complete
+            this.eventBus.emit('scroll:to-event-time', {
+                eventStartTime
+            });
+        };
+        if (currentTime < targetTime) {
+            this.animationQueue++;
+            this.animateTransition('next', weekStart);
+            // Listen for navigation completion to trigger scroll
+            this.eventBus.once(CoreEvents.NAVIGATION_COMPLETED, scrollAfterNavigation);
+        }
+        else if (currentTime > targetTime) {
+            this.animationQueue++;
+            this.animateTransition('prev', weekStart);
+            // Listen for navigation completion to trigger scroll
+            this.eventBus.once(CoreEvents.NAVIGATION_COMPLETED, scrollAfterNavigation);
+        }
+        else {
+            // Already on correct week, just scroll
+            scrollAfterNavigation();
+        }
+    }
+    navigateToDate(date, direction) {
+        const weekStart = this.getISOWeekStart(date);
+        this.targetWeek = new Date(weekStart);
+        const currentTime = this.currentWeek.getTime();
+        const targetTime = weekStart.getTime();
+        // Use provided direction or calculate based on time comparison
+        let animationDirection;
+        if (direction === 'next') {
+            animationDirection = 'next';
+        }
+        else if (direction === 'previous') {
+            animationDirection = 'prev';
+        }
+        else if (direction === 'today') {
+            // For "today", determine direction based on current position
+            animationDirection = currentTime < targetTime ? 'next' : 'prev';
+        }
+        else {
+            // Fallback: calculate direction
+            animationDirection = currentTime < targetTime ? 'next' : 'prev';
+        }
+        if (currentTime !== targetTime) {
+            this.animationQueue++;
+            this.animateTransition(animationDirection, weekStart);
+        }
+    }
+    /**
+     * Animation transition using pre-rendered containers when available
+     */
+    animateTransition(direction, targetWeek) {
+        const container = document.querySelector('swp-calendar-container');
+        const currentGrid = document.querySelector('swp-calendar-container swp-grid-container:not([data-prerendered])');
+        if (!container || !currentGrid) {
+            return;
+        }
+        // Reset all-day height BEFORE creating new grid to ensure base height
+        const root = document.documentElement;
+        root.style.setProperty('--all-day-row-height', '0px');
+        let newGrid;
+        console.group('🔧 NavigationManager.refactored');
+        console.log('Calling GridRenderer instead of NavigationRenderer');
+        console.log('Target week:', targetWeek);
+        // Always create a fresh container for consistent behavior
+        newGrid = this.gridRenderer.createNavigationGrid(container, targetWeek);
+        console.groupEnd();
+        // Clear any existing transforms before animation
+        newGrid.style.transform = '';
+        currentGrid.style.transform = '';
+        // Animate transition using Web Animations API
+        const slideOutAnimation = currentGrid.animate([
+            { transform: 'translateX(0)', opacity: '1' },
+            { transform: direction === 'next' ? 'translateX(-100%)' : 'translateX(100%)', opacity: '0.5' }
+        ], {
+            duration: 400,
+            easing: 'ease-in-out',
+            fill: 'forwards'
+        });
+        const slideInAnimation = newGrid.animate([
+            { transform: direction === 'next' ? 'translateX(100%)' : 'translateX(-100%)' },
+            { transform: 'translateX(0)' }
+        ], {
+            duration: 400,
+            easing: 'ease-in-out',
+            fill: 'forwards'
+        });
+        // Handle animation completion
+        slideInAnimation.addEventListener('finish', () => {
+            // Cleanup: Remove all old grids except the new one
+            const allGrids = container.querySelectorAll('swp-grid-container');
+            for (let i = 0; i < allGrids.length - 1; i++) {
+                allGrids[i].remove();
+            }
+            // Reset positioning
+            newGrid.style.position = 'relative';
+            newGrid.removeAttribute('data-prerendered');
+            // Update state
+            this.currentWeek = new Date(targetWeek);
+            this.animationQueue--;
+            // If this was the last queued animation, ensure we're in sync
+            if (this.animationQueue === 0) {
+                this.currentWeek = new Date(this.targetWeek);
+            }
+            // Emit navigation completed event
+            this.eventBus.emit(CoreEvents.NAVIGATION_COMPLETED, {
+                direction,
+                newDate: this.currentWeek
+            });
+        });
+    }
+}
+//# sourceMappingURL=NavigationManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/NavigationManager.js.map b/wwwroot/js/managers/NavigationManager.js.map
new file mode 100644
index 0000000..8b411ff
--- /dev/null
+++ b/wwwroot/js/managers/NavigationManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"NavigationManager.js","sourceRoot":"","sources":["../../../src/managers/NavigationManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/ResizeHandleManager.d.ts b/wwwroot/js/managers/ResizeHandleManager.d.ts
new file mode 100644
index 0000000..90f9d9c
--- /dev/null
+++ b/wwwroot/js/managers/ResizeHandleManager.d.ts
@@ -0,0 +1,42 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { PositionUtils } from '../utils/PositionUtils';
+export declare class ResizeHandleManager {
+    private config;
+    private positionUtils;
+    private isResizing;
+    private targetEl;
+    private startY;
+    private startDurationMin;
+    private snapMin;
+    private minDurationMin;
+    private animationId;
+    private currentHeight;
+    private targetHeight;
+    private pointerCaptured;
+    private prevZ?;
+    private readonly ANIMATION_SPEED;
+    private readonly Z_INDEX_RESIZING;
+    private readonly EVENT_REFRESH_THRESHOLD;
+    constructor(config: Configuration, positionUtils: PositionUtils);
+    initialize(): void;
+    destroy(): void;
+    private removeEventListeners;
+    private createResizeHandle;
+    private attachGlobalListeners;
+    private onMouseOver;
+    private onPointerDown;
+    private startResizing;
+    private setZIndexForResizing;
+    private capturePointer;
+    private onPointerMove;
+    private updateResizeHeight;
+    private animate;
+    private finalizeAnimation;
+    private onPointerUp;
+    private cleanupAnimation;
+    private snapToGrid;
+    private emitResizeEndEvent;
+    private cleanupResizing;
+    private restoreZIndex;
+    private releasePointer;
+}
diff --git a/wwwroot/js/managers/ResizeHandleManager.js b/wwwroot/js/managers/ResizeHandleManager.js
new file mode 100644
index 0000000..c753f42
--- /dev/null
+++ b/wwwroot/js/managers/ResizeHandleManager.js
@@ -0,0 +1,194 @@
+import { eventBus } from '../core/EventBus';
+export class ResizeHandleManager {
+    constructor(config, positionUtils) {
+        this.config = config;
+        this.positionUtils = positionUtils;
+        this.isResizing = false;
+        this.targetEl = null;
+        this.startY = 0;
+        this.startDurationMin = 0;
+        this.animationId = null;
+        this.currentHeight = 0;
+        this.targetHeight = 0;
+        this.pointerCaptured = false;
+        // Constants for better maintainability
+        this.ANIMATION_SPEED = 0.35;
+        this.Z_INDEX_RESIZING = '1000';
+        this.EVENT_REFRESH_THRESHOLD = 0.5;
+        this.onMouseOver = (e) => {
+            const target = e.target;
+            const eventElement = target.closest('swp-event');
+            if (eventElement && !this.isResizing) {
+                // Check if handle already exists
+                if (!eventElement.querySelector(':scope > swp-resize-handle')) {
+                    const handle = this.createResizeHandle();
+                    eventElement.appendChild(handle);
+                }
+            }
+        };
+        this.onPointerDown = (e) => {
+            const handle = e.target.closest('swp-resize-handle');
+            if (!handle)
+                return;
+            const element = handle.parentElement;
+            this.startResizing(element, e);
+        };
+        this.onPointerMove = (e) => {
+            if (!this.isResizing || !this.targetEl)
+                return;
+            this.updateResizeHeight(e.clientY);
+        };
+        this.animate = () => {
+            if (!this.isResizing || !this.targetEl) {
+                this.animationId = null;
+                return;
+            }
+            const diff = this.targetHeight - this.currentHeight;
+            if (Math.abs(diff) > this.EVENT_REFRESH_THRESHOLD) {
+                this.currentHeight += diff * this.ANIMATION_SPEED;
+                this.targetEl.updateHeight?.(this.currentHeight);
+                this.animationId = requestAnimationFrame(this.animate);
+            }
+            else {
+                this.finalizeAnimation();
+            }
+        };
+        this.onPointerUp = (e) => {
+            if (!this.isResizing || !this.targetEl)
+                return;
+            this.cleanupAnimation();
+            this.snapToGrid();
+            this.emitResizeEndEvent();
+            this.cleanupResizing(e);
+        };
+        const grid = this.config.gridSettings;
+        this.snapMin = grid.snapInterval;
+        this.minDurationMin = this.snapMin;
+    }
+    initialize() {
+        this.attachGlobalListeners();
+    }
+    destroy() {
+        this.removeEventListeners();
+    }
+    removeEventListeners() {
+        const calendarContainer = document.querySelector('swp-calendar-container');
+        if (calendarContainer) {
+            calendarContainer.removeEventListener('mouseover', this.onMouseOver, true);
+        }
+        document.removeEventListener('pointerdown', this.onPointerDown, true);
+        document.removeEventListener('pointermove', this.onPointerMove, true);
+        document.removeEventListener('pointerup', this.onPointerUp, true);
+    }
+    createResizeHandle() {
+        const handle = document.createElement('swp-resize-handle');
+        handle.setAttribute('aria-label', 'Resize event');
+        handle.setAttribute('role', 'separator');
+        return handle;
+    }
+    attachGlobalListeners() {
+        const calendarContainer = document.querySelector('swp-calendar-container');
+        if (calendarContainer) {
+            calendarContainer.addEventListener('mouseover', this.onMouseOver, true);
+        }
+        document.addEventListener('pointerdown', this.onPointerDown, true);
+        document.addEventListener('pointermove', this.onPointerMove, true);
+        document.addEventListener('pointerup', this.onPointerUp, true);
+    }
+    startResizing(element, event) {
+        this.targetEl = element;
+        this.isResizing = true;
+        this.startY = event.clientY;
+        const startHeight = element.offsetHeight;
+        this.startDurationMin = Math.max(this.minDurationMin, Math.round(this.positionUtils.pixelsToMinutes(startHeight)));
+        this.setZIndexForResizing(element);
+        this.capturePointer(event);
+        document.documentElement.classList.add('swp--resizing');
+        event.preventDefault();
+    }
+    setZIndexForResizing(element) {
+        const container = element.closest('swp-event-group') ?? element;
+        this.prevZ = container.style.zIndex;
+        container.style.zIndex = this.Z_INDEX_RESIZING;
+    }
+    capturePointer(event) {
+        try {
+            event.target.setPointerCapture?.(event.pointerId);
+            this.pointerCaptured = true;
+        }
+        catch (error) {
+            console.warn('Pointer capture failed:', error);
+        }
+    }
+    updateResizeHeight(currentY) {
+        const deltaY = currentY - this.startY;
+        const startHeight = this.positionUtils.minutesToPixels(this.startDurationMin);
+        const rawHeight = startHeight + deltaY;
+        const minHeight = this.positionUtils.minutesToPixels(this.minDurationMin);
+        this.targetHeight = Math.max(minHeight, rawHeight);
+        if (this.animationId == null) {
+            this.currentHeight = this.targetEl?.offsetHeight;
+            this.animate();
+        }
+    }
+    finalizeAnimation() {
+        if (!this.targetEl)
+            return;
+        this.currentHeight = this.targetHeight;
+        this.targetEl.updateHeight?.(this.currentHeight);
+        this.animationId = null;
+    }
+    cleanupAnimation() {
+        if (this.animationId != null) {
+            cancelAnimationFrame(this.animationId);
+            this.animationId = null;
+        }
+    }
+    snapToGrid() {
+        if (!this.targetEl)
+            return;
+        const currentHeight = this.targetEl.offsetHeight;
+        const snapDistancePx = this.positionUtils.minutesToPixels(this.snapMin);
+        const snappedHeight = Math.round(currentHeight / snapDistancePx) * snapDistancePx;
+        const minHeight = this.positionUtils.minutesToPixels(this.minDurationMin);
+        const finalHeight = Math.max(minHeight, snappedHeight) - 3; // Small gap to grid lines
+        this.targetEl.updateHeight?.(finalHeight);
+    }
+    emitResizeEndEvent() {
+        if (!this.targetEl)
+            return;
+        const eventId = this.targetEl.dataset.eventId || '';
+        const resizeEndPayload = {
+            eventId,
+            element: this.targetEl,
+            finalHeight: this.targetEl.offsetHeight
+        };
+        eventBus.emit('resize:end', resizeEndPayload);
+    }
+    cleanupResizing(event) {
+        this.restoreZIndex();
+        this.releasePointer(event);
+        this.isResizing = false;
+        this.targetEl = null;
+        document.documentElement.classList.remove('swp--resizing');
+    }
+    restoreZIndex() {
+        if (!this.targetEl || this.prevZ === undefined)
+            return;
+        const container = this.targetEl.closest('swp-event-group') ?? this.targetEl;
+        container.style.zIndex = this.prevZ;
+        this.prevZ = undefined;
+    }
+    releasePointer(event) {
+        if (!this.pointerCaptured)
+            return;
+        try {
+            event.target.releasePointerCapture?.(event.pointerId);
+            this.pointerCaptured = false;
+        }
+        catch (error) {
+            console.warn('Pointer release failed:', error);
+        }
+    }
+}
+//# sourceMappingURL=ResizeHandleManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/ResizeHandleManager.js.map b/wwwroot/js/managers/ResizeHandleManager.js.map
new file mode 100644
index 0000000..fa05fae
--- /dev/null
+++ b/wwwroot/js/managers/ResizeHandleManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandleManager.js","sourceRoot":"","sources":["../../../src/managers/ResizeHandleManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/ScrollManager.d.ts b/wwwroot/js/managers/ScrollManager.d.ts
new file mode 100644
index 0000000..a3eda8a
--- /dev/null
+++ b/wwwroot/js/managers/ScrollManager.d.ts
@@ -0,0 +1,64 @@
+import { PositionUtils } from '../utils/PositionUtils';
+/**
+ * Manages scrolling functionality for the calendar using native scrollbars
+ */
+export declare class ScrollManager {
+    private scrollableContent;
+    private calendarContainer;
+    private timeAxis;
+    private calendarHeader;
+    private resizeObserver;
+    private positionUtils;
+    constructor(positionUtils: PositionUtils);
+    private init;
+    /**
+     * Public method to initialize scroll after grid is rendered
+     */
+    initialize(): void;
+    private subscribeToEvents;
+    /**
+     * Setup scrolling functionality after grid is rendered
+     */
+    private setupScrolling;
+    /**
+     * Find DOM elements needed for scrolling
+     */
+    private findElements;
+    /**
+     * Scroll to specific position
+     */
+    scrollTo(scrollTop: number): void;
+    /**
+     * Scroll to specific hour using PositionUtils
+     */
+    scrollToHour(hour: number): void;
+    /**
+     * Scroll to specific event time
+     * @param eventStartTime ISO string of event start time
+     */
+    scrollToEventTime(eventStartTime: string): void;
+    /**
+     * Setup ResizeObserver to monitor container size changes
+     */
+    private setupResizeObserver;
+    /**
+     * Calculate and update scrollable content height dynamically
+     */
+    private updateScrollableHeight;
+    /**
+     * Setup scroll synchronization between scrollable content and time axis
+     */
+    private setupScrollSynchronization;
+    /**
+     * Synchronize time axis position with scrollable content
+     */
+    private syncTimeAxisPosition;
+    /**
+     * Setup horizontal scroll synchronization between scrollable content and calendar header
+     */
+    private setupHorizontalScrollSynchronization;
+    /**
+     * Synchronize calendar header position with scrollable content horizontal scroll
+     */
+    private syncCalendarHeaderPosition;
+}
diff --git a/wwwroot/js/managers/ScrollManager.js b/wwwroot/js/managers/ScrollManager.js
new file mode 100644
index 0000000..c14533a
--- /dev/null
+++ b/wwwroot/js/managers/ScrollManager.js
@@ -0,0 +1,217 @@
+// Custom scroll management for calendar week container
+import { eventBus } from '../core/EventBus';
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * Manages scrolling functionality for the calendar using native scrollbars
+ */
+export class ScrollManager {
+    constructor(positionUtils) {
+        this.scrollableContent = null;
+        this.calendarContainer = null;
+        this.timeAxis = null;
+        this.calendarHeader = null;
+        this.resizeObserver = null;
+        this.positionUtils = positionUtils;
+        this.init();
+    }
+    init() {
+        this.subscribeToEvents();
+    }
+    /**
+     * Public method to initialize scroll after grid is rendered
+     */
+    initialize() {
+        this.setupScrolling();
+    }
+    subscribeToEvents() {
+        // Handle navigation animation completion - sync time axis position
+        eventBus.on(CoreEvents.NAVIGATION_COMPLETED, () => {
+            this.syncTimeAxisPosition();
+            this.setupScrolling();
+        });
+        // Handle all-day row height changes
+        eventBus.on('header:height-changed', () => {
+            this.updateScrollableHeight();
+        });
+        // Handle header ready - refresh header reference and re-sync
+        eventBus.on('header:ready', () => {
+            this.calendarHeader = document.querySelector('swp-calendar-header');
+            if (this.scrollableContent && this.calendarHeader) {
+                this.setupHorizontalScrollSynchronization();
+                this.syncCalendarHeaderPosition(); // Immediately sync position
+            }
+            this.updateScrollableHeight(); // Update height calculations
+        });
+        // Handle window resize
+        window.addEventListener('resize', () => {
+            this.updateScrollableHeight();
+        });
+        // Listen for scroll to event time requests
+        eventBus.on('scroll:to-event-time', (event) => {
+            const customEvent = event;
+            const { eventStartTime } = customEvent.detail;
+            if (eventStartTime) {
+                this.scrollToEventTime(eventStartTime);
+            }
+        });
+    }
+    /**
+     * Setup scrolling functionality after grid is rendered
+     */
+    setupScrolling() {
+        this.findElements();
+        if (this.scrollableContent && this.calendarContainer) {
+            this.setupResizeObserver();
+            this.updateScrollableHeight();
+            this.setupScrollSynchronization();
+        }
+        // Setup horizontal scrolling synchronization
+        if (this.scrollableContent && this.calendarHeader) {
+            this.setupHorizontalScrollSynchronization();
+        }
+    }
+    /**
+     * Find DOM elements needed for scrolling
+     */
+    findElements() {
+        this.scrollableContent = document.querySelector('swp-scrollable-content');
+        this.calendarContainer = document.querySelector('swp-calendar-container');
+        this.timeAxis = document.querySelector('swp-time-axis');
+        this.calendarHeader = document.querySelector('swp-calendar-header');
+    }
+    /**
+     * Scroll to specific position
+     */
+    scrollTo(scrollTop) {
+        if (!this.scrollableContent)
+            return;
+        this.scrollableContent.scrollTop = scrollTop;
+    }
+    /**
+     * Scroll to specific hour using PositionUtils
+     */
+    scrollToHour(hour) {
+        // Create time string for the hour
+        const timeString = `${hour.toString().padStart(2, '0')}:00`;
+        const scrollTop = this.positionUtils.timeToPixels(timeString);
+        this.scrollTo(scrollTop);
+    }
+    /**
+     * Scroll to specific event time
+     * @param eventStartTime ISO string of event start time
+     */
+    scrollToEventTime(eventStartTime) {
+        try {
+            const eventDate = new Date(eventStartTime);
+            const eventHour = eventDate.getHours();
+            const eventMinutes = eventDate.getMinutes();
+            // Convert to decimal hour (e.g., 14:30 becomes 14.5)
+            const decimalHour = eventHour + (eventMinutes / 60);
+            this.scrollToHour(decimalHour);
+        }
+        catch (error) {
+            console.warn('ScrollManager: Failed to scroll to event time:', error);
+        }
+    }
+    /**
+     * Setup ResizeObserver to monitor container size changes
+     */
+    setupResizeObserver() {
+        if (!this.calendarContainer)
+            return;
+        // Clean up existing observer
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        this.resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                this.updateScrollableHeight();
+            }
+        });
+        this.resizeObserver.observe(this.calendarContainer);
+    }
+    /**
+     * Calculate and update scrollable content height dynamically
+     */
+    updateScrollableHeight() {
+        if (!this.scrollableContent || !this.calendarContainer)
+            return;
+        // Get calendar container height
+        const containerRect = this.calendarContainer.getBoundingClientRect();
+        // Find navigation height
+        const navigation = document.querySelector('swp-calendar-nav');
+        const navHeight = navigation ? navigation.getBoundingClientRect().height : 0;
+        // Find calendar header height
+        const calendarHeaderElement = document.querySelector('swp-calendar-header');
+        const headerHeight = calendarHeaderElement ? calendarHeaderElement.getBoundingClientRect().height : 80;
+        // Calculate available height for scrollable content
+        const availableHeight = containerRect.height - headerHeight;
+        // Calculate available width (container width minus time-axis)
+        const availableWidth = containerRect.width - 60; // 60px time-axis
+        // Set the height and width on scrollable content
+        if (availableHeight > 0) {
+            this.scrollableContent.style.height = `${availableHeight}px`;
+        }
+        if (availableWidth > 0) {
+            this.scrollableContent.style.width = `${availableWidth}px`;
+        }
+    }
+    /**
+     * Setup scroll synchronization between scrollable content and time axis
+     */
+    setupScrollSynchronization() {
+        if (!this.scrollableContent || !this.timeAxis)
+            return;
+        // Throttle scroll events for better performance
+        let scrollTimeout = null;
+        this.scrollableContent.addEventListener('scroll', () => {
+            if (scrollTimeout) {
+                cancelAnimationFrame(scrollTimeout);
+            }
+            scrollTimeout = requestAnimationFrame(() => {
+                this.syncTimeAxisPosition();
+            });
+        });
+    }
+    /**
+     * Synchronize time axis position with scrollable content
+     */
+    syncTimeAxisPosition() {
+        if (!this.scrollableContent || !this.timeAxis)
+            return;
+        const scrollTop = this.scrollableContent.scrollTop;
+        const timeAxisContent = this.timeAxis.querySelector('swp-time-axis-content');
+        if (timeAxisContent) {
+            // Use transform for smooth performance
+            timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
+            // Debug logging (can be removed later)
+            if (scrollTop % 100 === 0) { // Only log every 100px to avoid spam
+            }
+        }
+    }
+    /**
+     * Setup horizontal scroll synchronization between scrollable content and calendar header
+     */
+    setupHorizontalScrollSynchronization() {
+        if (!this.scrollableContent || !this.calendarHeader)
+            return;
+        // Listen to horizontal scroll events
+        this.scrollableContent.addEventListener('scroll', () => {
+            this.syncCalendarHeaderPosition();
+        });
+    }
+    /**
+     * Synchronize calendar header position with scrollable content horizontal scroll
+     */
+    syncCalendarHeaderPosition() {
+        if (!this.scrollableContent || !this.calendarHeader)
+            return;
+        const scrollLeft = this.scrollableContent.scrollLeft;
+        // Use transform for smooth performance
+        this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
+        // Debug logging (can be removed later)
+        if (scrollLeft % 100 === 0) { // Only log every 100px to avoid spam
+        }
+    }
+}
+//# sourceMappingURL=ScrollManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/ScrollManager.js.map b/wwwroot/js/managers/ScrollManager.js.map
new file mode 100644
index 0000000..63c28e1
--- /dev/null
+++ b/wwwroot/js/managers/ScrollManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ScrollManager.js","sourceRoot":"","sources":["../../../src/managers/ScrollManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/SimpleEventOverlapManager.d.ts b/wwwroot/js/managers/SimpleEventOverlapManager.d.ts
new file mode 100644
index 0000000..a3dce25
--- /dev/null
+++ b/wwwroot/js/managers/SimpleEventOverlapManager.d.ts
@@ -0,0 +1,80 @@
+/**
+ * SimpleEventOverlapManager - Clean, focused overlap management
+ * Eliminates complex state tracking in favor of direct DOM manipulation
+ */
+import { CalendarEvent } from '../types/CalendarTypes';
+export declare enum OverlapType {
+    NONE = "none",
+    COLUMN_SHARING = "column_sharing",
+    STACKING = "stacking"
+}
+export interface OverlapGroup {
+    type: OverlapType;
+    events: CalendarEvent[];
+    position: {
+        top: number;
+        height: number;
+    };
+}
+export interface StackLink {
+    prev?: string;
+    next?: string;
+    stackLevel: number;
+}
+export declare class SimpleEventOverlapManager {
+    private static readonly STACKING_WIDTH_REDUCTION_PX;
+    /**
+     * Detect overlap type between two DOM elements - pixel-based logic
+     */
+    resolveOverlapType(element1: HTMLElement, element2: HTMLElement): OverlapType;
+    /**
+     * Group overlapping elements - pixel-based algorithm
+     */
+    groupOverlappingElements(elements: HTMLElement[]): HTMLElement[][];
+    /**
+     * Create flexbox container for column sharing - clean and simple
+     */
+    createEventGroup(events: CalendarEvent[], position: {
+        top: number;
+        height: number;
+    }): HTMLElement;
+    /**
+     * Add event to flexbox group - simple relative positioning
+     */
+    addToEventGroup(container: HTMLElement, eventElement: HTMLElement): void;
+    /**
+     * Create stacked event with data-attribute tracking
+     */
+    createStackedEvent(eventElement: HTMLElement, underlyingElement: HTMLElement, stackLevel: number): void;
+    /**
+     * Remove stacked styling with proper stack re-linking
+     */
+    removeStackedStyling(eventElement: HTMLElement): void;
+    /**
+     * Update stack levels for all events following a given event ID
+     */
+    private updateSubsequentStackLevels;
+    /**
+     * Check if element is stacked - check both style and data-stack-link
+     */
+    isStackedEvent(element: HTMLElement): boolean;
+    /**
+     * Remove event from group with proper cleanup
+     */
+    removeFromEventGroup(container: HTMLElement, eventId: string): boolean;
+    /**
+     * Restack events in container - respects separate stack chains
+     */
+    restackEventsInContainer(container: HTMLElement): void;
+    /**
+     * Utility methods - simple DOM traversal
+     */
+    getEventGroup(eventElement: HTMLElement): HTMLElement | null;
+    isInEventGroup(element: HTMLElement): boolean;
+    /**
+     * Helper methods for data-attribute based stack tracking
+     */
+    getStackLink(element: HTMLElement): StackLink | null;
+    private setStackLink;
+    private findElementById;
+}
diff --git a/wwwroot/js/managers/SimpleEventOverlapManager.js b/wwwroot/js/managers/SimpleEventOverlapManager.js
new file mode 100644
index 0000000..b782f02
--- /dev/null
+++ b/wwwroot/js/managers/SimpleEventOverlapManager.js
@@ -0,0 +1,399 @@
+/**
+ * SimpleEventOverlapManager - Clean, focused overlap management
+ * Eliminates complex state tracking in favor of direct DOM manipulation
+ */
+import { calendarConfig } from '../core/CalendarConfig';
+export var OverlapType;
+(function (OverlapType) {
+    OverlapType["NONE"] = "none";
+    OverlapType["COLUMN_SHARING"] = "column_sharing";
+    OverlapType["STACKING"] = "stacking";
+})(OverlapType || (OverlapType = {}));
+export class SimpleEventOverlapManager {
+    /**
+     * Detect overlap type between two DOM elements - pixel-based logic
+     */
+    resolveOverlapType(element1, element2) {
+        const top1 = parseInt(element1.style.top) || 0;
+        const height1 = parseInt(element1.style.height) || 0;
+        const bottom1 = top1 + height1;
+        const top2 = parseInt(element2.style.top) || 0;
+        const height2 = parseInt(element2.style.height) || 0;
+        const bottom2 = top2 + height2;
+        // Check if events overlap in pixel space
+        const tolerance = 2;
+        if (bottom1 <= (top2 + tolerance) || bottom2 <= (top1 + tolerance)) {
+            return OverlapType.NONE;
+        }
+        // Events overlap - check start position difference for overlap type
+        const startDifference = Math.abs(top1 - top2);
+        // Over 40px start difference = stacking
+        if (startDifference > 40) {
+            return OverlapType.STACKING;
+        }
+        // Within 40px start difference = column sharing
+        return OverlapType.COLUMN_SHARING;
+    }
+    /**
+     * Group overlapping elements - pixel-based algorithm
+     */
+    groupOverlappingElements(elements) {
+        const groups = [];
+        const processed = new Set();
+        for (const element of elements) {
+            if (processed.has(element))
+                continue;
+            // Find all elements that overlap with this one
+            const overlapping = elements.filter(other => {
+                if (processed.has(other))
+                    return false;
+                return other === element || this.resolveOverlapType(element, other) !== OverlapType.NONE;
+            });
+            // Mark all as processed
+            overlapping.forEach(e => processed.add(e));
+            groups.push(overlapping);
+        }
+        return groups;
+    }
+    /**
+     * Create flexbox container for column sharing - clean and simple
+     */
+    createEventGroup(events, position) {
+        const container = document.createElement('swp-event-group');
+        return container;
+    }
+    /**
+     * Add event to flexbox group - simple relative positioning
+     */
+    addToEventGroup(container, eventElement) {
+        // Set duration-based height
+        const duration = eventElement.dataset.duration;
+        if (duration) {
+            const durationMinutes = parseInt(duration);
+            const gridSettings = calendarConfig.getGridSettings();
+            const height = (durationMinutes / 60) * gridSettings.hourHeight;
+            eventElement.style.height = `${height - 3}px`;
+        }
+        // Flexbox styling
+        eventElement.style.position = 'relative';
+        eventElement.style.flex = '1';
+        eventElement.style.minWidth = '50px';
+        container.appendChild(eventElement);
+    }
+    /**
+     * Create stacked event with data-attribute tracking
+     */
+    createStackedEvent(eventElement, underlyingElement, stackLevel) {
+        const marginLeft = stackLevel * SimpleEventOverlapManager.STACKING_WIDTH_REDUCTION_PX;
+        // Apply visual styling
+        eventElement.style.marginLeft = `${marginLeft}px`;
+        eventElement.style.left = '2px';
+        eventElement.style.right = '2px';
+        eventElement.style.zIndex = `${100 + stackLevel}`;
+        // Set up stack linking via data attributes
+        const eventId = eventElement.dataset.eventId;
+        const underlyingId = underlyingElement.dataset.eventId;
+        if (!eventId || !underlyingId) {
+            console.warn('Missing event IDs for stack linking:', eventId, underlyingId);
+            return;
+        }
+        // Find the last event in the stack chain
+        let lastElement = underlyingElement;
+        let lastLink = this.getStackLink(lastElement);
+        // If underlying doesn't have stack link yet, create it
+        if (!lastLink) {
+            this.setStackLink(lastElement, { stackLevel: 0 });
+            lastLink = { stackLevel: 0 };
+        }
+        // Traverse to find the end of the chain
+        while (lastLink?.next) {
+            const nextElement = this.findElementById(lastLink.next);
+            if (!nextElement)
+                break;
+            lastElement = nextElement;
+            lastLink = this.getStackLink(lastElement);
+        }
+        // Link the new event to the end of the chain
+        const lastElementId = lastElement.dataset.eventId;
+        this.setStackLink(lastElement, {
+            ...lastLink,
+            next: eventId
+        });
+        this.setStackLink(eventElement, {
+            prev: lastElementId,
+            stackLevel: stackLevel
+        });
+    }
+    /**
+     * Remove stacked styling with proper stack re-linking
+     */
+    removeStackedStyling(eventElement) {
+        // Clear visual styling
+        eventElement.style.marginLeft = '';
+        eventElement.style.zIndex = '';
+        eventElement.style.left = '2px';
+        eventElement.style.right = '2px';
+        // Handle stack chain re-linking
+        const link = this.getStackLink(eventElement);
+        if (link) {
+            // Re-link prev and next events
+            if (link.prev && link.next) {
+                // Middle element - link prev to next
+                const prevElement = this.findElementById(link.prev);
+                const nextElement = this.findElementById(link.next);
+                if (prevElement && nextElement) {
+                    const prevLink = this.getStackLink(prevElement);
+                    const nextLink = this.getStackLink(nextElement);
+                    // CRITICAL: Check if prev and next actually overlap without the middle element
+                    const actuallyOverlap = this.resolveOverlapType(prevElement, nextElement);
+                    if (!actuallyOverlap) {
+                        // CHAIN BREAKING: prev and next don't overlap - break the chain
+                        console.log('Breaking stack chain - events do not overlap directly');
+                        // Prev element: remove next link (becomes end of its own chain)
+                        this.setStackLink(prevElement, {
+                            ...prevLink,
+                            next: undefined
+                        });
+                        // Next element: becomes standalone (remove all stack links and styling)
+                        this.setStackLink(nextElement, null);
+                        nextElement.style.marginLeft = '';
+                        nextElement.style.zIndex = '';
+                        // If next element had subsequent events, they also become standalone
+                        if (nextLink?.next) {
+                            let subsequentId = nextLink.next;
+                            while (subsequentId) {
+                                const subsequentElement = this.findElementById(subsequentId);
+                                if (!subsequentElement)
+                                    break;
+                                const subsequentLink = this.getStackLink(subsequentElement);
+                                this.setStackLink(subsequentElement, null);
+                                subsequentElement.style.marginLeft = '';
+                                subsequentElement.style.zIndex = '';
+                                subsequentId = subsequentLink?.next;
+                            }
+                        }
+                    }
+                    else {
+                        // NORMAL STACKING: they overlap, maintain the chain
+                        this.setStackLink(prevElement, {
+                            ...prevLink,
+                            next: link.next
+                        });
+                        const correctStackLevel = (prevLink?.stackLevel ?? 0) + 1;
+                        this.setStackLink(nextElement, {
+                            ...nextLink,
+                            prev: link.prev,
+                            stackLevel: correctStackLevel
+                        });
+                        // Update visual styling to match new stackLevel
+                        const marginLeft = correctStackLevel * SimpleEventOverlapManager.STACKING_WIDTH_REDUCTION_PX;
+                        nextElement.style.marginLeft = `${marginLeft}px`;
+                        nextElement.style.zIndex = `${100 + correctStackLevel}`;
+                    }
+                }
+            }
+            else if (link.prev) {
+                // Last element - remove next link from prev
+                const prevElement = this.findElementById(link.prev);
+                if (prevElement) {
+                    const prevLink = this.getStackLink(prevElement);
+                    this.setStackLink(prevElement, {
+                        ...prevLink,
+                        next: undefined
+                    });
+                }
+            }
+            else if (link.next) {
+                // First element - remove prev link from next
+                const nextElement = this.findElementById(link.next);
+                if (nextElement) {
+                    const nextLink = this.getStackLink(nextElement);
+                    this.setStackLink(nextElement, {
+                        ...nextLink,
+                        prev: undefined,
+                        stackLevel: 0 // Next becomes the base event
+                    });
+                }
+            }
+            // Only update subsequent stack levels if we didn't break the chain
+            if (link.prev && link.next) {
+                const nextElement = this.findElementById(link.next);
+                const nextLink = nextElement ? this.getStackLink(nextElement) : null;
+                // If next element still has a stack link, the chain wasn't broken
+                if (nextLink && nextLink.next) {
+                    this.updateSubsequentStackLevels(nextLink.next, -1);
+                }
+                // If nextLink is null, chain was broken - no subsequent updates needed
+            }
+            else {
+                // First or last removal - update all subsequent
+                this.updateSubsequentStackLevels(link.next, -1);
+            }
+            // Clear this element's stack link
+            this.setStackLink(eventElement, null);
+        }
+    }
+    /**
+     * Update stack levels for all events following a given event ID
+     */
+    updateSubsequentStackLevels(startEventId, levelDelta) {
+        let currentId = startEventId;
+        while (currentId) {
+            const currentElement = this.findElementById(currentId);
+            if (!currentElement)
+                break;
+            const currentLink = this.getStackLink(currentElement);
+            if (!currentLink)
+                break;
+            // Update stack level
+            const newLevel = Math.max(0, currentLink.stackLevel + levelDelta);
+            this.setStackLink(currentElement, {
+                ...currentLink,
+                stackLevel: newLevel
+            });
+            // Update visual styling
+            const marginLeft = newLevel * SimpleEventOverlapManager.STACKING_WIDTH_REDUCTION_PX;
+            currentElement.style.marginLeft = `${marginLeft}px`;
+            currentElement.style.zIndex = `${100 + newLevel}`;
+            currentId = currentLink.next;
+        }
+    }
+    /**
+     * Check if element is stacked - check both style and data-stack-link
+     */
+    isStackedEvent(element) {
+        const marginLeft = element.style.marginLeft;
+        const hasMarginLeft = marginLeft !== '' && marginLeft !== '0px';
+        const hasStackLink = this.getStackLink(element) !== null;
+        return hasMarginLeft || hasStackLink;
+    }
+    /**
+     * Remove event from group with proper cleanup
+     */
+    removeFromEventGroup(container, eventId) {
+        const eventElement = container.querySelector(`swp-event[data-event-id="${eventId}"]`);
+        if (!eventElement)
+            return false;
+        // Simply remove the element - no position calculation needed since it's being removed
+        eventElement.remove();
+        // Handle remaining events
+        const remainingEvents = container.querySelectorAll('swp-event');
+        const remainingCount = remainingEvents.length;
+        if (remainingCount === 0) {
+            container.remove();
+            return true;
+        }
+        if (remainingCount === 1) {
+            const remainingEvent = remainingEvents[0];
+            // Convert last event back to absolute positioning - use current pixel position
+            const currentTop = parseInt(remainingEvent.style.top) || 0;
+            remainingEvent.style.position = 'absolute';
+            remainingEvent.style.top = `${currentTop}px`;
+            remainingEvent.style.left = '2px';
+            remainingEvent.style.right = '2px';
+            remainingEvent.style.flex = '';
+            remainingEvent.style.minWidth = '';
+            container.parentElement?.insertBefore(remainingEvent, container);
+            container.remove();
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Restack events in container - respects separate stack chains
+     */
+    restackEventsInContainer(container) {
+        const stackedEvents = Array.from(container.querySelectorAll('swp-event'))
+            .filter(el => this.isStackedEvent(el));
+        if (stackedEvents.length === 0)
+            return;
+        // Group events by their stack chains
+        const processedEventIds = new Set();
+        const stackChains = [];
+        for (const element of stackedEvents) {
+            const eventId = element.dataset.eventId;
+            if (!eventId || processedEventIds.has(eventId))
+                continue;
+            // Find the root of this stack chain (stackLevel 0 or no prev link)
+            let rootElement = element;
+            let rootLink = this.getStackLink(rootElement);
+            while (rootLink?.prev) {
+                const prevElement = this.findElementById(rootLink.prev);
+                if (!prevElement)
+                    break;
+                rootElement = prevElement;
+                rootLink = this.getStackLink(rootElement);
+            }
+            // Collect all elements in this chain
+            const chain = [];
+            let currentElement = rootElement;
+            while (currentElement) {
+                chain.push(currentElement);
+                processedEventIds.add(currentElement.dataset.eventId);
+                const currentLink = this.getStackLink(currentElement);
+                if (!currentLink?.next)
+                    break;
+                const nextElement = this.findElementById(currentLink.next);
+                if (!nextElement)
+                    break;
+                currentElement = nextElement;
+            }
+            if (chain.length > 1) { // Only add chains with multiple events
+                stackChains.push(chain);
+            }
+        }
+        // Re-stack each chain separately
+        stackChains.forEach(chain => {
+            chain.forEach((element, index) => {
+                const marginLeft = index * SimpleEventOverlapManager.STACKING_WIDTH_REDUCTION_PX;
+                element.style.marginLeft = `${marginLeft}px`;
+                element.style.zIndex = `${100 + index}`;
+                // Update the data-stack-link with correct stackLevel
+                const link = this.getStackLink(element);
+                if (link) {
+                    this.setStackLink(element, {
+                        ...link,
+                        stackLevel: index
+                    });
+                }
+            });
+        });
+    }
+    /**
+     * Utility methods - simple DOM traversal
+     */
+    getEventGroup(eventElement) {
+        return eventElement.closest('swp-event-group');
+    }
+    isInEventGroup(element) {
+        return this.getEventGroup(element) !== null;
+    }
+    /**
+     * Helper methods for data-attribute based stack tracking
+     */
+    getStackLink(element) {
+        const linkData = element.dataset.stackLink;
+        if (!linkData)
+            return null;
+        try {
+            return JSON.parse(linkData);
+        }
+        catch (e) {
+            console.warn('Failed to parse stack link data:', linkData, e);
+            return null;
+        }
+    }
+    setStackLink(element, link) {
+        if (link === null) {
+            delete element.dataset.stackLink;
+        }
+        else {
+            element.dataset.stackLink = JSON.stringify(link);
+        }
+    }
+    findElementById(eventId) {
+        return document.querySelector(`swp-event[data-event-id="${eventId}"]`);
+    }
+}
+SimpleEventOverlapManager.STACKING_WIDTH_REDUCTION_PX = 15;
+//# sourceMappingURL=SimpleEventOverlapManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/SimpleEventOverlapManager.js.map b/wwwroot/js/managers/SimpleEventOverlapManager.js.map
new file mode 100644
index 0000000..173a398
--- /dev/null
+++ b/wwwroot/js/managers/SimpleEventOverlapManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SimpleEventOverlapManager.js","sourceRoot":"","sources":["../../../src/managers/SimpleEventOverlapManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/ViewManager.d.ts b/wwwroot/js/managers/ViewManager.d.ts
new file mode 100644
index 0000000..11147b5
--- /dev/null
+++ b/wwwroot/js/managers/ViewManager.d.ts
@@ -0,0 +1,23 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+export declare class ViewManager {
+    private eventBus;
+    private config;
+    private currentView;
+    private buttonListeners;
+    constructor(eventBus: IEventBus, config: Configuration);
+    private setupEventListeners;
+    private setupEventBusListeners;
+    private setupButtonHandlers;
+    private setupButtonGroup;
+    private getViewButtons;
+    private getWorkweekButtons;
+    private initializeView;
+    private changeView;
+    private changeWorkweek;
+    private updateAllButtons;
+    private updateButtonGroup;
+    private emitViewRendered;
+    private refreshCurrentView;
+    private isValidView;
+}
diff --git a/wwwroot/js/managers/ViewManager.js b/wwwroot/js/managers/ViewManager.js
new file mode 100644
index 0000000..7b25515
--- /dev/null
+++ b/wwwroot/js/managers/ViewManager.js
@@ -0,0 +1,106 @@
+import { ConfigManager } from '../configurations/ConfigManager';
+import { CoreEvents } from '../constants/CoreEvents';
+export class ViewManager {
+    constructor(eventBus, config) {
+        this.currentView = 'week';
+        this.buttonListeners = new Map();
+        this.eventBus = eventBus;
+        this.config = config;
+        this.setupEventListeners();
+    }
+    setupEventListeners() {
+        this.setupEventBusListeners();
+        this.setupButtonHandlers();
+    }
+    setupEventBusListeners() {
+        this.eventBus.on(CoreEvents.INITIALIZED, () => {
+            this.initializeView();
+        });
+        this.eventBus.on(CoreEvents.DATE_CHANGED, () => {
+            this.refreshCurrentView();
+        });
+    }
+    setupButtonHandlers() {
+        this.setupButtonGroup('swp-view-button[data-view]', 'data-view', (value) => {
+            if (this.isValidView(value)) {
+                this.changeView(value);
+            }
+        });
+        this.setupButtonGroup('swp-preset-button[data-workweek]', 'data-workweek', (value) => {
+            this.changeWorkweek(value);
+        });
+    }
+    setupButtonGroup(selector, attribute, handler) {
+        const buttons = document.querySelectorAll(selector);
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const value = button.getAttribute(attribute);
+                if (value) {
+                    handler(value);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+    }
+    getViewButtons() {
+        return document.querySelectorAll('swp-view-button[data-view]');
+    }
+    getWorkweekButtons() {
+        return document.querySelectorAll('swp-preset-button[data-workweek]');
+    }
+    initializeView() {
+        this.updateAllButtons();
+        this.emitViewRendered();
+    }
+    changeView(newView) {
+        if (newView === this.currentView)
+            return;
+        const previousView = this.currentView;
+        this.currentView = newView;
+        this.updateAllButtons();
+        this.eventBus.emit(CoreEvents.VIEW_CHANGED, {
+            previousView,
+            currentView: newView
+        });
+    }
+    changeWorkweek(workweekId) {
+        this.config.setWorkWeek(workweekId);
+        // Update all CSS properties to match new configuration
+        ConfigManager.updateCSSProperties(this.config);
+        this.updateAllButtons();
+        const settings = this.config.getWorkWeekSettings();
+        this.eventBus.emit(CoreEvents.WORKWEEK_CHANGED, {
+            workWeekId: workweekId,
+            settings: settings
+        });
+    }
+    updateAllButtons() {
+        this.updateButtonGroup(this.getViewButtons(), 'data-view', this.currentView);
+        this.updateButtonGroup(this.getWorkweekButtons(), 'data-workweek', this.config.currentWorkWeek);
+    }
+    updateButtonGroup(buttons, attribute, activeValue) {
+        buttons.forEach(button => {
+            const buttonValue = button.getAttribute(attribute);
+            if (buttonValue === activeValue) {
+                button.setAttribute('data-active', 'true');
+            }
+            else {
+                button.removeAttribute('data-active');
+            }
+        });
+    }
+    emitViewRendered() {
+        this.eventBus.emit(CoreEvents.VIEW_RENDERED, {
+            view: this.currentView
+        });
+    }
+    refreshCurrentView() {
+        this.emitViewRendered();
+    }
+    isValidView(view) {
+        return ['day', 'week', 'month'].includes(view);
+    }
+}
+//# sourceMappingURL=ViewManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/ViewManager.js.map b/wwwroot/js/managers/ViewManager.js.map
new file mode 100644
index 0000000..9608872
--- /dev/null
+++ b/wwwroot/js/managers/ViewManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ViewManager.js","sourceRoot":"","sources":["../../../src/managers/ViewManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/ViewSelectorManager.d.ts b/wwwroot/js/managers/ViewSelectorManager.d.ts
new file mode 100644
index 0000000..18a9db6
--- /dev/null
+++ b/wwwroot/js/managers/ViewSelectorManager.d.ts
@@ -0,0 +1,70 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * ViewSelectorManager - Manages view selector UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-view-selector> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-view-button elements
+ * - Manages current view state (day/week/month)
+ * - Validates view values
+ * - Emits VIEW_CHANGED and VIEW_RENDERED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changeView() → validate → update state → emit event → update UI
+ *
+ * IMPLEMENTATION STATUS:
+ * ======================
+ * - Week view: FULLY IMPLEMENTED
+ * - Day view: NOT IMPLEMENTED (button exists but no rendering)
+ * - Month view: NOT IMPLEMENTED (button exists but no rendering)
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - GridRenderer: Uses view parameter (currently only supports 'week')
+ * - Future: DayRenderer, MonthRenderer when implemented
+ */
+export declare class ViewSelectorManager {
+    private eventBus;
+    private config;
+    private buttonListeners;
+    constructor(eventBus: IEventBus, config: Configuration);
+    /**
+     * Setup click listeners on all view selector buttons
+     */
+    private setupButtonListeners;
+    /**
+     * Setup event bus listeners
+     */
+    private setupEventListeners;
+    /**
+     * Change the active view
+     */
+    private changeView;
+    /**
+     * Update button states (data-active attributes)
+     */
+    private updateButtonStates;
+    /**
+     * Initialize view on INITIALIZED event
+     */
+    private initializeView;
+    /**
+     * Emit VIEW_RENDERED event
+     */
+    private emitViewRendered;
+    /**
+     * Refresh current view on DATE_CHANGED event
+     */
+    private refreshCurrentView;
+    /**
+     * Validate if string is a valid CalendarView type
+     */
+    private isValidView;
+}
diff --git a/wwwroot/js/managers/ViewSelectorManager.js b/wwwroot/js/managers/ViewSelectorManager.js
new file mode 100644
index 0000000..162191c
--- /dev/null
+++ b/wwwroot/js/managers/ViewSelectorManager.js
@@ -0,0 +1,130 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * ViewSelectorManager - Manages view selector UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-view-selector> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Handles button clicks on swp-view-button elements
+ * - Manages current view state (day/week/month)
+ * - Validates view values
+ * - Emits VIEW_CHANGED and VIEW_RENDERED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changeView() → validate → update state → emit event → update UI
+ *
+ * IMPLEMENTATION STATUS:
+ * ======================
+ * - Week view: FULLY IMPLEMENTED
+ * - Day view: NOT IMPLEMENTED (button exists but no rendering)
+ * - Month view: NOT IMPLEMENTED (button exists but no rendering)
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - GridRenderer: Uses view parameter (currently only supports 'week')
+ * - Future: DayRenderer, MonthRenderer when implemented
+ */
+export class ViewSelectorManager {
+    constructor(eventBus, config) {
+        this.buttonListeners = new Map();
+        this.eventBus = eventBus;
+        this.config = config;
+        this.setupButtonListeners();
+        this.setupEventListeners();
+    }
+    /**
+     * Setup click listeners on all view selector buttons
+     */
+    setupButtonListeners() {
+        const buttons = document.querySelectorAll('swp-view-button[data-view]');
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const view = button.getAttribute('data-view');
+                if (view && this.isValidView(view)) {
+                    this.changeView(view);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+        // Initialize button states
+        this.updateButtonStates();
+    }
+    /**
+     * Setup event bus listeners
+     */
+    setupEventListeners() {
+        this.eventBus.on(CoreEvents.INITIALIZED, () => {
+            this.initializeView();
+        });
+        this.eventBus.on(CoreEvents.DATE_CHANGED, () => {
+            this.refreshCurrentView();
+        });
+    }
+    /**
+     * Change the active view
+     */
+    changeView(newView) {
+        if (newView === this.config.currentView) {
+            return; // No change
+        }
+        const previousView = this.config.currentView;
+        this.config.currentView = newView;
+        // Update button UI states
+        this.updateButtonStates();
+        // Emit event for subscribers
+        this.eventBus.emit(CoreEvents.VIEW_CHANGED, {
+            previousView,
+            currentView: newView
+        });
+    }
+    /**
+     * Update button states (data-active attributes)
+     */
+    updateButtonStates() {
+        const buttons = document.querySelectorAll('swp-view-button[data-view]');
+        buttons.forEach(button => {
+            const buttonView = button.getAttribute('data-view');
+            if (buttonView === this.config.currentView) {
+                button.setAttribute('data-active', 'true');
+            }
+            else {
+                button.removeAttribute('data-active');
+            }
+        });
+    }
+    /**
+     * Initialize view on INITIALIZED event
+     */
+    initializeView() {
+        this.updateButtonStates();
+        this.emitViewRendered();
+    }
+    /**
+     * Emit VIEW_RENDERED event
+     */
+    emitViewRendered() {
+        this.eventBus.emit(CoreEvents.VIEW_RENDERED, {
+            view: this.config.currentView
+        });
+    }
+    /**
+     * Refresh current view on DATE_CHANGED event
+     */
+    refreshCurrentView() {
+        this.emitViewRendered();
+    }
+    /**
+     * Validate if string is a valid CalendarView type
+     */
+    isValidView(view) {
+        return ['day', 'week', 'month'].includes(view);
+    }
+}
+//# sourceMappingURL=ViewSelectorManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/ViewSelectorManager.js.map b/wwwroot/js/managers/ViewSelectorManager.js.map
new file mode 100644
index 0000000..aa10a71
--- /dev/null
+++ b/wwwroot/js/managers/ViewSelectorManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelectorManager.js","sourceRoot":"","sources":["../../../src/managers/ViewSelectorManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/WorkHoursManager.d.ts b/wwwroot/js/managers/WorkHoursManager.d.ts
new file mode 100644
index 0000000..8cd7f19
--- /dev/null
+++ b/wwwroot/js/managers/WorkHoursManager.d.ts
@@ -0,0 +1,71 @@
+import { DateService } from '../utils/DateService';
+import { Configuration } from '../configurations/CalendarConfig';
+import { PositionUtils } from '../utils/PositionUtils';
+/**
+ * Work hours for a specific day
+ */
+export interface IDayWorkHours {
+    start: number;
+    end: number;
+}
+/**
+ * Work schedule configuration
+ */
+export interface IWorkScheduleConfig {
+    weeklyDefault: {
+        monday: IDayWorkHours | 'off';
+        tuesday: IDayWorkHours | 'off';
+        wednesday: IDayWorkHours | 'off';
+        thursday: IDayWorkHours | 'off';
+        friday: IDayWorkHours | 'off';
+        saturday: IDayWorkHours | 'off';
+        sunday: IDayWorkHours | 'off';
+    };
+    dateOverrides: {
+        [dateString: string]: IDayWorkHours | 'off';
+    };
+}
+/**
+ * Manages work hours scheduling with weekly defaults and date-specific overrides
+ */
+export declare class WorkHoursManager {
+    private dateService;
+    private config;
+    private positionUtils;
+    private workSchedule;
+    constructor(dateService: DateService, config: Configuration, positionUtils: PositionUtils);
+    /**
+     * Get work hours for a specific date
+     */
+    getWorkHoursForDate(date: Date): IDayWorkHours | 'off';
+    /**
+     * Get work hours for multiple dates (used by GridManager)
+     */
+    getWorkHoursForDateRange(dates: Date[]): Map<string, IDayWorkHours | 'off'>;
+    /**
+     * Calculate CSS custom properties for non-work hour overlays using PositionUtils
+     */
+    calculateNonWorkHoursStyle(workHours: IDayWorkHours | 'off'): {
+        beforeWorkHeight: number;
+        afterWorkTop: number;
+    } | null;
+    /**
+     * Calculate CSS custom properties for work hours overlay using PositionUtils
+     */
+    calculateWorkHoursStyle(workHours: IDayWorkHours | 'off'): {
+        top: number;
+        height: number;
+    } | null;
+    /**
+     * Load work schedule from JSON (future implementation)
+     */
+    loadWorkSchedule(jsonData: IWorkScheduleConfig): Promise<void>;
+    /**
+     * Get current work schedule configuration
+     */
+    getWorkSchedule(): IWorkScheduleConfig;
+    /**
+     * Convert Date to day name key
+     */
+    private getDayName;
+}
diff --git a/wwwroot/js/managers/WorkHoursManager.js b/wwwroot/js/managers/WorkHoursManager.js
new file mode 100644
index 0000000..b948c0f
--- /dev/null
+++ b/wwwroot/js/managers/WorkHoursManager.js
@@ -0,0 +1,108 @@
+// Work hours management for per-column scheduling
+/**
+ * Manages work hours scheduling with weekly defaults and date-specific overrides
+ */
+export class WorkHoursManager {
+    constructor(dateService, config, positionUtils) {
+        this.dateService = dateService;
+        this.config = config;
+        this.positionUtils = positionUtils;
+        // Default work schedule - will be loaded from JSON later
+        this.workSchedule = {
+            weeklyDefault: {
+                monday: { start: 9, end: 17 },
+                tuesday: { start: 9, end: 17 },
+                wednesday: { start: 9, end: 17 },
+                thursday: { start: 9, end: 17 },
+                friday: { start: 9, end: 15 },
+                saturday: 'off',
+                sunday: 'off'
+            },
+            dateOverrides: {
+                '2025-01-20': { start: 10, end: 16 },
+                '2025-01-21': { start: 8, end: 14 },
+                '2025-01-22': 'off'
+            }
+        };
+    }
+    /**
+     * Get work hours for a specific date
+     */
+    getWorkHoursForDate(date) {
+        const dateString = this.dateService.formatISODate(date);
+        // Check for date-specific override first
+        if (this.workSchedule.dateOverrides[dateString]) {
+            return this.workSchedule.dateOverrides[dateString];
+        }
+        // Fall back to weekly default
+        const dayName = this.getDayName(date);
+        return this.workSchedule.weeklyDefault[dayName];
+    }
+    /**
+     * Get work hours for multiple dates (used by GridManager)
+     */
+    getWorkHoursForDateRange(dates) {
+        const workHoursMap = new Map();
+        dates.forEach(date => {
+            const dateString = this.dateService.formatISODate(date);
+            const workHours = this.getWorkHoursForDate(date);
+            workHoursMap.set(dateString, workHours);
+        });
+        return workHoursMap;
+    }
+    /**
+     * Calculate CSS custom properties for non-work hour overlays using PositionUtils
+     */
+    calculateNonWorkHoursStyle(workHours) {
+        if (workHours === 'off') {
+            return null; // Full day will be colored via CSS background
+        }
+        const gridSettings = this.config.gridSettings;
+        const dayStartHour = gridSettings.dayStartHour;
+        const hourHeight = gridSettings.hourHeight;
+        // Before work: from day start to work start
+        const beforeWorkHeight = (workHours.start - dayStartHour) * hourHeight;
+        // After work: from work end to day end
+        const afterWorkTop = (workHours.end - dayStartHour) * hourHeight;
+        return {
+            beforeWorkHeight: Math.max(0, beforeWorkHeight),
+            afterWorkTop: Math.max(0, afterWorkTop)
+        };
+    }
+    /**
+     * Calculate CSS custom properties for work hours overlay using PositionUtils
+     */
+    calculateWorkHoursStyle(workHours) {
+        if (workHours === 'off') {
+            return null;
+        }
+        // Create dummy time strings for start and end of work hours
+        const startTime = `${workHours.start.toString().padStart(2, '0')}:00`;
+        const endTime = `${workHours.end.toString().padStart(2, '0')}:00`;
+        // Use PositionUtils for consistent position calculation
+        const position = this.positionUtils.calculateEventPosition(startTime, endTime);
+        return { top: position.top, height: position.height };
+    }
+    /**
+     * Load work schedule from JSON (future implementation)
+     */
+    async loadWorkSchedule(jsonData) {
+        this.workSchedule = jsonData;
+    }
+    /**
+     * Get current work schedule configuration
+     */
+    getWorkSchedule() {
+        return this.workSchedule;
+    }
+    /**
+     * Convert Date to day name key
+     */
+    getDayName(date) {
+        const dayNames = [
+            'sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'
+        ];
+        return dayNames[date.getDay()];
+    }
+}
+//# sourceMappingURL=WorkHoursManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/WorkHoursManager.js.map b/wwwroot/js/managers/WorkHoursManager.js.map
new file mode 100644
index 0000000..136e28b
--- /dev/null
+++ b/wwwroot/js/managers/WorkHoursManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WorkHoursManager.js","sourceRoot":"","sources":["../../../src/managers/WorkHoursManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/managers/WorkweekPresetsManager.d.ts b/wwwroot/js/managers/WorkweekPresetsManager.d.ts
new file mode 100644
index 0000000..0251865
--- /dev/null
+++ b/wwwroot/js/managers/WorkweekPresetsManager.d.ts
@@ -0,0 +1,47 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * WorkweekPresetsManager - Manages workweek preset UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-workweek-presets> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Owns WORK_WEEK_PRESETS data
+ * - Handles button clicks on swp-preset-button elements
+ * - Manages current workweek preset state
+ * - Validates preset IDs
+ * - Emits WORKWEEK_CHANGED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changePreset() → validate → update state → emit event → update UI
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - ConfigManager: Updates CSS variables (--grid-columns)
+ * - GridManager: Re-renders grid with new column count
+ * - CalendarManager: Relays to header update (via workweek:header-update)
+ * - HeaderManager: Updates date headers
+ */
+export declare class WorkweekPresetsManager {
+    private eventBus;
+    private config;
+    private buttonListeners;
+    constructor(eventBus: IEventBus, config: Configuration);
+    /**
+     * Setup click listeners on all workweek preset buttons
+     */
+    private setupButtonListeners;
+    /**
+     * Change the active workweek preset
+     */
+    private changePreset;
+    /**
+     * Update button states (data-active attributes)
+     */
+    private updateButtonStates;
+}
diff --git a/wwwroot/js/managers/WorkweekPresetsManager.js b/wwwroot/js/managers/WorkweekPresetsManager.js
new file mode 100644
index 0000000..6ebdbc7
--- /dev/null
+++ b/wwwroot/js/managers/WorkweekPresetsManager.js
@@ -0,0 +1,95 @@
+import { CoreEvents } from '../constants/CoreEvents';
+import { WORK_WEEK_PRESETS } from '../configurations/CalendarConfig';
+/**
+ * WorkweekPresetsManager - Manages workweek preset UI and state
+ *
+ * RESPONSIBILITY:
+ * ===============
+ * This manager owns all logic related to the <swp-workweek-presets> UI element.
+ * It follows the principle that each functional UI element has its own manager.
+ *
+ * RESPONSIBILITIES:
+ * - Owns WORK_WEEK_PRESETS data
+ * - Handles button clicks on swp-preset-button elements
+ * - Manages current workweek preset state
+ * - Validates preset IDs
+ * - Emits WORKWEEK_CHANGED events
+ * - Updates button UI states (data-active attributes)
+ *
+ * EVENT FLOW:
+ * ===========
+ * User clicks button → changePreset() → validate → update state → emit event → update UI
+ *
+ * SUBSCRIBERS:
+ * ============
+ * - ConfigManager: Updates CSS variables (--grid-columns)
+ * - GridManager: Re-renders grid with new column count
+ * - CalendarManager: Relays to header update (via workweek:header-update)
+ * - HeaderManager: Updates date headers
+ */
+export class WorkweekPresetsManager {
+    constructor(eventBus, config) {
+        this.buttonListeners = new Map();
+        this.eventBus = eventBus;
+        this.config = config;
+        this.setupButtonListeners();
+    }
+    /**
+     * Setup click listeners on all workweek preset buttons
+     */
+    setupButtonListeners() {
+        const buttons = document.querySelectorAll('swp-preset-button[data-workweek]');
+        buttons.forEach(button => {
+            const clickHandler = (event) => {
+                event.preventDefault();
+                const presetId = button.getAttribute('data-workweek');
+                if (presetId) {
+                    this.changePreset(presetId);
+                }
+            };
+            button.addEventListener('click', clickHandler);
+            this.buttonListeners.set(button, clickHandler);
+        });
+        // Initialize button states
+        this.updateButtonStates();
+    }
+    /**
+     * Change the active workweek preset
+     */
+    changePreset(presetId) {
+        if (!WORK_WEEK_PRESETS[presetId]) {
+            console.warn(`Invalid preset ID "${presetId}"`);
+            return;
+        }
+        if (presetId === this.config.currentWorkWeek) {
+            return; // No change
+        }
+        const previousPresetId = this.config.currentWorkWeek;
+        this.config.currentWorkWeek = presetId;
+        const settings = WORK_WEEK_PRESETS[presetId];
+        // Update button UI states
+        this.updateButtonStates();
+        // Emit event for subscribers
+        this.eventBus.emit(CoreEvents.WORKWEEK_CHANGED, {
+            workWeekId: presetId,
+            previousWorkWeekId: previousPresetId,
+            settings: settings
+        });
+    }
+    /**
+     * Update button states (data-active attributes)
+     */
+    updateButtonStates() {
+        const buttons = document.querySelectorAll('swp-preset-button[data-workweek]');
+        buttons.forEach(button => {
+            const buttonPresetId = button.getAttribute('data-workweek');
+            if (buttonPresetId === this.config.currentWorkWeek) {
+                button.setAttribute('data-active', 'true');
+            }
+            else {
+                button.removeAttribute('data-active');
+            }
+        });
+    }
+}
+//# sourceMappingURL=WorkweekPresetsManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/managers/WorkweekPresetsManager.js.map b/wwwroot/js/managers/WorkweekPresetsManager.js.map
new file mode 100644
index 0000000..4e7bc85
--- /dev/null
+++ b/wwwroot/js/managers/WorkweekPresetsManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WorkweekPresetsManager.js","sourceRoot":"","sources":["../../../src/managers/WorkweekPresetsManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAiB,MAAM,kCAAkC,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,sBAAsB;IAKjC,YAAY,QAAmB,EAAE,MAAqB;QAF9C,oBAAe,GAAgC,IAAI,GAAG,EAAE,CAAC;QAG/D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,CAAC;QAE9E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;gBACpC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;gBACtD,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC,CAAC;YAEF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAC/C,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,2BAA2B;QAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACK,YAAY,CAAC,QAAgB;QACnC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,IAAI,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;YAC7C,OAAO,CAAC,YAAY;QACtB,CAAC;QAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;QACrD,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,QAAQ,CAAC;QAEvC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAE7C,0BAA0B;QAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,6BAA6B;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;YAC9C,UAAU,EAAE,QAAQ;YACpB,kBAAkB,EAAE,gBAAgB;YACpC,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,kBAAkB;QACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,CAAC;QAE9E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,cAAc,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAE5D,IAAI,cAAc,KAAK,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;gBACnD,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CAEF"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/AllDayEventRenderer.d.ts b/wwwroot/js/renderers/AllDayEventRenderer.d.ts
new file mode 100644
index 0000000..588760b
--- /dev/null
+++ b/wwwroot/js/renderers/AllDayEventRenderer.d.ts
@@ -0,0 +1,32 @@
+import { IEventLayout } from '../utils/AllDayLayoutEngine';
+import { IDragStartEventPayload } from '../types/EventTypes';
+export declare class AllDayEventRenderer {
+    private container;
+    private originalEvent;
+    private draggedClone;
+    constructor();
+    private getContainer;
+    private getAllDayContainer;
+    /**
+     * Handle drag start for all-day events
+     */
+    handleDragStart(payload: IDragStartEventPayload): void;
+    /**
+     * Render an all-day event with pre-calculated layout
+     */
+    private renderAllDayEventWithLayout;
+    /**
+     * Remove an all-day event by ID
+     */
+    removeAllDayEvent(eventId: string): void;
+    /**
+     * Clear cache when DOM changes
+     */
+    clearCache(): void;
+    /**
+      * Render all-day events for specific period using AllDayEventRenderer
+      */
+    renderAllDayEventsForPeriod(eventLayouts: IEventLayout[]): void;
+    private clearAllDayEvents;
+    handleViewChanged(event: CustomEvent): void;
+}
diff --git a/wwwroot/js/renderers/AllDayEventRenderer.js b/wwwroot/js/renderers/AllDayEventRenderer.js
new file mode 100644
index 0000000..bafe6af
--- /dev/null
+++ b/wwwroot/js/renderers/AllDayEventRenderer.js
@@ -0,0 +1,97 @@
+import { SwpAllDayEventElement } from '../elements/SwpEventElement';
+export class AllDayEventRenderer {
+    constructor() {
+        this.container = null;
+        this.originalEvent = null;
+        this.draggedClone = null;
+        this.getContainer();
+    }
+    getContainer() {
+        const header = document.querySelector('swp-calendar-header');
+        if (header) {
+            this.container = header.querySelector('swp-allday-container');
+            if (!this.container) {
+                this.container = document.createElement('swp-allday-container');
+                header.appendChild(this.container);
+            }
+        }
+        return this.container;
+    }
+    getAllDayContainer() {
+        return document.querySelector('swp-calendar-header swp-allday-container');
+    }
+    /**
+     * Handle drag start for all-day events
+     */
+    handleDragStart(payload) {
+        this.originalEvent = payload.originalElement;
+        ;
+        this.draggedClone = payload.draggedClone;
+        if (this.draggedClone) {
+            const container = this.getAllDayContainer();
+            if (!container)
+                return;
+            this.draggedClone.style.gridColumn = this.originalEvent.style.gridColumn;
+            this.draggedClone.style.gridRow = this.originalEvent.style.gridRow;
+            console.log('handleDragStart:this.draggedClone', this.draggedClone);
+            container.appendChild(this.draggedClone);
+            // Add dragging style
+            this.draggedClone.classList.add('dragging');
+            this.draggedClone.style.zIndex = '1000';
+            this.draggedClone.style.cursor = 'grabbing';
+            // Make original semi-transparent
+            this.originalEvent.style.opacity = '0.3';
+            this.originalEvent.style.userSelect = 'none';
+        }
+    }
+    /**
+     * Render an all-day event with pre-calculated layout
+     */
+    renderAllDayEventWithLayout(event, layout) {
+        const container = this.getContainer();
+        if (!container)
+            return null;
+        const dayEvent = SwpAllDayEventElement.fromCalendarEvent(event);
+        dayEvent.applyGridPositioning(layout.row, layout.startColumn, layout.endColumn);
+        // Apply highlight class to show events with highlight color
+        dayEvent.classList.add('highlight');
+        container.appendChild(dayEvent);
+    }
+    /**
+     * Remove an all-day event by ID
+     */
+    removeAllDayEvent(eventId) {
+        const container = this.getContainer();
+        if (!container)
+            return;
+        const eventElement = container.querySelector(`swp-allday-event[data-event-id="${eventId}"]`);
+        if (eventElement) {
+            eventElement.remove();
+        }
+    }
+    /**
+     * Clear cache when DOM changes
+     */
+    clearCache() {
+        this.container = null;
+    }
+    /**
+      * Render all-day events for specific period using AllDayEventRenderer
+      */
+    renderAllDayEventsForPeriod(eventLayouts) {
+        this.clearAllDayEvents();
+        eventLayouts.forEach(layout => {
+            this.renderAllDayEventWithLayout(layout.calenderEvent, layout);
+        });
+    }
+    clearAllDayEvents() {
+        const allDayContainer = document.querySelector('swp-allday-container');
+        if (allDayContainer) {
+            allDayContainer.querySelectorAll('swp-allday-event:not(.max-event-indicator)').forEach(event => event.remove());
+        }
+    }
+    handleViewChanged(event) {
+        this.clearAllDayEvents();
+    }
+}
+//# sourceMappingURL=AllDayEventRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/AllDayEventRenderer.js.map b/wwwroot/js/renderers/AllDayEventRenderer.js.map
new file mode 100644
index 0000000..1a34457
--- /dev/null
+++ b/wwwroot/js/renderers/AllDayEventRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayEventRenderer.js","sourceRoot":"","sources":["../../../src/renderers/AllDayEventRenderer.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/ColumnRenderer.d.ts b/wwwroot/js/renderers/ColumnRenderer.d.ts
new file mode 100644
index 0000000..7bb8239
--- /dev/null
+++ b/wwwroot/js/renderers/ColumnRenderer.d.ts
@@ -0,0 +1,26 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { DateService } from '../utils/DateService';
+import { WorkHoursManager } from '../managers/WorkHoursManager';
+/**
+ * Interface for column rendering strategies
+ */
+export interface IColumnRenderer {
+    render(columnContainer: HTMLElement, context: IColumnRenderContext): void;
+}
+/**
+ * Context for column rendering
+ */
+export interface IColumnRenderContext {
+    currentWeek: Date;
+    config: Configuration;
+}
+/**
+ * Date-based column renderer (original functionality)
+ */
+export declare class DateColumnRenderer implements IColumnRenderer {
+    private dateService;
+    private workHoursManager;
+    constructor(dateService: DateService, workHoursManager: WorkHoursManager);
+    render(columnContainer: HTMLElement, context: IColumnRenderContext): void;
+    private applyWorkHoursToColumn;
+}
diff --git a/wwwroot/js/renderers/ColumnRenderer.js b/wwwroot/js/renderers/ColumnRenderer.js
new file mode 100644
index 0000000..ca17b92
--- /dev/null
+++ b/wwwroot/js/renderers/ColumnRenderer.js
@@ -0,0 +1,44 @@
+// Column rendering strategy interface and implementations
+/**
+ * Date-based column renderer (original functionality)
+ */
+export class DateColumnRenderer {
+    constructor(dateService, workHoursManager) {
+        this.dateService = dateService;
+        this.workHoursManager = workHoursManager;
+    }
+    render(columnContainer, context) {
+        const { currentWeek, config } = context;
+        const workWeekSettings = config.getWorkWeekSettings();
+        const dates = this.dateService.getWorkWeekDates(currentWeek, workWeekSettings.workDays);
+        const dateSettings = config.dateViewSettings;
+        const daysToShow = dates.slice(0, dateSettings.weekDays);
+        daysToShow.forEach((date) => {
+            const column = document.createElement('swp-day-column');
+            column.dataset.date = this.dateService.formatISODate(date);
+            // Apply work hours styling
+            this.applyWorkHoursToColumn(column, date);
+            const eventsLayer = document.createElement('swp-events-layer');
+            column.appendChild(eventsLayer);
+            columnContainer.appendChild(column);
+        });
+    }
+    applyWorkHoursToColumn(column, date) {
+        const workHours = this.workHoursManager.getWorkHoursForDate(date);
+        if (workHours === 'off') {
+            // No work hours - mark as off day (full day will be colored)
+            column.dataset.workHours = 'off';
+        }
+        else {
+            // Calculate and apply non-work hours overlays (before and after work)
+            const nonWorkStyle = this.workHoursManager.calculateNonWorkHoursStyle(workHours);
+            if (nonWorkStyle) {
+                // Before work overlay (::before pseudo-element)
+                column.style.setProperty('--before-work-height', `${nonWorkStyle.beforeWorkHeight}px`);
+                // After work overlay (::after pseudo-element)
+                column.style.setProperty('--after-work-top', `${nonWorkStyle.afterWorkTop}px`);
+            }
+        }
+    }
+}
+//# sourceMappingURL=ColumnRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/ColumnRenderer.js.map b/wwwroot/js/renderers/ColumnRenderer.js.map
new file mode 100644
index 0000000..634f6f6
--- /dev/null
+++ b/wwwroot/js/renderers/ColumnRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ColumnRenderer.js","sourceRoot":"","sources":["../../../src/renderers/ColumnRenderer.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAqB1D;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAI7B,YACE,WAAwB,EACxB,gBAAkC;QAElC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC3C,CAAC;IAED,MAAM,CAAC,eAA4B,EAAE,OAA6B;QAChE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAExC,MAAM,gBAAgB,GAAG,MAAM,CAAC,mBAAmB,EAAE,CAAC;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACxF,MAAM,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;QAGzD,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAc,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAEpE,2BAA2B;YAC3B,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YAE1C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;YAC/D,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YAEhC,eAAe,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,sBAAsB,CAAC,MAAmB,EAAE,IAAU;QAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAElE,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACxB,6DAA6D;YAC5D,MAAc,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,sEAAsE;YACtE,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;YACjF,IAAI,YAAY,EAAE,CAAC;gBACjB,gDAAgD;gBAChD,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,YAAY,CAAC,gBAAgB,IAAI,CAAC,CAAC;gBAEvF,8CAA8C;gBAC9C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC,CAAC;YAEjF,CAAC;QACH,CAAC;IACH,CAAC;CAEF"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/DateHeaderRenderer.d.ts b/wwwroot/js/renderers/DateHeaderRenderer.d.ts
new file mode 100644
index 0000000..4df75e2
--- /dev/null
+++ b/wwwroot/js/renderers/DateHeaderRenderer.d.ts
@@ -0,0 +1,21 @@
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * Interface for header rendering strategies
+ */
+export interface IHeaderRenderer {
+    render(calendarHeader: HTMLElement, context: IHeaderRenderContext): void;
+}
+/**
+ * Context for header rendering
+ */
+export interface IHeaderRenderContext {
+    currentWeek: Date;
+    config: Configuration;
+}
+/**
+ * Date-based header renderer (original functionality)
+ */
+export declare class DateHeaderRenderer implements IHeaderRenderer {
+    private dateService;
+    render(calendarHeader: HTMLElement, context: IHeaderRenderContext): void;
+}
diff --git a/wwwroot/js/renderers/DateHeaderRenderer.js b/wwwroot/js/renderers/DateHeaderRenderer.js
new file mode 100644
index 0000000..1787f1c
--- /dev/null
+++ b/wwwroot/js/renderers/DateHeaderRenderer.js
@@ -0,0 +1,35 @@
+// Header rendering strategy interface and implementations
+import { DateService } from '../utils/DateService';
+/**
+ * Date-based header renderer (original functionality)
+ */
+export class DateHeaderRenderer {
+    render(calendarHeader, context) {
+        const { currentWeek, config } = context;
+        // FIRST: Always create all-day container as part of standard header structure
+        const allDayContainer = document.createElement('swp-allday-container');
+        calendarHeader.appendChild(allDayContainer);
+        // Initialize date service with timezone and locale from config
+        const timezone = config.timeFormatConfig.timezone;
+        const locale = config.timeFormatConfig.locale;
+        this.dateService = new DateService(config);
+        const workWeekSettings = config.getWorkWeekSettings();
+        const dates = this.dateService.getWorkWeekDates(currentWeek, workWeekSettings.workDays);
+        const weekDays = config.dateViewSettings.weekDays;
+        const daysToShow = dates.slice(0, weekDays);
+        daysToShow.forEach((date, index) => {
+            const header = document.createElement('swp-day-header');
+            if (this.dateService.isSameDay(date, new Date())) {
+                header.dataset.today = 'true';
+            }
+            const dayName = this.dateService.getDayName(date, 'long', locale).toUpperCase();
+            header.innerHTML = `
+        <swp-day-name>${dayName}</swp-day-name>
+        <swp-day-date>${date.getDate()}</swp-day-date>
+      `;
+            header.dataset.date = this.dateService.formatISODate(date);
+            calendarHeader.appendChild(header);
+        });
+    }
+}
+//# sourceMappingURL=DateHeaderRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/DateHeaderRenderer.js.map b/wwwroot/js/renderers/DateHeaderRenderer.js.map
new file mode 100644
index 0000000..e3e3bc2
--- /dev/null
+++ b/wwwroot/js/renderers/DateHeaderRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DateHeaderRenderer.js","sourceRoot":"","sources":["../../../src/renderers/DateHeaderRenderer.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAkBnD;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAG7B,MAAM,CAAC,cAA2B,EAAE,OAA6B;QAC/D,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAExC,8EAA8E;QAC9E,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QACvE,cAAc,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAE5C,+DAA+D;QAC/D,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC;QAClD,MAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC;QAC9C,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;QAE3C,MAAM,gBAAgB,GAAG,MAAM,CAAC,mBAAmB,EAAE,CAAC;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACxF,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC;QAClD,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QAE5C,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACxD,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,EAAE,CAAC;gBAChD,MAAc,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;YACzC,CAAC;YAED,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;YAEhF,MAAM,CAAC,SAAS,GAAG;wBACD,OAAO;wBACP,IAAI,CAAC,OAAO,EAAE;OAC/B,CAAC;YACD,MAAc,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAEpE,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/EventRenderer.d.ts b/wwwroot/js/renderers/EventRenderer.d.ts
new file mode 100644
index 0000000..286119e
--- /dev/null
+++ b/wwwroot/js/renderers/EventRenderer.d.ts
@@ -0,0 +1,96 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+import { PositionUtils } from '../utils/PositionUtils';
+import { IColumnBounds } from '../utils/ColumnDetectionUtils';
+import { IDragColumnChangeEventPayload, IDragMoveEventPayload, IDragStartEventPayload, IDragMouseEnterColumnEventPayload } from '../types/EventTypes';
+import { DateService } from '../utils/DateService';
+import { EventStackManager } from '../managers/EventStackManager';
+import { EventLayoutCoordinator } from '../managers/EventLayoutCoordinator';
+/**
+ * Interface for event rendering strategies
+ */
+export interface IEventRenderer {
+    renderEvents(events: ICalendarEvent[], container: HTMLElement): void;
+    clearEvents(container?: HTMLElement): void;
+    renderSingleColumnEvents?(column: IColumnBounds, events: ICalendarEvent[]): void;
+    handleDragStart?(payload: IDragStartEventPayload): void;
+    handleDragMove?(payload: IDragMoveEventPayload): void;
+    handleDragAutoScroll?(eventId: string, snappedY: number): void;
+    handleDragEnd?(originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: IColumnBounds, finalY: number): void;
+    handleEventClick?(eventId: string, originalElement: HTMLElement): void;
+    handleColumnChange?(payload: IDragColumnChangeEventPayload): void;
+    handleNavigationCompleted?(): void;
+    handleConvertAllDayToTimed?(payload: IDragMouseEnterColumnEventPayload): void;
+}
+/**
+ * Date-based event renderer
+ */
+export declare class DateEventRenderer implements IEventRenderer {
+    private dateService;
+    private stackManager;
+    private layoutCoordinator;
+    private config;
+    private positionUtils;
+    private draggedClone;
+    private originalEvent;
+    constructor(dateService: DateService, stackManager: EventStackManager, layoutCoordinator: EventLayoutCoordinator, config: Configuration, positionUtils: PositionUtils);
+    private applyDragStyling;
+    /**
+     * Handle drag start event
+     */
+    handleDragStart(payload: IDragStartEventPayload): void;
+    /**
+     * Handle drag move event
+     */
+    handleDragMove(payload: IDragMoveEventPayload): void;
+    /**
+     * Handle column change during drag
+     */
+    handleColumnChange(payload: IDragColumnChangeEventPayload): void;
+    /**
+     * Handle conversion of all-day event to timed event
+     */
+    handleConvertAllDayToTimed(payload: IDragMouseEnterColumnEventPayload): void;
+    /**
+     * Handle drag end event
+     */
+    handleDragEnd(originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: IColumnBounds, finalY: number): void;
+    /**
+     * Handle navigation completed event
+     */
+    handleNavigationCompleted(): void;
+    /**
+     * Fade out and remove element
+     */
+    private fadeOutAndRemove;
+    renderEvents(events: ICalendarEvent[], container: HTMLElement): void;
+    /**
+     * Render events for a single column
+     */
+    renderSingleColumnEvents(column: IColumnBounds, events: ICalendarEvent[]): void;
+    /**
+     * Render events in a column using combined stacking + grid algorithm
+     */
+    private renderColumnEvents;
+    /**
+     * Render events in a grid container (side-by-side with column sharing)
+     */
+    private renderGridGroup;
+    /**
+     * Render a single column within a grid group
+     * Column may contain multiple events that don't overlap
+     */
+    private renderGridColumn;
+    /**
+     * Render event within a grid container (absolute positioning within column)
+     */
+    private renderEventInGrid;
+    private renderEvent;
+    protected calculateEventPosition(event: ICalendarEvent): {
+        top: number;
+        height: number;
+    };
+    clearEvents(container?: HTMLElement): void;
+    protected getColumns(container: HTMLElement): HTMLElement[];
+    protected getEventsForColumn(column: HTMLElement, events: ICalendarEvent[]): ICalendarEvent[];
+}
diff --git a/wwwroot/js/renderers/EventRenderer.js b/wwwroot/js/renderers/EventRenderer.js
new file mode 100644
index 0000000..ce026a4
--- /dev/null
+++ b/wwwroot/js/renderers/EventRenderer.js
@@ -0,0 +1,296 @@
+// Event rendering strategy interface and implementations
+import { SwpEventElement } from '../elements/SwpEventElement';
+/**
+ * Date-based event renderer
+ */
+export class DateEventRenderer {
+    constructor(dateService, stackManager, layoutCoordinator, config, positionUtils) {
+        this.draggedClone = null;
+        this.originalEvent = null;
+        this.dateService = dateService;
+        this.stackManager = stackManager;
+        this.layoutCoordinator = layoutCoordinator;
+        this.config = config;
+        this.positionUtils = positionUtils;
+    }
+    applyDragStyling(element) {
+        element.classList.add('dragging');
+        element.style.removeProperty("margin-left");
+    }
+    /**
+     * Handle drag start event
+     */
+    handleDragStart(payload) {
+        this.originalEvent = payload.originalElement;
+        ;
+        // Use the clone from the payload instead of creating a new one
+        this.draggedClone = payload.draggedClone;
+        if (this.draggedClone && payload.columnBounds) {
+            // Apply drag styling
+            this.applyDragStyling(this.draggedClone);
+            // Add to current column's events layer (not directly to column)
+            const eventsLayer = payload.columnBounds.element.querySelector('swp-events-layer');
+            if (eventsLayer) {
+                eventsLayer.appendChild(this.draggedClone);
+                // Set initial position to prevent "jump to top" effect
+                // Calculate absolute Y position from original element
+                const originalRect = this.originalEvent.getBoundingClientRect();
+                const columnRect = payload.columnBounds.boundingClientRect;
+                const initialTop = originalRect.top - columnRect.top;
+                this.draggedClone.style.top = `${initialTop}px`;
+            }
+        }
+        // Make original semi-transparent
+        this.originalEvent.style.opacity = '0.3';
+        this.originalEvent.style.userSelect = 'none';
+    }
+    /**
+     * Handle drag move event
+     */
+    handleDragMove(payload) {
+        const swpEvent = payload.draggedClone;
+        const columnDate = this.dateService.parseISO(payload.columnBounds.date);
+        swpEvent.updatePosition(columnDate, payload.snappedY);
+    }
+    /**
+     * Handle column change during drag
+     */
+    handleColumnChange(payload) {
+        const eventsLayer = payload.newColumn.element.querySelector('swp-events-layer');
+        if (eventsLayer && payload.draggedClone.parentElement !== eventsLayer) {
+            eventsLayer.appendChild(payload.draggedClone);
+            // Recalculate timestamps with new column date
+            const currentTop = parseFloat(payload.draggedClone.style.top) || 0;
+            const swpEvent = payload.draggedClone;
+            const columnDate = this.dateService.parseISO(payload.newColumn.date);
+            swpEvent.updatePosition(columnDate, currentTop);
+        }
+    }
+    /**
+     * Handle conversion of all-day event to timed event
+     */
+    handleConvertAllDayToTimed(payload) {
+        console.log('🎯 DateEventRenderer: Converting all-day to timed event', {
+            eventId: payload.calendarEvent.id,
+            targetColumn: payload.targetColumn.date,
+            snappedY: payload.snappedY
+        });
+        let timedClone = SwpEventElement.fromCalendarEvent(payload.calendarEvent);
+        let position = this.calculateEventPosition(payload.calendarEvent);
+        // Set position at snapped Y
+        //timedClone.style.top = `${snappedY}px`;
+        // Set complete styling for dragged clone (matching normal event rendering)
+        timedClone.style.height = `${position.height - 3}px`;
+        timedClone.style.left = '2px';
+        timedClone.style.right = '2px';
+        timedClone.style.width = 'auto';
+        timedClone.style.pointerEvents = 'none';
+        // Apply drag styling
+        this.applyDragStyling(timedClone);
+        // Find the events layer in the target column
+        let eventsLayer = payload.targetColumn.element.querySelector('swp-events-layer');
+        // Add "clone-" prefix to match clone ID pattern
+        //timedClone.dataset.eventId = `clone-${payload.calendarEvent.id}`;
+        // Remove old all-day clone and replace with new timed clone
+        payload.draggedClone.remove();
+        payload.replaceClone(timedClone);
+        eventsLayer.appendChild(timedClone);
+    }
+    /**
+     * Handle drag end event
+     */
+    handleDragEnd(originalElement, draggedClone, finalColumn, finalY) {
+        if (!draggedClone || !originalElement) {
+            console.warn('Missing draggedClone or originalElement');
+            return;
+        }
+        // Only fade out and remove if it's a swp-event (not swp-allday-event)
+        // AllDayManager handles removal of swp-allday-event elements
+        if (originalElement.tagName === 'SWP-EVENT') {
+            this.fadeOutAndRemove(originalElement);
+        }
+        // Remove clone prefix and normalize clone to be a regular event
+        const cloneId = draggedClone.dataset.eventId;
+        if (cloneId && cloneId.startsWith('clone-')) {
+            draggedClone.dataset.eventId = cloneId.replace('clone-', '');
+        }
+        // Fully normalize the clone to be a regular event
+        draggedClone.classList.remove('dragging');
+        draggedClone.style.pointerEvents = ''; // Re-enable pointer events
+        // Clean up instance state
+        this.draggedClone = null;
+        this.originalEvent = null;
+        // Clean up any remaining day event clones
+        const dayEventClone = document.querySelector(`swp-event[data-event-id="clone-${cloneId}"]`);
+        if (dayEventClone) {
+            dayEventClone.remove();
+        }
+    }
+    /**
+     * Handle navigation completed event
+     */
+    handleNavigationCompleted() {
+        // Default implementation - can be overridden by subclasses
+    }
+    /**
+     * Fade out and remove element
+     */
+    fadeOutAndRemove(element) {
+        element.style.transition = 'opacity 0.3s ease-out';
+        element.style.opacity = '0';
+        setTimeout(() => {
+            element.remove();
+        }, 300);
+    }
+    renderEvents(events, container) {
+        // Filter out all-day events - they should be handled by AllDayEventRenderer
+        const timedEvents = events.filter(event => !event.allDay);
+        // Find columns in the specific container for regular events
+        const columns = this.getColumns(container);
+        columns.forEach(column => {
+            const columnEvents = this.getEventsForColumn(column, timedEvents);
+            const eventsLayer = column.querySelector('swp-events-layer');
+            if (eventsLayer) {
+                this.renderColumnEvents(columnEvents, eventsLayer);
+            }
+        });
+    }
+    /**
+     * Render events for a single column
+     */
+    renderSingleColumnEvents(column, events) {
+        const columnEvents = this.getEventsForColumn(column.element, events);
+        const eventsLayer = column.element.querySelector('swp-events-layer');
+        if (eventsLayer) {
+            this.renderColumnEvents(columnEvents, eventsLayer);
+        }
+    }
+    /**
+     * Render events in a column using combined stacking + grid algorithm
+     */
+    renderColumnEvents(columnEvents, eventsLayer) {
+        if (columnEvents.length === 0)
+            return;
+        // Get layout from coordinator
+        const layout = this.layoutCoordinator.calculateColumnLayout(columnEvents);
+        // Render grid groups
+        layout.gridGroups.forEach(gridGroup => {
+            this.renderGridGroup(gridGroup, eventsLayer);
+        });
+        // Render stacked events
+        layout.stackedEvents.forEach(stackedEvent => {
+            const element = this.renderEvent(stackedEvent.event);
+            this.stackManager.applyStackLinkToElement(element, stackedEvent.stackLink);
+            this.stackManager.applyVisualStyling(element, stackedEvent.stackLink.stackLevel);
+            eventsLayer.appendChild(element);
+        });
+    }
+    /**
+     * Render events in a grid container (side-by-side with column sharing)
+     */
+    renderGridGroup(gridGroup, eventsLayer) {
+        const groupElement = document.createElement('swp-event-group');
+        // Add grid column class based on number of columns (not events)
+        const colCount = gridGroup.columns.length;
+        groupElement.classList.add(`cols-${colCount}`);
+        // Add stack level class for margin-left offset
+        groupElement.classList.add(`stack-level-${gridGroup.stackLevel}`);
+        // Position from layout
+        groupElement.style.top = `${gridGroup.position.top}px`;
+        // Add stack-link attribute for drag-drop (group acts as a stacked item)
+        const stackLink = {
+            stackLevel: gridGroup.stackLevel
+        };
+        this.stackManager.applyStackLinkToElement(groupElement, stackLink);
+        // Apply visual styling (margin-left and z-index) using StackManager
+        this.stackManager.applyVisualStyling(groupElement, gridGroup.stackLevel);
+        // Render each column
+        const earliestEvent = gridGroup.events[0];
+        gridGroup.columns.forEach((columnEvents) => {
+            const columnContainer = this.renderGridColumn(columnEvents, earliestEvent.start);
+            groupElement.appendChild(columnContainer);
+        });
+        eventsLayer.appendChild(groupElement);
+    }
+    /**
+     * Render a single column within a grid group
+     * Column may contain multiple events that don't overlap
+     */
+    renderGridColumn(columnEvents, containerStart) {
+        const columnContainer = document.createElement('div');
+        columnContainer.style.position = 'relative';
+        columnEvents.forEach(event => {
+            const element = this.renderEventInGrid(event, containerStart);
+            columnContainer.appendChild(element);
+        });
+        return columnContainer;
+    }
+    /**
+     * Render event within a grid container (absolute positioning within column)
+     */
+    renderEventInGrid(event, containerStart) {
+        const element = SwpEventElement.fromCalendarEvent(event);
+        // Calculate event height
+        const position = this.calculateEventPosition(event);
+        // Calculate relative top offset if event starts after container start
+        // (e.g., if container starts at 07:00 and event starts at 08:15, offset = 75 min)
+        const timeDiffMs = event.start.getTime() - containerStart.getTime();
+        const timeDiffMinutes = timeDiffMs / (1000 * 60);
+        const gridSettings = this.config.gridSettings;
+        const relativeTop = timeDiffMinutes > 0 ? (timeDiffMinutes / 60) * gridSettings.hourHeight : 0;
+        // Events in grid columns are positioned absolutely within their column container
+        element.style.position = 'absolute';
+        element.style.top = `${relativeTop}px`;
+        element.style.height = `${position.height - 3}px`;
+        element.style.left = '0';
+        element.style.right = '0';
+        return element;
+    }
+    renderEvent(event) {
+        const element = SwpEventElement.fromCalendarEvent(event);
+        // Apply positioning (moved from SwpEventElement.applyPositioning)
+        const position = this.calculateEventPosition(event);
+        element.style.position = 'absolute';
+        element.style.top = `${position.top + 1}px`;
+        element.style.height = `${position.height - 3}px`;
+        element.style.left = '2px';
+        element.style.right = '2px';
+        return element;
+    }
+    calculateEventPosition(event) {
+        // Delegate to PositionUtils for centralized position calculation
+        return this.positionUtils.calculateEventPosition(event.start, event.end);
+    }
+    clearEvents(container) {
+        const eventSelector = 'swp-event';
+        const groupSelector = 'swp-event-group';
+        const existingEvents = container
+            ? container.querySelectorAll(eventSelector)
+            : document.querySelectorAll(eventSelector);
+        const existingGroups = container
+            ? container.querySelectorAll(groupSelector)
+            : document.querySelectorAll(groupSelector);
+        existingEvents.forEach(event => event.remove());
+        existingGroups.forEach(group => group.remove());
+    }
+    getColumns(container) {
+        const columns = container.querySelectorAll('swp-day-column');
+        return Array.from(columns);
+    }
+    getEventsForColumn(column, events) {
+        const columnDate = column.dataset.date;
+        if (!columnDate) {
+            return [];
+        }
+        // Create start and end of day for interval overlap check
+        const columnStart = this.dateService.parseISO(`${columnDate}T00:00:00`);
+        const columnEnd = this.dateService.parseISO(`${columnDate}T23:59:59.999`);
+        const columnEvents = events.filter(event => {
+            // Interval overlap: event overlaps with column day if event.start < columnEnd AND event.end > columnStart
+            const overlaps = event.start < columnEnd && event.end > columnStart;
+            return overlaps;
+        });
+        return columnEvents;
+    }
+}
+//# sourceMappingURL=EventRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/EventRenderer.js.map b/wwwroot/js/renderers/EventRenderer.js.map
new file mode 100644
index 0000000..78765f0
--- /dev/null
+++ b/wwwroot/js/renderers/EventRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventRenderer.js","sourceRoot":"","sources":["../../../src/renderers/EventRenderer.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/EventRendererManager.d.ts b/wwwroot/js/renderers/EventRendererManager.d.ts
new file mode 100644
index 0000000..3a2131c
--- /dev/null
+++ b/wwwroot/js/renderers/EventRendererManager.d.ts
@@ -0,0 +1,55 @@
+import { IEventBus, IRenderContext } from '../types/CalendarTypes';
+import { EventManager } from '../managers/EventManager';
+import { IEventRenderer } from './EventRenderer';
+import { DateService } from '../utils/DateService';
+/**
+ * EventRenderingService - Render events i DOM med positionering using Strategy Pattern
+ * Håndterer event positioning og overlap detection
+ */
+export declare class EventRenderingService {
+    private eventBus;
+    private eventManager;
+    private strategy;
+    private dateService;
+    private dragMouseLeaveHeaderListener;
+    constructor(eventBus: IEventBus, eventManager: EventManager, strategy: IEventRenderer, dateService: DateService);
+    /**
+     * Render events in a specific container for a given period
+     */
+    renderEvents(context: IRenderContext): Promise<void>;
+    private setupEventListeners;
+    /**
+     * Handle GRID_RENDERED event - render events in the current grid
+     */
+    private handleGridRendered;
+    /**
+     * Handle VIEW_CHANGED event - clear and re-render for new view
+     */
+    private handleViewChanged;
+    /**
+     * Setup all drag event listeners - moved from EventRenderer for better separation of concerns
+     */
+    private setupDragEventListeners;
+    private setupDragStartListener;
+    private setupDragMoveListener;
+    private setupDragEndListener;
+    private setupDragColumnChangeListener;
+    private setupDragMouseLeaveHeaderListener;
+    private setupDragMouseEnterColumnListener;
+    private setupResizeEndListener;
+    private setupNavigationCompletedListener;
+    /**
+     * Re-render affected columns after drag to recalculate stacking/grouping
+     */
+    private reRenderAffectedColumns;
+    /**
+     * Clear events in a single column's events layer
+     */
+    private clearColumnEvents;
+    /**
+     * Render events for a single column
+     */
+    private renderSingleColumn;
+    private clearEvents;
+    refresh(container?: HTMLElement): void;
+}
diff --git a/wwwroot/js/renderers/EventRendererManager.js b/wwwroot/js/renderers/EventRendererManager.js
new file mode 100644
index 0000000..d326ba4
--- /dev/null
+++ b/wwwroot/js/renderers/EventRendererManager.js
@@ -0,0 +1,264 @@
+import { CoreEvents } from '../constants/CoreEvents';
+import { ColumnDetectionUtils } from '../utils/ColumnDetectionUtils';
+/**
+ * EventRenderingService - Render events i DOM med positionering using Strategy Pattern
+ * Håndterer event positioning og overlap detection
+ */
+export class EventRenderingService {
+    constructor(eventBus, eventManager, strategy, dateService) {
+        this.dragMouseLeaveHeaderListener = null;
+        this.eventBus = eventBus;
+        this.eventManager = eventManager;
+        this.strategy = strategy;
+        this.dateService = dateService;
+        this.setupEventListeners();
+    }
+    /**
+     * Render events in a specific container for a given period
+     */
+    async renderEvents(context) {
+        // Clear existing events in the specific container first
+        this.strategy.clearEvents(context.container);
+        // Get events from EventManager for the period
+        const events = await this.eventManager.getEventsForPeriod(context.startDate, context.endDate);
+        if (events.length === 0) {
+            return;
+        }
+        // Filter events by type - only render timed events here
+        const timedEvents = events.filter(event => !event.allDay);
+        console.log('🎯 EventRenderingService: Event filtering', {
+            totalEvents: events.length,
+            timedEvents: timedEvents.length,
+            allDayEvents: events.length - timedEvents.length
+        });
+        // Render timed events using existing strategy
+        if (timedEvents.length > 0) {
+            this.strategy.renderEvents(timedEvents, context.container);
+        }
+        // Emit EVENTS_RENDERED event for filtering system
+        this.eventBus.emit(CoreEvents.EVENTS_RENDERED, {
+            events: events,
+            container: context.container
+        });
+    }
+    setupEventListeners() {
+        this.eventBus.on(CoreEvents.GRID_RENDERED, (event) => {
+            this.handleGridRendered(event);
+        });
+        this.eventBus.on(CoreEvents.VIEW_CHANGED, (event) => {
+            this.handleViewChanged(event);
+        });
+        // Handle all drag events and delegate to appropriate renderer
+        this.setupDragEventListeners();
+    }
+    /**
+     * Handle GRID_RENDERED event - render events in the current grid
+     */
+    handleGridRendered(event) {
+        const { container, dates } = event.detail;
+        if (!container || !dates || dates.length === 0) {
+            return;
+        }
+        // Calculate startDate and endDate from dates array
+        const startDate = dates[0];
+        const endDate = dates[dates.length - 1];
+        this.renderEvents({
+            container,
+            startDate,
+            endDate
+        });
+    }
+    /**
+     * Handle VIEW_CHANGED event - clear and re-render for new view
+     */
+    handleViewChanged(event) {
+        // Clear all existing events since view structure may have changed
+        this.clearEvents();
+        // New rendering will be triggered by subsequent GRID_RENDERED event
+    }
+    /**
+     * Setup all drag event listeners - moved from EventRenderer for better separation of concerns
+     */
+    setupDragEventListeners() {
+        this.setupDragStartListener();
+        this.setupDragMoveListener();
+        this.setupDragEndListener();
+        this.setupDragColumnChangeListener();
+        this.setupDragMouseLeaveHeaderListener();
+        this.setupDragMouseEnterColumnListener();
+        this.setupResizeEndListener();
+        this.setupNavigationCompletedListener();
+    }
+    setupDragStartListener() {
+        this.eventBus.on('drag:start', (event) => {
+            const dragStartPayload = event.detail;
+            if (dragStartPayload.originalElement.hasAttribute('data-allday')) {
+                return;
+            }
+            if (dragStartPayload.originalElement && this.strategy.handleDragStart && dragStartPayload.columnBounds) {
+                this.strategy.handleDragStart(dragStartPayload);
+            }
+        });
+    }
+    setupDragMoveListener() {
+        this.eventBus.on('drag:move', (event) => {
+            let dragEvent = event.detail;
+            if (dragEvent.draggedClone.hasAttribute('data-allday')) {
+                return;
+            }
+            if (this.strategy.handleDragMove) {
+                this.strategy.handleDragMove(dragEvent);
+            }
+        });
+    }
+    setupDragEndListener() {
+        this.eventBus.on('drag:end', async (event) => {
+            const { originalElement, draggedClone, originalSourceColumn, finalPosition, target } = event.detail;
+            const finalColumn = finalPosition.column;
+            const finalY = finalPosition.snappedY;
+            let element = draggedClone;
+            // Only handle day column drops for EventRenderer
+            if (target === 'swp-day-column' && finalColumn) {
+                if (originalElement && draggedClone && this.strategy.handleDragEnd) {
+                    this.strategy.handleDragEnd(originalElement, draggedClone, finalColumn, finalY);
+                }
+                await this.eventManager.updateEvent(element.eventId, {
+                    start: element.start,
+                    end: element.end,
+                    allDay: false
+                });
+                // Re-render affected columns for stacking/grouping (now with updated data)
+                await this.reRenderAffectedColumns(originalSourceColumn, finalColumn);
+            }
+        });
+    }
+    setupDragColumnChangeListener() {
+        this.eventBus.on('drag:column-change', (event) => {
+            let columnChangeEvent = event.detail;
+            // Filter: Only handle events where clone is NOT an all-day event (normal timed events)
+            if (columnChangeEvent.draggedClone && columnChangeEvent.draggedClone.hasAttribute('data-allday')) {
+                return;
+            }
+            if (this.strategy.handleColumnChange) {
+                this.strategy.handleColumnChange(columnChangeEvent);
+            }
+        });
+    }
+    setupDragMouseLeaveHeaderListener() {
+        this.dragMouseLeaveHeaderListener = (event) => {
+            const { targetDate, mousePosition, originalElement, draggedClone: cloneElement } = event.detail;
+            if (cloneElement)
+                cloneElement.style.display = '';
+            console.log('🚪 EventRendererManager: Received drag:mouseleave-header', {
+                targetDate,
+                originalElement: originalElement,
+                cloneElement: cloneElement
+            });
+        };
+        this.eventBus.on('drag:mouseleave-header', this.dragMouseLeaveHeaderListener);
+    }
+    setupDragMouseEnterColumnListener() {
+        this.eventBus.on('drag:mouseenter-column', (event) => {
+            const payload = event.detail;
+            // Only handle if clone is an all-day event
+            if (!payload.draggedClone.hasAttribute('data-allday')) {
+                return;
+            }
+            console.log('🎯 EventRendererManager: Received drag:mouseenter-column', {
+                targetColumn: payload.targetColumn,
+                snappedY: payload.snappedY,
+                calendarEvent: payload.calendarEvent
+            });
+            // Delegate to strategy for conversion
+            if (this.strategy.handleConvertAllDayToTimed) {
+                this.strategy.handleConvertAllDayToTimed(payload);
+            }
+        });
+    }
+    setupResizeEndListener() {
+        this.eventBus.on('resize:end', async (event) => {
+            const { eventId, element } = event.detail;
+            // Update event data in EventManager with new end time from resized element
+            const swpEvent = element;
+            const newStart = swpEvent.start;
+            const newEnd = swpEvent.end;
+            await this.eventManager.updateEvent(eventId, {
+                start: newStart,
+                end: newEnd
+            });
+            console.log('📝 EventRendererManager: Updated event after resize', {
+                eventId,
+                newStart,
+                newEnd
+            });
+            let columnBounds = ColumnDetectionUtils.getColumnBoundsByDate(newStart);
+            if (columnBounds)
+                await this.renderSingleColumn(columnBounds);
+        });
+    }
+    setupNavigationCompletedListener() {
+        this.eventBus.on(CoreEvents.NAVIGATION_COMPLETED, () => {
+            // Delegate to strategy if it handles navigation
+            if (this.strategy.handleNavigationCompleted) {
+                this.strategy.handleNavigationCompleted();
+            }
+        });
+    }
+    /**
+     * Re-render affected columns after drag to recalculate stacking/grouping
+     */
+    async reRenderAffectedColumns(originalSourceColumn, targetColumn) {
+        // Re-render original source column if exists
+        if (originalSourceColumn) {
+            await this.renderSingleColumn(originalSourceColumn);
+        }
+        // Re-render target column if exists and different from source
+        if (targetColumn && targetColumn.date !== originalSourceColumn?.date) {
+            await this.renderSingleColumn(targetColumn);
+        }
+    }
+    /**
+     * Clear events in a single column's events layer
+     */
+    clearColumnEvents(eventsLayer) {
+        const existingEvents = eventsLayer.querySelectorAll('swp-event');
+        const existingGroups = eventsLayer.querySelectorAll('swp-event-group');
+        existingEvents.forEach(event => event.remove());
+        existingGroups.forEach(group => group.remove());
+    }
+    /**
+     * Render events for a single column
+     */
+    async renderSingleColumn(column) {
+        // Get events for just this column's date
+        const columnStart = this.dateService.parseISO(`${column.date}T00:00:00`);
+        const columnEnd = this.dateService.parseISO(`${column.date}T23:59:59.999`);
+        // Get events from EventManager for this single date
+        const events = await this.eventManager.getEventsForPeriod(columnStart, columnEnd);
+        // Filter to timed events only
+        const timedEvents = events.filter(event => !event.allDay);
+        // Get events layer within this specific column
+        const eventsLayer = column.element.querySelector('swp-events-layer');
+        if (!eventsLayer) {
+            console.warn('EventRendererManager: Events layer not found in column');
+            return;
+        }
+        // Clear only this column's events
+        this.clearColumnEvents(eventsLayer);
+        // Render events for this column using strategy
+        if (this.strategy.renderSingleColumnEvents) {
+            this.strategy.renderSingleColumnEvents(column, timedEvents);
+        }
+        console.log('🔄 EventRendererManager: Re-rendered single column', {
+            columnDate: column.date,
+            eventsCount: timedEvents.length
+        });
+    }
+    clearEvents(container) {
+        this.strategy.clearEvents(container);
+    }
+    refresh(container) {
+        this.clearEvents(container);
+    }
+}
+//# sourceMappingURL=EventRendererManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/EventRendererManager.js.map b/wwwroot/js/renderers/EventRendererManager.js.map
new file mode 100644
index 0000000..d1cfc77
--- /dev/null
+++ b/wwwroot/js/renderers/EventRendererManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventRendererManager.js","sourceRoot":"","sources":["../../../src/renderers/EventRendererManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/GridRenderer.d.ts b/wwwroot/js/renderers/GridRenderer.d.ts
new file mode 100644
index 0000000..8613651
--- /dev/null
+++ b/wwwroot/js/renderers/GridRenderer.d.ts
@@ -0,0 +1,180 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { CalendarView, ICalendarEvent } from '../types/CalendarTypes';
+import { IColumnRenderer } from './ColumnRenderer';
+import { DateService } from '../utils/DateService';
+import { WorkHoursManager } from '../managers/WorkHoursManager';
+/**
+ * GridRenderer - Centralized DOM rendering for calendar grid structure
+ *
+ * ARCHITECTURE OVERVIEW:
+ * =====================
+ * GridRenderer is responsible for creating and managing the complete DOM structure
+ * of the calendar grid. It follows the Strategy Pattern by delegating specific
+ * rendering tasks to specialized renderers (DateHeaderRenderer, ColumnRenderer).
+ *
+ * RESPONSIBILITY HIERARCHY:
+ * ========================
+ * GridRenderer (this file)
+ * ├─ Creates overall grid skeleton
+ * ├─ Manages time axis (hour markers)
+ * └─ Delegates to specialized renderers:
+ *    ├─ DateHeaderRenderer → Renders date headers
+ *    └─ ColumnRenderer → Renders day columns
+ *
+ * DOM STRUCTURE CREATED:
+ * =====================
+ * <swp-calendar-container>
+ *   <swp-header-spacer />                    ← GridRenderer
+ *   <swp-time-axis>                          ← GridRenderer
+ *     <swp-hour-marker>00:00</...>           ← GridRenderer (iterates hours)
+ *   </swp-time-axis>
+ *   <swp-grid-container>                     ← GridRenderer
+ *     <swp-calendar-header>                  ← GridRenderer creates container
+ *       <swp-day-header />                   ← DateHeaderRenderer (iterates dates)
+ *     </swp-calendar-header>
+ *     <swp-scrollable-content>               ← GridRenderer
+ *       <swp-time-grid>                      ← GridRenderer
+ *         <swp-grid-lines />                 ← GridRenderer
+ *         <swp-day-columns>                  ← GridRenderer creates container
+ *           <swp-day-column />               ← ColumnRenderer (iterates dates)
+ *         </swp-day-columns>
+ *       </swp-time-grid>
+ *     </swp-scrollable-content>
+ *   </swp-grid-container>
+ * </swp-calendar-container>
+ *
+ * RENDERING FLOW:
+ * ==============
+ * 1. renderGrid() - Entry point called by GridManager
+ *    ├─ First render: createCompleteGridStructure()
+ *    └─ Updates: updateGridContent()
+ *
+ * 2. createCompleteGridStructure()
+ *    ├─ Creates header spacer
+ *    ├─ Creates time axis (calls createOptimizedTimeAxis)
+ *    └─ Creates grid container (calls createOptimizedGridContainer)
+ *
+ * 3. createOptimizedGridContainer()
+ *    ├─ Creates calendar header container
+ *    ├─ Creates scrollable content structure
+ *    └─ Creates column container (calls renderColumnContainer)
+ *
+ * 4. renderColumnContainer()
+ *    └─ Delegates to ColumnRenderer.render()
+ *       └─ ColumnRenderer iterates dates and creates columns
+ *
+ * OPTIMIZATION STRATEGY:
+ * =====================
+ * - Caches DOM references (cachedGridContainer, cachedTimeAxis)
+ * - Uses DocumentFragment for batch DOM insertions
+ * - Only updates changed content on re-renders
+ * - Delegates specialized tasks to strategy renderers
+ *
+ * USAGE EXAMPLE:
+ * =============
+ * const gridRenderer = new GridRenderer(columnRenderer, dateService, config);
+ * gridRenderer.renderGrid(containerElement, new Date(), 'week');
+ */
+export declare class GridRenderer {
+    private cachedGridContainer;
+    private cachedTimeAxis;
+    private dateService;
+    private columnRenderer;
+    private config;
+    private workHoursManager;
+    constructor(columnRenderer: IColumnRenderer, dateService: DateService, config: Configuration, workHoursManager: WorkHoursManager);
+    /**
+     * Main entry point for rendering the complete calendar grid
+     *
+     * This method decides between full render (first time) or optimized update.
+     * It caches the grid reference for performance.
+     *
+     * @param grid - Container element where grid will be rendered
+     * @param currentDate - Base date for the current view (e.g., any date in the week)
+     * @param view - Calendar view type (day/week/month)
+     * @param dates - Array of dates to render as columns
+     * @param events - All events for the period
+     */
+    renderGrid(grid: HTMLElement, currentDate: Date, view?: CalendarView, dates?: Date[], events?: ICalendarEvent[]): void;
+    /**
+     * Creates the complete grid structure from scratch
+     *
+     * Uses DocumentFragment for optimal performance by minimizing reflows.
+     * Creates all child elements in memory first, then appends everything at once.
+     *
+     * Structure created:
+     * 1. Header spacer (placeholder for alignment)
+     * 2. Time axis (hour markers 00:00-23:00)
+     * 3. Grid container (header + scrollable content)
+     *
+     * @param grid - Parent container
+     * @param currentDate - Current view date
+     * @param view - View type
+     * @param dates - Array of dates to render
+     */
+    private createCompleteGridStructure;
+    /**
+     * Creates the time axis with hour markers
+     *
+     * Iterates from dayStartHour to dayEndHour (configured in GridSettings).
+     * Each marker shows the hour in the configured time format.
+     *
+     * @returns Time axis element with all hour markers
+     */
+    private createOptimizedTimeAxis;
+    /**
+     * Creates the main grid container with header and columns
+     *
+     * This is the scrollable area containing:
+     * - Calendar header (dates/resources) - created here, populated by DateHeaderRenderer
+     * - Time grid (grid lines + day columns) - structure created here
+     * - Column container - created here, populated by ColumnRenderer
+     *
+     * @param currentDate - Current view date
+     * @param view - View type
+     * @param dates - Array of dates to render
+     * @returns Complete grid container element
+     */
+    private createOptimizedGridContainer;
+    /**
+     * Renders columns by iterating through dates
+     *
+     * GridRenderer creates column structure with work hours styling.
+     * Event rendering is handled by EventRenderingService listening to GRID_RENDERED.
+     *
+     * @param columnContainer - Empty container to populate
+     * @param dates - Array of dates to render
+     * @param events - All events for the period (passed through, not used here)
+     */
+    private renderColumnContainer;
+    /**
+     * Apply work hours styling to a column
+     */
+    private applyWorkHoursStyling;
+    /**
+     * Optimized update of grid content without full rebuild
+     *
+     * Only updates the column container content, leaving the structure intact.
+     * This is much faster than recreating the entire grid.
+     *
+     * @param grid - Existing grid element
+     * @param currentDate - New view date
+     * @param view - View type
+     * @param dates - Array of dates to render
+     * @param events - All events for the period
+     */
+    private updateGridContent;
+    /**
+     * Creates a new grid for slide animations during navigation
+     *
+     * Used by NavigationManager for smooth week-to-week transitions.
+     * Creates a complete grid positioned absolutely for animation.
+     *
+     * Note: Positioning is handled by Animation API, not here.
+     *
+     * @param parentContainer - Container for the new grid
+     * @param weekStart - Start date of the new week
+     * @returns New grid element ready for animation
+     */
+    createNavigationGrid(parentContainer: HTMLElement, weekStart: Date): HTMLElement;
+}
diff --git a/wwwroot/js/renderers/GridRenderer.js b/wwwroot/js/renderers/GridRenderer.js
new file mode 100644
index 0000000..0a3a7c9
--- /dev/null
+++ b/wwwroot/js/renderers/GridRenderer.js
@@ -0,0 +1,289 @@
+import { TimeFormatter } from '../utils/TimeFormatter';
+/**
+ * GridRenderer - Centralized DOM rendering for calendar grid structure
+ *
+ * ARCHITECTURE OVERVIEW:
+ * =====================
+ * GridRenderer is responsible for creating and managing the complete DOM structure
+ * of the calendar grid. It follows the Strategy Pattern by delegating specific
+ * rendering tasks to specialized renderers (DateHeaderRenderer, ColumnRenderer).
+ *
+ * RESPONSIBILITY HIERARCHY:
+ * ========================
+ * GridRenderer (this file)
+ * ├─ Creates overall grid skeleton
+ * ├─ Manages time axis (hour markers)
+ * └─ Delegates to specialized renderers:
+ *    ├─ DateHeaderRenderer → Renders date headers
+ *    └─ ColumnRenderer → Renders day columns
+ *
+ * DOM STRUCTURE CREATED:
+ * =====================
+ * <swp-calendar-container>
+ *   <swp-header-spacer />                    ← GridRenderer
+ *   <swp-time-axis>                          ← GridRenderer
+ *     <swp-hour-marker>00:00</...>           ← GridRenderer (iterates hours)
+ *   </swp-time-axis>
+ *   <swp-grid-container>                     ← GridRenderer
+ *     <swp-calendar-header>                  ← GridRenderer creates container
+ *       <swp-day-header />                   ← DateHeaderRenderer (iterates dates)
+ *     </swp-calendar-header>
+ *     <swp-scrollable-content>               ← GridRenderer
+ *       <swp-time-grid>                      ← GridRenderer
+ *         <swp-grid-lines />                 ← GridRenderer
+ *         <swp-day-columns>                  ← GridRenderer creates container
+ *           <swp-day-column />               ← ColumnRenderer (iterates dates)
+ *         </swp-day-columns>
+ *       </swp-time-grid>
+ *     </swp-scrollable-content>
+ *   </swp-grid-container>
+ * </swp-calendar-container>
+ *
+ * RENDERING FLOW:
+ * ==============
+ * 1. renderGrid() - Entry point called by GridManager
+ *    ├─ First render: createCompleteGridStructure()
+ *    └─ Updates: updateGridContent()
+ *
+ * 2. createCompleteGridStructure()
+ *    ├─ Creates header spacer
+ *    ├─ Creates time axis (calls createOptimizedTimeAxis)
+ *    └─ Creates grid container (calls createOptimizedGridContainer)
+ *
+ * 3. createOptimizedGridContainer()
+ *    ├─ Creates calendar header container
+ *    ├─ Creates scrollable content structure
+ *    └─ Creates column container (calls renderColumnContainer)
+ *
+ * 4. renderColumnContainer()
+ *    └─ Delegates to ColumnRenderer.render()
+ *       └─ ColumnRenderer iterates dates and creates columns
+ *
+ * OPTIMIZATION STRATEGY:
+ * =====================
+ * - Caches DOM references (cachedGridContainer, cachedTimeAxis)
+ * - Uses DocumentFragment for batch DOM insertions
+ * - Only updates changed content on re-renders
+ * - Delegates specialized tasks to strategy renderers
+ *
+ * USAGE EXAMPLE:
+ * =============
+ * const gridRenderer = new GridRenderer(columnRenderer, dateService, config);
+ * gridRenderer.renderGrid(containerElement, new Date(), 'week');
+ */
+export class GridRenderer {
+    constructor(columnRenderer, dateService, config, workHoursManager) {
+        this.cachedGridContainer = null;
+        this.cachedTimeAxis = null;
+        this.dateService = dateService;
+        this.columnRenderer = columnRenderer;
+        this.config = config;
+        this.workHoursManager = workHoursManager;
+    }
+    /**
+     * Main entry point for rendering the complete calendar grid
+     *
+     * This method decides between full render (first time) or optimized update.
+     * It caches the grid reference for performance.
+     *
+     * @param grid - Container element where grid will be rendered
+     * @param currentDate - Base date for the current view (e.g., any date in the week)
+     * @param view - Calendar view type (day/week/month)
+     * @param dates - Array of dates to render as columns
+     * @param events - All events for the period
+     */
+    renderGrid(grid, currentDate, view = 'week', dates = [], events = []) {
+        if (!grid || !currentDate) {
+            return;
+        }
+        // Cache grid reference for performance
+        this.cachedGridContainer = grid;
+        // Only clear and rebuild if grid is empty (first render)
+        if (grid.children.length === 0) {
+            this.createCompleteGridStructure(grid, currentDate, view, dates, events);
+        }
+        else {
+            // Optimized update - only refresh dynamic content
+            this.updateGridContent(grid, currentDate, view, dates, events);
+        }
+    }
+    /**
+     * Creates the complete grid structure from scratch
+     *
+     * Uses DocumentFragment for optimal performance by minimizing reflows.
+     * Creates all child elements in memory first, then appends everything at once.
+     *
+     * Structure created:
+     * 1. Header spacer (placeholder for alignment)
+     * 2. Time axis (hour markers 00:00-23:00)
+     * 3. Grid container (header + scrollable content)
+     *
+     * @param grid - Parent container
+     * @param currentDate - Current view date
+     * @param view - View type
+     * @param dates - Array of dates to render
+     */
+    createCompleteGridStructure(grid, currentDate, view, dates, events) {
+        // Create all elements in memory first for better performance
+        const fragment = document.createDocumentFragment();
+        // Create header spacer
+        const headerSpacer = document.createElement('swp-header-spacer');
+        fragment.appendChild(headerSpacer);
+        // Create time axis with caching
+        const timeAxis = this.createOptimizedTimeAxis();
+        this.cachedTimeAxis = timeAxis;
+        fragment.appendChild(timeAxis);
+        // Create grid container with caching
+        const gridContainer = this.createOptimizedGridContainer(currentDate, view, dates, events);
+        this.cachedGridContainer = gridContainer;
+        fragment.appendChild(gridContainer);
+        // Append all at once to minimize reflows
+        grid.appendChild(fragment);
+    }
+    /**
+     * Creates the time axis with hour markers
+     *
+     * Iterates from dayStartHour to dayEndHour (configured in GridSettings).
+     * Each marker shows the hour in the configured time format.
+     *
+     * @returns Time axis element with all hour markers
+     */
+    createOptimizedTimeAxis() {
+        const timeAxis = document.createElement('swp-time-axis');
+        const timeAxisContent = document.createElement('swp-time-axis-content');
+        const gridSettings = this.config.gridSettings;
+        const startHour = gridSettings.dayStartHour;
+        const endHour = gridSettings.dayEndHour;
+        const fragment = document.createDocumentFragment();
+        for (let hour = startHour; hour < endHour; hour++) {
+            const marker = document.createElement('swp-hour-marker');
+            const date = new Date(2024, 0, 1, hour, 0);
+            marker.textContent = TimeFormatter.formatTime(date);
+            fragment.appendChild(marker);
+        }
+        timeAxisContent.appendChild(fragment);
+        timeAxisContent.style.top = '-1px';
+        timeAxis.appendChild(timeAxisContent);
+        return timeAxis;
+    }
+    /**
+     * Creates the main grid container with header and columns
+     *
+     * This is the scrollable area containing:
+     * - Calendar header (dates/resources) - created here, populated by DateHeaderRenderer
+     * - Time grid (grid lines + day columns) - structure created here
+     * - Column container - created here, populated by ColumnRenderer
+     *
+     * @param currentDate - Current view date
+     * @param view - View type
+     * @param dates - Array of dates to render
+     * @returns Complete grid container element
+     */
+    createOptimizedGridContainer(dates, events) {
+        const gridContainer = document.createElement('swp-grid-container');
+        // Create calendar header as first child - always exists now!
+        const calendarHeader = document.createElement('swp-calendar-header');
+        gridContainer.appendChild(calendarHeader);
+        // Create scrollable content structure
+        const scrollableContent = document.createElement('swp-scrollable-content');
+        const timeGrid = document.createElement('swp-time-grid');
+        // Add grid lines
+        const gridLines = document.createElement('swp-grid-lines');
+        timeGrid.appendChild(gridLines);
+        // Create column container
+        const columnContainer = document.createElement('swp-day-columns');
+        this.renderColumnContainer(columnContainer, dates, events);
+        timeGrid.appendChild(columnContainer);
+        scrollableContent.appendChild(timeGrid);
+        gridContainer.appendChild(scrollableContent);
+        return gridContainer;
+    }
+    /**
+     * Renders columns by iterating through dates
+     *
+     * GridRenderer creates column structure with work hours styling.
+     * Event rendering is handled by EventRenderingService listening to GRID_RENDERED.
+     *
+     * @param columnContainer - Empty container to populate
+     * @param dates - Array of dates to render
+     * @param events - All events for the period (passed through, not used here)
+     */
+    renderColumnContainer(columnContainer, dates, events) {
+        // Iterate through dates and render each column structure
+        dates.forEach(date => {
+            // Create column with data-date attribute
+            const column = document.createElement('swp-day-column');
+            column.dataset.date = this.dateService.formatISODate(date);
+            // Apply work hours styling
+            this.applyWorkHoursStyling(column, date);
+            // Add events layer (events will be rendered by EventRenderingService)
+            const eventsLayer = document.createElement('swp-events-layer');
+            column.appendChild(eventsLayer);
+            columnContainer.appendChild(column);
+        });
+    }
+    /**
+     * Apply work hours styling to a column
+     */
+    applyWorkHoursStyling(column, date) {
+        const workHours = this.workHoursManager.getWorkHoursForDate(date);
+        if (workHours === 'off') {
+            column.setAttribute('data-day-off', 'true');
+        }
+        else {
+            column.removeAttribute('data-day-off');
+            // Calculate non-work hours overlay positions
+            const nonWorkStyle = this.workHoursManager.calculateNonWorkHoursStyle(workHours);
+            if (nonWorkStyle) {
+                column.style.setProperty('--before-work-height', `${nonWorkStyle.beforeWorkHeight}px`);
+                column.style.setProperty('--after-work-top', `${nonWorkStyle.afterWorkTop}px`);
+            }
+        }
+    }
+    /**
+     * Optimized update of grid content without full rebuild
+     *
+     * Only updates the column container content, leaving the structure intact.
+     * This is much faster than recreating the entire grid.
+     *
+     * @param grid - Existing grid element
+     * @param currentDate - New view date
+     * @param view - View type
+     * @param dates - Array of dates to render
+     * @param events - All events for the period
+     */
+    updateGridContent(grid, currentDate, view, dates, events) {
+        // Update column container if needed
+        const columnContainer = grid.querySelector('swp-day-columns');
+        if (columnContainer) {
+            columnContainer.innerHTML = '';
+            this.renderColumnContainer(columnContainer, dates, events);
+        }
+    }
+    /**
+     * Creates a new grid for slide animations during navigation
+     *
+     * Used by NavigationManager for smooth week-to-week transitions.
+     * Creates a complete grid positioned absolutely for animation.
+     *
+     * Note: Positioning is handled by Animation API, not here.
+     *
+     * @param parentContainer - Container for the new grid
+     * @param weekStart - Start date of the new week
+     * @returns New grid element ready for animation
+     */
+    createNavigationGrid(parentContainer, weekStart) {
+        // Use SAME method as initial load - respects workweek settings
+        const newGrid = this.createOptimizedGridContainer(weekStart, 'week');
+        // Position new grid for animation - NO transform here, let Animation API handle it
+        newGrid.style.position = 'absolute';
+        newGrid.style.top = '0';
+        newGrid.style.left = '0';
+        newGrid.style.width = '100%';
+        newGrid.style.height = '100%';
+        // Add to parent container
+        parentContainer.appendChild(newGrid);
+        return newGrid;
+    }
+}
+//# sourceMappingURL=GridRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/GridRenderer.js.map b/wwwroot/js/renderers/GridRenderer.js.map
new file mode 100644
index 0000000..6e97412
--- /dev/null
+++ b/wwwroot/js/renderers/GridRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"GridRenderer.js","sourceRoot":"","sources":["../../../src/renderers/GridRenderer.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/GridStyleManager.d.ts b/wwwroot/js/renderers/GridStyleManager.d.ts
new file mode 100644
index 0000000..9bad858
--- /dev/null
+++ b/wwwroot/js/renderers/GridStyleManager.d.ts
@@ -0,0 +1,24 @@
+import { ResourceCalendarData } from '../types/CalendarTypes';
+/**
+ * GridStyleManager - Manages CSS variables and styling for the grid
+ * Separated from GridManager to follow Single Responsibility Principle
+ */
+export declare class GridStyleManager {
+    constructor();
+    /**
+     * Update all grid CSS variables
+     */
+    updateGridStyles(resourceData?: ResourceCalendarData | null): void;
+    /**
+     * Set time-related CSS variables
+     */
+    private setTimeVariables;
+    /**
+     * Calculate number of columns based on calendar type and view
+     */
+    private calculateColumnCount;
+    /**
+     * Set column width based on fitToWidth setting
+     */
+    private setColumnWidth;
+}
diff --git a/wwwroot/js/renderers/GridStyleManager.js b/wwwroot/js/renderers/GridStyleManager.js
new file mode 100644
index 0000000..c7485da
--- /dev/null
+++ b/wwwroot/js/renderers/GridStyleManager.js
@@ -0,0 +1,76 @@
+import { calendarConfig } from '../core/CalendarConfig';
+/**
+ * GridStyleManager - Manages CSS variables and styling for the grid
+ * Separated from GridManager to follow Single Responsibility Principle
+ */
+export class GridStyleManager {
+    constructor() {
+    }
+    /**
+     * Update all grid CSS variables
+     */
+    updateGridStyles(resourceData = null) {
+        const root = document.documentElement;
+        const gridSettings = calendarConfig.getGridSettings();
+        const calendar = document.querySelector('swp-calendar');
+        const calendarType = calendarConfig.getCalendarMode();
+        // Set CSS variables for time and grid measurements
+        this.setTimeVariables(root, gridSettings);
+        // Set column count based on calendar type
+        const columnCount = this.calculateColumnCount(calendarType, resourceData);
+        root.style.setProperty('--grid-columns', columnCount.toString());
+        // Set column width based on fitToWidth setting
+        this.setColumnWidth(root, gridSettings);
+        // Set fitToWidth data attribute for CSS targeting
+        if (calendar) {
+            calendar.setAttribute('data-fit-to-width', gridSettings.fitToWidth.toString());
+        }
+    }
+    /**
+     * Set time-related CSS variables
+     */
+    setTimeVariables(root, gridSettings) {
+        root.style.setProperty('--hour-height', `${gridSettings.hourHeight}px`);
+        root.style.setProperty('--minute-height', `${gridSettings.hourHeight / 60}px`);
+        root.style.setProperty('--snap-interval', gridSettings.snapInterval.toString());
+        root.style.setProperty('--day-start-hour', gridSettings.dayStartHour.toString());
+        root.style.setProperty('--day-end-hour', gridSettings.dayEndHour.toString());
+        root.style.setProperty('--work-start-hour', gridSettings.workStartHour.toString());
+        root.style.setProperty('--work-end-hour', gridSettings.workEndHour.toString());
+    }
+    /**
+     * Calculate number of columns based on calendar type and view
+     */
+    calculateColumnCount(calendarType, resourceData) {
+        if (calendarType === 'resource' && resourceData) {
+            return resourceData.resources.length;
+        }
+        else if (calendarType === 'date') {
+            const dateSettings = calendarConfig.getDateViewSettings();
+            const workWeekSettings = calendarConfig.getWorkWeekSettings();
+            switch (dateSettings.period) {
+                case 'day':
+                    return 1;
+                case 'week':
+                    return workWeekSettings.totalDays;
+                case 'month':
+                    return workWeekSettings.totalDays; // Use work week for month view too
+                default:
+                    return workWeekSettings.totalDays;
+            }
+        }
+        return calendarConfig.getWorkWeekSettings().totalDays; // Default to work week
+    }
+    /**
+     * Set column width based on fitToWidth setting
+     */
+    setColumnWidth(root, gridSettings) {
+        if (gridSettings.fitToWidth) {
+            root.style.setProperty('--day-column-min-width', '50px'); // Small min-width allows columns to fit available space
+        }
+        else {
+            root.style.setProperty('--day-column-min-width', '250px'); // Default min-width for horizontal scroll mode
+        }
+    }
+}
+//# sourceMappingURL=GridStyleManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/GridStyleManager.js.map b/wwwroot/js/renderers/GridStyleManager.js.map
new file mode 100644
index 0000000..f3d9366
--- /dev/null
+++ b/wwwroot/js/renderers/GridStyleManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"GridStyleManager.js","sourceRoot":"","sources":["../../../src/renderers/GridStyleManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/HeaderRenderer.d.ts b/wwwroot/js/renderers/HeaderRenderer.d.ts
new file mode 100644
index 0000000..50d0c7b
--- /dev/null
+++ b/wwwroot/js/renderers/HeaderRenderer.d.ts
@@ -0,0 +1,29 @@
+import { CalendarConfig } from '../core/CalendarConfig';
+import { ResourceCalendarData } from '../types/CalendarTypes';
+/**
+ * Interface for header rendering strategies
+ */
+export interface HeaderRenderer {
+    render(calendarHeader: HTMLElement, context: HeaderRenderContext): void;
+}
+/**
+ * Context for header rendering
+ */
+export interface HeaderRenderContext {
+    currentWeek: Date;
+    config: CalendarConfig;
+    resourceData?: ResourceCalendarData | null;
+}
+/**
+ * Date-based header renderer (original functionality)
+ */
+export declare class DateHeaderRenderer implements HeaderRenderer {
+    private dateService;
+    render(calendarHeader: HTMLElement, context: HeaderRenderContext): void;
+}
+/**
+ * Resource-based header renderer
+ */
+export declare class ResourceHeaderRenderer implements HeaderRenderer {
+    render(calendarHeader: HTMLElement, context: HeaderRenderContext): void;
+}
diff --git a/wwwroot/js/renderers/HeaderRenderer.js b/wwwroot/js/renderers/HeaderRenderer.js
new file mode 100644
index 0000000..0acbb43
--- /dev/null
+++ b/wwwroot/js/renderers/HeaderRenderer.js
@@ -0,0 +1,56 @@
+// Header rendering strategy interface and implementations
+import { DateCalculator } from '../utils/DateCalculator';
+/**
+ * Date-based header renderer (original functionality)
+ */
+export class DateHeaderRenderer {
+    render(calendarHeader, context) {
+        const { currentWeek, config } = context;
+        // FIRST: Always create all-day container as part of standard header structure
+        const allDayContainer = document.createElement('swp-allday-container');
+        calendarHeader.appendChild(allDayContainer);
+        // Initialize date calculator with config
+        DateCalculator.initialize(config);
+        this.dateCalculator = new DateCalculator();
+        const dates = DateCalculator.getWorkWeekDates(currentWeek);
+        const weekDays = config.getDateViewSettings().weekDays;
+        const daysToShow = dates.slice(0, weekDays);
+        daysToShow.forEach((date, index) => {
+            const header = document.createElement('swp-day-header');
+            if (DateCalculator.isToday(date)) {
+                header.dataset.today = 'true';
+            }
+            const dayName = DateCalculator.getDayName(date, 'short');
+            header.innerHTML = `
+        <swp-day-name>${dayName}</swp-day-name>
+        <swp-day-date>${date.getDate()}</swp-day-date>
+      `;
+            header.dataset.date = DateCalculator.formatISODate(date);
+            calendarHeader.appendChild(header);
+        });
+    }
+}
+/**
+ * Resource-based header renderer
+ */
+export class ResourceHeaderRenderer {
+    render(calendarHeader, context) {
+        const { resourceData } = context;
+        if (!resourceData) {
+            return;
+        }
+        resourceData.resources.forEach((resource) => {
+            const header = document.createElement('swp-resource-header');
+            header.setAttribute('data-resource', resource.name);
+            header.setAttribute('data-employee-id', resource.employeeId);
+            header.innerHTML = `
+        <swp-resource-avatar>
+          <img src="${resource.avatarUrl}" alt="${resource.displayName}" onerror="this.style.display='none'">
+        </swp-resource-avatar>
+        <swp-resource-name>${resource.displayName}</swp-resource-name>
+      `;
+            calendarHeader.appendChild(header);
+        });
+    }
+}
+//# sourceMappingURL=HeaderRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/HeaderRenderer.js.map b/wwwroot/js/renderers/HeaderRenderer.js.map
new file mode 100644
index 0000000..a5af7c0
--- /dev/null
+++ b/wwwroot/js/renderers/HeaderRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRenderer.js","sourceRoot":"","sources":["../../../src/renderers/HeaderRenderer.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAI1D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAmBzD;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAG7B,MAAM,CAAC,cAA2B,EAAE,OAA4B;QAC9D,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAExC,8EAA8E;QAC9E,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QACvE,cAAc,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAE5C,yCAAyC;QACzC,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;QAE3C,MAAM,KAAK,GAAG,cAAc,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC;QACvD,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QAE5C,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACxD,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBAChC,MAAc,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;YACzC,CAAC;YAED,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAEzD,MAAM,CAAC,SAAS,GAAG;wBACD,OAAO;wBACP,IAAI,CAAC,OAAO,EAAE;OAC/B,CAAC;YACD,MAAc,CAAC,OAAO,CAAC,IAAI,GAAG,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAElE,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,sBAAsB;IACjC,MAAM,CAAC,cAA2B,EAAE,OAA4B;QAC9D,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;QAEjC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;YAC7D,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;YACpD,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;YAE7D,MAAM,CAAC,SAAS,GAAG;;sBAEH,QAAQ,CAAC,SAAS,UAAU,QAAQ,CAAC,WAAW;;6BAEzC,QAAQ,CAAC,WAAW;OAC1C,CAAC;YAEF,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/NavigationRenderer.d.ts b/wwwroot/js/renderers/NavigationRenderer.d.ts
new file mode 100644
index 0000000..44b4b2d
--- /dev/null
+++ b/wwwroot/js/renderers/NavigationRenderer.d.ts
@@ -0,0 +1,22 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { EventRenderingService } from './EventRendererManager';
+/**
+ * NavigationRenderer - Handles DOM rendering for navigation containers
+ * Separated from NavigationManager to follow Single Responsibility Principle
+ */
+export declare class NavigationRenderer {
+    private eventBus;
+    constructor(eventBus: IEventBus, eventRenderer: EventRenderingService);
+    /**
+     * Setup event listeners for DOM updates
+     */
+    private setupEventListeners;
+    private updateWeekInfoInDOM;
+    /**
+     * Apply filter state to pre-rendered grids
+     */
+    applyFilterToPreRenderedGrids(filterState: {
+        active: boolean;
+        matchingIds: string[];
+    }): void;
+}
diff --git a/wwwroot/js/renderers/NavigationRenderer.js b/wwwroot/js/renderers/NavigationRenderer.js
new file mode 100644
index 0000000..8b0382e
--- /dev/null
+++ b/wwwroot/js/renderers/NavigationRenderer.js
@@ -0,0 +1,68 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * NavigationRenderer - Handles DOM rendering for navigation containers
+ * Separated from NavigationManager to follow Single Responsibility Principle
+ */
+export class NavigationRenderer {
+    constructor(eventBus, eventRenderer) {
+        this.eventBus = eventBus;
+        this.setupEventListeners();
+    }
+    /**
+     * Setup event listeners for DOM updates
+     */
+    setupEventListeners() {
+        this.eventBus.on(CoreEvents.PERIOD_INFO_UPDATE, (event) => {
+            const customEvent = event;
+            const { weekNumber, dateRange } = customEvent.detail;
+            this.updateWeekInfoInDOM(weekNumber, dateRange);
+        });
+    }
+    updateWeekInfoInDOM(weekNumber, dateRange) {
+        const weekNumberElement = document.querySelector('swp-week-number');
+        const dateRangeElement = document.querySelector('swp-date-range');
+        if (weekNumberElement) {
+            weekNumberElement.textContent = `Week ${weekNumber}`;
+        }
+        if (dateRangeElement) {
+            dateRangeElement.textContent = dateRange;
+        }
+    }
+    /**
+     * Apply filter state to pre-rendered grids
+     */
+    applyFilterToPreRenderedGrids(filterState) {
+        // Find all grid containers (including pre-rendered ones)
+        const allGridContainers = document.querySelectorAll('swp-grid-container');
+        allGridContainers.forEach(container => {
+            const eventsLayers = container.querySelectorAll('swp-events-layer');
+            eventsLayers.forEach(layer => {
+                if (filterState.active) {
+                    // Apply filter active state
+                    layer.setAttribute('data-filter-active', 'true');
+                    // Mark matching events in this layer
+                    const events = layer.querySelectorAll('swp-event');
+                    events.forEach(event => {
+                        const eventId = event.getAttribute('data-event-id');
+                        if (eventId && filterState.matchingIds.includes(eventId)) {
+                            event.setAttribute('data-matches', 'true');
+                        }
+                        else {
+                            event.removeAttribute('data-matches');
+                        }
+                    });
+                }
+                else {
+                    // Remove filter state
+                    layer.removeAttribute('data-filter-active');
+                    // Remove all match attributes
+                    const events = layer.querySelectorAll('swp-event');
+                    events.forEach(event => {
+                        event.removeAttribute('data-matches');
+                    });
+                }
+            });
+        });
+    }
+}
+//# sourceMappingURL=NavigationRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/NavigationRenderer.js.map b/wwwroot/js/renderers/NavigationRenderer.js.map
new file mode 100644
index 0000000..84751b8
--- /dev/null
+++ b/wwwroot/js/renderers/NavigationRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRenderer.js","sourceRoot":"","sources":["../../../src/renderers/NavigationRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD;;;GAGG;AAEH,MAAM,OAAO,kBAAkB;IAG7B,YAAY,QAAmB,EAAE,aAAoC;QACnE,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAID;;OAEG;IACK,mBAAmB;QACzB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,CAAC,kBAAkB,EAAE,CAAC,KAAY,EAAE,EAAE;YAC/D,MAAM,WAAW,GAAG,KAAoB,CAAC;YACzC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC;YACrD,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAGO,mBAAmB,CAAC,UAAkB,EAAE,SAAiB;QAE/D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAElE,IAAI,iBAAiB,EAAE,CAAC;YACtB,iBAAiB,CAAC,WAAW,GAAG,QAAQ,UAAU,EAAE,CAAC;QACvD,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAC;QAC3C,CAAC;IACH,CAAC;IAED;;OAEG;IACI,6BAA6B,CAAC,WAAuD;QAC1F,yDAAyD;QACzD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QAE1E,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACpC,MAAM,YAAY,GAAG,SAAS,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;YAEpE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC3B,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;oBACvB,4BAA4B;oBAC5B,KAAK,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;oBAEjD,qCAAqC;oBACrC,MAAM,MAAM,GAAG,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;oBACnD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACrB,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;wBACpD,IAAI,OAAO,IAAI,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;4BACzD,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;wBAC7C,CAAC;6BAAM,CAAC;4BACN,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;wBACxC,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,sBAAsB;oBACtB,KAAK,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;oBAE5C,8BAA8B;oBAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;oBACnD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACrB,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;oBACxC,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;CAEF"}
\ No newline at end of file
diff --git a/wwwroot/js/renderers/WeekInfoRenderer.d.ts b/wwwroot/js/renderers/WeekInfoRenderer.d.ts
new file mode 100644
index 0000000..e244867
--- /dev/null
+++ b/wwwroot/js/renderers/WeekInfoRenderer.d.ts
@@ -0,0 +1,26 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { EventRenderingService } from './EventRendererManager';
+import { DateService } from '../utils/DateService';
+/**
+ * WeekInfoRenderer - Handles DOM rendering for week info display
+ * Updates swp-week-number and swp-date-range elements
+ *
+ * Renamed from NavigationRenderer to better reflect its actual responsibility
+ */
+export declare class WeekInfoRenderer {
+    private eventBus;
+    private dateService;
+    constructor(eventBus: IEventBus, eventRenderer: EventRenderingService, dateService: DateService);
+    /**
+     * Setup event listeners for DOM updates
+     */
+    private setupEventListeners;
+    private updateWeekInfoInDOM;
+    /**
+     * Apply filter state to pre-rendered grids
+     */
+    applyFilterToPreRenderedGrids(filterState: {
+        active: boolean;
+        matchingIds: string[];
+    }): void;
+}
diff --git a/wwwroot/js/renderers/WeekInfoRenderer.js b/wwwroot/js/renderers/WeekInfoRenderer.js
new file mode 100644
index 0000000..cb12aa4
--- /dev/null
+++ b/wwwroot/js/renderers/WeekInfoRenderer.js
@@ -0,0 +1,75 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * WeekInfoRenderer - Handles DOM rendering for week info display
+ * Updates swp-week-number and swp-date-range elements
+ *
+ * Renamed from NavigationRenderer to better reflect its actual responsibility
+ */
+export class WeekInfoRenderer {
+    constructor(eventBus, eventRenderer, dateService) {
+        this.eventBus = eventBus;
+        this.dateService = dateService;
+        this.setupEventListeners();
+    }
+    /**
+     * Setup event listeners for DOM updates
+     */
+    setupEventListeners() {
+        this.eventBus.on(CoreEvents.NAVIGATION_COMPLETED, (event) => {
+            const customEvent = event;
+            const { newDate } = customEvent.detail;
+            // Calculate week number and date range from the new date
+            const weekNumber = this.dateService.getWeekNumber(newDate);
+            const weekEnd = this.dateService.addDays(newDate, 6);
+            const dateRange = this.dateService.formatDateRange(newDate, weekEnd);
+            this.updateWeekInfoInDOM(weekNumber, dateRange);
+        });
+    }
+    updateWeekInfoInDOM(weekNumber, dateRange) {
+        const weekNumberElement = document.querySelector('swp-week-number');
+        const dateRangeElement = document.querySelector('swp-date-range');
+        if (weekNumberElement) {
+            weekNumberElement.textContent = `Week ${weekNumber}`;
+        }
+        if (dateRangeElement) {
+            dateRangeElement.textContent = dateRange;
+        }
+    }
+    /**
+     * Apply filter state to pre-rendered grids
+     */
+    applyFilterToPreRenderedGrids(filterState) {
+        // Find all grid containers (including pre-rendered ones)
+        const allGridContainers = document.querySelectorAll('swp-grid-container');
+        allGridContainers.forEach(container => {
+            const eventsLayers = container.querySelectorAll('swp-events-layer');
+            eventsLayers.forEach(layer => {
+                if (filterState.active) {
+                    // Apply filter active state
+                    layer.setAttribute('data-filter-active', 'true');
+                    // Mark matching events in this layer
+                    const events = layer.querySelectorAll('swp-event');
+                    events.forEach(event => {
+                        const eventId = event.getAttribute('data-event-id');
+                        if (eventId && filterState.matchingIds.includes(eventId)) {
+                            event.setAttribute('data-matches', 'true');
+                        }
+                        else {
+                            event.removeAttribute('data-matches');
+                        }
+                    });
+                }
+                else {
+                    // Remove filter state
+                    layer.removeAttribute('data-filter-active');
+                    // Remove all match attributes
+                    const events = layer.querySelectorAll('swp-event');
+                    events.forEach(event => {
+                        event.removeAttribute('data-matches');
+                    });
+                }
+            });
+        });
+    }
+}
+//# sourceMappingURL=WeekInfoRenderer.js.map
\ No newline at end of file
diff --git a/wwwroot/js/renderers/WeekInfoRenderer.js.map b/wwwroot/js/renderers/WeekInfoRenderer.js.map
new file mode 100644
index 0000000..d83cb61
--- /dev/null
+++ b/wwwroot/js/renderers/WeekInfoRenderer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WeekInfoRenderer.js","sourceRoot":"","sources":["../../../src/renderers/WeekInfoRenderer.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/repositories/ApiEventRepository.d.ts b/wwwroot/js/repositories/ApiEventRepository.d.ts
new file mode 100644
index 0000000..d7e087d
--- /dev/null
+++ b/wwwroot/js/repositories/ApiEventRepository.d.ts
@@ -0,0 +1,39 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { Configuration } from '../configurations/CalendarConfig';
+/**
+ * ApiEventRepository
+ * Handles communication with backend API
+ *
+ * Used by SyncManager to send queued operations to the server
+ * NOT used directly by EventManager (which uses IndexedDBEventRepository)
+ *
+ * Future enhancements:
+ * - SignalR real-time updates
+ * - Conflict resolution
+ * - Batch operations
+ */
+export declare class ApiEventRepository {
+    private apiEndpoint;
+    constructor(config: Configuration);
+    /**
+     * Send create operation to API
+     */
+    sendCreate(event: ICalendarEvent): Promise<ICalendarEvent>;
+    /**
+     * Send update operation to API
+     */
+    sendUpdate(id: string, updates: Partial<ICalendarEvent>): Promise<ICalendarEvent>;
+    /**
+     * Send delete operation to API
+     */
+    sendDelete(id: string): Promise<void>;
+    /**
+     * Fetch all events from API
+     */
+    fetchAll(): Promise<ICalendarEvent[]>;
+    /**
+     * Initialize SignalR connection
+     * Placeholder for future implementation
+     */
+    initializeSignalR(): Promise<void>;
+}
diff --git a/wwwroot/js/repositories/ApiEventRepository.js b/wwwroot/js/repositories/ApiEventRepository.js
new file mode 100644
index 0000000..b732f80
--- /dev/null
+++ b/wwwroot/js/repositories/ApiEventRepository.js
@@ -0,0 +1,115 @@
+/**
+ * ApiEventRepository
+ * Handles communication with backend API
+ *
+ * Used by SyncManager to send queued operations to the server
+ * NOT used directly by EventManager (which uses IndexedDBEventRepository)
+ *
+ * Future enhancements:
+ * - SignalR real-time updates
+ * - Conflict resolution
+ * - Batch operations
+ */
+export class ApiEventRepository {
+    constructor(config) {
+        this.apiEndpoint = config.apiEndpoint;
+    }
+    /**
+     * Send create operation to API
+     */
+    async sendCreate(event) {
+        // TODO: Implement API call
+        // const response = await fetch(`${this.apiEndpoint}/events`, {
+        //   method: 'POST',
+        //   headers: { 'Content-Type': 'application/json' },
+        //   body: JSON.stringify(event)
+        // });
+        //
+        // if (!response.ok) {
+        //   throw new Error(`API create failed: ${response.statusText}`);
+        // }
+        //
+        // return await response.json();
+        throw new Error('ApiEventRepository.sendCreate not implemented yet');
+    }
+    /**
+     * Send update operation to API
+     */
+    async sendUpdate(id, updates) {
+        // TODO: Implement API call
+        // const response = await fetch(`${this.apiEndpoint}/events/${id}`, {
+        //   method: 'PATCH',
+        //   headers: { 'Content-Type': 'application/json' },
+        //   body: JSON.stringify(updates)
+        // });
+        //
+        // if (!response.ok) {
+        //   throw new Error(`API update failed: ${response.statusText}`);
+        // }
+        //
+        // return await response.json();
+        throw new Error('ApiEventRepository.sendUpdate not implemented yet');
+    }
+    /**
+     * Send delete operation to API
+     */
+    async sendDelete(id) {
+        // TODO: Implement API call
+        // const response = await fetch(`${this.apiEndpoint}/events/${id}`, {
+        //   method: 'DELETE'
+        // });
+        //
+        // if (!response.ok) {
+        //   throw new Error(`API delete failed: ${response.statusText}`);
+        // }
+        throw new Error('ApiEventRepository.sendDelete not implemented yet');
+    }
+    /**
+     * Fetch all events from API
+     */
+    async fetchAll() {
+        // TODO: Implement API call
+        // const response = await fetch(`${this.apiEndpoint}/events`);
+        //
+        // if (!response.ok) {
+        //   throw new Error(`API fetch failed: ${response.statusText}`);
+        // }
+        //
+        // return await response.json();
+        throw new Error('ApiEventRepository.fetchAll not implemented yet');
+    }
+    // ========================================
+    // Future: SignalR Integration
+    // ========================================
+    /**
+     * Initialize SignalR connection
+     * Placeholder for future implementation
+     */
+    async initializeSignalR() {
+        // TODO: Setup SignalR connection
+        // - Connect to hub
+        // - Register event handlers
+        // - Handle reconnection
+        //
+        // Example:
+        // const connection = new signalR.HubConnectionBuilder()
+        //   .withUrl(`${this.apiEndpoint}/hubs/calendar`)
+        //   .build();
+        //
+        // connection.on('EventCreated', (event: ICalendarEvent) => {
+        //   // Handle remote create
+        // });
+        //
+        // connection.on('EventUpdated', (event: ICalendarEvent) => {
+        //   // Handle remote update
+        // });
+        //
+        // connection.on('EventDeleted', (eventId: string) => {
+        //   // Handle remote delete
+        // });
+        //
+        // await connection.start();
+        throw new Error('SignalR not implemented yet');
+    }
+}
+//# sourceMappingURL=ApiEventRepository.js.map
\ No newline at end of file
diff --git a/wwwroot/js/repositories/ApiEventRepository.js.map b/wwwroot/js/repositories/ApiEventRepository.js.map
new file mode 100644
index 0000000..cf892a1
--- /dev/null
+++ b/wwwroot/js/repositories/ApiEventRepository.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ApiEventRepository.js","sourceRoot":"","sources":["../../../src/repositories/ApiEventRepository.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,kBAAkB;IAG7B,YAAY,MAAqB;QAC/B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;IACxC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,UAAU,CAAC,KAAqB;QACpC,2BAA2B;QAC3B,+DAA+D;QAC/D,oBAAoB;QACpB,qDAAqD;QACrD,gCAAgC;QAChC,MAAM;QACN,EAAE;QACF,sBAAsB;QACtB,kEAAkE;QAClE,IAAI;QACJ,EAAE;QACF,gCAAgC;QAEhC,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,UAAU,CAAC,EAAU,EAAE,OAAgC;QAC3D,2BAA2B;QAC3B,qEAAqE;QACrE,qBAAqB;QACrB,qDAAqD;QACrD,kCAAkC;QAClC,MAAM;QACN,EAAE;QACF,sBAAsB;QACtB,kEAAkE;QAClE,IAAI;QACJ,EAAE;QACF,gCAAgC;QAEhC,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,UAAU,CAAC,EAAU;QACzB,2BAA2B;QAC3B,qEAAqE;QACrE,qBAAqB;QACrB,MAAM;QACN,EAAE;QACF,sBAAsB;QACtB,kEAAkE;QAClE,IAAI;QAEJ,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,QAAQ;QACZ,2BAA2B;QAC3B,8DAA8D;QAC9D,EAAE;QACF,sBAAsB;QACtB,iEAAiE;QACjE,IAAI;QACJ,EAAE;QACF,gCAAgC;QAEhC,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IAED,2CAA2C;IAC3C,8BAA8B;IAC9B,2CAA2C;IAE3C;;;OAGG;IACH,KAAK,CAAC,iBAAiB;QACrB,iCAAiC;QACjC,mBAAmB;QACnB,4BAA4B;QAC5B,wBAAwB;QACxB,EAAE;QACF,WAAW;QACX,wDAAwD;QACxD,kDAAkD;QAClD,cAAc;QACd,EAAE;QACF,6DAA6D;QAC7D,4BAA4B;QAC5B,MAAM;QACN,EAAE;QACF,6DAA6D;QAC7D,4BAA4B;QAC5B,MAAM;QACN,EAAE;QACF,uDAAuD;QACvD,4BAA4B;QAC5B,MAAM;QACN,EAAE;QACF,4BAA4B;QAE5B,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACjD,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/repositories/IEventRepository.d.ts b/wwwroot/js/repositories/IEventRepository.d.ts
new file mode 100644
index 0000000..2bd6a5e
--- /dev/null
+++ b/wwwroot/js/repositories/IEventRepository.d.ts
@@ -0,0 +1,51 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+/**
+ * Update source type
+ * - 'local': Changes made by the user locally (needs sync)
+ * - 'remote': Changes from API/SignalR (already synced)
+ */
+export type UpdateSource = 'local' | 'remote';
+/**
+ * IEventRepository - Interface for event data access
+ *
+ * Abstracts the data source for calendar events, allowing easy switching
+ * between IndexedDB, REST API, GraphQL, or other data sources.
+ *
+ * Implementations:
+ * - IndexedDBEventRepository: Local storage with offline support
+ * - MockEventRepository: (Legacy) Loads from local JSON file
+ * - ApiEventRepository: (Future) Loads from backend API
+ */
+export interface IEventRepository {
+    /**
+     * Load all calendar events from the data source
+     * @returns Promise resolving to array of ICalendarEvent objects
+     * @throws Error if loading fails
+     */
+    loadEvents(): Promise<ICalendarEvent[]>;
+    /**
+     * Create a new event
+     * @param event - Event to create (without ID, will be generated)
+     * @param source - Source of the update ('local' or 'remote')
+     * @returns Promise resolving to the created event with generated ID
+     * @throws Error if creation fails
+     */
+    createEvent(event: Omit<ICalendarEvent, 'id'>, source?: UpdateSource): Promise<ICalendarEvent>;
+    /**
+     * Update an existing event
+     * @param id - ID of the event to update
+     * @param updates - Partial event data to update
+     * @param source - Source of the update ('local' or 'remote')
+     * @returns Promise resolving to the updated event
+     * @throws Error if update fails or event not found
+     */
+    updateEvent(id: string, updates: Partial<ICalendarEvent>, source?: UpdateSource): Promise<ICalendarEvent>;
+    /**
+     * Delete an event
+     * @param id - ID of the event to delete
+     * @param source - Source of the update ('local' or 'remote')
+     * @returns Promise resolving when deletion is complete
+     * @throws Error if deletion fails or event not found
+     */
+    deleteEvent(id: string, source?: UpdateSource): Promise<void>;
+}
diff --git a/wwwroot/js/repositories/IEventRepository.js b/wwwroot/js/repositories/IEventRepository.js
new file mode 100644
index 0000000..fd60757
--- /dev/null
+++ b/wwwroot/js/repositories/IEventRepository.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IEventRepository.js.map
\ No newline at end of file
diff --git a/wwwroot/js/repositories/IEventRepository.js.map b/wwwroot/js/repositories/IEventRepository.js.map
new file mode 100644
index 0000000..fc02973
--- /dev/null
+++ b/wwwroot/js/repositories/IEventRepository.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"IEventRepository.js","sourceRoot":"","sources":["../../../src/repositories/IEventRepository.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/repositories/IndexedDBEventRepository.d.ts b/wwwroot/js/repositories/IndexedDBEventRepository.d.ts
new file mode 100644
index 0000000..575264a
--- /dev/null
+++ b/wwwroot/js/repositories/IndexedDBEventRepository.d.ts
@@ -0,0 +1,47 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { IEventRepository, UpdateSource } from './IEventRepository';
+import { IndexedDBService } from '../storage/IndexedDBService';
+import { OperationQueue } from '../storage/OperationQueue';
+/**
+ * IndexedDBEventRepository
+ * Offline-first repository using IndexedDB as single source of truth
+ *
+ * All CRUD operations:
+ * - Save to IndexedDB immediately (always succeeds)
+ * - Add to sync queue if source is 'local'
+ * - Background SyncManager processes queue to sync with API
+ */
+export declare class IndexedDBEventRepository implements IEventRepository {
+    private indexedDB;
+    private queue;
+    constructor(indexedDB: IndexedDBService, queue: OperationQueue);
+    /**
+     * Load all events from IndexedDB
+     * Ensures IndexedDB is initialized and seeded on first call
+     */
+    loadEvents(): Promise<ICalendarEvent[]>;
+    /**
+     * Create a new event
+     * - Generates ID
+     * - Saves to IndexedDB
+     * - Adds to queue if local (needs sync)
+     */
+    createEvent(event: Omit<ICalendarEvent, 'id'>, source?: UpdateSource): Promise<ICalendarEvent>;
+    /**
+     * Update an existing event
+     * - Updates in IndexedDB
+     * - Adds to queue if local (needs sync)
+     */
+    updateEvent(id: string, updates: Partial<ICalendarEvent>, source?: UpdateSource): Promise<ICalendarEvent>;
+    /**
+     * Delete an event
+     * - Removes from IndexedDB
+     * - Adds to queue if local (needs sync)
+     */
+    deleteEvent(id: string, source?: UpdateSource): Promise<void>;
+    /**
+     * Generate unique event ID
+     * Format: {timestamp}-{random}
+     */
+    private generateEventId;
+}
diff --git a/wwwroot/js/repositories/IndexedDBEventRepository.js b/wwwroot/js/repositories/IndexedDBEventRepository.js
new file mode 100644
index 0000000..c09245e
--- /dev/null
+++ b/wwwroot/js/repositories/IndexedDBEventRepository.js
@@ -0,0 +1,127 @@
+/**
+ * IndexedDBEventRepository
+ * Offline-first repository using IndexedDB as single source of truth
+ *
+ * All CRUD operations:
+ * - Save to IndexedDB immediately (always succeeds)
+ * - Add to sync queue if source is 'local'
+ * - Background SyncManager processes queue to sync with API
+ */
+export class IndexedDBEventRepository {
+    constructor(indexedDB, queue) {
+        this.indexedDB = indexedDB;
+        this.queue = queue;
+    }
+    /**
+     * Load all events from IndexedDB
+     * Ensures IndexedDB is initialized and seeded on first call
+     */
+    async loadEvents() {
+        // Lazy initialization on first data load
+        if (!this.indexedDB.isInitialized()) {
+            await this.indexedDB.initialize();
+            await this.indexedDB.seedIfEmpty();
+        }
+        return await this.indexedDB.getAllEvents();
+    }
+    /**
+     * Create a new event
+     * - Generates ID
+     * - Saves to IndexedDB
+     * - Adds to queue if local (needs sync)
+     */
+    async createEvent(event, source = 'local') {
+        // Generate unique ID
+        const id = this.generateEventId();
+        // Determine sync status based on source
+        const syncStatus = source === 'local' ? 'pending' : 'synced';
+        // Create full event object
+        const newEvent = {
+            ...event,
+            id,
+            syncStatus
+        };
+        // Save to IndexedDB
+        await this.indexedDB.saveEvent(newEvent);
+        // If local change, add to sync queue
+        if (source === 'local') {
+            await this.queue.enqueue({
+                type: 'create',
+                eventId: id,
+                data: newEvent,
+                timestamp: Date.now(),
+                retryCount: 0
+            });
+        }
+        return newEvent;
+    }
+    /**
+     * Update an existing event
+     * - Updates in IndexedDB
+     * - Adds to queue if local (needs sync)
+     */
+    async updateEvent(id, updates, source = 'local') {
+        // Get existing event
+        const existingEvent = await this.indexedDB.getEvent(id);
+        if (!existingEvent) {
+            throw new Error(`Event with ID ${id} not found`);
+        }
+        // Determine sync status based on source
+        const syncStatus = source === 'local' ? 'pending' : 'synced';
+        // Merge updates
+        const updatedEvent = {
+            ...existingEvent,
+            ...updates,
+            id, // Ensure ID doesn't change
+            syncStatus
+        };
+        // Save to IndexedDB
+        await this.indexedDB.saveEvent(updatedEvent);
+        // If local change, add to sync queue
+        if (source === 'local') {
+            await this.queue.enqueue({
+                type: 'update',
+                eventId: id,
+                data: updates,
+                timestamp: Date.now(),
+                retryCount: 0
+            });
+        }
+        return updatedEvent;
+    }
+    /**
+     * Delete an event
+     * - Removes from IndexedDB
+     * - Adds to queue if local (needs sync)
+     */
+    async deleteEvent(id, source = 'local') {
+        // Check if event exists
+        const existingEvent = await this.indexedDB.getEvent(id);
+        if (!existingEvent) {
+            throw new Error(`Event with ID ${id} not found`);
+        }
+        // If local change, add to sync queue BEFORE deleting
+        // (so we can send the delete operation to API later)
+        if (source === 'local') {
+            await this.queue.enqueue({
+                type: 'delete',
+                eventId: id,
+                data: {}, // No data needed for delete
+                timestamp: Date.now(),
+                retryCount: 0
+            });
+        }
+        // Delete from IndexedDB
+        await this.indexedDB.deleteEvent(id);
+    }
+    /**
+     * Generate unique event ID
+     * Format: {timestamp}-{random}
+     */
+    generateEventId() {
+        const timestamp = Date.now();
+        const random = Math.random().toString(36).substring(2, 9);
+        return `${timestamp}-${random}`;
+    }
+}
+//# sourceMappingURL=IndexedDBEventRepository.js.map
\ No newline at end of file
diff --git a/wwwroot/js/repositories/IndexedDBEventRepository.js.map b/wwwroot/js/repositories/IndexedDBEventRepository.js.map
new file mode 100644
index 0000000..82835e7
--- /dev/null
+++ b/wwwroot/js/repositories/IndexedDBEventRepository.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"IndexedDBEventRepository.js","sourceRoot":"","sources":["../../../src/repositories/IndexedDBEventRepository.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/repositories/MockEventRepository.d.ts b/wwwroot/js/repositories/MockEventRepository.d.ts
new file mode 100644
index 0000000..3e3d5cd
--- /dev/null
+++ b/wwwroot/js/repositories/MockEventRepository.d.ts
@@ -0,0 +1,33 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+import { IEventRepository, UpdateSource } from './IEventRepository';
+/**
+ * MockEventRepository - Loads event data from local JSON file (LEGACY)
+ *
+ * This repository implementation fetches mock event data from a static JSON file.
+ * DEPRECATED: Use IndexedDBEventRepository for offline-first functionality.
+ *
+ * Data Source: data/mock-events.json
+ *
+ * NOTE: Create/Update/Delete operations are not supported - throws errors.
+ * This is intentional to encourage migration to IndexedDBEventRepository.
+ */
+export declare class MockEventRepository implements IEventRepository {
+    private readonly dataUrl;
+    loadEvents(): Promise<ICalendarEvent[]>;
+    /**
+     * NOT SUPPORTED - MockEventRepository is read-only
+     * Use IndexedDBEventRepository instead
+     */
+    createEvent(event: Omit<ICalendarEvent, 'id'>, source?: UpdateSource): Promise<ICalendarEvent>;
+    /**
+     * NOT SUPPORTED - MockEventRepository is read-only
+     * Use IndexedDBEventRepository instead
+     */
+    updateEvent(id: string, updates: Partial<ICalendarEvent>, source?: UpdateSource): Promise<ICalendarEvent>;
+    /**
+     * NOT SUPPORTED - MockEventRepository is read-only
+     * Use IndexedDBEventRepository instead
+     */
+    deleteEvent(id: string, source?: UpdateSource): Promise<void>;
+    private processCalendarData;
+}
diff --git a/wwwroot/js/repositories/MockEventRepository.js b/wwwroot/js/repositories/MockEventRepository.js
new file mode 100644
index 0000000..e43f8cb
--- /dev/null
+++ b/wwwroot/js/repositories/MockEventRepository.js
@@ -0,0 +1,62 @@
+/**
+ * MockEventRepository - Loads event data from local JSON file (LEGACY)
+ *
+ * This repository implementation fetches mock event data from a static JSON file.
+ * DEPRECATED: Use IndexedDBEventRepository for offline-first functionality.
+ *
+ * Data Source: data/mock-events.json
+ *
+ * NOTE: Create/Update/Delete operations are not supported - throws errors.
+ * This is intentional to encourage migration to IndexedDBEventRepository.
+ */
+export class MockEventRepository {
+    constructor() {
+        this.dataUrl = 'data/mock-events.json';
+    }
+    async loadEvents() {
+        try {
+            const response = await fetch(this.dataUrl);
+            if (!response.ok) {
+                throw new Error(`Failed to load mock events: ${response.status} ${response.statusText}`);
+            }
+            const rawData = await response.json();
+            return this.processCalendarData(rawData);
+        }
+        catch (error) {
+            console.error('Failed to load event data:', error);
+            throw error;
+        }
+    }
+    /**
+     * NOT SUPPORTED - MockEventRepository is read-only
+     * Use IndexedDBEventRepository instead
+     */
+    async createEvent(event, source) {
+        throw new Error('MockEventRepository does not support createEvent. Use IndexedDBEventRepository instead.');
+    }
+    /**
+     * NOT SUPPORTED - MockEventRepository is read-only
+     * Use IndexedDBEventRepository instead
+     */
+    async updateEvent(id, updates, source) {
+        throw new Error('MockEventRepository does not support updateEvent. Use IndexedDBEventRepository instead.');
+    }
+    /**
+     * NOT SUPPORTED - MockEventRepository is read-only
+     * Use IndexedDBEventRepository instead
+     */
+    async deleteEvent(id, source) {
+        throw new Error('MockEventRepository does not support deleteEvent. Use IndexedDBEventRepository instead.');
+    }
+    processCalendarData(data) {
+        return data.map((event) => ({
+            ...event,
+            start: new Date(event.start),
+            end: new Date(event.end),
+            type: event.type,
+            allDay: event.allDay || false,
+            syncStatus: 'synced'
+        }));
+    }
+}
+//# sourceMappingURL=MockEventRepository.js.map
\ No newline at end of file
diff --git a/wwwroot/js/repositories/MockEventRepository.js.map b/wwwroot/js/repositories/MockEventRepository.js.map
new file mode 100644
index 0000000..f2909a6
--- /dev/null
+++ b/wwwroot/js/repositories/MockEventRepository.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"MockEventRepository.js","sourceRoot":"","sources":["../../../src/repositories/MockEventRepository.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;GAUG;AACH,MAAM,OAAO,mBAAmB;IAAhC;QACmB,YAAO,GAAG,uBAAuB,CAAC;IAqDrD,CAAC;IAnDQ,KAAK,CAAC,UAAU;QACrB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,MAAM,IAAI,KAAK,CAAC,+BAA+B,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;YAC3F,CAAC;YAED,MAAM,OAAO,GAAmB,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEtD,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;YACnD,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,WAAW,CAAC,KAAiC,EAAE,MAAqB;QAC/E,MAAM,IAAI,KAAK,CAAC,yFAAyF,CAAC,CAAC;IAC7G,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,WAAW,CAAC,EAAU,EAAE,OAAgC,EAAE,MAAqB;QAC1F,MAAM,IAAI,KAAK,CAAC,yFAAyF,CAAC,CAAC;IAC7G,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,WAAW,CAAC,EAAU,EAAE,MAAqB;QACxD,MAAM,IAAI,KAAK,CAAC,yFAAyF,CAAC,CAAC;IAC7G,CAAC;IAEO,mBAAmB,CAAC,IAAoB;QAC9C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAkB,EAAE,CAAC,CAAC;YAC1C,GAAG,KAAK;YACR,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5B,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACxB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,KAAK;YAC7B,UAAU,EAAE,QAAiB;SAC9B,CAAC,CAAC,CAAC;IACN,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/storage/IndexedDBService.d.ts b/wwwroot/js/storage/IndexedDBService.d.ts
new file mode 100644
index 0000000..d40c72a
--- /dev/null
+++ b/wwwroot/js/storage/IndexedDBService.d.ts
@@ -0,0 +1,97 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+/**
+ * Operation for the sync queue
+ */
+export interface IQueueOperation {
+    id: string;
+    type: 'create' | 'update' | 'delete';
+    eventId: string;
+    data: Partial<ICalendarEvent> | ICalendarEvent;
+    timestamp: number;
+    retryCount: number;
+}
+/**
+ * IndexedDB Service for Calendar App
+ * Handles local storage of events and sync queue
+ */
+export declare class IndexedDBService {
+    private static readonly DB_NAME;
+    private static readonly DB_VERSION;
+    private static readonly EVENTS_STORE;
+    private static readonly QUEUE_STORE;
+    private static readonly SYNC_STATE_STORE;
+    private db;
+    private initialized;
+    /**
+     * Initialize and open the database
+     */
+    initialize(): Promise<void>;
+    /**
+     * Check if database is initialized
+     */
+    isInitialized(): boolean;
+    /**
+     * Ensure database is initialized
+     */
+    private ensureDB;
+    /**
+     * Get a single event by ID
+     */
+    getEvent(id: string): Promise<ICalendarEvent | null>;
+    /**
+     * Get all events
+     */
+    getAllEvents(): Promise<ICalendarEvent[]>;
+    /**
+     * Save an event (create or update)
+     */
+    saveEvent(event: ICalendarEvent): Promise<void>;
+    /**
+     * Delete an event
+     */
+    deleteEvent(id: string): Promise<void>;
+    /**
+     * Add operation to queue
+     */
+    addToQueue(operation: Omit<IQueueOperation, 'id'>): Promise<void>;
+    /**
+     * Get all queue operations (sorted by timestamp)
+     */
+    getQueue(): Promise<IQueueOperation[]>;
+    /**
+     * Remove operation from queue
+     */
+    removeFromQueue(id: string): Promise<void>;
+    /**
+     * Clear entire queue
+     */
+    clearQueue(): Promise<void>;
+    /**
+     * Save sync state value
+     */
+    setSyncState(key: string, value: any): Promise<void>;
+    /**
+     * Get sync state value
+     */
+    getSyncState(key: string): Promise<any | null>;
+    /**
+     * Serialize event for IndexedDB storage (convert Dates to ISO strings)
+     */
+    private serializeEvent;
+    /**
+     * Deserialize event from IndexedDB (convert ISO strings to Dates)
+     */
+    private deserializeEvent;
+    /**
+     * Close database connection
+     */
+    close(): void;
+    /**
+     * Delete entire database (for testing/reset)
+     */
+    static deleteDatabase(): Promise<void>;
+    /**
+     * Seed IndexedDB with mock data if empty
+     */
+    seedIfEmpty(mockDataUrl?: string): Promise<void>;
+}
diff --git a/wwwroot/js/storage/IndexedDBService.js b/wwwroot/js/storage/IndexedDBService.js
new file mode 100644
index 0000000..0f07270
--- /dev/null
+++ b/wwwroot/js/storage/IndexedDBService.js
@@ -0,0 +1,340 @@
+/**
+ * IndexedDB Service for Calendar App
+ * Handles local storage of events and sync queue
+ */
+export class IndexedDBService {
+    constructor() {
+        this.db = null;
+        this.initialized = false;
+    }
+    /**
+     * Initialize and open the database
+     */
+    async initialize() {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.open(IndexedDBService.DB_NAME, IndexedDBService.DB_VERSION);
+            request.onerror = () => {
+                reject(new Error(`Failed to open IndexedDB: ${request.error}`));
+            };
+            request.onsuccess = () => {
+                this.db = request.result;
+                this.initialized = true;
+                resolve();
+            };
+            request.onupgradeneeded = (event) => {
+                const db = event.target.result;
+                // Create events store
+                if (!db.objectStoreNames.contains(IndexedDBService.EVENTS_STORE)) {
+                    const eventsStore = db.createObjectStore(IndexedDBService.EVENTS_STORE, { keyPath: 'id' });
+                    eventsStore.createIndex('start', 'start', { unique: false });
+                    eventsStore.createIndex('end', 'end', { unique: false });
+                    eventsStore.createIndex('syncStatus', 'syncStatus', { unique: false });
+                }
+                // Create operation queue store
+                if (!db.objectStoreNames.contains(IndexedDBService.QUEUE_STORE)) {
+                    const queueStore = db.createObjectStore(IndexedDBService.QUEUE_STORE, { keyPath: 'id' });
+                    queueStore.createIndex('timestamp', 'timestamp', { unique: false });
+                }
+                // Create sync state store
+                if (!db.objectStoreNames.contains(IndexedDBService.SYNC_STATE_STORE)) {
+                    db.createObjectStore(IndexedDBService.SYNC_STATE_STORE, { keyPath: 'key' });
+                }
+            };
+        });
+    }
+    /**
+     * Check if database is initialized
+     */
+    isInitialized() {
+        return this.initialized;
+    }
+    /**
+     * Ensure database is initialized
+     */
+    ensureDB() {
+        if (!this.db) {
+            throw new Error('IndexedDB not initialized. Call initialize() first.');
+        }
+        return this.db;
+    }
+    // ========================================
+    // Event CRUD Operations
+    // ========================================
+    /**
+     * Get a single event by ID
+     */
+    async getEvent(id) {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.EVENTS_STORE], 'readonly');
+            const store = transaction.objectStore(IndexedDBService.EVENTS_STORE);
+            const request = store.get(id);
+            request.onsuccess = () => {
+                const event = request.result;
+                resolve(event ? this.deserializeEvent(event) : null);
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to get event ${id}: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Get all events
+     */
+    async getAllEvents() {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.EVENTS_STORE], 'readonly');
+            const store = transaction.objectStore(IndexedDBService.EVENTS_STORE);
+            const request = store.getAll();
+            request.onsuccess = () => {
+                const events = request.result;
+                resolve(events.map(e => this.deserializeEvent(e)));
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to get all events: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Save an event (create or update)
+     */
+    async saveEvent(event) {
+        const db = this.ensureDB();
+        const serialized = this.serializeEvent(event);
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.EVENTS_STORE], 'readwrite');
+            const store = transaction.objectStore(IndexedDBService.EVENTS_STORE);
+            const request = store.put(serialized);
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to save event ${event.id}: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Delete an event
+     */
+    async deleteEvent(id) {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.EVENTS_STORE], 'readwrite');
+            const store = transaction.objectStore(IndexedDBService.EVENTS_STORE);
+            const request = store.delete(id);
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to delete event ${id}: ${request.error}`));
+            };
+        });
+    }
+    // ========================================
+    // Queue Operations
+    // ========================================
+    /**
+     * Add operation to queue
+     */
+    async addToQueue(operation) {
+        const db = this.ensureDB();
+        const queueItem = {
+            ...operation,
+            id: `${operation.type}-${operation.eventId}-${Date.now()}`
+        };
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.QUEUE_STORE], 'readwrite');
+            const store = transaction.objectStore(IndexedDBService.QUEUE_STORE);
+            const request = store.put(queueItem);
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to add to queue: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Get all queue operations (sorted by timestamp)
+     */
+    async getQueue() {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.QUEUE_STORE], 'readonly');
+            const store = transaction.objectStore(IndexedDBService.QUEUE_STORE);
+            const index = store.index('timestamp');
+            const request = index.getAll();
+            request.onsuccess = () => {
+                resolve(request.result);
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to get queue: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Remove operation from queue
+     */
+    async removeFromQueue(id) {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.QUEUE_STORE], 'readwrite');
+            const store = transaction.objectStore(IndexedDBService.QUEUE_STORE);
+            const request = store.delete(id);
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to remove from queue: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Clear entire queue
+     */
+    async clearQueue() {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.QUEUE_STORE], 'readwrite');
+            const store = transaction.objectStore(IndexedDBService.QUEUE_STORE);
+            const request = store.clear();
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to clear queue: ${request.error}`));
+            };
+        });
+    }
+    // ========================================
+    // Sync State Operations
+    // ========================================
+    /**
+     * Save sync state value
+     */
+    async setSyncState(key, value) {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.SYNC_STATE_STORE], 'readwrite');
+            const store = transaction.objectStore(IndexedDBService.SYNC_STATE_STORE);
+            const request = store.put({ key, value });
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to set sync state ${key}: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Get sync state value
+     */
+    async getSyncState(key) {
+        const db = this.ensureDB();
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction([IndexedDBService.SYNC_STATE_STORE], 'readonly');
+            const store = transaction.objectStore(IndexedDBService.SYNC_STATE_STORE);
+            const request = store.get(key);
+            request.onsuccess = () => {
+                const result = request.result;
+                resolve(result ? result.value : null);
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to get sync state ${key}: ${request.error}`));
+            };
+        });
+    }
+    // ========================================
+    // Serialization Helpers
+    // ========================================
+    /**
+     * Serialize event for IndexedDB storage (convert Dates to ISO strings)
+     */
+    serializeEvent(event) {
+        return {
+            ...event,
+            start: event.start instanceof Date ? event.start.toISOString() : event.start,
+            end: event.end instanceof Date ? event.end.toISOString() : event.end
+        };
+    }
+    /**
+     * Deserialize event from IndexedDB (convert ISO strings to Dates)
+     */
+    deserializeEvent(event) {
+        return {
+            ...event,
+            start: typeof event.start === 'string' ? new Date(event.start) : event.start,
+            end: typeof event.end === 'string' ? new Date(event.end) : event.end
+        };
+    }
+    /**
+     * Close database connection
+     */
+    close() {
+        if (this.db) {
+            this.db.close();
+            this.db = null;
+        }
+    }
+    /**
+     * Delete entire database (for testing/reset)
+     */
+    static async deleteDatabase() {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.deleteDatabase(IndexedDBService.DB_NAME);
+            request.onsuccess = () => {
+                resolve();
+            };
+            request.onerror = () => {
+                reject(new Error(`Failed to delete database: ${request.error}`));
+            };
+        });
+    }
+    /**
+     * Seed IndexedDB with mock data if empty
+     */
+    async seedIfEmpty(mockDataUrl = 'data/mock-events.json') {
+        try {
+            const existingEvents = await this.getAllEvents();
+            if (existingEvents.length > 0) {
+                console.log(`IndexedDB already has ${existingEvents.length} events - skipping seed`);
+                return;
+            }
+            console.log('IndexedDB is empty - seeding with mock data');
+            // Check if online to fetch mock data
+            if (!navigator.onLine) {
+                console.warn('Offline and IndexedDB empty - starting with no events');
+                return;
+            }
+            // Fetch mock events
+            const response = await fetch(mockDataUrl);
+            if (!response.ok) {
+                throw new Error(`Failed to fetch mock events: ${response.statusText}`);
+            }
+            const mockEvents = await response.json();
+            // Convert and save to IndexedDB
+            for (const event of mockEvents) {
+                const calendarEvent = {
+                    ...event,
+                    start: new Date(event.start),
+                    end: new Date(event.end),
+                    allDay: event.allDay || false,
+                    syncStatus: 'synced'
+                };
+                await this.saveEvent(calendarEvent);
+            }
+            console.log(`Seeded IndexedDB with ${mockEvents.length} mock events`);
+        }
+        catch (error) {
+            console.error('Failed to seed IndexedDB:', error);
+            // Don't throw - allow app to start with empty calendar
+        }
+    }
+}
+IndexedDBService.DB_NAME = 'CalendarDB';
+IndexedDBService.DB_VERSION = 1;
+IndexedDBService.EVENTS_STORE = 'events';
+IndexedDBService.QUEUE_STORE = 'operationQueue';
+IndexedDBService.SYNC_STATE_STORE = 'syncState';
+//# sourceMappingURL=IndexedDBService.js.map
\ No newline at end of file
diff --git a/wwwroot/js/storage/IndexedDBService.js.map b/wwwroot/js/storage/IndexedDBService.js.map
new file mode 100644
index 0000000..488a2dd
--- /dev/null
+++ b/wwwroot/js/storage/IndexedDBService.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"IndexedDBService.js","sourceRoot":"","sources":["../../../src/storage/IndexedDBService.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/storage/OperationQueue.d.ts b/wwwroot/js/storage/OperationQueue.d.ts
new file mode 100644
index 0000000..50018e6
--- /dev/null
+++ b/wwwroot/js/storage/OperationQueue.d.ts
@@ -0,0 +1,55 @@
+import { IndexedDBService, IQueueOperation } from './IndexedDBService';
+/**
+ * Operation Queue Manager
+ * Handles FIFO queue of pending sync operations
+ */
+export declare class OperationQueue {
+    private indexedDB;
+    constructor(indexedDB: IndexedDBService);
+    /**
+     * Add operation to the end of the queue
+     */
+    enqueue(operation: Omit<IQueueOperation, 'id'>): Promise<void>;
+    /**
+     * Get the first operation from the queue (without removing it)
+     * Returns null if queue is empty
+     */
+    peek(): Promise<IQueueOperation | null>;
+    /**
+     * Get all operations in the queue (sorted by timestamp FIFO)
+     */
+    getAll(): Promise<IQueueOperation[]>;
+    /**
+     * Remove a specific operation from the queue
+     */
+    remove(operationId: string): Promise<void>;
+    /**
+     * Remove the first operation from the queue and return it
+     * Returns null if queue is empty
+     */
+    dequeue(): Promise<IQueueOperation | null>;
+    /**
+     * Clear all operations from the queue
+     */
+    clear(): Promise<void>;
+    /**
+     * Get the number of operations in the queue
+     */
+    size(): Promise<number>;
+    /**
+     * Check if queue is empty
+     */
+    isEmpty(): Promise<boolean>;
+    /**
+     * Get operations for a specific event ID
+     */
+    getOperationsForEvent(eventId: string): Promise<IQueueOperation[]>;
+    /**
+     * Remove all operations for a specific event ID
+     */
+    removeOperationsForEvent(eventId: string): Promise<void>;
+    /**
+     * Update retry count for an operation
+     */
+    incrementRetryCount(operationId: string): Promise<void>;
+}
diff --git a/wwwroot/js/storage/OperationQueue.js b/wwwroot/js/storage/OperationQueue.js
new file mode 100644
index 0000000..eb1b740
--- /dev/null
+++ b/wwwroot/js/storage/OperationQueue.js
@@ -0,0 +1,96 @@
+/**
+ * Operation Queue Manager
+ * Handles FIFO queue of pending sync operations
+ */
+export class OperationQueue {
+    constructor(indexedDB) {
+        this.indexedDB = indexedDB;
+    }
+    /**
+     * Add operation to the end of the queue
+     */
+    async enqueue(operation) {
+        await this.indexedDB.addToQueue(operation);
+    }
+    /**
+     * Get the first operation from the queue (without removing it)
+     * Returns null if queue is empty
+     */
+    async peek() {
+        const queue = await this.indexedDB.getQueue();
+        return queue.length > 0 ? queue[0] : null;
+    }
+    /**
+     * Get all operations in the queue (sorted by timestamp FIFO)
+     */
+    async getAll() {
+        return await this.indexedDB.getQueue();
+    }
+    /**
+     * Remove a specific operation from the queue
+     */
+    async remove(operationId) {
+        await this.indexedDB.removeFromQueue(operationId);
+    }
+    /**
+     * Remove the first operation from the queue and return it
+     * Returns null if queue is empty
+     */
+    async dequeue() {
+        const operation = await this.peek();
+        if (operation) {
+            await this.remove(operation.id);
+        }
+        return operation;
+    }
+    /**
+     * Clear all operations from the queue
+     */
+    async clear() {
+        await this.indexedDB.clearQueue();
+    }
+    /**
+     * Get the number of operations in the queue
+     */
+    async size() {
+        const queue = await this.getAll();
+        return queue.length;
+    }
+    /**
+     * Check if queue is empty
+     */
+    async isEmpty() {
+        const size = await this.size();
+        return size === 0;
+    }
+    /**
+     * Get operations for a specific event ID
+     */
+    async getOperationsForEvent(eventId) {
+        const queue = await this.getAll();
+        return queue.filter(op => op.eventId === eventId);
+    }
+    /**
+     * Remove all operations for a specific event ID
+     */
+    async removeOperationsForEvent(eventId) {
+        const operations = await this.getOperationsForEvent(eventId);
+        for (const op of operations) {
+            await this.remove(op.id);
+        }
+    }
+    /**
+     * Update retry count for an operation
+     */
+    async incrementRetryCount(operationId) {
+        const queue = await this.getAll();
+        const operation = queue.find(op => op.id === operationId);
+        if (operation) {
+            operation.retryCount++;
+            // Re-add to queue with updated retry count
+            await this.remove(operationId);
+            await this.enqueue(operation);
+        }
+    }
+}
+//# sourceMappingURL=OperationQueue.js.map
\ No newline at end of file
diff --git a/wwwroot/js/storage/OperationQueue.js.map b/wwwroot/js/storage/OperationQueue.js.map
new file mode 100644
index 0000000..572a8ac
--- /dev/null
+++ b/wwwroot/js/storage/OperationQueue.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"OperationQueue.js","sourceRoot":"","sources":["../../../src/storage/OperationQueue.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,OAAO,cAAc;IAGzB,YAAY,SAA2B;QACrC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,OAAO,CAAC,SAAsC;QAClD,MAAM,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,IAAI;QACR,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC9C,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,MAAM;QACV,OAAO,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,MAAM,CAAC,WAAmB;QAC9B,MAAM,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IACpD,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,OAAO;QACX,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,KAAK;QACT,MAAM,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,IAAI;QACR,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QAClC,OAAO,KAAK,CAAC,MAAM,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,OAAO;QACX,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAC/B,OAAO,IAAI,KAAK,CAAC,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,qBAAqB,CAAC,OAAe;QACzC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QAClC,OAAO,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC;IACpD,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,wBAAwB,CAAC,OAAe;QAC5C,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC7D,KAAK,MAAM,EAAE,IAAI,UAAU,EAAE,CAAC;YAC5B,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,mBAAmB,CAAC,WAAmB;QAC3C,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QAClC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;QAE1D,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,UAAU,EAAE,CAAC;YACvB,2CAA2C;YAC3C,MAAM,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAC/B,MAAM,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/strategies/MonthViewStrategy.d.ts b/wwwroot/js/strategies/MonthViewStrategy.d.ts
new file mode 100644
index 0000000..3e782fb
--- /dev/null
+++ b/wwwroot/js/strategies/MonthViewStrategy.d.ts
@@ -0,0 +1,25 @@
+/**
+ * MonthViewStrategy - Strategy for month view rendering
+ * Completely different from week view - no time axis, cell-based events
+ */
+import { ViewStrategy, ViewContext, ViewLayoutConfig } from './ViewStrategy';
+export declare class MonthViewStrategy implements ViewStrategy {
+    private dateCalculator;
+    constructor();
+    getLayoutConfig(): ViewLayoutConfig;
+    renderGrid(context: ViewContext): void;
+    private createMonthGrid;
+    private createDayHeaders;
+    private createDayCells;
+    private getMonthDates;
+    private renderMonthEvents;
+    getNextPeriod(currentDate: Date): Date;
+    getPreviousPeriod(currentDate: Date): Date;
+    getPeriodLabel(date: Date): string;
+    getDisplayDates(baseDate: Date): Date[];
+    getPeriodRange(baseDate: Date): {
+        startDate: Date;
+        endDate: Date;
+    };
+    destroy(): void;
+}
diff --git a/wwwroot/js/strategies/MonthViewStrategy.js b/wwwroot/js/strategies/MonthViewStrategy.js
new file mode 100644
index 0000000..670878d
--- /dev/null
+++ b/wwwroot/js/strategies/MonthViewStrategy.js
@@ -0,0 +1,124 @@
+/**
+ * MonthViewStrategy - Strategy for month view rendering
+ * Completely different from week view - no time axis, cell-based events
+ */
+import { DateCalculator } from '../utils/DateCalculator';
+import { calendarConfig } from '../core/CalendarConfig';
+export class MonthViewStrategy {
+    constructor() {
+        DateCalculator.initialize(calendarConfig);
+        this.dateCalculator = new DateCalculator();
+    }
+    getLayoutConfig() {
+        return {
+            needsTimeAxis: false, // No time axis in month view!
+            columnCount: 7, // Always 7 days (Mon-Sun)
+            scrollable: false, // Month fits in viewport
+            eventPositioning: 'cell-based' // Events go in day cells
+        };
+    }
+    renderGrid(context) {
+        // Clear existing content
+        context.container.innerHTML = '';
+        // Create month grid (completely different from week!)
+        this.createMonthGrid(context);
+    }
+    createMonthGrid(context) {
+        const monthGrid = document.createElement('div');
+        monthGrid.className = 'month-grid';
+        monthGrid.style.display = 'grid';
+        monthGrid.style.gridTemplateColumns = 'repeat(7, 1fr)';
+        monthGrid.style.gridTemplateRows = 'auto repeat(6, 1fr)';
+        monthGrid.style.height = '100%';
+        // Add day headers (Mon, Tue, Wed, etc.)
+        this.createDayHeaders(monthGrid);
+        // Add 6 weeks of day cells
+        this.createDayCells(monthGrid, context.currentDate);
+        // Render events in day cells (will be handled by EventRendererManager)
+        // this.renderMonthEvents(monthGrid, context.allDayEvents);
+        context.container.appendChild(monthGrid);
+    }
+    createDayHeaders(container) {
+        const dayNames = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
+        dayNames.forEach(dayName => {
+            const header = document.createElement('div');
+            header.className = 'month-day-header';
+            header.textContent = dayName;
+            header.style.padding = '8px';
+            header.style.fontWeight = 'bold';
+            header.style.textAlign = 'center';
+            header.style.borderBottom = '1px solid #e0e0e0';
+            container.appendChild(header);
+        });
+    }
+    createDayCells(container, monthDate) {
+        const dates = this.getMonthDates(monthDate);
+        dates.forEach(date => {
+            const cell = document.createElement('div');
+            cell.className = 'month-day-cell';
+            cell.dataset.date = DateCalculator.formatISODate(date);
+            cell.style.border = '1px solid #e0e0e0';
+            cell.style.minHeight = '100px';
+            cell.style.padding = '4px';
+            cell.style.position = 'relative';
+            // Day number
+            const dayNumber = document.createElement('div');
+            dayNumber.className = 'month-day-number';
+            dayNumber.textContent = date.getDate().toString();
+            dayNumber.style.fontWeight = 'bold';
+            dayNumber.style.marginBottom = '4px';
+            // Check if today
+            if (DateCalculator.isToday(date)) {
+                dayNumber.style.color = '#1976d2';
+                cell.style.backgroundColor = '#f5f5f5';
+            }
+            cell.appendChild(dayNumber);
+            container.appendChild(cell);
+        });
+    }
+    getMonthDates(monthDate) {
+        // Get first day of month
+        const firstOfMonth = new Date(monthDate.getFullYear(), monthDate.getMonth(), 1);
+        // Get Monday of the week containing first day
+        const startDate = DateCalculator.getISOWeekStart(firstOfMonth);
+        // Generate 42 days (6 weeks)
+        const dates = [];
+        for (let i = 0; i < 42; i++) {
+            dates.push(DateCalculator.addDays(startDate, i));
+        }
+        return dates;
+    }
+    renderMonthEvents(container, events) {
+        // TODO: Implement month event rendering
+        // Events will be small blocks in day cells
+    }
+    getNextPeriod(currentDate) {
+        return new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+    }
+    getPreviousPeriod(currentDate) {
+        return new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1);
+    }
+    getPeriodLabel(date) {
+        const monthNames = ['January', 'February', 'March', 'April', 'May', 'June',
+            'July', 'August', 'September', 'October', 'November', 'December'];
+        return `${monthNames[date.getMonth()]} ${date.getFullYear()}`;
+    }
+    getDisplayDates(baseDate) {
+        return this.getMonthDates(baseDate);
+    }
+    getPeriodRange(baseDate) {
+        // Month view shows events for the entire month grid (including partial weeks)
+        const firstOfMonth = new Date(baseDate.getFullYear(), baseDate.getMonth(), 1);
+        // Get Monday of the week containing first day
+        const startDate = DateCalculator.getISOWeekStart(firstOfMonth);
+        // End date is 41 days after start (42 total days)
+        const endDate = DateCalculator.addDays(startDate, 41);
+        return {
+            startDate,
+            endDate
+        };
+    }
+    destroy() {
+    }
+}
+//# sourceMappingURL=MonthViewStrategy.js.map
\ No newline at end of file
diff --git a/wwwroot/js/strategies/MonthViewStrategy.js.map b/wwwroot/js/strategies/MonthViewStrategy.js.map
new file mode 100644
index 0000000..04383f6
--- /dev/null
+++ b/wwwroot/js/strategies/MonthViewStrategy.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"MonthViewStrategy.js","sourceRoot":"","sources":["../../../src/strategies/MonthViewStrategy.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/strategies/ViewStrategy.d.ts b/wwwroot/js/strategies/ViewStrategy.d.ts
new file mode 100644
index 0000000..6ce1eee
--- /dev/null
+++ b/wwwroot/js/strategies/ViewStrategy.d.ts
@@ -0,0 +1,58 @@
+/**
+ * ViewStrategy - Strategy pattern for different calendar view types
+ * Allows clean separation between week view, month view, day view etc.
+ */
+import { ResourceCalendarData } from '../types/CalendarTypes';
+/**
+ * Context object passed to strategy methods
+ */
+export interface ViewContext {
+    currentDate: Date;
+    container: HTMLElement;
+    resourceData: ResourceCalendarData | null;
+}
+/**
+ * Layout configuration specific to each view type
+ */
+export interface ViewLayoutConfig {
+    needsTimeAxis: boolean;
+    columnCount: number;
+    scrollable: boolean;
+    eventPositioning: 'time-based' | 'cell-based';
+}
+/**
+ * Base strategy interface for all view types
+ */
+export interface ViewStrategy {
+    /**
+     * Get the layout configuration for this view
+     */
+    getLayoutConfig(): ViewLayoutConfig;
+    /**
+     * Render the grid structure for this view
+     */
+    renderGrid(context: ViewContext): void;
+    /**
+     * Calculate next period for navigation
+     */
+    getNextPeriod(currentDate: Date): Date;
+    /**
+     * Calculate previous period for navigation
+     */
+    getPreviousPeriod(currentDate: Date): Date;
+    /**
+     * Get display label for current period
+     */
+    getPeriodLabel(date: Date): string;
+    /**
+     * Get the dates that should be displayed in this view
+     */
+    getDisplayDates(baseDate: Date): Date[];
+    /**
+     * Get the period start and end dates for event filtering
+     */
+    getPeriodRange(baseDate: Date): {
+        startDate: Date;
+        endDate: Date;
+    };
+}
diff --git a/wwwroot/js/strategies/ViewStrategy.js b/wwwroot/js/strategies/ViewStrategy.js
new file mode 100644
index 0000000..6185c60
--- /dev/null
+++ b/wwwroot/js/strategies/ViewStrategy.js
@@ -0,0 +1,6 @@
+/**
+ * ViewStrategy - Strategy pattern for different calendar view types
+ * Allows clean separation between week view, month view, day view etc.
+ */
+export {};
+//# sourceMappingURL=ViewStrategy.js.map
\ No newline at end of file
diff --git a/wwwroot/js/strategies/ViewStrategy.js.map b/wwwroot/js/strategies/ViewStrategy.js.map
new file mode 100644
index 0000000..e58f7ec
--- /dev/null
+++ b/wwwroot/js/strategies/ViewStrategy.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ViewStrategy.js","sourceRoot":"","sources":["../../../src/strategies/ViewStrategy.ts"],"names":[],"mappings":"AAAA;;;GAGG"}
\ No newline at end of file
diff --git a/wwwroot/js/strategies/WeekViewStrategy.d.ts b/wwwroot/js/strategies/WeekViewStrategy.d.ts
new file mode 100644
index 0000000..3307dfc
--- /dev/null
+++ b/wwwroot/js/strategies/WeekViewStrategy.d.ts
@@ -0,0 +1,22 @@
+/**
+ * WeekViewStrategy - Strategy for week/day view rendering
+ * Extracts the time-based grid logic from GridManager
+ */
+import { ViewStrategy, ViewContext, ViewLayoutConfig } from './ViewStrategy';
+export declare class WeekViewStrategy implements ViewStrategy {
+    private dateCalculator;
+    private gridRenderer;
+    private styleManager;
+    constructor();
+    getLayoutConfig(): ViewLayoutConfig;
+    renderGrid(context: ViewContext): void;
+    getNextPeriod(currentDate: Date): Date;
+    getPreviousPeriod(currentDate: Date): Date;
+    getPeriodLabel(date: Date): string;
+    getDisplayDates(baseDate: Date): Date[];
+    getPeriodRange(baseDate: Date): {
+        startDate: Date;
+        endDate: Date;
+    };
+    destroy(): void;
+}
diff --git a/wwwroot/js/strategies/WeekViewStrategy.js b/wwwroot/js/strategies/WeekViewStrategy.js
new file mode 100644
index 0000000..d5130d9
--- /dev/null
+++ b/wwwroot/js/strategies/WeekViewStrategy.js
@@ -0,0 +1,57 @@
+/**
+ * WeekViewStrategy - Strategy for week/day view rendering
+ * Extracts the time-based grid logic from GridManager
+ */
+import { DateCalculator } from '../utils/DateCalculator';
+import { calendarConfig } from '../core/CalendarConfig';
+import { GridRenderer } from '../renderers/GridRenderer';
+import { GridStyleManager } from '../renderers/GridStyleManager';
+export class WeekViewStrategy {
+    constructor() {
+        DateCalculator.initialize(calendarConfig);
+        this.dateCalculator = new DateCalculator();
+        this.gridRenderer = new GridRenderer();
+        this.styleManager = new GridStyleManager();
+    }
+    getLayoutConfig() {
+        return {
+            needsTimeAxis: true,
+            columnCount: calendarConfig.getWorkWeekSettings().totalDays,
+            scrollable: true,
+            eventPositioning: 'time-based'
+        };
+    }
+    renderGrid(context) {
+        // Update grid styles
+        this.styleManager.updateGridStyles(context.resourceData);
+        // Render the grid structure (time axis + day columns)
+        this.gridRenderer.renderGrid(context.container, context.currentDate, context.resourceData);
+    }
+    getNextPeriod(currentDate) {
+        return DateCalculator.addWeeks(currentDate, 1);
+    }
+    getPreviousPeriod(currentDate) {
+        return DateCalculator.addWeeks(currentDate, -1);
+    }
+    getPeriodLabel(date) {
+        const weekStart = DateCalculator.getISOWeekStart(date);
+        const weekEnd = DateCalculator.addDays(weekStart, 6);
+        const weekNumber = DateCalculator.getWeekNumber(date);
+        return `Week ${weekNumber}: ${DateCalculator.formatDateRange(weekStart, weekEnd)}`;
+    }
+    getDisplayDates(baseDate) {
+        return DateCalculator.getWorkWeekDates(baseDate);
+    }
+    getPeriodRange(baseDate) {
+        const weekStart = DateCalculator.getISOWeekStart(baseDate);
+        const weekEnd = DateCalculator.addDays(weekStart, 6);
+        return {
+            startDate: weekStart,
+            endDate: weekEnd
+        };
+    }
+    destroy() {
+        // Clean up any week-specific resources
+    }
+}
+//# sourceMappingURL=WeekViewStrategy.js.map
\ No newline at end of file
diff --git a/wwwroot/js/strategies/WeekViewStrategy.js.map b/wwwroot/js/strategies/WeekViewStrategy.js.map
new file mode 100644
index 0000000..fff7d39
--- /dev/null
+++ b/wwwroot/js/strategies/WeekViewStrategy.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WeekViewStrategy.js","sourceRoot":"","sources":["../../../src/strategies/WeekViewStrategy.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,OAAO,gBAAgB;IAK3B;QACE,cAAc,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAC1C,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;QAC3C,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,IAAI,gBAAgB,EAAE,CAAC;IAC7C,CAAC;IAED,eAAe;QACb,OAAO;YACL,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,cAAc,CAAC,mBAAmB,EAAE,CAAC,SAAS;YAC3D,UAAU,EAAE,IAAI;YAChB,gBAAgB,EAAE,YAAY;SAC/B,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,OAAoB;QAC7B,qBAAqB;QACrB,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAEzD,sDAAsD;QACtD,IAAI,CAAC,YAAY,CAAC,UAAU,CAC1B,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,WAAW,EACnB,OAAO,CAAC,YAAY,CACrB,CAAC;IACJ,CAAC;IAED,aAAa,CAAC,WAAiB;QAC7B,OAAO,cAAc,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,iBAAiB,CAAC,WAAiB;QACjC,OAAO,cAAc,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,cAAc,CAAC,IAAU;QACvB,MAAM,SAAS,GAAG,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QACrD,MAAM,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAEtD,OAAO,QAAQ,UAAU,KAAK,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,CAAC;IACrF,CAAC;IAED,eAAe,CAAC,QAAc;QAC5B,OAAO,cAAc,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAED,cAAc,CAAC,QAAc;QAC3B,MAAM,SAAS,GAAG,cAAc,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC3D,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAErD,OAAO;YACL,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,OAAO;SACjB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,uCAAuC;IACzC,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/types/CalendarTypes.d.ts b/wwwroot/js/types/CalendarTypes.d.ts
new file mode 100644
index 0000000..d5efb9f
--- /dev/null
+++ b/wwwroot/js/types/CalendarTypes.d.ts
@@ -0,0 +1,56 @@
+export type ViewPeriod = 'day' | 'week' | 'month';
+export type CalendarView = ViewPeriod;
+export type SyncStatus = 'synced' | 'pending' | 'error';
+export interface IRenderContext {
+    container: HTMLElement;
+    startDate: Date;
+    endDate: Date;
+}
+export interface ICalendarEvent {
+    id: string;
+    title: string;
+    description?: string;
+    start: Date;
+    end: Date;
+    type: string;
+    allDay: boolean;
+    syncStatus: SyncStatus;
+    recurringId?: string;
+    metadata?: Record<string, any>;
+}
+export interface ICalendarConfig {
+    scrollbarWidth: number;
+    scrollbarColor: string;
+    scrollbarTrackColor: string;
+    scrollbarHoverColor: string;
+    scrollbarBorderRadius: number;
+    allowDrag: boolean;
+    allowResize: boolean;
+    allowCreate: boolean;
+    apiEndpoint: string;
+    dateFormat: string;
+    timeFormat: string;
+    enableSearch: boolean;
+    enableTouch: boolean;
+    defaultEventDuration: number;
+    minEventDuration: number;
+    maxEventDuration: number;
+}
+export interface IEventLogEntry {
+    type: string;
+    detail: unknown;
+    timestamp: number;
+}
+export interface IListenerEntry {
+    eventType: string;
+    handler: EventListener;
+    options?: AddEventListenerOptions;
+}
+export interface IEventBus {
+    on(eventType: string, handler: EventListener, options?: AddEventListenerOptions): () => void;
+    once(eventType: string, handler: EventListener): () => void;
+    off(eventType: string, handler: EventListener): void;
+    emit(eventType: string, detail?: unknown): boolean;
+    getEventLog(eventType?: string): IEventLogEntry[];
+    setDebug(enabled: boolean): void;
+}
diff --git a/wwwroot/js/types/CalendarTypes.js b/wwwroot/js/types/CalendarTypes.js
new file mode 100644
index 0000000..a86177f
--- /dev/null
+++ b/wwwroot/js/types/CalendarTypes.js
@@ -0,0 +1,3 @@
+// Calendar type definitions
+export {};
+//# sourceMappingURL=CalendarTypes.js.map
\ No newline at end of file
diff --git a/wwwroot/js/types/CalendarTypes.js.map b/wwwroot/js/types/CalendarTypes.js.map
new file mode 100644
index 0000000..6bb92ea
--- /dev/null
+++ b/wwwroot/js/types/CalendarTypes.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CalendarTypes.js","sourceRoot":"","sources":["../../../src/types/CalendarTypes.ts"],"names":[],"mappings":"AAAA,4BAA4B"}
\ No newline at end of file
diff --git a/wwwroot/js/types/ColumnDataSource.d.ts b/wwwroot/js/types/ColumnDataSource.d.ts
new file mode 100644
index 0000000..269fc8e
--- /dev/null
+++ b/wwwroot/js/types/ColumnDataSource.d.ts
@@ -0,0 +1,17 @@
+/**
+ * IColumnDataSource - Defines the contract for providing column data
+ *
+ * This interface abstracts away whether columns represent dates or resources,
+ * allowing the calendar to switch between date-based and resource-based views.
+ */
+export interface IColumnDataSource {
+    /**
+     * Get the list of column identifiers to render
+     * @returns Array of identifiers (dates or resource IDs)
+     */
+    getColumns(): Date[];
+    /**
+     * Get the type of columns this datasource provides
+     */
+    getType(): 'date' | 'resource';
+}
diff --git a/wwwroot/js/types/ColumnDataSource.js b/wwwroot/js/types/ColumnDataSource.js
new file mode 100644
index 0000000..1fd57b8
--- /dev/null
+++ b/wwwroot/js/types/ColumnDataSource.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnDataSource.js.map
\ No newline at end of file
diff --git a/wwwroot/js/types/ColumnDataSource.js.map b/wwwroot/js/types/ColumnDataSource.js.map
new file mode 100644
index 0000000..2d1395f
--- /dev/null
+++ b/wwwroot/js/types/ColumnDataSource.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDataSource.js","sourceRoot":"","sources":["../../../src/types/ColumnDataSource.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/types/DragDropTypes.d.ts b/wwwroot/js/types/DragDropTypes.d.ts
new file mode 100644
index 0000000..da16c45
--- /dev/null
+++ b/wwwroot/js/types/DragDropTypes.d.ts
@@ -0,0 +1,41 @@
+/**
+ * Type definitions for drag and drop functionality
+ */
+export interface IMousePosition {
+    x: number;
+    y: number;
+    clientX?: number;
+    clientY?: number;
+}
+export interface IDragOffset {
+    x: number;
+    y: number;
+    offsetX?: number;
+    offsetY?: number;
+}
+export interface IDragState {
+    isDragging: boolean;
+    draggedElement: HTMLElement | null;
+    draggedClone: HTMLElement | null;
+    eventId: string | null;
+    startColumn: string | null;
+    currentColumn: string | null;
+    mouseOffset: IDragOffset;
+}
+export interface IDragEndPosition {
+    column: string;
+    y: number;
+    snappedY: number;
+    time?: Date;
+}
+export interface IStackLinkData {
+    prev?: string;
+    next?: string;
+    isFirst?: boolean;
+    isLast?: boolean;
+}
+export interface IDragEventHandlers {
+    handleDragStart?(originalElement: HTMLElement, eventId: string, mouseOffset: IDragOffset, column: string): void;
+    handleDragMove?(eventId: string, snappedY: number, column: string, mouseOffset: IDragOffset): void;
+    handleDragEnd?(eventId: string, originalElement: HTMLElement, draggedClone: HTMLElement, finalColumn: string, finalY: number): void;
+}
diff --git a/wwwroot/js/types/DragDropTypes.js b/wwwroot/js/types/DragDropTypes.js
new file mode 100644
index 0000000..d892616
--- /dev/null
+++ b/wwwroot/js/types/DragDropTypes.js
@@ -0,0 +1,5 @@
+/**
+ * Type definitions for drag and drop functionality
+ */
+export {};
+//# sourceMappingURL=DragDropTypes.js.map
\ No newline at end of file
diff --git a/wwwroot/js/types/DragDropTypes.js.map b/wwwroot/js/types/DragDropTypes.js.map
new file mode 100644
index 0000000..2272daa
--- /dev/null
+++ b/wwwroot/js/types/DragDropTypes.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DragDropTypes.js","sourceRoot":"","sources":["../../../src/types/DragDropTypes.ts"],"names":[],"mappings":"AAAA;;GAEG"}
\ No newline at end of file
diff --git a/wwwroot/js/types/EventPayloadMap.d.ts b/wwwroot/js/types/EventPayloadMap.d.ts
new file mode 100644
index 0000000..d35b9d7
--- /dev/null
+++ b/wwwroot/js/types/EventPayloadMap.d.ts
@@ -0,0 +1,133 @@
+import { CalendarEvent, CalendarView } from './CalendarTypes';
+import { DragStartEventPayload, DragMoveEventPayload, DragEndEventPayload, DragMouseEnterHeaderEventPayload, DragMouseLeaveHeaderEventPayload, HeaderReadyEventPayload } from './EventTypes';
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * Complete type mapping for all calendar events
+ * This enables type-safe event emission and handling
+ */
+export interface CalendarEventPayloadMap {
+    [CoreEvents.INITIALIZED]: {
+        initialized: boolean;
+        timestamp: number;
+    };
+    [CoreEvents.READY]: undefined;
+    [CoreEvents.DESTROYED]: undefined;
+    [CoreEvents.VIEW_CHANGED]: {
+        view: CalendarView;
+        previousView?: CalendarView;
+    };
+    [CoreEvents.VIEW_RENDERED]: {
+        view: CalendarView;
+    };
+    [CoreEvents.WORKWEEK_CHANGED]: {
+        settings: unknown;
+    };
+    [CoreEvents.DATE_CHANGED]: {
+        date: Date;
+        view?: CalendarView;
+    };
+    [CoreEvents.NAVIGATION_COMPLETED]: {
+        direction: 'previous' | 'next' | 'today';
+    };
+    [CoreEvents.PERIOD_INFO_UPDATE]: {
+        label: string;
+        startDate: Date;
+        endDate: Date;
+    };
+    [CoreEvents.NAVIGATE_TO_EVENT]: {
+        eventId: string;
+    };
+    [CoreEvents.DATA_LOADING]: undefined;
+    [CoreEvents.DATA_LOADED]: {
+        events: CalendarEvent[];
+        count: number;
+    };
+    [CoreEvents.DATA_ERROR]: {
+        error: Error;
+    };
+    [CoreEvents.EVENTS_FILTERED]: {
+        filteredEvents: CalendarEvent[];
+    };
+    [CoreEvents.GRID_RENDERED]: {
+        container: HTMLElement;
+        currentDate: Date;
+        startDate: Date;
+        endDate: Date;
+        columnCount: number;
+    };
+    [CoreEvents.GRID_CLICKED]: {
+        column: string;
+        row: number;
+    };
+    [CoreEvents.CELL_SELECTED]: {
+        cell: HTMLElement;
+    };
+    [CoreEvents.EVENT_CREATED]: {
+        event: CalendarEvent;
+    };
+    [CoreEvents.EVENT_UPDATED]: {
+        event: CalendarEvent;
+        previousData?: Partial<CalendarEvent>;
+    };
+    [CoreEvents.EVENT_DELETED]: {
+        eventId: string;
+    };
+    [CoreEvents.EVENT_SELECTED]: {
+        eventId: string;
+        event?: CalendarEvent;
+    };
+    [CoreEvents.ERROR]: {
+        error: Error;
+        context?: string;
+    };
+    [CoreEvents.REFRESH_REQUESTED]: {
+        view?: CalendarView;
+        date?: Date;
+    };
+    [CoreEvents.FILTER_CHANGED]: {
+        activeFilters: string[];
+        visibleEvents: CalendarEvent[];
+    };
+    [CoreEvents.EVENTS_RENDERED]: {
+        eventCount: number;
+    };
+    'drag:start': DragStartEventPayload;
+    'drag:move': DragMoveEventPayload;
+    'drag:end': DragEndEventPayload;
+    'drag:mouseenter-header': DragMouseEnterHeaderEventPayload;
+    'drag:mouseleave-header': DragMouseLeaveHeaderEventPayload;
+    'drag:cancelled': {
+        reason: string;
+    };
+    'header:ready': HeaderReadyEventPayload;
+    'header:height-changed': {
+        height: number;
+        rowCount: number;
+    };
+    'allday:checkHeight': undefined;
+    'allday:convert-to-allday': {
+        eventId: string;
+        element: HTMLElement;
+    };
+    'allday:convert-from-allday': {
+        eventId: string;
+        element: HTMLElement;
+    };
+    'scroll:sync': {
+        scrollTop: number;
+        source: string;
+    };
+    'scroll:to-hour': {
+        hour: number;
+    };
+    'filter:updated': {
+        activeFilters: string[];
+        visibleEvents: CalendarEvent[];
+    };
+    'filter:search': {
+        query: string;
+        results: CalendarEvent[];
+    };
+}
+export type EventPayload<T extends keyof CalendarEventPayloadMap> = CalendarEventPayloadMap[T];
+export declare function hasPayload<T extends keyof CalendarEventPayloadMap>(eventType: T, payload: unknown): payload is CalendarEventPayloadMap[T];
diff --git a/wwwroot/js/types/EventPayloadMap.js b/wwwroot/js/types/EventPayloadMap.js
new file mode 100644
index 0000000..8738d5e
--- /dev/null
+++ b/wwwroot/js/types/EventPayloadMap.js
@@ -0,0 +1,6 @@
+import { CoreEvents } from '../constants/CoreEvents';
+// Type guard to check if an event has a payload
+export function hasPayload(eventType, payload) {
+    return payload !== undefined;
+}
+//# sourceMappingURL=EventPayloadMap.js.map
\ No newline at end of file
diff --git a/wwwroot/js/types/EventPayloadMap.js.map b/wwwroot/js/types/EventPayloadMap.js.map
new file mode 100644
index 0000000..89f465c
--- /dev/null
+++ b/wwwroot/js/types/EventPayloadMap.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventPayloadMap.js","sourceRoot":"","sources":["../../../src/types/EventPayloadMap.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAiKrD,gDAAgD;AAChD,MAAM,UAAU,UAAU,CACxB,SAAY,EACZ,OAAgB;IAEhB,OAAO,OAAO,KAAK,SAAS,CAAC;AAC/B,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/types/EventTypes.d.ts b/wwwroot/js/types/EventTypes.d.ts
new file mode 100644
index 0000000..c99f970
--- /dev/null
+++ b/wwwroot/js/types/EventTypes.d.ts
@@ -0,0 +1,81 @@
+/**
+ * Type definitions for calendar events and drag operations
+ */
+import { IColumnBounds } from "../utils/ColumnDetectionUtils";
+import { ICalendarEvent } from "./CalendarTypes";
+/**
+ * Drag Event Payload Interfaces
+ * Type-safe interfaces for drag and drop events
+ */
+export interface IMousePosition {
+    x: number;
+    y: number;
+}
+export interface IDragStartEventPayload {
+    originalElement: HTMLElement;
+    draggedClone: HTMLElement | null;
+    mousePosition: IMousePosition;
+    mouseOffset: IMousePosition;
+    columnBounds: IColumnBounds | null;
+}
+export interface IDragMoveEventPayload {
+    originalElement: HTMLElement;
+    draggedClone: HTMLElement;
+    mousePosition: IMousePosition;
+    mouseOffset: IMousePosition;
+    columnBounds: IColumnBounds | null;
+    snappedY: number;
+}
+export interface IDragEndEventPayload {
+    originalElement: HTMLElement;
+    draggedClone: HTMLElement | null;
+    mousePosition: IMousePosition;
+    originalSourceColumn: IColumnBounds;
+    finalPosition: {
+        column: IColumnBounds | null;
+        snappedY: number;
+    };
+    target: 'swp-day-column' | 'swp-day-header' | null;
+}
+export interface IDragMouseEnterHeaderEventPayload {
+    targetColumn: IColumnBounds;
+    mousePosition: IMousePosition;
+    originalElement: HTMLElement | null;
+    draggedClone: HTMLElement;
+    calendarEvent: ICalendarEvent;
+    replaceClone: (newClone: HTMLElement) => void;
+}
+export interface IDragMouseLeaveHeaderEventPayload {
+    targetDate: string | null;
+    mousePosition: IMousePosition;
+    originalElement: HTMLElement | null;
+    draggedClone: HTMLElement | null;
+}
+export interface IDragMouseEnterColumnEventPayload {
+    targetColumn: IColumnBounds;
+    mousePosition: IMousePosition;
+    snappedY: number;
+    originalElement: HTMLElement | null;
+    draggedClone: HTMLElement;
+    calendarEvent: ICalendarEvent;
+    replaceClone: (newClone: HTMLElement) => void;
+}
+export interface IDragColumnChangeEventPayload {
+    originalElement: HTMLElement;
+    draggedClone: HTMLElement;
+    previousColumn: IColumnBounds | null;
+    newColumn: IColumnBounds;
+    mousePosition: IMousePosition;
+}
+export interface IHeaderReadyEventPayload {
+    headerElements: IColumnBounds[];
+}
+export interface IResizeEndEventPayload {
+    eventId: string;
+    element: HTMLElement;
+    finalHeight: number;
+}
+export interface INavButtonClickedEventPayload {
+    direction: 'next' | 'previous' | 'today';
+    newDate: Date;
+}
diff --git a/wwwroot/js/types/EventTypes.js b/wwwroot/js/types/EventTypes.js
new file mode 100644
index 0000000..db1af83
--- /dev/null
+++ b/wwwroot/js/types/EventTypes.js
@@ -0,0 +1,5 @@
+/**
+ * Type definitions for calendar events and drag operations
+ */
+export {};
+//# sourceMappingURL=EventTypes.js.map
\ No newline at end of file
diff --git a/wwwroot/js/types/EventTypes.js.map b/wwwroot/js/types/EventTypes.js.map
new file mode 100644
index 0000000..30cdf68
--- /dev/null
+++ b/wwwroot/js/types/EventTypes.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"EventTypes.js","sourceRoot":"","sources":["../../../src/types/EventTypes.ts"],"names":[],"mappings":"AAAA;;GAEG"}
\ No newline at end of file
diff --git a/wwwroot/js/types/ManagerTypes.d.ts b/wwwroot/js/types/ManagerTypes.d.ts
new file mode 100644
index 0000000..9af0be9
--- /dev/null
+++ b/wwwroot/js/types/ManagerTypes.d.ts
@@ -0,0 +1,59 @@
+import { ICalendarEvent, CalendarView } from './CalendarTypes';
+/**
+ * Complete type definition for all managers returned by ManagerFactory
+ */
+export interface ICalendarManagers {
+    eventManager: IEventManager;
+    eventRenderer: IEventRenderingService;
+    gridManager: IGridManager;
+    scrollManager: IScrollManager;
+    navigationManager: unknown;
+    viewManager: IViewManager;
+    calendarManager: ICalendarManager;
+    dragDropManager: unknown;
+    allDayManager: unknown;
+    resizeHandleManager: IResizeHandleManager;
+    edgeScrollManager: unknown;
+    dragHoverManager: unknown;
+    headerManager: unknown;
+}
+/**
+ * Base interface for managers with optional initialization and refresh
+ */
+interface IManager {
+    initialize?(): Promise<void> | void;
+    refresh?(): void;
+}
+export interface IEventManager extends IManager {
+    loadData(): Promise<void>;
+    getEvents(): ICalendarEvent[];
+    getEventsForPeriod(startDate: Date, endDate: Date): ICalendarEvent[];
+    navigateToEvent(eventId: string): boolean;
+}
+export interface IEventRenderingService extends IManager {
+}
+export interface IGridManager extends IManager {
+    render(): Promise<void>;
+}
+export interface IScrollManager extends IManager {
+    scrollTo(scrollTop: number): void;
+    scrollToHour(hour: number): void;
+}
+export interface INavigationManager extends IManager {
+    [key: string]: unknown;
+}
+export interface IViewManager extends IManager {
+    getCurrentView?(): CalendarView;
+}
+export interface ICalendarManager extends IManager {
+    setView(view: CalendarView): void;
+    setCurrentDate(date: Date): void;
+}
+export interface IDragDropManager extends IManager {
+}
+export interface IAllDayManager extends IManager {
+    [key: string]: unknown;
+}
+export interface IResizeHandleManager extends IManager {
+}
+export {};
diff --git a/wwwroot/js/types/ManagerTypes.js b/wwwroot/js/types/ManagerTypes.js
new file mode 100644
index 0000000..8e31fa0
--- /dev/null
+++ b/wwwroot/js/types/ManagerTypes.js
@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ManagerTypes.js.map
\ No newline at end of file
diff --git a/wwwroot/js/types/ManagerTypes.js.map b/wwwroot/js/types/ManagerTypes.js.map
new file mode 100644
index 0000000..a63646f
--- /dev/null
+++ b/wwwroot/js/types/ManagerTypes.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ManagerTypes.js","sourceRoot":"","sources":["../../../src/types/ManagerTypes.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/wwwroot/js/utils/AllDayLayoutEngine.d.ts b/wwwroot/js/utils/AllDayLayoutEngine.d.ts
new file mode 100644
index 0000000..caff572
--- /dev/null
+++ b/wwwroot/js/utils/AllDayLayoutEngine.d.ts
@@ -0,0 +1,42 @@
+import { ICalendarEvent } from '../types/CalendarTypes';
+export interface IEventLayout {
+    calenderEvent: ICalendarEvent;
+    gridArea: string;
+    startColumn: number;
+    endColumn: number;
+    row: number;
+    columnSpan: number;
+}
+export declare class AllDayLayoutEngine {
+    private weekDates;
+    private tracks;
+    constructor(weekDates: string[]);
+    /**
+     * Calculate layout for all events using clean day-based logic
+     */
+    calculateLayout(events: ICalendarEvent[]): IEventLayout[];
+    /**
+     * Find available track for event spanning from startDay to endDay (0-based indices)
+     */
+    private findAvailableTrack;
+    /**
+     * Check if track is available for the given day range (0-based indices)
+     */
+    private isTrackAvailable;
+    /**
+     * Get start day index for event (1-based, 0 if not visible)
+     */
+    private getEventStartDay;
+    /**
+     * Get end day index for event (1-based, 0 if not visible)
+     */
+    private getEventEndDay;
+    /**
+     * Check if event is visible in the current date range
+     */
+    private isEventVisible;
+    /**
+     * Format date to YYYY-MM-DD string using local date
+     */
+    private formatDate;
+}
diff --git a/wwwroot/js/utils/AllDayLayoutEngine.js b/wwwroot/js/utils/AllDayLayoutEngine.js
new file mode 100644
index 0000000..c939563
--- /dev/null
+++ b/wwwroot/js/utils/AllDayLayoutEngine.js
@@ -0,0 +1,108 @@
+export class AllDayLayoutEngine {
+    constructor(weekDates) {
+        this.weekDates = weekDates;
+        this.tracks = [];
+    }
+    /**
+     * Calculate layout for all events using clean day-based logic
+     */
+    calculateLayout(events) {
+        let layouts = [];
+        // Reset tracks for new calculation
+        this.tracks = [new Array(this.weekDates.length).fill(false)];
+        // Filter to only visible events
+        const visibleEvents = events.filter(event => this.isEventVisible(event));
+        // Process events in input order (no sorting)
+        for (const event of visibleEvents) {
+            const startDay = this.getEventStartDay(event);
+            const endDay = this.getEventEndDay(event);
+            if (startDay > 0 && endDay > 0) {
+                const track = this.findAvailableTrack(startDay - 1, endDay - 1); // Convert to 0-based for tracks
+                // Mark days as occupied
+                for (let day = startDay - 1; day <= endDay - 1; day++) {
+                    this.tracks[track][day] = true;
+                }
+                const layout = {
+                    calenderEvent: event,
+                    gridArea: `${track + 1} / ${startDay} / ${track + 2} / ${endDay + 1}`,
+                    startColumn: startDay,
+                    endColumn: endDay,
+                    row: track + 1,
+                    columnSpan: endDay - startDay + 1
+                };
+                layouts.push(layout);
+            }
+        }
+        return layouts;
+    }
+    /**
+     * Find available track for event spanning from startDay to endDay (0-based indices)
+     */
+    findAvailableTrack(startDay, endDay) {
+        for (let trackIndex = 0; trackIndex < this.tracks.length; trackIndex++) {
+            if (this.isTrackAvailable(trackIndex, startDay, endDay)) {
+                return trackIndex;
+            }
+        }
+        // Create new track if none available
+        this.tracks.push(new Array(this.weekDates.length).fill(false));
+        return this.tracks.length - 1;
+    }
+    /**
+     * Check if track is available for the given day range (0-based indices)
+     */
+    isTrackAvailable(trackIndex, startDay, endDay) {
+        for (let day = startDay; day <= endDay; day++) {
+            if (this.tracks[trackIndex][day]) {
+                return false;
+            }
+        }
+        return true;
+    }
+    /**
+     * Get start day index for event (1-based, 0 if not visible)
+     */
+    getEventStartDay(event) {
+        const eventStartDate = this.formatDate(event.start);
+        const firstVisibleDate = this.weekDates[0];
+        // If event starts before visible range, clip to first visible day
+        const clippedStartDate = eventStartDate < firstVisibleDate ? firstVisibleDate : eventStartDate;
+        const dayIndex = this.weekDates.indexOf(clippedStartDate);
+        return dayIndex >= 0 ? dayIndex + 1 : 0;
+    }
+    /**
+     * Get end day index for event (1-based, 0 if not visible)
+     */
+    getEventEndDay(event) {
+        const eventEndDate = this.formatDate(event.end);
+        const lastVisibleDate = this.weekDates[this.weekDates.length - 1];
+        // If event ends after visible range, clip to last visible day
+        const clippedEndDate = eventEndDate > lastVisibleDate ? lastVisibleDate : eventEndDate;
+        const dayIndex = this.weekDates.indexOf(clippedEndDate);
+        return dayIndex >= 0 ? dayIndex + 1 : 0;
+    }
+    /**
+     * Check if event is visible in the current date range
+     */
+    isEventVisible(event) {
+        if (this.weekDates.length === 0)
+            return false;
+        const eventStartDate = this.formatDate(event.start);
+        const eventEndDate = this.formatDate(event.end);
+        const firstVisibleDate = this.weekDates[0];
+        const lastVisibleDate = this.weekDates[this.weekDates.length - 1];
+        // Event overlaps if it doesn't end before visible range starts
+        // AND doesn't start after visible range ends
+        return !(eventEndDate < firstVisibleDate || eventStartDate > lastVisibleDate);
+    }
+    /**
+     * Format date to YYYY-MM-DD string using local date
+     */
+    formatDate(date) {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const day = String(date.getDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+}
+//# sourceMappingURL=AllDayLayoutEngine.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/AllDayLayoutEngine.js.map b/wwwroot/js/utils/AllDayLayoutEngine.js.map
new file mode 100644
index 0000000..a6d6e7b
--- /dev/null
+++ b/wwwroot/js/utils/AllDayLayoutEngine.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AllDayLayoutEngine.js","sourceRoot":"","sources":["../../../src/utils/AllDayLayoutEngine.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/ColumnDetectionUtils.d.ts b/wwwroot/js/utils/ColumnDetectionUtils.d.ts
new file mode 100644
index 0000000..04e1552
--- /dev/null
+++ b/wwwroot/js/utils/ColumnDetectionUtils.d.ts
@@ -0,0 +1,30 @@
+/**
+ * ColumnDetectionUtils - Shared utility for column detection and caching
+ * Used by both DragDropManager and AllDayManager for consistent column detection
+ */
+import { IMousePosition } from "../types/DragDropTypes";
+export interface IColumnBounds {
+    date: string;
+    left: number;
+    right: number;
+    boundingClientRect: DOMRect;
+    element: HTMLElement;
+    index: number;
+}
+export declare class ColumnDetectionUtils {
+    private static columnBoundsCache;
+    /**
+     * Update column bounds cache for coordinate-based column detection
+     */
+    static updateColumnBoundsCache(): void;
+    /**
+     * Get column date from X coordinate using cached bounds
+     */
+    static getColumnBounds(position: IMousePosition): IColumnBounds | null;
+    /**
+     * Get column bounds by Date
+     */
+    static getColumnBoundsByDate(date: Date): IColumnBounds | null;
+    static getColumns(): IColumnBounds[];
+    static getHeaderColumns(): IColumnBounds[];
+}
diff --git a/src/utils/ColumnDetectionUtils.ts b/wwwroot/js/utils/ColumnDetectionUtils.js
similarity index 58%
rename from src/utils/ColumnDetectionUtils.ts
rename to wwwroot/js/utils/ColumnDetectionUtils.js
index d650477..552638b 100644
--- a/src/utils/ColumnDetectionUtils.ts
+++ b/wwwroot/js/utils/ColumnDetectionUtils.js
@@ -2,114 +2,86 @@
  * ColumnDetectionUtils - Shared utility for column detection and caching
  * Used by both DragDropManager and AllDayManager for consistent column detection
  */
-
-import { IMousePosition } from "../types/DragDropTypes";
-
-
-export interface IColumnBounds {
-    identifier: string;
-    left: number;
-    right: number;
-    boundingClientRect: DOMRect,
-    element : HTMLElement,
-    index: number
-}
-
 export class ColumnDetectionUtils {
-    private static columnBoundsCache: IColumnBounds[] = [];
-
     /**
      * Update column bounds cache for coordinate-based column detection
      */
-    public static updateColumnBoundsCache(): void {
+    static updateColumnBoundsCache() {
         // Reset cache
         this.columnBoundsCache = [];
-
         // Find alle kolonner
         const columns = document.querySelectorAll('swp-day-column');
         let index = 1;
         // Cache hver kolonnes x-grænser
         columns.forEach(column => {
             const rect = column.getBoundingClientRect();
-            const identifier = (column as HTMLElement).dataset.columnId;
-
-            if (identifier) {
+            const date = column.dataset.date;
+            if (date) {
                 this.columnBoundsCache.push({
-                    boundingClientRect : rect,
-                    element: column as HTMLElement,
-                    identifier,
+                    boundingClientRect: rect,
+                    element: column,
+                    date,
                     left: rect.left,
                     right: rect.right,
                     index: index++
                 });
             }
         });
-
         // Sorter efter x-position (fra venstre til højre)
         this.columnBoundsCache.sort((a, b) => a.left - b.left);
     }
-
     /**
      * Get column date from X coordinate using cached bounds
      */
-    public static getColumnBounds(position: IMousePosition): IColumnBounds | null{
+    static getColumnBounds(position) {
         if (this.columnBoundsCache.length === 0) {
             this.updateColumnBoundsCache();
         }
-
         // Find den kolonne hvor x-koordinaten er indenfor grænserne
-        let column = this.columnBoundsCache.find(col =>
-            position.x >= col.left && position.x <= col.right
-        );
+        let column = this.columnBoundsCache.find(col => position.x >= col.left && position.x <= col.right);
         if (column)
             return column;
-
         return null;
     }
-
     /**
-     * Get column bounds by identifier
+     * Get column bounds by Date
      */
-    public static getColumnBoundsByIdentifier(identifier: string): IColumnBounds | null {
+    static getColumnBoundsByDate(date) {
         if (this.columnBoundsCache.length === 0) {
             this.updateColumnBoundsCache();
         }
-
-        // Find column that matches the identifier
-        let column = this.columnBoundsCache.find(col => col.identifier === identifier);
+        // Convert Date to YYYY-MM-DD format
+        let dateString = date.toISOString().split('T')[0];
+        // Find column that matches the date
+        let column = this.columnBoundsCache.find(col => col.date === dateString);
         return column || null;
     }
-
-
-    public static getColumns(): IColumnBounds[] {
+    static getColumns() {
         return [...this.columnBoundsCache];
     }
-    public static getHeaderColumns(): IColumnBounds[] {
-
-        let dayHeaders: IColumnBounds[] = [];
-
+    static getHeaderColumns() {
+        let dayHeaders = [];
         const dayColumns = document.querySelectorAll('swp-calendar-header swp-day-header');
         let index = 1;
         // Cache hver kolonnes x-grænser
         dayColumns.forEach(column => {
             const rect = column.getBoundingClientRect();
-            const identifier = (column as HTMLElement).dataset.columnId;
-
-            if (identifier) {
+            const date = column.dataset.date;
+            if (date) {
                 dayHeaders.push({
-                    boundingClientRect : rect,
-                    element: column as HTMLElement,
-                    identifier,
+                    boundingClientRect: rect,
+                    element: column,
+                    date,
                     left: rect.left,
                     right: rect.right,
                     index: index++
                 });
             }
         });
-
         // Sorter efter x-position (fra venstre til højre)
         dayHeaders.sort((a, b) => a.left - b.left);
         return dayHeaders;
-
     }
-}
\ No newline at end of file
+}
+ColumnDetectionUtils.columnBoundsCache = [];
+//# sourceMappingURL=ColumnDetectionUtils.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/ColumnDetectionUtils.js.map b/wwwroot/js/utils/ColumnDetectionUtils.js.map
new file mode 100644
index 0000000..21aeb66
--- /dev/null
+++ b/wwwroot/js/utils/ColumnDetectionUtils.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDetectionUtils.js","sourceRoot":"","sources":["../../../src/utils/ColumnDetectionUtils.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/DateCalculator.d.ts b/wwwroot/js/utils/DateCalculator.d.ts
new file mode 100644
index 0000000..74e3a54
--- /dev/null
+++ b/wwwroot/js/utils/DateCalculator.d.ts
@@ -0,0 +1,149 @@
+/**
+ * DateCalculator - Centralized date calculation logic for calendar
+ * Handles all date computations with proper week start handling
+ */
+import { CalendarConfig } from '../core/CalendarConfig';
+export declare class DateCalculator {
+    private static config;
+    /**
+     * Initialize DateCalculator with configuration
+     * @param config - Calendar configuration
+     */
+    static initialize(config: CalendarConfig): void;
+    /**
+     * Validate that a date is valid
+     * @param date - Date to validate
+     * @param methodName - Name of calling method for error messages
+     * @throws Error if date is invalid
+     */
+    private static validateDate;
+    /**
+     * Get dates for work week using ISO 8601 day numbering (Monday=1, Sunday=7)
+     * @param weekStart - Any date in the week
+     * @returns Array of dates for the configured work days
+     */
+    static getWorkWeekDates(weekStart: Date): Date[];
+    /**
+     * Get the start of the ISO week (Monday) for a given date
+     * @param date - Any date in the week
+     * @returns The Monday of the ISO week
+     */
+    static getISOWeekStart(date: Date): Date;
+    /**
+     * Get the end of the ISO week for a given date
+     * @param date - Any date in the week
+     * @returns The end date of the ISO week (Sunday)
+     */
+    static getWeekEnd(date: Date): Date;
+    /**
+     * Get week number for a date (ISO 8601)
+     * @param date - The date to get week number for
+     * @returns Week number (1-53)
+     */
+    static getWeekNumber(date: Date): number;
+    /**
+     * Format a date range with customizable options
+     * @param start - Start date
+     * @param end - End date
+     * @param options - Formatting options
+     * @returns Formatted date range string
+     */
+    static formatDateRange(start: Date, end: Date, options?: {
+        locale?: string;
+        month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
+        day?: 'numeric' | '2-digit';
+        year?: 'numeric' | '2-digit';
+    }): string;
+    /**
+     * Format a date to ISO date string (YYYY-MM-DD)
+     * @param date - Date to format
+     * @returns ISO date string
+     */
+    static formatISODate(date: Date): string;
+    /**
+     * Check if a date is today
+     * @param date - Date to check
+     * @returns True if the date is today
+     */
+    static isToday(date: Date): boolean;
+    /**
+     * Add days to a date
+     * @param date - Base date
+     * @param days - Number of days to add (can be negative)
+     * @returns New date
+     */
+    static addDays(date: Date, days: number): Date;
+    /**
+     * Add weeks to a date
+     * @param date - Base date
+     * @param weeks - Number of weeks to add (can be negative)
+     * @returns New date
+     */
+    static addWeeks(date: Date, weeks: number): Date;
+    /**
+     * Get all dates in a week
+     * @param weekStart - Start of the week
+     * @returns Array of 7 dates for the full week
+     */
+    static getFullWeekDates(weekStart: Date): Date[];
+    /**
+     * Get the day name for a date using Intl.DateTimeFormat
+     * @param date - Date to get day name for
+     * @param format - 'short' or 'long'
+     * @returns Day name
+     */
+    static getDayName(date: Date, format?: 'short' | 'long'): string;
+    /**
+     * Format time to HH:MM
+     * @param date - Date to format
+     * @returns Time string
+     */
+    static formatTime(date: Date): string;
+    /**
+     * Format time to 12-hour format
+     * @param date - Date to format
+     * @returns 12-hour time string
+     */
+    static formatTime12(date: Date): string;
+    /**
+     * Convert minutes since midnight to time string
+     * @param minutes - Minutes since midnight
+     * @returns Time string
+     */
+    static minutesToTime(minutes: number): string;
+    /**
+     * Convert time string to minutes since midnight
+     * @param timeStr - Time string
+     * @returns Minutes since midnight
+     */
+    static timeToMinutes(timeStr: string): number;
+    /**
+     * Get minutes since start of day
+     * @param date - Date or ISO string
+     * @returns Minutes since midnight
+     */
+    static getMinutesSinceMidnight(date: Date | string): number;
+    /**
+     * Calculate duration in minutes between two dates
+     * @param start - Start date or ISO string
+     * @param end - End date or ISO string
+     * @returns Duration in minutes
+     */
+    static getDurationMinutes(start: Date | string, end: Date | string): number;
+    /**
+     * Check if two dates are on the same day
+     * @param date1 - First date
+     * @param date2 - Second date
+     * @returns True if same day
+     */
+    static isSameDay(date1: Date, date2: Date): boolean;
+    /**
+     * Check if event spans multiple days
+     * @param start - Start date or ISO string
+     * @param end - End date or ISO string
+     * @returns True if spans multiple days
+     */
+    static isMultiDay(start: Date | string, end: Date | string): boolean;
+    constructor();
+}
+export declare function createDateCalculator(config: CalendarConfig): DateCalculator;
diff --git a/wwwroot/js/utils/DateCalculator.js b/wwwroot/js/utils/DateCalculator.js
new file mode 100644
index 0000000..4941202
--- /dev/null
+++ b/wwwroot/js/utils/DateCalculator.js
@@ -0,0 +1,260 @@
+/**
+ * DateCalculator - Centralized date calculation logic for calendar
+ * Handles all date computations with proper week start handling
+ */
+export class DateCalculator {
+    /**
+     * Initialize DateCalculator with configuration
+     * @param config - Calendar configuration
+     */
+    static initialize(config) {
+        DateCalculator.config = config;
+    }
+    /**
+     * Validate that a date is valid
+     * @param date - Date to validate
+     * @param methodName - Name of calling method for error messages
+     * @throws Error if date is invalid
+     */
+    static validateDate(date, methodName) {
+        if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
+            throw new Error(`${methodName}: Invalid date provided - ${date}`);
+        }
+    }
+    /**
+     * Get dates for work week using ISO 8601 day numbering (Monday=1, Sunday=7)
+     * @param weekStart - Any date in the week
+     * @returns Array of dates for the configured work days
+     */
+    static getWorkWeekDates(weekStart) {
+        DateCalculator.validateDate(weekStart, 'getWorkWeekDates');
+        const dates = [];
+        const workWeekSettings = DateCalculator.config.getWorkWeekSettings();
+        // Always use ISO week start (Monday)
+        const mondayOfWeek = DateCalculator.getISOWeekStart(weekStart);
+        // Calculate dates for each work day using ISO numbering
+        workWeekSettings.workDays.forEach(isoDay => {
+            const date = new Date(mondayOfWeek);
+            // ISO day 1=Monday is +0 days, ISO day 7=Sunday is +6 days
+            const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+            date.setDate(mondayOfWeek.getDate() + daysFromMonday);
+            dates.push(date);
+        });
+        return dates;
+    }
+    /**
+     * Get the start of the ISO week (Monday) for a given date
+     * @param date - Any date in the week
+     * @returns The Monday of the ISO week
+     */
+    static getISOWeekStart(date) {
+        DateCalculator.validateDate(date, 'getISOWeekStart');
+        const monday = new Date(date);
+        const currentDay = monday.getDay();
+        const daysToSubtract = currentDay === 0 ? 6 : currentDay - 1;
+        monday.setDate(monday.getDate() - daysToSubtract);
+        monday.setHours(0, 0, 0, 0);
+        return monday;
+    }
+    /**
+     * Get the end of the ISO week for a given date
+     * @param date - Any date in the week
+     * @returns The end date of the ISO week (Sunday)
+     */
+    static getWeekEnd(date) {
+        DateCalculator.validateDate(date, 'getWeekEnd');
+        const weekStart = DateCalculator.getISOWeekStart(date);
+        const weekEnd = new Date(weekStart);
+        weekEnd.setDate(weekStart.getDate() + 6);
+        weekEnd.setHours(23, 59, 59, 999);
+        return weekEnd;
+    }
+    /**
+     * Get week number for a date (ISO 8601)
+     * @param date - The date to get week number for
+     * @returns Week number (1-53)
+     */
+    static getWeekNumber(date) {
+        const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+        const dayNum = d.getUTCDay() || 7;
+        d.setUTCDate(d.getUTCDate() + 4 - dayNum);
+        const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+        return Math.ceil((((d.getTime() - yearStart.getTime()) / 86400000) + 1) / 7);
+    }
+    /**
+     * Format a date range with customizable options
+     * @param start - Start date
+     * @param end - End date
+     * @param options - Formatting options
+     * @returns Formatted date range string
+     */
+    static formatDateRange(start, end, options = {}) {
+        const { locale = 'en-US', month = 'short', day = 'numeric' } = options;
+        const startYear = start.getFullYear();
+        const endYear = end.getFullYear();
+        const formatter = new Intl.DateTimeFormat(locale, {
+            month,
+            day,
+            year: startYear !== endYear ? 'numeric' : undefined
+        });
+        // @ts-ignore
+        if (typeof formatter.formatRange === 'function') {
+            // @ts-ignore
+            return formatter.formatRange(start, end);
+        }
+        return `${formatter.format(start)} - ${formatter.format(end)}`;
+    }
+    /**
+     * Format a date to ISO date string (YYYY-MM-DD)
+     * @param date - Date to format
+     * @returns ISO date string
+     */
+    static formatISODate(date) {
+        return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
+    }
+    /**
+     * Check if a date is today
+     * @param date - Date to check
+     * @returns True if the date is today
+     */
+    static isToday(date) {
+        const today = new Date();
+        return date.toDateString() === today.toDateString();
+    }
+    /**
+     * Add days to a date
+     * @param date - Base date
+     * @param days - Number of days to add (can be negative)
+     * @returns New date
+     */
+    static addDays(date, days) {
+        const result = new Date(date);
+        result.setDate(result.getDate() + days);
+        return result;
+    }
+    /**
+     * Add weeks to a date
+     * @param date - Base date
+     * @param weeks - Number of weeks to add (can be negative)
+     * @returns New date
+     */
+    static addWeeks(date, weeks) {
+        return DateCalculator.addDays(date, weeks * 7);
+    }
+    /**
+     * Get all dates in a week
+     * @param weekStart - Start of the week
+     * @returns Array of 7 dates for the full week
+     */
+    static getFullWeekDates(weekStart) {
+        const dates = [];
+        for (let i = 0; i < 7; i++) {
+            dates.push(DateCalculator.addDays(weekStart, i));
+        }
+        return dates;
+    }
+    /**
+     * Get the day name for a date using Intl.DateTimeFormat
+     * @param date - Date to get day name for
+     * @param format - 'short' or 'long'
+     * @returns Day name
+     */
+    static getDayName(date, format = 'short') {
+        const formatter = new Intl.DateTimeFormat('en-US', {
+            weekday: format
+        });
+        return formatter.format(date);
+    }
+    /**
+     * Format time to HH:MM
+     * @param date - Date to format
+     * @returns Time string
+     */
+    static formatTime(date) {
+        return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+    }
+    /**
+     * Format time to 12-hour format
+     * @param date - Date to format
+     * @returns 12-hour time string
+     */
+    static formatTime12(date) {
+        const hours = date.getHours();
+        const minutes = date.getMinutes();
+        const period = hours >= 12 ? 'PM' : 'AM';
+        const displayHours = hours % 12 || 12;
+        return `${displayHours}:${String(minutes).padStart(2, '0')} ${period}`;
+    }
+    /**
+     * Convert minutes since midnight to time string
+     * @param minutes - Minutes since midnight
+     * @returns Time string
+     */
+    static minutesToTime(minutes) {
+        const hours = Math.floor(minutes / 60);
+        const mins = minutes % 60;
+        const period = hours >= 12 ? 'PM' : 'AM';
+        const displayHours = hours % 12 || 12;
+        return `${displayHours}:${String(mins).padStart(2, '0')} ${period}`;
+    }
+    /**
+     * Convert time string to minutes since midnight
+     * @param timeStr - Time string
+     * @returns Minutes since midnight
+     */
+    static timeToMinutes(timeStr) {
+        const [time] = timeStr.split('T').pop().split('.');
+        const [hours, minutes] = time.split(':').map(Number);
+        return hours * 60 + minutes;
+    }
+    /**
+     * Get minutes since start of day
+     * @param date - Date or ISO string
+     * @returns Minutes since midnight
+     */
+    static getMinutesSinceMidnight(date) {
+        const d = typeof date === 'string' ? new Date(date) : date;
+        return d.getHours() * 60 + d.getMinutes();
+    }
+    /**
+     * Calculate duration in minutes between two dates
+     * @param start - Start date or ISO string
+     * @param end - End date or ISO string
+     * @returns Duration in minutes
+     */
+    static getDurationMinutes(start, end) {
+        const startDate = typeof start === 'string' ? new Date(start) : start;
+        const endDate = typeof end === 'string' ? new Date(end) : end;
+        return Math.floor((endDate.getTime() - startDate.getTime()) / 60000);
+    }
+    /**
+     * Check if two dates are on the same day
+     * @param date1 - First date
+     * @param date2 - Second date
+     * @returns True if same day
+     */
+    static isSameDay(date1, date2) {
+        return date1.toDateString() === date2.toDateString();
+    }
+    /**
+     * Check if event spans multiple days
+     * @param start - Start date or ISO string
+     * @param end - End date or ISO string
+     * @returns True if spans multiple days
+     */
+    static isMultiDay(start, end) {
+        const startDate = typeof start === 'string' ? new Date(start) : start;
+        const endDate = typeof end === 'string' ? new Date(end) : end;
+        return !DateCalculator.isSameDay(startDate, endDate);
+    }
+    // Legacy constructor for backward compatibility
+    constructor() {
+        // Empty constructor - all methods are now static
+    }
+}
+// Legacy factory function - deprecated, use static methods instead
+export function createDateCalculator(config) {
+    DateCalculator.initialize(config);
+    return new DateCalculator();
+}
+//# sourceMappingURL=DateCalculator.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/DateCalculator.js.map b/wwwroot/js/utils/DateCalculator.js.map
new file mode 100644
index 0000000..b21a322
--- /dev/null
+++ b/wwwroot/js/utils/DateCalculator.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DateCalculator.js","sourceRoot":"","sources":["../../../src/utils/DateCalculator.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/DateService.d.ts b/wwwroot/js/utils/DateService.d.ts
new file mode 100644
index 0000000..3d26c55
--- /dev/null
+++ b/wwwroot/js/utils/DateService.d.ts
@@ -0,0 +1,254 @@
+/**
+ * DateService - Unified date/time service using day.js
+ * Handles all date operations, timezone conversions, and formatting
+ */
+import { Configuration } from '../configurations/CalendarConfig';
+export declare class DateService {
+    private timezone;
+    constructor(config: Configuration);
+    /**
+     * Convert local date to UTC ISO string
+     * @param localDate - Date in local timezone
+     * @returns ISO string in UTC (with 'Z' suffix)
+     */
+    toUTC(localDate: Date): string;
+    /**
+     * Convert UTC ISO string to local date
+     * @param utcString - ISO string in UTC
+     * @returns Date in local timezone
+     */
+    fromUTC(utcString: string): Date;
+    /**
+     * Format time as HH:mm or HH:mm:ss
+     * @param date - Date to format
+     * @param showSeconds - Include seconds in output
+     * @returns Formatted time string
+     */
+    formatTime(date: Date, showSeconds?: boolean): string;
+    /**
+     * Format time range as "HH:mm - HH:mm"
+     * @param start - Start date
+     * @param end - End date
+     * @returns Formatted time range
+     */
+    formatTimeRange(start: Date, end: Date): string;
+    /**
+     * Format date and time in technical format: yyyy-MM-dd HH:mm:ss
+     * @param date - Date to format
+     * @returns Technical datetime string
+     */
+    formatTechnicalDateTime(date: Date): string;
+    /**
+     * Format date as yyyy-MM-dd
+     * @param date - Date to format
+     * @returns ISO date string
+     */
+    formatDate(date: Date): string;
+    /**
+     * Format date as "Month Year" (e.g., "January 2025")
+     * @param date - Date to format
+     * @param locale - Locale for month name (default: 'en-US')
+     * @returns Formatted month and year
+     */
+    formatMonthYear(date: Date, locale?: string): string;
+    /**
+     * Format date as ISO string (same as formatDate for compatibility)
+     * @param date - Date to format
+     * @returns ISO date string
+     */
+    formatISODate(date: Date): string;
+    /**
+     * Format time in 12-hour format with AM/PM
+     * @param date - Date to format
+     * @returns Time string in 12-hour format (e.g., "2:30 PM")
+     */
+    formatTime12(date: Date): string;
+    /**
+     * Get day name for a date
+     * @param date - Date to get day name for
+     * @param format - 'short' (e.g., 'Mon') or 'long' (e.g., 'Monday')
+     * @param locale - Locale for day name (default: 'da-DK')
+     * @returns Day name
+     */
+    getDayName(date: Date, format?: 'short' | 'long', locale?: string): string;
+    /**
+     * Format a date range with customizable options
+     * @param start - Start date
+     * @param end - End date
+     * @param options - Formatting options
+     * @returns Formatted date range string
+     */
+    formatDateRange(start: Date, end: Date, options?: {
+        locale?: string;
+        month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
+        day?: 'numeric' | '2-digit';
+        year?: 'numeric' | '2-digit';
+    }): string;
+    /**
+     * Convert time string (HH:mm or HH:mm:ss) to total minutes since midnight
+     * @param timeString - Time in format HH:mm or HH:mm:ss
+     * @returns Total minutes since midnight
+     */
+    timeToMinutes(timeString: string): number;
+    /**
+     * Convert total minutes since midnight to time string HH:mm
+     * @param totalMinutes - Minutes since midnight
+     * @returns Time string in format HH:mm
+     */
+    minutesToTime(totalMinutes: number): string;
+    /**
+     * Format time from total minutes (alias for minutesToTime)
+     * @param totalMinutes - Minutes since midnight
+     * @returns Time string in format HH:mm
+     */
+    formatTimeFromMinutes(totalMinutes: number): string;
+    /**
+     * Get minutes since midnight for a given date
+     * @param date - Date to calculate from
+     * @returns Minutes since midnight
+     */
+    getMinutesSinceMidnight(date: Date): number;
+    /**
+     * Calculate duration in minutes between two dates
+     * @param start - Start date or ISO string
+     * @param end - End date or ISO string
+     * @returns Duration in minutes
+     */
+    getDurationMinutes(start: Date | string, end: Date | string): number;
+    /**
+     * Get start and end of week (Monday to Sunday)
+     * @param date - Reference date
+     * @returns Object with start and end dates
+     */
+    getWeekBounds(date: Date): {
+        start: Date;
+        end: Date;
+    };
+    /**
+     * Add weeks to a date
+     * @param date - Base date
+     * @param weeks - Number of weeks to add (can be negative)
+     * @returns New date
+     */
+    addWeeks(date: Date, weeks: number): Date;
+    /**
+     * Add months to a date
+     * @param date - Base date
+     * @param months - Number of months to add (can be negative)
+     * @returns New date
+     */
+    addMonths(date: Date, months: number): Date;
+    /**
+     * Get ISO week number (1-53)
+     * @param date - Date to get week number for
+     * @returns ISO week number
+     */
+    getWeekNumber(date: Date): number;
+    /**
+     * Get all dates in a full week (7 days starting from given date)
+     * @param weekStart - Start date of the week
+     * @returns Array of 7 dates
+     */
+    getFullWeekDates(weekStart: Date): Date[];
+    /**
+     * Get dates for work week using ISO 8601 day numbering (Monday=1, Sunday=7)
+     * @param weekStart - Any date in the week
+     * @param workDays - Array of ISO day numbers (1=Monday, 7=Sunday)
+     * @returns Array of dates for the specified work days
+     */
+    getWorkWeekDates(weekStart: Date, workDays: number[]): Date[];
+    /**
+     * Create a date at a specific time (minutes since midnight)
+     * @param baseDate - Base date (date component)
+     * @param totalMinutes - Minutes since midnight
+     * @returns New date with specified time
+     */
+    createDateAtTime(baseDate: Date, totalMinutes: number): Date;
+    /**
+     * Snap date to nearest interval
+     * @param date - Date to snap
+     * @param intervalMinutes - Snap interval in minutes
+     * @returns Snapped date
+     */
+    snapToInterval(date: Date, intervalMinutes: number): Date;
+    /**
+     * Check if two dates are the same day
+     * @param date1 - First date
+     * @param date2 - Second date
+     * @returns True if same day
+     */
+    isSameDay(date1: Date, date2: Date): boolean;
+    /**
+     * Get start of day
+     * @param date - Date
+     * @returns Start of day (00:00:00)
+     */
+    startOfDay(date: Date): Date;
+    /**
+     * Get end of day
+     * @param date - Date
+     * @returns End of day (23:59:59.999)
+     */
+    endOfDay(date: Date): Date;
+    /**
+     * Add days to a date
+     * @param date - Base date
+     * @param days - Number of days to add (can be negative)
+     * @returns New date
+     */
+    addDays(date: Date, days: number): Date;
+    /**
+     * Add minutes to a date
+     * @param date - Base date
+     * @param minutes - Number of minutes to add (can be negative)
+     * @returns New date
+     */
+    addMinutes(date: Date, minutes: number): Date;
+    /**
+     * Parse ISO string to date
+     * @param isoString - ISO date string
+     * @returns Parsed date
+     */
+    parseISO(isoString: string): Date;
+    /**
+     * Check if date is valid
+     * @param date - Date to check
+     * @returns True if valid
+     */
+    isValid(date: Date): boolean;
+    /**
+     * Calculate difference in calendar days between two dates
+     * @param date1 - First date
+     * @param date2 - Second date
+     * @returns Number of calendar days between dates (can be negative)
+     */
+    differenceInCalendarDays(date1: Date, date2: Date): number;
+    /**
+     * Validate date range (start must be before or equal to end)
+     * @param start - Start date
+     * @param end - End date
+     * @returns True if valid range
+     */
+    isValidRange(start: Date, end: Date): boolean;
+    /**
+     * Check if date is within reasonable bounds (1900-2100)
+     * @param date - Date to check
+     * @returns True if within bounds
+     */
+    isWithinBounds(date: Date): boolean;
+    /**
+     * Validate date with comprehensive checks
+     * @param date - Date to validate
+     * @param options - Validation options
+     * @returns Validation result with error message
+     */
+    validateDate(date: Date, options?: {
+        requireFuture?: boolean;
+        requirePast?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+    }): {
+        valid: boolean;
+        error?: string;
+    };
+}
diff --git a/wwwroot/js/utils/DateService.js b/wwwroot/js/utils/DateService.js
new file mode 100644
index 0000000..a3eb134
--- /dev/null
+++ b/wwwroot/js/utils/DateService.js
@@ -0,0 +1,418 @@
+/**
+ * DateService - Unified date/time service using day.js
+ * Handles all date operations, timezone conversions, and formatting
+ */
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
+// Enable day.js plugins
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(isoWeek);
+dayjs.extend(customParseFormat);
+dayjs.extend(isSameOrAfter);
+dayjs.extend(isSameOrBefore);
+export class DateService {
+    constructor(config) {
+        this.timezone = config.timeFormatConfig.timezone;
+    }
+    // ============================================
+    // CORE CONVERSIONS
+    // ============================================
+    /**
+     * Convert local date to UTC ISO string
+     * @param localDate - Date in local timezone
+     * @returns ISO string in UTC (with 'Z' suffix)
+     */
+    toUTC(localDate) {
+        return dayjs.tz(localDate, this.timezone).utc().toISOString();
+    }
+    /**
+     * Convert UTC ISO string to local date
+     * @param utcString - ISO string in UTC
+     * @returns Date in local timezone
+     */
+    fromUTC(utcString) {
+        return dayjs.utc(utcString).tz(this.timezone).toDate();
+    }
+    // ============================================
+    // FORMATTING
+    // ============================================
+    /**
+     * Format time as HH:mm or HH:mm:ss
+     * @param date - Date to format
+     * @param showSeconds - Include seconds in output
+     * @returns Formatted time string
+     */
+    formatTime(date, showSeconds = false) {
+        const pattern = showSeconds ? 'HH:mm:ss' : 'HH:mm';
+        return dayjs(date).format(pattern);
+    }
+    /**
+     * Format time range as "HH:mm - HH:mm"
+     * @param start - Start date
+     * @param end - End date
+     * @returns Formatted time range
+     */
+    formatTimeRange(start, end) {
+        return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+    }
+    /**
+     * Format date and time in technical format: yyyy-MM-dd HH:mm:ss
+     * @param date - Date to format
+     * @returns Technical datetime string
+     */
+    formatTechnicalDateTime(date) {
+        return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
+    }
+    /**
+     * Format date as yyyy-MM-dd
+     * @param date - Date to format
+     * @returns ISO date string
+     */
+    formatDate(date) {
+        return dayjs(date).format('YYYY-MM-DD');
+    }
+    /**
+     * Format date as "Month Year" (e.g., "January 2025")
+     * @param date - Date to format
+     * @param locale - Locale for month name (default: 'en-US')
+     * @returns Formatted month and year
+     */
+    formatMonthYear(date, locale = 'en-US') {
+        return date.toLocaleDateString(locale, { month: 'long', year: 'numeric' });
+    }
+    /**
+     * Format date as ISO string (same as formatDate for compatibility)
+     * @param date - Date to format
+     * @returns ISO date string
+     */
+    formatISODate(date) {
+        return this.formatDate(date);
+    }
+    /**
+     * Format time in 12-hour format with AM/PM
+     * @param date - Date to format
+     * @returns Time string in 12-hour format (e.g., "2:30 PM")
+     */
+    formatTime12(date) {
+        return dayjs(date).format('h:mm A');
+    }
+    /**
+     * Get day name for a date
+     * @param date - Date to get day name for
+     * @param format - 'short' (e.g., 'Mon') or 'long' (e.g., 'Monday')
+     * @param locale - Locale for day name (default: 'da-DK')
+     * @returns Day name
+     */
+    getDayName(date, format = 'short', locale = 'da-DK') {
+        const formatter = new Intl.DateTimeFormat(locale, {
+            weekday: format
+        });
+        return formatter.format(date);
+    }
+    /**
+     * Format a date range with customizable options
+     * @param start - Start date
+     * @param end - End date
+     * @param options - Formatting options
+     * @returns Formatted date range string
+     */
+    formatDateRange(start, end, options = {}) {
+        const { locale = 'en-US', month = 'short', day = 'numeric' } = options;
+        const startYear = start.getFullYear();
+        const endYear = end.getFullYear();
+        const formatter = new Intl.DateTimeFormat(locale, {
+            month,
+            day,
+            year: startYear !== endYear ? 'numeric' : undefined
+        });
+        // @ts-ignore - formatRange is available in modern browsers
+        if (typeof formatter.formatRange === 'function') {
+            // @ts-ignore
+            return formatter.formatRange(start, end);
+        }
+        return `${formatter.format(start)} - ${formatter.format(end)}`;
+    }
+    // ============================================
+    // TIME CALCULATIONS
+    // ============================================
+    /**
+     * Convert time string (HH:mm or HH:mm:ss) to total minutes since midnight
+     * @param timeString - Time in format HH:mm or HH:mm:ss
+     * @returns Total minutes since midnight
+     */
+    timeToMinutes(timeString) {
+        const parts = timeString.split(':').map(Number);
+        const hours = parts[0] || 0;
+        const minutes = parts[1] || 0;
+        return hours * 60 + minutes;
+    }
+    /**
+     * Convert total minutes since midnight to time string HH:mm
+     * @param totalMinutes - Minutes since midnight
+     * @returns Time string in format HH:mm
+     */
+    minutesToTime(totalMinutes) {
+        const hours = Math.floor(totalMinutes / 60);
+        const minutes = totalMinutes % 60;
+        return dayjs().hour(hours).minute(minutes).format('HH:mm');
+    }
+    /**
+     * Format time from total minutes (alias for minutesToTime)
+     * @param totalMinutes - Minutes since midnight
+     * @returns Time string in format HH:mm
+     */
+    formatTimeFromMinutes(totalMinutes) {
+        return this.minutesToTime(totalMinutes);
+    }
+    /**
+     * Get minutes since midnight for a given date
+     * @param date - Date to calculate from
+     * @returns Minutes since midnight
+     */
+    getMinutesSinceMidnight(date) {
+        const d = dayjs(date);
+        return d.hour() * 60 + d.minute();
+    }
+    /**
+     * Calculate duration in minutes between two dates
+     * @param start - Start date or ISO string
+     * @param end - End date or ISO string
+     * @returns Duration in minutes
+     */
+    getDurationMinutes(start, end) {
+        const startDate = dayjs(start);
+        const endDate = dayjs(end);
+        return endDate.diff(startDate, 'minute');
+    }
+    // ============================================
+    // WEEK OPERATIONS
+    // ============================================
+    /**
+     * Get start and end of week (Monday to Sunday)
+     * @param date - Reference date
+     * @returns Object with start and end dates
+     */
+    getWeekBounds(date) {
+        const d = dayjs(date);
+        return {
+            start: d.startOf('week').add(1, 'day').toDate(), // Monday (day.js week starts on Sunday)
+            end: d.endOf('week').add(1, 'day').toDate() // Sunday
+        };
+    }
+    /**
+     * Add weeks to a date
+     * @param date - Base date
+     * @param weeks - Number of weeks to add (can be negative)
+     * @returns New date
+     */
+    addWeeks(date, weeks) {
+        return dayjs(date).add(weeks, 'week').toDate();
+    }
+    /**
+     * Add months to a date
+     * @param date - Base date
+     * @param months - Number of months to add (can be negative)
+     * @returns New date
+     */
+    addMonths(date, months) {
+        return dayjs(date).add(months, 'month').toDate();
+    }
+    /**
+     * Get ISO week number (1-53)
+     * @param date - Date to get week number for
+     * @returns ISO week number
+     */
+    getWeekNumber(date) {
+        return dayjs(date).isoWeek();
+    }
+    /**
+     * Get all dates in a full week (7 days starting from given date)
+     * @param weekStart - Start date of the week
+     * @returns Array of 7 dates
+     */
+    getFullWeekDates(weekStart) {
+        const dates = [];
+        for (let i = 0; i < 7; i++) {
+            dates.push(this.addDays(weekStart, i));
+        }
+        return dates;
+    }
+    /**
+     * Get dates for work week using ISO 8601 day numbering (Monday=1, Sunday=7)
+     * @param weekStart - Any date in the week
+     * @param workDays - Array of ISO day numbers (1=Monday, 7=Sunday)
+     * @returns Array of dates for the specified work days
+     */
+    getWorkWeekDates(weekStart, workDays) {
+        const dates = [];
+        // Get Monday of the week
+        const weekBounds = this.getWeekBounds(weekStart);
+        const mondayOfWeek = this.startOfDay(weekBounds.start);
+        // Calculate dates for each work day using ISO numbering
+        workDays.forEach(isoDay => {
+            const date = new Date(mondayOfWeek);
+            // ISO day 1=Monday is +0 days, ISO day 7=Sunday is +6 days
+            const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+            date.setDate(mondayOfWeek.getDate() + daysFromMonday);
+            dates.push(date);
+        });
+        return dates;
+    }
+    // ============================================
+    // GRID HELPERS
+    // ============================================
+    /**
+     * Create a date at a specific time (minutes since midnight)
+     * @param baseDate - Base date (date component)
+     * @param totalMinutes - Minutes since midnight
+     * @returns New date with specified time
+     */
+    createDateAtTime(baseDate, totalMinutes) {
+        const hours = Math.floor(totalMinutes / 60);
+        const minutes = totalMinutes % 60;
+        return dayjs(baseDate).startOf('day').hour(hours).minute(minutes).toDate();
+    }
+    /**
+     * Snap date to nearest interval
+     * @param date - Date to snap
+     * @param intervalMinutes - Snap interval in minutes
+     * @returns Snapped date
+     */
+    snapToInterval(date, intervalMinutes) {
+        const minutes = this.getMinutesSinceMidnight(date);
+        const snappedMinutes = Math.round(minutes / intervalMinutes) * intervalMinutes;
+        return this.createDateAtTime(date, snappedMinutes);
+    }
+    // ============================================
+    // UTILITY METHODS
+    // ============================================
+    /**
+     * Check if two dates are the same day
+     * @param date1 - First date
+     * @param date2 - Second date
+     * @returns True if same day
+     */
+    isSameDay(date1, date2) {
+        return dayjs(date1).isSame(date2, 'day');
+    }
+    /**
+     * Get start of day
+     * @param date - Date
+     * @returns Start of day (00:00:00)
+     */
+    startOfDay(date) {
+        return dayjs(date).startOf('day').toDate();
+    }
+    /**
+     * Get end of day
+     * @param date - Date
+     * @returns End of day (23:59:59.999)
+     */
+    endOfDay(date) {
+        return dayjs(date).endOf('day').toDate();
+    }
+    /**
+     * Add days to a date
+     * @param date - Base date
+     * @param days - Number of days to add (can be negative)
+     * @returns New date
+     */
+    addDays(date, days) {
+        return dayjs(date).add(days, 'day').toDate();
+    }
+    /**
+     * Add minutes to a date
+     * @param date - Base date
+     * @param minutes - Number of minutes to add (can be negative)
+     * @returns New date
+     */
+    addMinutes(date, minutes) {
+        return dayjs(date).add(minutes, 'minute').toDate();
+    }
+    /**
+     * Parse ISO string to date
+     * @param isoString - ISO date string
+     * @returns Parsed date
+     */
+    parseISO(isoString) {
+        return dayjs(isoString).toDate();
+    }
+    /**
+     * Check if date is valid
+     * @param date - Date to check
+     * @returns True if valid
+     */
+    isValid(date) {
+        return dayjs(date).isValid();
+    }
+    /**
+     * Calculate difference in calendar days between two dates
+     * @param date1 - First date
+     * @param date2 - Second date
+     * @returns Number of calendar days between dates (can be negative)
+     */
+    differenceInCalendarDays(date1, date2) {
+        const d1 = dayjs(date1).startOf('day');
+        const d2 = dayjs(date2).startOf('day');
+        return d1.diff(d2, 'day');
+    }
+    /**
+     * Validate date range (start must be before or equal to end)
+     * @param start - Start date
+     * @param end - End date
+     * @returns True if valid range
+     */
+    isValidRange(start, end) {
+        if (!this.isValid(start) || !this.isValid(end)) {
+            return false;
+        }
+        return start.getTime() <= end.getTime();
+    }
+    /**
+     * Check if date is within reasonable bounds (1900-2100)
+     * @param date - Date to check
+     * @returns True if within bounds
+     */
+    isWithinBounds(date) {
+        if (!this.isValid(date)) {
+            return false;
+        }
+        const year = date.getFullYear();
+        return year >= 1900 && year <= 2100;
+    }
+    /**
+     * Validate date with comprehensive checks
+     * @param date - Date to validate
+     * @param options - Validation options
+     * @returns Validation result with error message
+     */
+    validateDate(date, options = {}) {
+        if (!this.isValid(date)) {
+            return { valid: false, error: 'Invalid date' };
+        }
+        if (!this.isWithinBounds(date)) {
+            return { valid: false, error: 'Date out of bounds (1900-2100)' };
+        }
+        const now = new Date();
+        if (options.requireFuture && date <= now) {
+            return { valid: false, error: 'Date must be in the future' };
+        }
+        if (options.requirePast && date >= now) {
+            return { valid: false, error: 'Date must be in the past' };
+        }
+        if (options.minDate && date < options.minDate) {
+            return { valid: false, error: `Date must be after ${this.formatDate(options.minDate)}` };
+        }
+        if (options.maxDate && date > options.maxDate) {
+            return { valid: false, error: `Date must be before ${this.formatDate(options.maxDate)}` };
+        }
+        return { valid: true };
+    }
+}
+//# sourceMappingURL=DateService.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/DateService.js.map b/wwwroot/js/utils/DateService.js.map
new file mode 100644
index 0000000..e976a16
--- /dev/null
+++ b/wwwroot/js/utils/DateService.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DateService.js","sourceRoot":"","sources":["../../../src/utils/DateService.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/OverlapDetector.d.ts b/wwwroot/js/utils/OverlapDetector.d.ts
new file mode 100644
index 0000000..b4a6994
--- /dev/null
+++ b/wwwroot/js/utils/OverlapDetector.d.ts
@@ -0,0 +1,33 @@
+/**
+ * OverlapDetector - Ren tidbaseret overlap detection
+ * Ingen DOM manipulation, kun tidsberegninger
+ */
+import { CalendarEvent } from '../types/CalendarTypes';
+export type EventId = string & {
+    readonly __brand: 'EventId';
+};
+export type OverlapResult = {
+    overlappingEvents: CalendarEvent[];
+    stackLinks: Map<EventId, StackLink>;
+};
+export interface StackLink {
+    prev?: EventId;
+    next?: EventId;
+    stackLevel: number;
+}
+export declare class OverlapDetector {
+    /**
+     * Resolver hvilke events et givent event overlapper med i en kolonne
+     * @param event - CalendarEvent der skal checkes for overlap
+     * @param columnEvents - Array af CalendarEvent objekter i kolonnen
+     * @returns Array af events som det givne event overlapper med
+     */
+    resolveOverlap(event: CalendarEvent, columnEvents: CalendarEvent[]): CalendarEvent[];
+    /**
+     * Dekorerer events med stack linking data
+     * @param newEvent - Det nye event der skal tilføjes
+     * @param overlappingEvents - Events som det nye event overlapper med
+     * @returns OverlapResult med overlappende events og stack links
+     */
+    decorateWithStackLinks(newEvent: CalendarEvent, overlappingEvents: CalendarEvent[]): OverlapResult;
+}
diff --git a/wwwroot/js/utils/OverlapDetector.js b/wwwroot/js/utils/OverlapDetector.js
new file mode 100644
index 0000000..09ddd6b
--- /dev/null
+++ b/wwwroot/js/utils/OverlapDetector.js
@@ -0,0 +1,52 @@
+/**
+ * OverlapDetector - Ren tidbaseret overlap detection
+ * Ingen DOM manipulation, kun tidsberegninger
+ */
+export class OverlapDetector {
+    /**
+     * Resolver hvilke events et givent event overlapper med i en kolonne
+     * @param event - CalendarEvent der skal checkes for overlap
+     * @param columnEvents - Array af CalendarEvent objekter i kolonnen
+     * @returns Array af events som det givne event overlapper med
+     */
+    resolveOverlap(event, columnEvents) {
+        return columnEvents.filter(existingEvent => {
+            // To events overlapper hvis:
+            // event starter før existing slutter OG
+            // event slutter efter existing starter
+            return event.start < existingEvent.end && event.end > existingEvent.start;
+        });
+    }
+    /**
+     * Dekorerer events med stack linking data
+     * @param newEvent - Det nye event der skal tilføjes
+     * @param overlappingEvents - Events som det nye event overlapper med
+     * @returns OverlapResult med overlappende events og stack links
+     */
+    decorateWithStackLinks(newEvent, overlappingEvents) {
+        const stackLinks = new Map();
+        if (overlappingEvents.length === 0) {
+            return {
+                overlappingEvents: [],
+                stackLinks
+            };
+        }
+        // Kombiner nyt event med eksisterende og sortér efter start tid (tidligste første)
+        const allEvents = [...overlappingEvents, newEvent].sort((a, b) => a.start.getTime() - b.start.getTime());
+        // Opret sammenhængende kæde - alle events bindes sammen
+        allEvents.forEach((event, index) => {
+            const stackLink = {
+                stackLevel: index,
+                prev: index > 0 ? allEvents[index - 1].id : undefined,
+                next: index < allEvents.length - 1 ? allEvents[index + 1].id : undefined
+            };
+            stackLinks.set(event.id, stackLink);
+        });
+        overlappingEvents.push(newEvent);
+        return {
+            overlappingEvents,
+            stackLinks
+        };
+    }
+}
+//# sourceMappingURL=OverlapDetector.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/OverlapDetector.js.map b/wwwroot/js/utils/OverlapDetector.js.map
new file mode 100644
index 0000000..941cbb5
--- /dev/null
+++ b/wwwroot/js/utils/OverlapDetector.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"OverlapDetector.js","sourceRoot":"","sources":["../../../src/utils/OverlapDetector.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAkBH,MAAM,OAAO,eAAe;IAE1B;;;;;OAKG;IACI,cAAc,CAAC,KAAoB,EAAE,YAA6B;QACvE,OAAO,YAAY,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;YACzC,6BAA6B;YAC7B,wCAAwC;YACxC,uCAAuC;YACvC,OAAO,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACI,sBAAsB,CAAC,QAAuB,EAAE,iBAAkC;QACvF,MAAM,UAAU,GAAG,IAAI,GAAG,EAAsB,CAAC;QAEjD,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACnC,OAAO;gBACL,iBAAiB,EAAE,EAAE;gBACrB,UAAU;aACX,CAAC;QACJ,CAAC;QAED,mFAAmF;QACnF,MAAM,SAAS,GAAG,CAAC,GAAG,iBAAiB,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC/D,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CACtC,CAAC;QAEF,wDAAwD;QACxD,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,SAAS,GAAc;gBAC3B,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAa,CAAC,CAAC,CAAC,SAAS;gBAChE,IAAI,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAa,CAAC,CAAC,CAAC,SAAS;aACpF,CAAC;YACF,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAa,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QACH,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjC,OAAO;YACL,iBAAiB;YACjB,UAAU;SACX,CAAC;IACJ,CAAC;CACF"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/PositionUtils.d.ts b/wwwroot/js/utils/PositionUtils.d.ts
new file mode 100644
index 0000000..8171427
--- /dev/null
+++ b/wwwroot/js/utils/PositionUtils.d.ts
@@ -0,0 +1,101 @@
+import { Configuration } from '../configurations/CalendarConfig';
+import { IColumnBounds } from './ColumnDetectionUtils';
+import { DateService } from './DateService';
+/**
+ * PositionUtils - Positioning utilities with dependency injection
+ * Focuses on pixel/position calculations while delegating date operations
+ *
+ * Note: Uses DateService with date-fns for all date/time operations
+ */
+export declare class PositionUtils {
+    private dateService;
+    private config;
+    constructor(dateService: DateService, config: Configuration);
+    /**
+     * Convert minutes to pixels
+     */
+    minutesToPixels(minutes: number): number;
+    /**
+     * Convert pixels to minutes
+     */
+    pixelsToMinutes(pixels: number): number;
+    /**
+     * Convert time (HH:MM) to pixels from day start using DateService
+     */
+    timeToPixels(timeString: string): number;
+    /**
+     * Convert Date object to pixels from day start using DateService
+     */
+    dateToPixels(date: Date): number;
+    /**
+     * Convert pixels to time using DateService
+     */
+    pixelsToTime(pixels: number): string;
+    /**
+     * Beregn event position og størrelse
+     */
+    calculateEventPosition(startTime: string | Date, endTime: string | Date): {
+        top: number;
+        height: number;
+        duration: number;
+    };
+    /**
+     * Snap position til grid interval
+     */
+    snapToGrid(pixels: number): number;
+    /**
+     * Snap time to interval using DateService
+     */
+    snapTimeToInterval(timeString: string): string;
+    /**
+     * Beregn kolonne position for overlappende events
+     */
+    calculateColumnPosition(eventIndex: number, totalColumns: number, containerWidth: number): {
+        left: number;
+        width: number;
+    };
+    /**
+     * Check om to events overlapper i tid
+     */
+    eventsOverlap(start1: string | Date, end1: string | Date, start2: string | Date, end2: string | Date): boolean;
+    /**
+     * Beregn Y position fra mouse/touch koordinat
+     */
+    getPositionFromCoordinate(clientY: number, column: IColumnBounds): number;
+    /**
+     * Valider at tid er inden for arbejdstimer
+     */
+    isWithinWorkHours(timeString: string): boolean;
+    /**
+     * Valider at tid er inden for dag grænser
+     */
+    isWithinDayBounds(timeString: string): boolean;
+    /**
+     * Hent minimum event højde i pixels
+     */
+    getMinimumEventHeight(): number;
+    /**
+     * Hent maksimum event højde i pixels (hele dagen)
+     */
+    getMaximumEventHeight(): number;
+    /**
+     * Beregn total kalender højde
+     */
+    getTotalCalendarHeight(): number;
+    /**
+     * Convert ISO datetime to time string with UTC-to-local conversion
+     */
+    isoToTimeString(isoString: string): string;
+    /**
+     * Convert time string to ISO datetime using DateService with timezone handling
+     */
+    timeStringToIso(timeString: string, date?: Date): string;
+    /**
+     * Calculate event duration using DateService
+     */
+    calculateDuration(startTime: string | Date, endTime: string | Date): number;
+    /**
+     * Format duration to readable text (Danish)
+     */
+    formatDuration(minutes: number): string;
+}
diff --git a/wwwroot/js/utils/PositionUtils.js b/wwwroot/js/utils/PositionUtils.js
new file mode 100644
index 0000000..9dd1956
--- /dev/null
+++ b/wwwroot/js/utils/PositionUtils.js
@@ -0,0 +1,209 @@
+import { TimeFormatter } from './TimeFormatter';
+/**
+ * PositionUtils - Positioning utilities with dependency injection
+ * Focuses on pixel/position calculations while delegating date operations
+ *
+ * Note: Uses DateService with date-fns for all date/time operations
+ */
+export class PositionUtils {
+    constructor(dateService, config) {
+        this.dateService = dateService;
+        this.config = config;
+    }
+    /**
+     * Convert minutes to pixels
+     */
+    minutesToPixels(minutes) {
+        const gridSettings = this.config.gridSettings;
+        const pixelsPerHour = gridSettings.hourHeight;
+        return (minutes / 60) * pixelsPerHour;
+    }
+    /**
+     * Convert pixels to minutes
+     */
+    pixelsToMinutes(pixels) {
+        const gridSettings = this.config.gridSettings;
+        const pixelsPerHour = gridSettings.hourHeight;
+        return (pixels / pixelsPerHour) * 60;
+    }
+    /**
+     * Convert time (HH:MM) to pixels from day start using DateService
+     */
+    timeToPixels(timeString) {
+        const totalMinutes = this.dateService.timeToMinutes(timeString);
+        const gridSettings = this.config.gridSettings;
+        const dayStartMinutes = gridSettings.dayStartHour * 60;
+        const minutesFromDayStart = totalMinutes - dayStartMinutes;
+        return this.minutesToPixels(minutesFromDayStart);
+    }
+    /**
+     * Convert Date object to pixels from day start using DateService
+     */
+    dateToPixels(date) {
+        const totalMinutes = this.dateService.getMinutesSinceMidnight(date);
+        const gridSettings = this.config.gridSettings;
+        const dayStartMinutes = gridSettings.dayStartHour * 60;
+        const minutesFromDayStart = totalMinutes - dayStartMinutes;
+        return this.minutesToPixels(minutesFromDayStart);
+    }
+    /**
+     * Convert pixels to time using DateService
+     */
+    pixelsToTime(pixels) {
+        const minutes = this.pixelsToMinutes(pixels);
+        const gridSettings = this.config.gridSettings;
+        const dayStartMinutes = gridSettings.dayStartHour * 60;
+        const totalMinutes = dayStartMinutes + minutes;
+        return this.dateService.minutesToTime(totalMinutes);
+    }
+    /**
+     * Beregn event position og størrelse
+     */
+    calculateEventPosition(startTime, endTime) {
+        let startPixels;
+        let endPixels;
+        if (typeof startTime === 'string') {
+            startPixels = this.timeToPixels(startTime);
+        }
+        else {
+            startPixels = this.dateToPixels(startTime);
+        }
+        if (typeof endTime === 'string') {
+            endPixels = this.timeToPixels(endTime);
+        }
+        else {
+            endPixels = this.dateToPixels(endTime);
+        }
+        const height = Math.max(endPixels - startPixels, this.getMinimumEventHeight());
+        const duration = this.pixelsToMinutes(height);
+        return {
+            top: startPixels,
+            height,
+            duration
+        };
+    }
+    /**
+     * Snap position til grid interval
+     */
+    snapToGrid(pixels) {
+        const gridSettings = this.config.gridSettings;
+        const snapInterval = gridSettings.snapInterval;
+        const snapPixels = this.minutesToPixels(snapInterval);
+        return Math.round(pixels / snapPixels) * snapPixels;
+    }
+    /**
+     * Snap time to interval using DateService
+     */
+    snapTimeToInterval(timeString) {
+        const totalMinutes = this.dateService.timeToMinutes(timeString);
+        const gridSettings = this.config.gridSettings;
+        const snapInterval = gridSettings.snapInterval;
+        const snappedMinutes = Math.round(totalMinutes / snapInterval) * snapInterval;
+        return this.dateService.minutesToTime(snappedMinutes);
+    }
+    /**
+     * Beregn kolonne position for overlappende events
+     */
+    calculateColumnPosition(eventIndex, totalColumns, containerWidth) {
+        const columnWidth = containerWidth / totalColumns;
+        const left = eventIndex * columnWidth;
+        // Lav lidt margin mellem kolonnerne
+        const margin = 2;
+        const adjustedWidth = columnWidth - margin;
+        return {
+            left: left + (margin / 2),
+            width: Math.max(adjustedWidth, 50) // Minimum width
+        };
+    }
+    /**
+     * Check om to events overlapper i tid
+     */
+    eventsOverlap(start1, end1, start2, end2) {
+        const pos1 = this.calculateEventPosition(start1, end1);
+        const pos2 = this.calculateEventPosition(start2, end2);
+        const event1End = pos1.top + pos1.height;
+        const event2End = pos2.top + pos2.height;
+        return !(event1End <= pos2.top || event2End <= pos1.top);
+    }
+    /**
+     * Beregn Y position fra mouse/touch koordinat
+     */
+    getPositionFromCoordinate(clientY, column) {
+        const relativeY = clientY - column.boundingClientRect.top;
+        // Snap til grid
+        return this.snapToGrid(relativeY);
+    }
+    /**
+     * Valider at tid er inden for arbejdstimer
+     */
+    isWithinWorkHours(timeString) {
+        const [hours] = timeString.split(':').map(Number);
+        const gridSettings = this.config.gridSettings;
+        return hours >= gridSettings.workStartHour && hours < gridSettings.workEndHour;
+    }
+    /**
+     * Valider at tid er inden for dag grænser
+     */
+    isWithinDayBounds(timeString) {
+        const [hours] = timeString.split(':').map(Number);
+        const gridSettings = this.config.gridSettings;
+        return hours >= gridSettings.dayStartHour && hours < gridSettings.dayEndHour;
+    }
+    /**
+     * Hent minimum event højde i pixels
+     */
+    getMinimumEventHeight() {
+        // Minimum 15 minutter
+        return this.minutesToPixels(15);
+    }
+    /**
+     * Hent maksimum event højde i pixels (hele dagen)
+     */
+    getMaximumEventHeight() {
+        const gridSettings = this.config.gridSettings;
+        const dayDurationHours = gridSettings.dayEndHour - gridSettings.dayStartHour;
+        return dayDurationHours * gridSettings.hourHeight;
+    }
+    /**
+     * Beregn total kalender højde
+     */
+    getTotalCalendarHeight() {
+        return this.getMaximumEventHeight();
+    }
+    /**
+     * Convert ISO datetime to time string with UTC-to-local conversion
+     */
+    isoToTimeString(isoString) {
+        const date = new Date(isoString);
+        return TimeFormatter.formatTime(date);
+    }
+    /**
+     * Convert time string to ISO datetime using DateService with timezone handling
+     */
+    timeStringToIso(timeString, date = new Date()) {
+        const totalMinutes = this.dateService.timeToMinutes(timeString);
+        const newDate = this.dateService.createDateAtTime(date, totalMinutes);
+        return this.dateService.toUTC(newDate);
+    }
+    /**
+     * Calculate event duration using DateService
+     */
+    calculateDuration(startTime, endTime) {
+        return this.dateService.getDurationMinutes(startTime, endTime);
+    }
+    /**
+     * Format duration to readable text (Danish)
+     */
+    formatDuration(minutes) {
+        if (minutes < 60) {
+            return `${minutes} min`;
+        }
+        const hours = Math.floor(minutes / 60);
+        const remainingMinutes = minutes % 60;
+        if (remainingMinutes === 0) {
+            return `${hours} time${hours !== 1 ? 'r' : ''}`;
+        }
+        return `${hours}t ${remainingMinutes}m`;
+    }
+}
+//# sourceMappingURL=PositionUtils.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/PositionUtils.js.map b/wwwroot/js/utils/PositionUtils.js.map
new file mode 100644
index 0000000..4d1125c
--- /dev/null
+++ b/wwwroot/js/utils/PositionUtils.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"PositionUtils.js","sourceRoot":"","sources":["../../../src/utils/PositionUtils.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/TimeFormatter.d.ts b/wwwroot/js/utils/TimeFormatter.d.ts
new file mode 100644
index 0000000..d52a9f2
--- /dev/null
+++ b/wwwroot/js/utils/TimeFormatter.d.ts
@@ -0,0 +1,45 @@
+/**
+ * TimeFormatter - Centralized time formatting with timezone support
+ * Now uses DateService internally for all date/time operations
+ *
+ * Handles conversion from UTC/Zulu time to configured timezone (default: Europe/Copenhagen)
+ * Supports both 12-hour and 24-hour format configuration
+ *
+ * All events in the system are stored in UTC and must be converted to local timezone
+ */
+import { ITimeFormatConfig } from '../configurations/TimeFormatConfig';
+export declare class TimeFormatter {
+    private static settings;
+    private static dateService;
+    private static getDateService;
+    /**
+     * Configure time formatting settings
+     * Must be called before using TimeFormatter
+     */
+    static configure(settings: ITimeFormatConfig): void;
+    /**
+     * Convert UTC date to configured timezone (internal helper)
+     * @param utcDate - Date in UTC (or ISO string)
+     * @returns Date object adjusted to configured timezone
+     */
+    private static convertToLocalTime;
+    /**
+     * Format time in 24-hour format using DateService (internal helper)
+     * @param date - Date to format
+     * @returns Formatted time string (e.g., "09:00")
+     */
+    private static format24Hour;
+    /**
+     * Format time according to current configuration
+     * @param date - Date to format
+     * @returns Formatted time string
+     */
+    static formatTime(date: Date): string;
+    /**
+     * Format time range (start - end) using DateService
+     * @param startDate - Start date
+     * @param endDate - End date
+     * @returns Formatted time range string (e.g., "09:00 - 10:30")
+     */
+    static formatTimeRange(startDate: Date, endDate: Date): string;
+}
diff --git a/wwwroot/js/utils/TimeFormatter.js b/wwwroot/js/utils/TimeFormatter.js
new file mode 100644
index 0000000..72ab72c
--- /dev/null
+++ b/wwwroot/js/utils/TimeFormatter.js
@@ -0,0 +1,92 @@
+/**
+ * TimeFormatter - Centralized time formatting with timezone support
+ * Now uses DateService internally for all date/time operations
+ *
+ * Handles conversion from UTC/Zulu time to configured timezone (default: Europe/Copenhagen)
+ * Supports both 12-hour and 24-hour format configuration
+ *
+ * All events in the system are stored in UTC and must be converted to local timezone
+ */
+import { DateService } from './DateService';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+// Enable day.js plugins for timezone formatting
+dayjs.extend(utc);
+dayjs.extend(timezone);
+export class TimeFormatter {
+    static getDateService() {
+        if (!TimeFormatter.dateService) {
+            if (!TimeFormatter.settings) {
+                throw new Error('TimeFormatter must be configured before use. Call TimeFormatter.configure() first.');
+            }
+            // Create a minimal config object for DateService
+            const config = {
+                timeFormatConfig: {
+                    timezone: TimeFormatter.settings.timezone
+                }
+            };
+            TimeFormatter.dateService = new DateService(config);
+        }
+        return TimeFormatter.dateService;
+    }
+    /**
+     * Configure time formatting settings
+     * Must be called before using TimeFormatter
+     */
+    static configure(settings) {
+        TimeFormatter.settings = settings;
+        // Reset DateService to pick up new timezone
+        TimeFormatter.dateService = null;
+    }
+    /**
+     * Convert UTC date to configured timezone (internal helper)
+     * @param utcDate - Date in UTC (or ISO string)
+     * @returns Date object adjusted to configured timezone
+     */
+    static convertToLocalTime(utcDate) {
+        if (typeof utcDate === 'string') {
+            return TimeFormatter.getDateService().fromUTC(utcDate);
+        }
+        // If it's already a Date object, convert to UTC string first, then back to local
+        const utcString = utcDate.toISOString();
+        return TimeFormatter.getDateService().fromUTC(utcString);
+    }
+    /**
+     * Format time in 24-hour format using DateService (internal helper)
+     * @param date - Date to format
+     * @returns Formatted time string (e.g., "09:00")
+     */
+    static format24Hour(date) {
+        if (!TimeFormatter.settings) {
+            throw new Error('TimeFormatter must be configured before use. Call TimeFormatter.configure() first.');
+        }
+        // Use day.js directly to format with timezone awareness
+        const pattern = TimeFormatter.settings.showSeconds ? 'HH:mm:ss' : 'HH:mm';
+        return dayjs.utc(date).tz(TimeFormatter.settings.timezone).format(pattern);
+    }
+    /**
+     * Format time according to current configuration
+     * @param date - Date to format
+     * @returns Formatted time string
+     */
+    static formatTime(date) {
+        // Always use 24-hour format (12-hour support removed as unused)
+        return TimeFormatter.format24Hour(date);
+    }
+    /**
+     * Format time range (start - end) using DateService
+     * @param startDate - Start date
+     * @param endDate - End date
+     * @returns Formatted time range string (e.g., "09:00 - 10:30")
+     */
+    static formatTimeRange(startDate, endDate) {
+        const localStart = TimeFormatter.convertToLocalTime(startDate);
+        const localEnd = TimeFormatter.convertToLocalTime(endDate);
+        return TimeFormatter.getDateService().formatTimeRange(localStart, localEnd);
+    }
+}
+TimeFormatter.settings = null;
+// DateService will be initialized lazily to avoid circular dependency with CalendarConfig
+TimeFormatter.dateService = null;
+//# sourceMappingURL=TimeFormatter.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/TimeFormatter.js.map b/wwwroot/js/utils/TimeFormatter.js.map
new file mode 100644
index 0000000..e5a05ec
--- /dev/null
+++ b/wwwroot/js/utils/TimeFormatter.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"TimeFormatter.js","sourceRoot":"","sources":["../../../src/utils/TimeFormatter.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,gDAAgD;AAChD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAClB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEvB,MAAM,OAAO,aAAa;IAMhB,MAAM,CAAC,cAAc;QAC3B,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;gBAC5B,MAAM,IAAI,KAAK,CAAC,oFAAoF,CAAC,CAAC;YACxG,CAAC;YACD,iDAAiD;YACjD,MAAM,MAAM,GAAG;gBACb,gBAAgB,EAAE;oBAChB,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ;iBAC1C;aACF,CAAC;YACF,aAAa,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,MAAa,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAa,CAAC,WAAW,CAAC;IACnC,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,SAAS,CAAC,QAA2B;QAC1C,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,4CAA4C;QAC5C,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACK,MAAM,CAAC,kBAAkB,CAAC,OAAsB;QACtD,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO,aAAa,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC;QAED,iFAAiF;QACjF,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;QACxC,OAAO,aAAa,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3D,CAAC;IAED;;;;OAIG;IACK,MAAM,CAAC,YAAY,CAAC,IAAU;QACpC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;YAC5B,MAAM,IAAI,KAAK,CAAC,oFAAoF,CAAC,CAAC;QACxG,CAAC;QAED,wDAAwD;QACxD,MAAM,OAAO,GAAG,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;QAC1E,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,UAAU,CAAC,IAAU;QAC1B,gEAAgE;QAChE,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,eAAe,CAAC,SAAe,EAAE,OAAa;QACnD,MAAM,UAAU,GAAG,aAAa,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAC/D,MAAM,QAAQ,GAAG,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC3D,OAAO,aAAa,CAAC,cAAc,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC9E,CAAC;;AAjFc,sBAAQ,GAA6B,IAAI,CAAC;AAEzD,0FAA0F;AAC3E,yBAAW,GAAuB,IAAI,CAAC"}
\ No newline at end of file
diff --git a/wwwroot/js/utils/URLManager.d.ts b/wwwroot/js/utils/URLManager.d.ts
new file mode 100644
index 0000000..1b4d811
--- /dev/null
+++ b/wwwroot/js/utils/URLManager.d.ts
@@ -0,0 +1,29 @@
+import { IEventBus } from '../types/CalendarTypes';
+/**
+ * URLManager handles URL query parameter parsing and deep linking functionality
+ * Follows event-driven architecture with no global state
+ */
+export declare class URLManager {
+    private eventBus;
+    constructor(eventBus: IEventBus);
+    /**
+     * Parse eventId from URL query parameters
+     * @returns eventId string or null if not found
+     */
+    parseEventIdFromURL(): string | null;
+    /**
+     * Get all query parameters as an object
+     * @returns object with all query parameters
+     */
+    getAllQueryParams(): Record<string, string>;
+    /**
+     * Update URL without page reload (for future use)
+     * @param params object with parameters to update
+     */
+    updateURL(params: Record<string, string | null>): void;
+    /**
+     * Check if current URL has any query parameters
+     * @returns true if URL has query parameters
+     */
+    hasQueryParams(): boolean;
+}
diff --git a/src/utils/URLManager.ts b/wwwroot/js/utils/URLManager.js
similarity index 76%
rename from src/utils/URLManager.ts
rename to wwwroot/js/utils/URLManager.js
index 26750de..472dce8 100644
--- a/src/utils/URLManager.ts
+++ b/wwwroot/js/utils/URLManager.js
@@ -1,86 +1,76 @@
-import { EventBus } from '../core/EventBus';
-import { IEventBus } from '../types/CalendarTypes';
-
 /**
  * URLManager handles URL query parameter parsing and deep linking functionality
  * Follows event-driven architecture with no global state
  */
 export class URLManager {
-    private eventBus: IEventBus;
-
-    constructor(eventBus: IEventBus) {
+    constructor(eventBus) {
         this.eventBus = eventBus;
     }
-
     /**
      * Parse eventId from URL query parameters
      * @returns eventId string or null if not found
      */
-    public parseEventIdFromURL(): string | null {
+    parseEventIdFromURL() {
         try {
             const urlParams = new URLSearchParams(window.location.search);
             const eventId = urlParams.get('eventId');
-            
             if (eventId && eventId.trim() !== '') {
                 return eventId.trim();
             }
-            
             return null;
-        } catch (error) {
+        }
+        catch (error) {
             console.warn('URLManager: Failed to parse URL parameters:', error);
             return null;
         }
     }
-
     /**
      * Get all query parameters as an object
      * @returns object with all query parameters
      */
-    public getAllQueryParams(): Record<string, string> {
+    getAllQueryParams() {
         try {
             const urlParams = new URLSearchParams(window.location.search);
-            const params: Record<string, string> = {};
-            
+            const params = {};
             for (const [key, value] of urlParams.entries()) {
                 params[key] = value;
             }
-            
             return params;
-        } catch (error) {
+        }
+        catch (error) {
             console.warn('URLManager: Failed to parse URL parameters:', error);
             return {};
         }
     }
-
     /**
      * Update URL without page reload (for future use)
      * @param params object with parameters to update
      */
-    public updateURL(params: Record<string, string | null>): void {
+    updateURL(params) {
         try {
             const url = new URL(window.location.href);
-            
             // Update or remove parameters
             Object.entries(params).forEach(([key, value]) => {
                 if (value === null) {
                     url.searchParams.delete(key);
-                } else {
+                }
+                else {
                     url.searchParams.set(key, value);
                 }
             });
-            
             // Update URL without page reload
             window.history.replaceState({}, '', url.toString());
-        } catch (error) {
+        }
+        catch (error) {
             console.warn('URLManager: Failed to update URL:', error);
         }
     }
-
     /**
      * Check if current URL has any query parameters
      * @returns true if URL has query parameters
      */
-    public hasQueryParams(): boolean {
+    hasQueryParams() {
         return window.location.search.length > 0;
     }
-}
\ No newline at end of file
+}
+//# sourceMappingURL=URLManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/utils/URLManager.js.map b/wwwroot/js/utils/URLManager.js.map
new file mode 100644
index 0000000..5cd8f88
--- /dev/null
+++ b/wwwroot/js/utils/URLManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"URLManager.js","sourceRoot":"","sources":["../../../src/utils/URLManager.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,UAAU;IAGnB,YAAY,QAAmB;QAC3B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACI,mBAAmB;QACtB,IAAI,CAAC;YACD,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9D,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAEzC,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBACnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;YAC1B,CAAC;YAED,OAAO,IAAI,CAAC;QAChB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,KAAK,CAAC,CAAC;YACnE,OAAO,IAAI,CAAC;QAChB,CAAC;IACL,CAAC;IAED;;;OAGG;IACI,iBAAiB;QACpB,IAAI,CAAC;YACD,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9D,MAAM,MAAM,GAA2B,EAAE,CAAC;YAE1C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC7C,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACxB,CAAC;YAED,OAAO,MAAM,CAAC;QAClB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,KAAK,CAAC,CAAC;YACnE,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;IAED;;;OAGG;IACI,SAAS,CAAC,MAAqC;QAClD,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAE1C,8BAA8B;YAC9B,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;gBAC5C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oBACjB,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACjC,CAAC;qBAAM,CAAC;oBACJ,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,iCAAiC;YACjC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;QAC7D,CAAC;IACL,CAAC;IAED;;;OAGG;IACI,cAAc;QACjB,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7C,CAAC;CACJ"}
\ No newline at end of file
diff --git a/wwwroot/js/v2-demo.js b/wwwroot/js/v2-demo.js
new file mode 100644
index 0000000..9fde2c8
--- /dev/null
+++ b/wwwroot/js/v2-demo.js
@@ -0,0 +1,6463 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/dayjs/dayjs.min.js
+var require_dayjs_min = __commonJS({
+  "node_modules/dayjs/dayjs.min.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
+    }(exports, function() {
+      "use strict";
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = /* @__PURE__ */ __name(function(t2, e2, n2) {
+        var r2 = String(t2);
+        return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+      }, "m"), v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: /* @__PURE__ */ __name(function t2(e2, n2) {
+        if (e2.date() < n2.date())
+          return -t2(n2, e2);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+        return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, "t"), a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n2, r2) {
+        var i2;
+        if (!e2)
+          return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1)
+            return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
+        }
+        return !r2 && i2 && (g = i2), i2 || !r2 && g;
+      }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
+        if (S(t2))
+          return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, "O"), b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        __name(M2, "M");
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2)
+              return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e2))
+              return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date)
+              return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r2 = e2.match($);
+              if (r2) {
+                var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+              }
+            }
+            return new Date(e2);
+          }(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = O(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return O(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < O(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = /* @__PURE__ */ __name(function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r2 ? i2 : i2.endOf(a);
+          }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, "$"), y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r2 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r2 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r2, f2) {
+          var d2, l2 = this;
+          r2 = Number(r2);
+          var $2 = b.p(f2), y2 = /* @__PURE__ */ __name(function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          }, "y");
+          if ($2 === c)
+            return this.set(c, this.$M + r2);
+          if ($2 === h)
+            return this.set(h, this.$y + r2);
+          if ($2 === a)
+            return y2(1);
+          if ($2 === o)
+            return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid())
+            return n2.invalidDate || l;
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+          }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, "d"), $2 = f2 || function(t3, e3, n3) {
+            var r3 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r3.toLowerCase() : r3;
+          };
+          return r2.replace(y, function(t3, r3) {
+            return r3 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r2, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = /* @__PURE__ */ __name(function() {
+            return b.m(y2, m3);
+          }, "D");
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2)
+            return this.$L;
+          var n2 = this.clone(), r2 = w(t2, e2, true);
+          return r2 && (n2.$L = r2), n2;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
+        };
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/utc.js
+var require_utc = __commonJS({
+  "node_modules/dayjs/plugin/utc.js"(exports, module) {
+    !function(t, i) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = i() : "function" == typeof define && define.amd ? define(i) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_utc = i();
+    }(exports, function() {
+      "use strict";
+      var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+      return function(s, f, n) {
+        var u = f.prototype;
+        n.utc = function(t2) {
+          var i2 = { date: t2, utc: true, args: arguments };
+          return new f(i2);
+        }, u.utc = function(i2) {
+          var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+          return i2 ? e2.add(this.utcOffset(), t) : e2;
+        }, u.local = function() {
+          return n(this.toDate(), { locale: this.$L, utc: false });
+        };
+        var r = u.parse;
+        u.parse = function(t2) {
+          t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), r.call(this, t2);
+        };
+        var o = u.init;
+        u.init = function() {
+          if (this.$u) {
+            var t2 = this.$d;
+            this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+          } else
+            o.call(this);
+        };
+        var a = u.utcOffset;
+        u.utcOffset = function(s2, f2) {
+          var n2 = this.$utils().u;
+          if (n2(s2))
+            return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+          if ("string" == typeof s2 && (s2 = function(t2) {
+            void 0 === t2 && (t2 = "");
+            var s3 = t2.match(i);
+            if (!s3)
+              return null;
+            var f3 = ("" + s3[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+            return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+          }(s2), null === s2))
+            return this;
+          var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2;
+          if (0 === u2)
+            return this.utc(f2);
+          var r2 = this.clone();
+          if (f2)
+            return r2.$offset = u2, r2.$u = false, r2;
+          var o2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (r2 = this.local().add(u2 + o2, t)).$offset = u2, r2.$x.$localOffset = o2, r2;
+        };
+        var h = u.format;
+        u.format = function(t2) {
+          var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, i2);
+        }, u.valueOf = function() {
+          var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * t2;
+        }, u.isUTC = function() {
+          return !!this.$u;
+        }, u.toISOString = function() {
+          return this.toDate().toISOString();
+        }, u.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var l = u.toDate;
+        u.toDate = function(t2) {
+          return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+        };
+        var c = u.diff;
+        u.diff = function(t2, i2, e2) {
+          if (t2 && this.$u === t2.$u)
+            return c.call(this, t2, i2, e2);
+          var s2 = this.local(), f2 = n(t2).local();
+          return c.call(s2, f2, i2, e2);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/timezone.js
+var require_timezone = __commonJS({
+  "node_modules/dayjs/plugin/timezone.js"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_timezone = e();
+    }(exports, function() {
+      "use strict";
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+      return function(n, i, o) {
+        var r, a = /* @__PURE__ */ __name(function(t2, n2, i2) {
+          void 0 === i2 && (i2 = {});
+          var o2 = new Date(t2), r2 = function(t3, n3) {
+            void 0 === n3 && (n3 = {});
+            var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+            return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+          }(n2, i2);
+          return r2.formatToParts(o2);
+        }, "a"), u = /* @__PURE__ */ __name(function(e2, n2) {
+          for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+            var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+            c >= 0 && (r2[c] = parseInt(m, 10));
+          }
+          var d = r2[3], l = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+          return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+        }, "u"), f = i.prototype;
+        f.tz = function(t2, e2) {
+          void 0 === t2 && (t2 = r);
+          var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s2 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+          if (!Number(s2))
+            n2 = this.utcOffset(0, e2);
+          else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s2, true), e2) {
+            var m = n2.utcOffset();
+            n2 = n2.add(i2 - m, "minute");
+          }
+          return n2.$x.$timezone = t2, n2;
+        }, f.offsetName = function(t2) {
+          var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find(function(t3) {
+            return "timezonename" === t3.type.toLowerCase();
+          });
+          return n2 && n2.value;
+        };
+        var s = f.startOf;
+        f.startOf = function(t2, e2) {
+          if (!this.$x || !this.$x.$timezone)
+            return s.call(this, t2, e2);
+          var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return s.call(n2, t2, e2).tz(this.$x.$timezone, true);
+        }, o.tz = function(t2, e2, n2) {
+          var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+          if ("string" != typeof t2)
+            return o(t2).tz(a2);
+          var s2 = function(t3, e3, n3) {
+            var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+            if (e3 === o2)
+              return [i3, e3];
+            var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+            return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+          }(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+          return d.$x.$timezone = a2, d;
+        }, o.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, o.tz.setDefault = function(t2) {
+          r = t2;
+        };
+      };
+    });
+  }
+});
+
+// node_modules/dayjs/plugin/isoWeek.js
+var require_isoWeek = __commonJS({
+  "node_modules/dayjs/plugin/isoWeek.js"(exports, module) {
+    !function(e, t) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_plugin_isoWeek = t();
+    }(exports, function() {
+      "use strict";
+      var e = "day";
+      return function(t, i, s) {
+        var a = /* @__PURE__ */ __name(function(t2) {
+          return t2.add(4 - t2.isoWeekday(), e);
+        }, "a"), d = i.prototype;
+        d.isoWeekYear = function() {
+          return a(this).year();
+        }, d.isoWeek = function(t2) {
+          if (!this.$utils().u(t2))
+            return this.add(7 * (t2 - this.isoWeek()), e);
+          var i2, d2, n2, o, r = a(this), u = (i2 = this.isoWeekYear(), d2 = this.$u, n2 = (d2 ? s.utc : s)().year(i2).startOf("year"), o = 4 - n2.isoWeekday(), n2.isoWeekday() > 4 && (o += 7), n2.add(o, e));
+          return r.diff(u, "week") + 1;
+        }, d.isoWeekday = function(e2) {
+          return this.$utils().u(e2) ? this.day() || 7 : this.day(this.day() % 7 ? e2 : e2 - 7);
+        };
+        var n = d.startOf;
+        d.startOf = function(e2, t2) {
+          var i2 = this.$utils(), s2 = !!i2.u(t2) || t2;
+          return "isoweek" === i2.p(e2) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n.bind(this)(e2, t2);
+        };
+      };
+    });
+  }
+});
+
+// node_modules/@novadi/core/dist/token.js
+var tokenCounter = 0;
+function Token(description) {
+  const id = ++tokenCounter;
+  const sym = Symbol(description ? `Token(${description})` : `Token#${id}`);
+  const token2 = {
+    symbol: sym,
+    description,
+    toString() {
+      return description ? `Token<${description}>` : `Token<#${id}>`;
+    }
+  };
+  return token2;
+}
+__name(Token, "Token");
+
+// node_modules/@novadi/core/dist/errors.js
+var _ContainerError = class _ContainerError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ContainerError";
+  }
+};
+__name(_ContainerError, "ContainerError");
+var ContainerError = _ContainerError;
+var _BindingNotFoundError = class _BindingNotFoundError extends ContainerError {
+  constructor(tokenDescription, path = []) {
+    const pathStr = path.length > 0 ? `
+  Dependency path: ${path.join(" -> ")}` : "";
+    super(`Token "${tokenDescription}" is not bound or registered in the container.${pathStr}`);
+    this.name = "BindingNotFoundError";
+  }
+};
+__name(_BindingNotFoundError, "BindingNotFoundError");
+var BindingNotFoundError = _BindingNotFoundError;
+var _CircularDependencyError = class _CircularDependencyError extends ContainerError {
+  constructor(path) {
+    super(`Circular dependency detected: ${path.join(" -> ")}`);
+    this.name = "CircularDependencyError";
+  }
+};
+__name(_CircularDependencyError, "CircularDependencyError");
+var CircularDependencyError = _CircularDependencyError;
+
+// node_modules/@novadi/core/dist/autowire.js
+var paramNameCache = /* @__PURE__ */ new WeakMap();
+function extractParameterNames(constructor) {
+  const cached = paramNameCache.get(constructor);
+  if (cached) {
+    return cached;
+  }
+  const fnStr = constructor.toString();
+  const match = fnStr.match(/constructor\s*\(([^)]*)\)/) || fnStr.match(/^[^(]*\(([^)]*)\)/);
+  if (!match || !match[1]) {
+    return [];
+  }
+  const params = match[1].split(",").map((param) => param.trim()).filter((param) => param.length > 0).map((param) => {
+    let name = param.split(/[:=]/)[0].trim();
+    name = name.replace(/^((public|private|protected|readonly)\s+)+/, "");
+    if (name.includes("{") || name.includes("[")) {
+      return null;
+    }
+    return name;
+  }).filter((name) => name !== null);
+  paramNameCache.set(constructor, params);
+  return params;
+}
+__name(extractParameterNames, "extractParameterNames");
+function resolveByMap(constructor, container2, options) {
+  if (!options.map) {
+    throw new Error("AutoWire map strategy requires options.map to be defined");
+  }
+  const paramNames = extractParameterNames(constructor);
+  const resolvedDeps = [];
+  for (const paramName of paramNames) {
+    const resolver = options.map[paramName];
+    if (resolver === void 0) {
+      if (options.strict) {
+        throw new Error(`Cannot resolve parameter "${paramName}" on ${constructor.name}. Not found in autowire map. Add it to the map: .autoWire({ map: { ${paramName}: ... } })`);
+      } else {
+        resolvedDeps.push(void 0);
+      }
+      continue;
+    }
+    if (typeof resolver === "function") {
+      resolvedDeps.push(resolver(container2));
+    } else {
+      resolvedDeps.push(container2.resolve(resolver));
+    }
+  }
+  return resolvedDeps;
+}
+__name(resolveByMap, "resolveByMap");
+function resolveByMapResolvers(_constructor, container2, options) {
+  if (!options.mapResolvers || options.mapResolvers.length === 0) {
+    return [];
+  }
+  const resolvedDeps = [];
+  for (let i = 0; i < options.mapResolvers.length; i++) {
+    const resolver = options.mapResolvers[i];
+    if (resolver === void 0) {
+      resolvedDeps.push(void 0);
+    } else if (typeof resolver === "function") {
+      resolvedDeps.push(resolver(container2));
+    } else {
+      resolvedDeps.push(container2.resolve(resolver));
+    }
+  }
+  return resolvedDeps;
+}
+__name(resolveByMapResolvers, "resolveByMapResolvers");
+function autowire(constructor, container2, options) {
+  const opts = {
+    by: "paramName",
+    strict: false,
+    ...options
+  };
+  if (opts.mapResolvers && opts.mapResolvers.length > 0) {
+    return resolveByMapResolvers(constructor, container2, opts);
+  }
+  if (opts.map && Object.keys(opts.map).length > 0) {
+    return resolveByMap(constructor, container2, opts);
+  }
+  return [];
+}
+__name(autowire, "autowire");
+
+// node_modules/@novadi/core/dist/builder.js
+var _RegistrationBuilder = class _RegistrationBuilder {
+  constructor(pending, registrations) {
+    this.registrations = registrations;
+    this.configs = [];
+    this.defaultLifetime = "singleton";
+    this.pending = pending;
+  }
+  /**
+   * Bind this registration to a token or interface type
+   *
+   * @overload
+   * @param {Token<U>} token - Explicit token for binding
+   *
+   * @overload
+   * @param {string} typeName - Interface type name (auto-generated by transformer)
+   */
+  as(tokenOrTypeName) {
+    if (tokenOrTypeName && typeof tokenOrTypeName === "object" && "symbol" in tokenOrTypeName) {
+      const config = {
+        token: tokenOrTypeName,
+        type: this.pending.type,
+        value: this.pending.value,
+        factory: this.pending.factory,
+        constructor: this.pending.constructor,
+        lifetime: this.defaultLifetime
+      };
+      this.configs.push(config);
+      this.registrations.push(config);
+      return this;
+    } else {
+      const config = {
+        token: null,
+        // Will be set during build()
+        type: this.pending.type,
+        value: this.pending.value,
+        factory: this.pending.factory,
+        constructor: this.pending.constructor,
+        lifetime: this.defaultLifetime,
+        interfaceType: tokenOrTypeName
+      };
+      this.configs.push(config);
+      this.registrations.push(config);
+      return this;
+    }
+  }
+  /**
+   * Register as default implementation for an interface
+   * Combines as() + asDefault()
+   */
+  asDefaultInterface(typeName) {
+    this.as("TInterface", typeName);
+    return this.asDefault();
+  }
+  /**
+   * Register as a keyed interface implementation
+   * Combines as() + keyed()
+   */
+  asKeyedInterface(key, typeName) {
+    this.as("TInterface", typeName);
+    return this.keyed(key);
+  }
+  /**
+   * Register as multiple implemented interfaces
+   */
+  asImplementedInterfaces(tokens) {
+    if (tokens.length === 0) {
+      return this;
+    }
+    if (this.configs.length > 0) {
+      for (const config of this.configs) {
+        config.lifetime = "singleton";
+        config.additionalTokens = config.additionalTokens || [];
+        config.additionalTokens.push(...tokens);
+      }
+      return this;
+    }
+    const firstConfig = {
+      token: tokens[0],
+      type: this.pending.type,
+      value: this.pending.value,
+      factory: this.pending.factory,
+      constructor: this.pending.constructor,
+      lifetime: "singleton"
+    };
+    this.configs.push(firstConfig);
+    this.registrations.push(firstConfig);
+    for (let i = 1; i < tokens.length; i++) {
+      firstConfig.additionalTokens = firstConfig.additionalTokens || [];
+      firstConfig.additionalTokens.push(tokens[i]);
+    }
+    return this;
+  }
+  /**
+   * Set singleton lifetime (one instance for entire container)
+   */
+  singleInstance() {
+    for (const config of this.configs) {
+      config.lifetime = "singleton";
+    }
+    return this;
+  }
+  /**
+   * Set per-request lifetime (one instance per resolve call tree)
+   */
+  instancePerRequest() {
+    for (const config of this.configs) {
+      config.lifetime = "per-request";
+    }
+    return this;
+  }
+  /**
+   * Set transient lifetime (new instance every time)
+   * Alias for default behavior
+   */
+  instancePerDependency() {
+    for (const config of this.configs) {
+      config.lifetime = "transient";
+    }
+    return this;
+  }
+  /**
+   * Name this registration for named resolution
+   */
+  named(name) {
+    for (const config of this.configs) {
+      config.name = name;
+    }
+    return this;
+  }
+  /**
+   * Key this registration for keyed resolution
+   */
+  keyed(key) {
+    for (const config of this.configs) {
+      config.key = key;
+    }
+    return this;
+  }
+  /**
+   * Mark this as default registration
+   * Default registrations don't override existing ones
+   */
+  asDefault() {
+    for (const config of this.configs) {
+      config.isDefault = true;
+    }
+    return this;
+  }
+  /**
+   * Only register if token not already registered
+   */
+  ifNotRegistered() {
+    for (const config of this.configs) {
+      config.ifNotRegistered = true;
+    }
+    return this;
+  }
+  /**
+   * Specify parameter values for constructor (primitives and constants)
+   * Use this for non-DI parameters like strings, numbers, config values
+   */
+  withParameters(parameters) {
+    for (const config of this.configs) {
+      config.parameterValues = parameters;
+    }
+    return this;
+  }
+  /**
+   * Enable automatic dependency injection (autowiring)
+   * Supports three strategies: paramName (default), map, and class
+   *
+   * @example
+   * ```ts
+   * // Strategy 1: paramName (default, requires non-minified code in dev)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire()
+   *
+   * // Strategy 2: map (minify-safe, explicit)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire({
+   *   map: {
+   *     logger: (c) => c.resolveType<ILogger>()
+   *   }
+   * })
+   *
+   * // Strategy 3: class (requires build-time codegen)
+   * builder.registerType(EventBus).as<IEventBus>().autoWire({ by: 'class' })
+   * ```
+   */
+  autoWire(options) {
+    for (const config of this.configs) {
+      config.autowireOptions = options || { by: "paramName", strict: false };
+    }
+    return this;
+  }
+};
+__name(_RegistrationBuilder, "RegistrationBuilder");
+var RegistrationBuilder = _RegistrationBuilder;
+var _Builder = class _Builder {
+  constructor(baseContainer) {
+    this.baseContainer = baseContainer;
+    this.registrations = [];
+  }
+  /**
+   * Register a class constructor
+   */
+  registerType(constructor) {
+    const pending = {
+      type: "type",
+      value: null,
+      constructor
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a pre-created instance
+   */
+  registerInstance(instance) {
+    const pending = {
+      type: "instance",
+      value: instance,
+      constructor: void 0
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a factory function
+   */
+  register(factory) {
+    const pending = {
+      type: "factory",
+      value: null,
+      factory,
+      constructor: void 0
+    };
+    return new RegistrationBuilder(pending, this.registrations);
+  }
+  /**
+   * Register a module (function that adds multiple registrations)
+   */
+  module(moduleFunc) {
+    moduleFunc(this);
+    return this;
+  }
+  /**
+   * Resolve interface type names to tokens
+   * @internal
+   */
+  resolveInterfaceTokens(container2) {
+    for (const config of this.registrations) {
+      if (config.interfaceType !== void 0 && !config.token) {
+        config.token = container2.interfaceToken(config.interfaceType);
+      }
+    }
+  }
+  /**
+   * Identify tokens that have non-default registrations
+   * @internal
+   */
+  identifyNonDefaultTokens() {
+    const tokensWithNonDefaults = /* @__PURE__ */ new Set();
+    for (const config of this.registrations) {
+      if (!config.isDefault && !config.name && config.key === void 0) {
+        tokensWithNonDefaults.add(config.token);
+      }
+    }
+    return tokensWithNonDefaults;
+  }
+  /**
+   * Check if registration should be skipped
+   * @internal
+   */
+  shouldSkipRegistration(config, tokensWithNonDefaults, registeredTokens) {
+    if (config.isDefault && !config.name && config.key === void 0 && tokensWithNonDefaults.has(config.token)) {
+      return true;
+    }
+    if (config.ifNotRegistered && registeredTokens.has(config.token)) {
+      return true;
+    }
+    if (config.isDefault && registeredTokens.has(config.token)) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Create binding token for registration (named, keyed, or multi)
+   * @internal
+   */
+  createBindingToken(config, namedRegistrations, keyedRegistrations, multiRegistrations) {
+    if (config.name) {
+      const bindingToken = Token(`__named_${config.name}`);
+      namedRegistrations.set(config.name, { ...config, token: bindingToken });
+      return bindingToken;
+    } else if (config.key !== void 0) {
+      const keyStr = typeof config.key === "symbol" ? config.key.toString() : config.key;
+      const bindingToken = Token(`__keyed_${keyStr}`);
+      keyedRegistrations.set(config.key, { ...config, token: bindingToken });
+      return bindingToken;
+    } else {
+      if (multiRegistrations.has(config.token)) {
+        const bindingToken = Token(`__multi_${config.token.toString()}_${multiRegistrations.get(config.token).length}`);
+        multiRegistrations.get(config.token).push(bindingToken);
+        return bindingToken;
+      } else {
+        multiRegistrations.set(config.token, [config.token]);
+        return config.token;
+      }
+    }
+  }
+  /**
+   * Register additional interfaces for a config
+   * @internal
+   */
+  registerAdditionalInterfaces(container2, config, bindingToken, registeredTokens) {
+    if (config.additionalTokens) {
+      for (const additionalToken of config.additionalTokens) {
+        container2.bindFactory(additionalToken, (c) => c.resolve(bindingToken), { lifetime: config.lifetime });
+        registeredTokens.add(additionalToken);
+      }
+    }
+  }
+  /**
+   * Build the container with all registered bindings
+   */
+  build() {
+    const container2 = this.baseContainer.createChild();
+    this.resolveInterfaceTokens(container2);
+    const registeredTokens = /* @__PURE__ */ new Set();
+    const namedRegistrations = /* @__PURE__ */ new Map();
+    const keyedRegistrations = /* @__PURE__ */ new Map();
+    const multiRegistrations = /* @__PURE__ */ new Map();
+    const tokensWithNonDefaults = this.identifyNonDefaultTokens();
+    for (const config of this.registrations) {
+      if (this.shouldSkipRegistration(config, tokensWithNonDefaults, registeredTokens)) {
+        continue;
+      }
+      const bindingToken = this.createBindingToken(config, namedRegistrations, keyedRegistrations, multiRegistrations);
+      this.applyRegistration(container2, { ...config, token: bindingToken });
+      registeredTokens.add(config.token);
+      this.registerAdditionalInterfaces(container2, config, bindingToken, registeredTokens);
+    }
+    ;
+    container2.__namedRegistrations = namedRegistrations;
+    container2.__keyedRegistrations = keyedRegistrations;
+    container2.__multiRegistrations = multiRegistrations;
+    return container2;
+  }
+  /**
+   * Analyze constructor to detect dependencies
+   * @internal
+   */
+  analyzeConstructor(constructor) {
+    const constructorStr = constructor.toString();
+    const hasDependencies = /constructor\s*\([^)]+\)/.test(constructorStr);
+    return { hasDependencies };
+  }
+  /**
+   * Create optimized factory for zero-dependency constructors
+   * @internal
+   */
+  createOptimizedFactory(container2, config, options) {
+    if (config.lifetime === "singleton") {
+      const instance = new config.constructor();
+      container2.bindValue(config.token, instance);
+    } else if (config.lifetime === "transient") {
+      const ctor = config.constructor;
+      const fastFactory = /* @__PURE__ */ __name(() => new ctor(), "fastFactory");
+      container2.fastTransientCache.set(config.token, fastFactory);
+      container2.bindFactory(config.token, fastFactory, options);
+    } else {
+      const factory = /* @__PURE__ */ __name(() => new config.constructor(), "factory");
+      container2.bindFactory(config.token, factory, options);
+    }
+  }
+  /**
+   * Create autowire factory
+   * @internal
+   */
+  createAutoWireFactory(container2, config, options) {
+    const factory = /* @__PURE__ */ __name((c) => {
+      const resolvedDeps = autowire(config.constructor, c, config.autowireOptions);
+      return new config.constructor(...resolvedDeps);
+    }, "factory");
+    container2.bindFactory(config.token, factory, options);
+  }
+  /**
+   * Create withParameters factory
+   * @internal
+   */
+  createParameterFactory(container2, config, options) {
+    const factory = /* @__PURE__ */ __name(() => {
+      const values = Object.values(config.parameterValues);
+      return new config.constructor(...values);
+    }, "factory");
+    container2.bindFactory(config.token, factory, options);
+  }
+  /**
+   * Apply type registration (class constructor)
+   * @internal
+   */
+  applyTypeRegistration(container2, config, options) {
+    const { hasDependencies } = this.analyzeConstructor(config.constructor);
+    if (!hasDependencies && !config.autowireOptions && !config.parameterValues) {
+      this.createOptimizedFactory(container2, config, options);
+      return;
+    }
+    if (config.autowireOptions) {
+      this.createAutoWireFactory(container2, config, options);
+      return;
+    }
+    if (config.parameterValues) {
+      this.createParameterFactory(container2, config, options);
+      return;
+    }
+    if (hasDependencies) {
+      const className = config.constructor.name || "UnnamedClass";
+      throw new Error(`Service "${className}" has constructor dependencies but no autowiring configuration.
+
+Solutions:
+  1. \u2B50 Use the NovaDI transformer (recommended):
+     - Add "@novadi/core/unplugin" to your build config
+     - Transformer automatically generates .autoWire() for all dependencies
+
+  2. Add manual autowiring:
+     .autoWire({ map: { /* param: resolver */ } })
+
+  3. Use a factory function:
+     .register((c) => new ${className}(...))
+
+See docs: https://github.com/janus007/NovaDI#autowire`);
+    }
+    const factory = /* @__PURE__ */ __name(() => new config.constructor(), "factory");
+    container2.bindFactory(config.token, factory, options);
+  }
+  applyRegistration(container2, config) {
+    const options = { lifetime: config.lifetime };
+    switch (config.type) {
+      case "instance":
+        container2.bindValue(config.token, config.value);
+        break;
+      case "factory":
+        container2.bindFactory(config.token, config.factory, options);
+        break;
+      case "type":
+        this.applyTypeRegistration(container2, config, options);
+        break;
+    }
+  }
+};
+__name(_Builder, "Builder");
+var Builder = _Builder;
+
+// node_modules/@novadi/core/dist/container.js
+function isDisposable(obj) {
+  return obj && typeof obj.dispose === "function";
+}
+__name(isDisposable, "isDisposable");
+var _ResolutionContext = class _ResolutionContext {
+  constructor() {
+    this.resolvingStack = /* @__PURE__ */ new Set();
+    this.perRequestCache = /* @__PURE__ */ new Map();
+  }
+  isResolving(token2) {
+    return this.resolvingStack.has(token2);
+  }
+  enterResolve(token2) {
+    this.resolvingStack.add(token2);
+  }
+  exitResolve(token2) {
+    this.resolvingStack.delete(token2);
+    this.path = void 0;
+  }
+  getPath() {
+    if (!this.path) {
+      this.path = Array.from(this.resolvingStack).map((t) => t.toString());
+    }
+    return [...this.path];
+  }
+  cachePerRequest(token2, instance) {
+    this.perRequestCache.set(token2, instance);
+  }
+  getPerRequest(token2) {
+    return this.perRequestCache.get(token2);
+  }
+  hasPerRequest(token2) {
+    return this.perRequestCache.has(token2);
+  }
+  /**
+   * Reset context for reuse in object pool
+   * Performance: Reusing contexts avoids heap allocations
+   */
+  reset() {
+    this.resolvingStack.clear();
+    this.perRequestCache.clear();
+    this.path = void 0;
+  }
+};
+__name(_ResolutionContext, "ResolutionContext");
+var ResolutionContext = _ResolutionContext;
+var _ResolutionContextPool = class _ResolutionContextPool {
+  constructor() {
+    this.pool = [];
+    this.maxSize = 10;
+  }
+  acquire() {
+    const context = this.pool.pop();
+    if (context) {
+      context.reset();
+      return context;
+    }
+    return new ResolutionContext();
+  }
+  release(context) {
+    if (this.pool.length < this.maxSize) {
+      this.pool.push(context);
+    }
+  }
+};
+__name(_ResolutionContextPool, "ResolutionContextPool");
+var ResolutionContextPool = _ResolutionContextPool;
+var _Container = class _Container {
+  constructor(parent) {
+    this.bindings = /* @__PURE__ */ new Map();
+    this.singletonCache = /* @__PURE__ */ new Map();
+    this.singletonOrder = [];
+    this.interfaceRegistry = /* @__PURE__ */ new Map();
+    this.interfaceTokenCache = /* @__PURE__ */ new Map();
+    this.fastTransientCache = /* @__PURE__ */ new Map();
+    this.ultraFastSingletonCache = /* @__PURE__ */ new Map();
+    this.parent = parent;
+  }
+  /**
+   * Bind a pre-created value to a token
+   */
+  bindValue(token2, value) {
+    this.bindings.set(token2, {
+      type: "value",
+      lifetime: "singleton",
+      value,
+      constructor: void 0
+    });
+    this.invalidateBindingCache();
+  }
+  /**
+   * Bind a factory function to a token
+   */
+  bindFactory(token2, factory, options) {
+    this.bindings.set(token2, {
+      type: "factory",
+      lifetime: options?.lifetime || "transient",
+      factory,
+      dependencies: options?.dependencies,
+      constructor: void 0
+    });
+    this.invalidateBindingCache();
+  }
+  /**
+   * Bind a class constructor to a token
+   */
+  bindClass(token2, constructor, options) {
+    const binding = {
+      type: "class",
+      lifetime: options?.lifetime || "transient",
+      constructor,
+      dependencies: options?.dependencies
+    };
+    this.bindings.set(token2, binding);
+    this.invalidateBindingCache();
+    if (binding.lifetime === "transient" && (!binding.dependencies || binding.dependencies.length === 0)) {
+      this.fastTransientCache.set(token2, () => new constructor());
+    }
+  }
+  /**
+   * Resolve a dependency synchronously
+   * Performance optimized with multiple fast paths
+   */
+  resolve(token2) {
+    const cached = this.tryGetFromCaches(token2);
+    if (cached !== void 0) {
+      return cached;
+    }
+    if (this.currentContext) {
+      return this.resolveWithContext(token2, this.currentContext);
+    }
+    const context = _Container.contextPool.acquire();
+    this.currentContext = context;
+    try {
+      return this.resolveWithContext(token2, context);
+    } finally {
+      this.currentContext = void 0;
+      _Container.contextPool.release(context);
+    }
+  }
+  /**
+   * SPECIALIZED: Ultra-fast singleton resolve (no safety checks)
+   * Use ONLY when you're 100% sure the token is a registered singleton
+   * @internal For performance-critical paths only
+   */
+  resolveSingletonUnsafe(token2) {
+    return this.ultraFastSingletonCache.get(token2) ?? this.singletonCache.get(token2);
+  }
+  /**
+   * SPECIALIZED: Fast transient resolve for zero-dependency classes
+   * Skips all context creation and circular dependency checks
+   * @internal For performance-critical paths only
+   */
+  resolveTransientSimple(token2) {
+    const factory = this.fastTransientCache.get(token2);
+    if (factory) {
+      return factory();
+    }
+    return this.resolve(token2);
+  }
+  /**
+   * SPECIALIZED: Batch resolve multiple dependencies at once
+   * More efficient than multiple individual resolves
+   */
+  resolveBatch(tokens) {
+    const wasResolving = !!this.currentContext;
+    const context = this.currentContext || _Container.contextPool.acquire();
+    if (!wasResolving) {
+      this.currentContext = context;
+    }
+    try {
+      const results = tokens.map((token2) => {
+        const cached = this.tryGetFromCaches(token2);
+        if (cached !== void 0)
+          return cached;
+        return this.resolveWithContext(token2, context);
+      });
+      return results;
+    } finally {
+      if (!wasResolving) {
+        this.currentContext = void 0;
+        _Container.contextPool.release(context);
+      }
+    }
+  }
+  /**
+   * Resolve a dependency asynchronously (supports async factories)
+   */
+  async resolveAsync(token2) {
+    if (this.currentContext) {
+      return this.resolveAsyncWithContext(token2, this.currentContext);
+    }
+    const context = _Container.contextPool.acquire();
+    this.currentContext = context;
+    try {
+      return await this.resolveAsyncWithContext(token2, context);
+    } finally {
+      this.currentContext = void 0;
+      _Container.contextPool.release(context);
+    }
+  }
+  /**
+   * Try to get instance from all cache levels
+   * Returns undefined if not cached
+   * @internal
+   */
+  tryGetFromCaches(token2) {
+    const ultraFast = this.ultraFastSingletonCache.get(token2);
+    if (ultraFast !== void 0) {
+      return ultraFast;
+    }
+    if (this.singletonCache.has(token2)) {
+      const cached = this.singletonCache.get(token2);
+      this.ultraFastSingletonCache.set(token2, cached);
+      return cached;
+    }
+    const fastFactory = this.fastTransientCache.get(token2);
+    if (fastFactory) {
+      return fastFactory();
+    }
+    return void 0;
+  }
+  /**
+   * Cache instance based on lifetime strategy
+   * @internal
+   */
+  cacheInstance(token2, instance, lifetime, context) {
+    if (lifetime === "singleton") {
+      this.singletonCache.set(token2, instance);
+      this.singletonOrder.push(token2);
+      this.ultraFastSingletonCache.set(token2, instance);
+    } else if (lifetime === "per-request" && context) {
+      context.cachePerRequest(token2, instance);
+    }
+  }
+  /**
+   * Validate and get binding with circular dependency check
+   * Returns binding or throws error
+   * @internal
+   */
+  validateAndGetBinding(token2, context) {
+    if (context.isResolving(token2)) {
+      throw new CircularDependencyError([...context.getPath(), token2.toString()]);
+    }
+    const binding = this.getBinding(token2);
+    if (!binding) {
+      throw new BindingNotFoundError(token2.toString(), context.getPath());
+    }
+    return binding;
+  }
+  /**
+   * Instantiate from binding synchronously
+   * @internal
+   */
+  instantiateBindingSync(binding, token2, context) {
+    switch (binding.type) {
+      case "value":
+        return binding.value;
+      case "factory":
+        const result = binding.factory(this);
+        if (result instanceof Promise) {
+          throw new Error(`Async factory detected for ${token2.toString()}. Use resolveAsync() instead.`);
+        }
+        return result;
+      case "class":
+        const deps = binding.dependencies || [];
+        const resolvedDeps = deps.map((dep) => this.resolveWithContext(dep, context));
+        return new binding.constructor(...resolvedDeps);
+      case "inline-class":
+        return new binding.constructor();
+      default:
+        throw new Error(`Unknown binding type: ${binding.type}`);
+    }
+  }
+  /**
+   * Instantiate from binding asynchronously
+   * @internal
+   */
+  async instantiateBindingAsync(binding, context) {
+    switch (binding.type) {
+      case "value":
+        return binding.value;
+      case "factory":
+        return await Promise.resolve(binding.factory(this));
+      case "class":
+        const deps = binding.dependencies || [];
+        const resolvedDeps = await Promise.all(deps.map((dep) => this.resolveAsyncWithContext(dep, context)));
+        return new binding.constructor(...resolvedDeps);
+      case "inline-class":
+        return new binding.constructor();
+      default:
+        throw new Error(`Unknown binding type: ${binding.type}`);
+    }
+  }
+  /**
+   * Create a child container that inherits bindings from this container
+   */
+  createChild() {
+    return new _Container(this);
+  }
+  /**
+   * Dispose all singleton instances in reverse registration order
+   */
+  async dispose() {
+    const errors = [];
+    for (let i = this.singletonOrder.length - 1; i >= 0; i--) {
+      const token2 = this.singletonOrder[i];
+      const instance = this.singletonCache.get(token2);
+      if (instance && isDisposable(instance)) {
+        try {
+          await instance.dispose();
+        } catch (error) {
+          errors.push(error);
+        }
+      }
+    }
+    this.singletonCache.clear();
+    this.singletonOrder.length = 0;
+  }
+  /**
+   * Create a fluent builder for registering dependencies
+   */
+  builder() {
+    return new Builder(this);
+  }
+  /**
+   * Resolve a named service
+   */
+  resolveNamed(name) {
+    const namedRegistrations = this.__namedRegistrations;
+    if (!namedRegistrations) {
+      throw new Error(`Named service "${name}" not found. No named registrations exist.`);
+    }
+    const config = namedRegistrations.get(name);
+    if (!config) {
+      throw new Error(`Named service "${name}" not found`);
+    }
+    return this.resolve(config.token);
+  }
+  /**
+   * Resolve a keyed service
+   */
+  resolveKeyed(key) {
+    const keyedRegistrations = this.__keyedRegistrations;
+    if (!keyedRegistrations) {
+      throw new Error(`Keyed service not found. No keyed registrations exist.`);
+    }
+    const config = keyedRegistrations.get(key);
+    if (!config) {
+      const keyStr = typeof key === "symbol" ? key.toString() : `"${key}"`;
+      throw new Error(`Keyed service ${keyStr} not found`);
+    }
+    return this.resolve(config.token);
+  }
+  /**
+   * Resolve all registrations for a token
+   */
+  resolveAll(token2) {
+    const multiRegistrations = this.__multiRegistrations;
+    if (!multiRegistrations) {
+      return [];
+    }
+    const tokens = multiRegistrations.get(token2);
+    if (!tokens || tokens.length === 0) {
+      return [];
+    }
+    return tokens.map((t) => this.resolve(t));
+  }
+  /**
+   * Get registry information for debugging/visualization
+   * Returns array of binding information
+   */
+  getRegistry() {
+    const registry = [];
+    this.bindings.forEach((binding, token2) => {
+      registry.push({
+        token: token2.description || token2.symbol.toString(),
+        type: binding.type,
+        lifetime: binding.lifetime,
+        dependencies: binding.dependencies?.map((d) => d.description || d.symbol.toString())
+      });
+    });
+    return registry;
+  }
+  /**
+   * Get or create a token for an interface type
+   * Uses a type name hash as key for the interface registry
+   */
+  interfaceToken(typeName) {
+    const key = typeName || `Interface_${Math.random().toString(36).substr(2, 9)}`;
+    if (this.interfaceRegistry.has(key)) {
+      return this.interfaceRegistry.get(key);
+    }
+    if (this.parent) {
+      const parentToken = this.parent.interfaceToken(key);
+      return parentToken;
+    }
+    const token2 = Token(key);
+    this.interfaceRegistry.set(key, token2);
+    return token2;
+  }
+  /**
+   * Resolve a dependency by interface type without explicit token
+   */
+  resolveType(typeName) {
+    const key = typeName || "";
+    let token2 = this.interfaceTokenCache.get(key);
+    if (!token2) {
+      token2 = this.interfaceToken(typeName);
+      this.interfaceTokenCache.set(key, token2);
+    }
+    return this.resolve(token2);
+  }
+  /**
+   * Resolve a keyed interface
+   */
+  resolveTypeKeyed(key, _typeName) {
+    return this.resolveKeyed(key);
+  }
+  /**
+   * Resolve all registrations for an interface type
+   */
+  resolveTypeAll(typeName) {
+    const token2 = this.interfaceToken(typeName);
+    return this.resolveAll(token2);
+  }
+  /**
+   * Internal: Resolve with context for circular dependency detection
+   */
+  resolveWithContext(token2, context) {
+    const binding = this.validateAndGetBinding(token2, context);
+    if (binding.lifetime === "per-request" && context.hasPerRequest(token2)) {
+      return context.getPerRequest(token2);
+    }
+    if (binding.lifetime === "singleton" && this.singletonCache.has(token2)) {
+      return this.singletonCache.get(token2);
+    }
+    context.enterResolve(token2);
+    try {
+      const instance = this.instantiateBindingSync(binding, token2, context);
+      this.cacheInstance(token2, instance, binding.lifetime, context);
+      return instance;
+    } finally {
+      context.exitResolve(token2);
+    }
+  }
+  /**
+   * Internal: Async resolve with context
+   */
+  async resolveAsyncWithContext(token2, context) {
+    const binding = this.validateAndGetBinding(token2, context);
+    if (binding.lifetime === "per-request" && context.hasPerRequest(token2)) {
+      return context.getPerRequest(token2);
+    }
+    if (binding.lifetime === "singleton" && this.singletonCache.has(token2)) {
+      return this.singletonCache.get(token2);
+    }
+    context.enterResolve(token2);
+    try {
+      const instance = await this.instantiateBindingAsync(binding, context);
+      this.cacheInstance(token2, instance, binding.lifetime, context);
+      return instance;
+    } finally {
+      context.exitResolve(token2);
+    }
+  }
+  /**
+   * Get binding from this container or parent chain
+   * Performance optimized: Uses flat cache to avoid recursive parent lookups
+   */
+  getBinding(token2) {
+    if (!this.bindingCache) {
+      this.buildBindingCache();
+    }
+    return this.bindingCache.get(token2);
+  }
+  /**
+   * Build flat cache of all bindings including parent chain
+   * This converts O(n) parent chain traversal to O(1) lookup
+   */
+  buildBindingCache() {
+    this.bindingCache = /* @__PURE__ */ new Map();
+    let current = this;
+    while (current) {
+      current.bindings.forEach((binding, token2) => {
+        if (!this.bindingCache.has(token2)) {
+          this.bindingCache.set(token2, binding);
+        }
+      });
+      current = current.parent;
+    }
+  }
+  /**
+   * Invalidate binding cache when new bindings are added
+   * Called by bindValue, bindFactory, bindClass
+   */
+  invalidateBindingCache() {
+    this.bindingCache = void 0;
+    this.ultraFastSingletonCache.clear();
+  }
+};
+__name(_Container, "Container");
+var Container = _Container;
+Container.contextPool = new ResolutionContextPool();
+
+// src/v2/features/date/DateRenderer.ts
+var _DateRenderer = class _DateRenderer {
+  constructor(dateService) {
+    this.dateService = dateService;
+    this.type = "date";
+  }
+  render(context) {
+    const dates = context.filter["date"] || [];
+    const resourceIds = context.filter["resource"] || [];
+    const dateGrouping = context.groupings?.find((g) => g.type === "date");
+    const hideHeader = dateGrouping?.hideHeader === true;
+    const iterations = resourceIds.length || 1;
+    let columnCount = 0;
+    for (let r = 0; r < iterations; r++) {
+      const resourceId = resourceIds[r];
+      for (const dateStr of dates) {
+        const date = this.dateService.parseISO(dateStr);
+        const segments = { date: dateStr };
+        if (resourceId)
+          segments.resource = resourceId;
+        const columnKey = this.dateService.buildColumnKey(segments);
+        const header = document.createElement("swp-day-header");
+        header.dataset.date = dateStr;
+        header.dataset.columnKey = columnKey;
+        if (resourceId) {
+          header.dataset.resourceId = resourceId;
+        }
+        if (hideHeader) {
+          header.dataset.hidden = "true";
+        }
+        header.innerHTML = `
+          <swp-day-name>${this.dateService.getDayName(date, "short")}</swp-day-name>
+          <swp-day-date>${date.getDate()}</swp-day-date>
+        `;
+        context.headerContainer.appendChild(header);
+        const column = document.createElement("swp-day-column");
+        column.dataset.date = dateStr;
+        column.dataset.columnKey = columnKey;
+        if (resourceId) {
+          column.dataset.resourceId = resourceId;
+        }
+        column.innerHTML = "<swp-events-layer></swp-events-layer>";
+        context.columnContainer.appendChild(column);
+        columnCount++;
+      }
+    }
+    const container2 = context.columnContainer.closest("swp-calendar-container");
+    if (container2) {
+      container2.style.setProperty("--grid-columns", String(columnCount));
+    }
+  }
+};
+__name(_DateRenderer, "DateRenderer");
+var DateRenderer = _DateRenderer;
+
+// src/v2/core/DateService.ts
+var import_dayjs = __toESM(require_dayjs_min(), 1);
+var import_utc = __toESM(require_utc(), 1);
+var import_timezone = __toESM(require_timezone(), 1);
+var import_isoWeek = __toESM(require_isoWeek(), 1);
+import_dayjs.default.extend(import_utc.default);
+import_dayjs.default.extend(import_timezone.default);
+import_dayjs.default.extend(import_isoWeek.default);
+var _DateService = class _DateService {
+  constructor(config, baseDate) {
+    this.config = config;
+    this.timezone = config.timezone;
+    this.baseDate = baseDate ? (0, import_dayjs.default)(baseDate) : (0, import_dayjs.default)();
+  }
+  /**
+   * Set a fixed base date (useful for demos with static mock data)
+   */
+  setBaseDate(date) {
+    this.baseDate = (0, import_dayjs.default)(date);
+  }
+  /**
+   * Get the current base date (either fixed or today)
+   */
+  getBaseDate() {
+    return this.baseDate.toDate();
+  }
+  parseISO(isoString) {
+    return (0, import_dayjs.default)(isoString).toDate();
+  }
+  getDayName(date, format = "short") {
+    return new Intl.DateTimeFormat(this.config.locale, { weekday: format }).format(date);
+  }
+  getWeekDates(offset = 0, days = 7) {
+    const monday = this.baseDate.startOf("week").add(1, "day").add(offset, "week");
+    return Array.from({ length: days }, (_, i) => monday.add(i, "day").format("YYYY-MM-DD"));
+  }
+  /**
+   * Get dates for specific weekdays within a week
+   * @param offset - Week offset from base date (0 = current week)
+   * @param workDays - Array of ISO weekday numbers (1=Monday, 7=Sunday)
+   * @returns Array of date strings in YYYY-MM-DD format
+   */
+  getWorkWeekDates(offset, workDays) {
+    const monday = this.baseDate.startOf("week").add(1, "day").add(offset, "week");
+    return workDays.map((isoDay) => {
+      const daysFromMonday = isoDay === 7 ? 6 : isoDay - 1;
+      return monday.add(daysFromMonday, "day").format("YYYY-MM-DD");
+    });
+  }
+  // ============================================
+  // FORMATTING
+  // ============================================
+  formatTime(date, showSeconds = false) {
+    const pattern = showSeconds ? "HH:mm:ss" : "HH:mm";
+    return (0, import_dayjs.default)(date).format(pattern);
+  }
+  formatTimeRange(start, end) {
+    return `${this.formatTime(start)} - ${this.formatTime(end)}`;
+  }
+  formatDate(date) {
+    return (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+  }
+  getDateKey(date) {
+    return this.formatDate(date);
+  }
+  // ============================================
+  // COLUMN KEY
+  // ============================================
+  /**
+   * Build a uniform columnKey from grouping segments
+   * Handles any combination of date, resource, team, etc.
+   *
+   * @example
+   * buildColumnKey({ date: '2025-12-09' }) → "2025-12-09"
+   * buildColumnKey({ date: '2025-12-09', resource: 'EMP001' }) → "2025-12-09:EMP001"
+   */
+  buildColumnKey(segments) {
+    const date = segments.date;
+    const others = Object.entries(segments).filter(([k]) => k !== "date").sort(([a], [b]) => a.localeCompare(b)).map(([, v]) => v);
+    return date ? [date, ...others].join(":") : others.join(":");
+  }
+  /**
+   * Parse a columnKey back into segments
+   * Assumes format: "date:resource:..." or just "date"
+   */
+  parseColumnKey(columnKey) {
+    const parts = columnKey.split(":");
+    return {
+      date: parts[0],
+      resource: parts[1]
+    };
+  }
+  /**
+   * Extract dateKey from columnKey (first segment)
+   */
+  getDateFromColumnKey(columnKey) {
+    return columnKey.split(":")[0];
+  }
+  // ============================================
+  // TIME CALCULATIONS
+  // ============================================
+  timeToMinutes(timeString) {
+    const parts = timeString.split(":").map(Number);
+    const hours = parts[0] || 0;
+    const minutes = parts[1] || 0;
+    return hours * 60 + minutes;
+  }
+  minutesToTime(totalMinutes) {
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)().hour(hours).minute(minutes).format("HH:mm");
+  }
+  getMinutesSinceMidnight(date) {
+    const d = (0, import_dayjs.default)(date);
+    return d.hour() * 60 + d.minute();
+  }
+  // ============================================
+  // UTC CONVERSIONS
+  // ============================================
+  toUTC(localDate) {
+    return import_dayjs.default.tz(localDate, this.timezone).utc().toISOString();
+  }
+  fromUTC(utcString) {
+    return import_dayjs.default.utc(utcString).tz(this.timezone).toDate();
+  }
+  // ============================================
+  // DATE CREATION
+  // ============================================
+  createDateAtTime(baseDate, timeString) {
+    const totalMinutes = this.timeToMinutes(timeString);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return (0, import_dayjs.default)(baseDate).startOf("day").hour(hours).minute(minutes).toDate();
+  }
+  getISOWeekDay(date) {
+    return (0, import_dayjs.default)(date).isoWeekday();
+  }
+};
+__name(_DateService, "DateService");
+var DateService = _DateService;
+
+// src/v2/core/BaseGroupingRenderer.ts
+var _BaseGroupingRenderer = class _BaseGroupingRenderer {
+  /**
+   * Main render method - handles common logic
+   */
+  async render(context) {
+    const allowedIds = context.filter[this.type] || [];
+    if (allowedIds.length === 0)
+      return;
+    const entities = await this.getEntities(allowedIds);
+    const dateCount = context.filter["date"]?.length || 1;
+    const childIds = context.childType ? context.filter[context.childType] || [] : [];
+    for (const entity of entities) {
+      const entityChildIds = context.parentChildMap?.[entity.id] || [];
+      const childCount = entityChildIds.filter((id) => childIds.includes(id)).length;
+      const colspan = childCount * dateCount;
+      const header = document.createElement(this.config.elementTag);
+      header.dataset[this.config.idAttribute] = entity.id;
+      header.style.setProperty(this.config.colspanVar, String(colspan));
+      this.renderHeader(entity, header, context);
+      context.headerContainer.appendChild(header);
+    }
+  }
+  /**
+   * Override this method for custom header rendering
+   * Default: just sets textContent to display name
+   */
+  renderHeader(entity, header, _context) {
+    header.textContent = this.getDisplayName(entity);
+  }
+  /**
+   * Helper to render a single entity header.
+   * Can be used by subclasses that override render() but want consistent header creation.
+   */
+  createHeader(entity, context) {
+    const header = document.createElement(this.config.elementTag);
+    header.dataset[this.config.idAttribute] = entity.id;
+    this.renderHeader(entity, header, context);
+    return header;
+  }
+};
+__name(_BaseGroupingRenderer, "BaseGroupingRenderer");
+var BaseGroupingRenderer = _BaseGroupingRenderer;
+
+// src/v2/features/resource/ResourceRenderer.ts
+var _ResourceRenderer = class _ResourceRenderer extends BaseGroupingRenderer {
+  constructor(resourceService) {
+    super();
+    this.resourceService = resourceService;
+    this.type = "resource";
+    this.config = {
+      elementTag: "swp-resource-header",
+      idAttribute: "resourceId",
+      colspanVar: "--resource-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.resourceService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.displayName;
+  }
+  /**
+   * Override render to handle:
+   * 1. Special ordering when parentChildMap exists (resources grouped by parent)
+   * 2. Different colspan calculation (just dateCount, not childCount * dateCount)
+   */
+  async render(context) {
+    const resourceIds = context.filter["resource"] || [];
+    const dateCount = context.filter["date"]?.length || 1;
+    let orderedResourceIds;
+    if (context.parentChildMap) {
+      orderedResourceIds = [];
+      for (const childIds of Object.values(context.parentChildMap)) {
+        for (const childId of childIds) {
+          if (resourceIds.includes(childId)) {
+            orderedResourceIds.push(childId);
+          }
+        }
+      }
+    } else {
+      orderedResourceIds = resourceIds;
+    }
+    const resources = await this.getEntities(orderedResourceIds);
+    const resourceMap = new Map(resources.map((r) => [r.id, r]));
+    for (const resourceId of orderedResourceIds) {
+      const resource = resourceMap.get(resourceId);
+      if (!resource)
+        continue;
+      const header = this.createHeader(resource, context);
+      header.style.gridColumn = `span ${dateCount}`;
+      context.headerContainer.appendChild(header);
+    }
+  }
+};
+__name(_ResourceRenderer, "ResourceRenderer");
+var ResourceRenderer = _ResourceRenderer;
+
+// src/v2/features/team/TeamRenderer.ts
+var _TeamRenderer = class _TeamRenderer extends BaseGroupingRenderer {
+  constructor(teamService) {
+    super();
+    this.teamService = teamService;
+    this.type = "team";
+    this.config = {
+      elementTag: "swp-team-header",
+      idAttribute: "teamId",
+      colspanVar: "--team-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.teamService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.name;
+  }
+};
+__name(_TeamRenderer, "TeamRenderer");
+var TeamRenderer = _TeamRenderer;
+
+// src/v2/features/department/DepartmentRenderer.ts
+var _DepartmentRenderer = class _DepartmentRenderer extends BaseGroupingRenderer {
+  constructor(departmentService) {
+    super();
+    this.departmentService = departmentService;
+    this.type = "department";
+    this.config = {
+      elementTag: "swp-department-header",
+      idAttribute: "departmentId",
+      colspanVar: "--department-cols"
+    };
+  }
+  getEntities(ids) {
+    return this.departmentService.getByIds(ids);
+  }
+  getDisplayName(entity) {
+    return entity.name;
+  }
+};
+__name(_DepartmentRenderer, "DepartmentRenderer");
+var DepartmentRenderer = _DepartmentRenderer;
+
+// src/v2/core/RenderBuilder.ts
+function buildPipeline(renderers) {
+  return {
+    async run(context) {
+      for (const renderer of renderers) {
+        await renderer.render(context);
+      }
+    }
+  };
+}
+__name(buildPipeline, "buildPipeline");
+
+// src/v2/core/FilterTemplate.ts
+var _FilterTemplate = class _FilterTemplate {
+  constructor(dateService, entityResolver) {
+    this.dateService = dateService;
+    this.entityResolver = entityResolver;
+    this.fields = [];
+  }
+  /**
+   * Tilføj felt til template
+   * @param idProperty - Property-navn (bruges på både event og column.dataset)
+   * @param derivedFrom - Hvis feltet udledes fra anden property (f.eks. date fra start)
+   */
+  addField(idProperty, derivedFrom) {
+    this.fields.push({ idProperty, derivedFrom });
+    return this;
+  }
+  /**
+   * Parse dot-notation string into components
+   * @example 'resource.teamId' → { entityType: 'resource', property: 'teamId', foreignKey: 'resourceId' }
+   */
+  parseDotNotation(idProperty) {
+    if (!idProperty.includes("."))
+      return null;
+    const [entityType, property] = idProperty.split(".");
+    return {
+      entityType,
+      property,
+      foreignKey: entityType + "Id"
+      // Convention: resource → resourceId
+    };
+  }
+  /**
+   * Get dataset key for column lookup
+   * For dot-notation 'resource.teamId', we look for 'teamId' in dataset
+   */
+  getDatasetKey(idProperty) {
+    const dotNotation = this.parseDotNotation(idProperty);
+    if (dotNotation) {
+      return dotNotation.property;
+    }
+    return idProperty;
+  }
+  /**
+   * Byg nøgle fra kolonne
+   * Læser værdier fra column.dataset[idProperty]
+   * For dot-notation, uses the property part (resource.teamId → teamId)
+   */
+  buildKeyFromColumn(column) {
+    return this.fields.map((f) => {
+      const key = this.getDatasetKey(f.idProperty);
+      return column.dataset[key] || "";
+    }).join(":");
+  }
+  /**
+   * Byg nøgle fra event
+   * Læser værdier fra event[idProperty] eller udleder fra derivedFrom
+   * For dot-notation, resolves via EntityResolver
+   */
+  buildKeyFromEvent(event) {
+    const eventRecord = event;
+    return this.fields.map((f) => {
+      const dotNotation = this.parseDotNotation(f.idProperty);
+      if (dotNotation) {
+        return this.resolveDotNotation(eventRecord, dotNotation);
+      }
+      if (f.derivedFrom) {
+        const sourceValue = eventRecord[f.derivedFrom];
+        if (sourceValue instanceof Date) {
+          return this.dateService.getDateKey(sourceValue);
+        }
+        return String(sourceValue || "");
+      }
+      return String(eventRecord[f.idProperty] || "");
+    }).join(":");
+  }
+  /**
+   * Resolve dot-notation reference via EntityResolver
+   */
+  resolveDotNotation(eventRecord, dotNotation) {
+    if (!this.entityResolver) {
+      console.warn(`FilterTemplate: EntityResolver required for dot-notation '${dotNotation.entityType}.${dotNotation.property}'`);
+      return "";
+    }
+    const foreignId = eventRecord[dotNotation.foreignKey];
+    if (!foreignId)
+      return "";
+    const entity = this.entityResolver.resolve(dotNotation.entityType, String(foreignId));
+    if (!entity)
+      return "";
+    return String(entity[dotNotation.property] || "");
+  }
+  /**
+   * Match event mod kolonne
+   */
+  matches(event, column) {
+    return this.buildKeyFromEvent(event) === this.buildKeyFromColumn(column);
+  }
+};
+__name(_FilterTemplate, "FilterTemplate");
+var FilterTemplate = _FilterTemplate;
+
+// src/v2/core/CalendarOrchestrator.ts
+var _CalendarOrchestrator = class _CalendarOrchestrator {
+  constructor(allRenderers, eventRenderer, scheduleRenderer, headerDrawerRenderer, dateService, entityServices) {
+    this.allRenderers = allRenderers;
+    this.eventRenderer = eventRenderer;
+    this.scheduleRenderer = scheduleRenderer;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.dateService = dateService;
+    this.entityServices = entityServices;
+  }
+  async render(viewConfig, container2) {
+    const headerContainer = container2.querySelector("swp-calendar-header");
+    const columnContainer = container2.querySelector("swp-day-columns");
+    if (!headerContainer || !columnContainer) {
+      throw new Error("Missing swp-calendar-header or swp-day-columns");
+    }
+    const filter = {};
+    for (const grouping of viewConfig.groupings) {
+      filter[grouping.type] = grouping.values;
+    }
+    const filterTemplate = new FilterTemplate(this.dateService);
+    for (const grouping of viewConfig.groupings) {
+      if (grouping.idProperty) {
+        filterTemplate.addField(grouping.idProperty, grouping.derivedFrom);
+      }
+    }
+    const { parentChildMap, childType } = await this.resolveBelongsTo(viewConfig.groupings, filter);
+    const context = { headerContainer, columnContainer, filter, groupings: viewConfig.groupings, parentChildMap, childType };
+    headerContainer.innerHTML = "";
+    columnContainer.innerHTML = "";
+    const levels = viewConfig.groupings.map((g) => g.type).join(" ");
+    headerContainer.dataset.levels = levels;
+    const activeRenderers = this.selectRenderers(viewConfig);
+    const pipeline = buildPipeline(activeRenderers);
+    await pipeline.run(context);
+    await this.scheduleRenderer.render(container2, filter);
+    await this.eventRenderer.render(container2, filter, filterTemplate);
+    await this.headerDrawerRenderer.render(container2, filter, filterTemplate);
+  }
+  selectRenderers(viewConfig) {
+    const types = viewConfig.groupings.map((g) => g.type);
+    return types.map((type) => this.allRenderers.find((r) => r.type === type)).filter((r) => r !== void 0);
+  }
+  /**
+   * Resolve belongsTo relations to build parent-child map
+   * e.g., belongsTo: 'team.resourceIds' → { team1: ['EMP001', 'EMP002'], team2: [...] }
+   * Also returns the childType (the grouping type that has belongsTo)
+   */
+  async resolveBelongsTo(groupings, filter) {
+    const childGrouping = groupings.find((g) => g.belongsTo);
+    if (!childGrouping?.belongsTo)
+      return {};
+    const [entityType, property] = childGrouping.belongsTo.split(".");
+    if (!entityType || !property)
+      return {};
+    const parentIds = filter[entityType] || [];
+    if (parentIds.length === 0)
+      return {};
+    const service = this.entityServices.find((s) => s.entityType.toLowerCase() === entityType);
+    if (!service)
+      return {};
+    const allEntities = await service.getAll();
+    const entities = allEntities.filter((e) => parentIds.includes(e.id));
+    const map = {};
+    for (const entity of entities) {
+      const entityRecord = entity;
+      const children = entityRecord[property] || [];
+      map[entityRecord.id] = children;
+    }
+    return { parentChildMap: map, childType: childGrouping.type };
+  }
+};
+__name(_CalendarOrchestrator, "CalendarOrchestrator");
+var CalendarOrchestrator = _CalendarOrchestrator;
+
+// src/v2/core/NavigationAnimator.ts
+var _NavigationAnimator = class _NavigationAnimator {
+  constructor(headerTrack, contentTrack) {
+    this.headerTrack = headerTrack;
+    this.contentTrack = contentTrack;
+  }
+  async slide(direction, renderFn) {
+    const out = direction === "left" ? "-100%" : "100%";
+    const into = direction === "left" ? "100%" : "-100%";
+    await this.animateOut(out);
+    await renderFn();
+    await this.animateIn(into);
+  }
+  async animateOut(translate) {
+    await Promise.all([
+      this.headerTrack.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished,
+      this.contentTrack.animate([{ transform: "translateX(0)" }, { transform: `translateX(${translate})` }], { duration: 200, easing: "ease-in" }).finished
+    ]);
+  }
+  async animateIn(translate) {
+    await Promise.all([
+      this.headerTrack.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished,
+      this.contentTrack.animate([{ transform: `translateX(${translate})` }, { transform: "translateX(0)" }], { duration: 200, easing: "ease-out" }).finished
+    ]);
+  }
+};
+__name(_NavigationAnimator, "NavigationAnimator");
+var NavigationAnimator = _NavigationAnimator;
+
+// src/v2/core/CalendarEvents.ts
+var CalendarEvents = {
+  // Command events (host → calendar)
+  CMD_NAVIGATE_PREV: "calendar:cmd:navigate:prev",
+  CMD_NAVIGATE_NEXT: "calendar:cmd:navigate:next",
+  CMD_DRAWER_TOGGLE: "calendar:cmd:drawer:toggle",
+  CMD_RENDER: "calendar:cmd:render",
+  CMD_WORKWEEK_CHANGE: "calendar:cmd:workweek:change",
+  CMD_VIEW_UPDATE: "calendar:cmd:view:update"
+};
+
+// src/v2/core/CalendarApp.ts
+var _CalendarApp = class _CalendarApp {
+  constructor(orchestrator, timeAxisRenderer, dateService, scrollManager, headerDrawerManager, dragDropManager, edgeScrollManager, resizeManager, headerDrawerRenderer, eventPersistenceManager, settingsService, viewConfigService, eventBus) {
+    this.orchestrator = orchestrator;
+    this.timeAxisRenderer = timeAxisRenderer;
+    this.dateService = dateService;
+    this.scrollManager = scrollManager;
+    this.headerDrawerManager = headerDrawerManager;
+    this.dragDropManager = dragDropManager;
+    this.edgeScrollManager = edgeScrollManager;
+    this.resizeManager = resizeManager;
+    this.headerDrawerRenderer = headerDrawerRenderer;
+    this.eventPersistenceManager = eventPersistenceManager;
+    this.settingsService = settingsService;
+    this.viewConfigService = viewConfigService;
+    this.eventBus = eventBus;
+    this.weekOffset = 0;
+    this.currentViewId = "simple";
+    this.workweekPreset = null;
+    this.groupingOverrides = /* @__PURE__ */ new Map();
+  }
+  async init(container2) {
+    this.container = container2;
+    const gridSettings = await this.settingsService.getGridSettings();
+    if (!gridSettings) {
+      throw new Error("GridSettings not found");
+    }
+    this.workweekPreset = await this.settingsService.getDefaultWorkweekPreset();
+    this.animator = new NavigationAnimator(container2.querySelector("swp-header-track"), container2.querySelector("swp-content-track"));
+    this.timeAxisRenderer.render(container2.querySelector("#time-axis"), gridSettings.dayStartHour, gridSettings.dayEndHour);
+    this.scrollManager.init(container2);
+    this.headerDrawerManager.init(container2);
+    this.dragDropManager.init(container2);
+    this.resizeManager.init(container2);
+    const scrollableContent = container2.querySelector("swp-scrollable-content");
+    this.edgeScrollManager.init(scrollableContent);
+    this.setupEventListeners();
+    this.emitStatus("ready");
+  }
+  setupEventListeners() {
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_PREV, () => {
+      this.handleNavigatePrev();
+    });
+    this.eventBus.on(CalendarEvents.CMD_NAVIGATE_NEXT, () => {
+      this.handleNavigateNext();
+    });
+    this.eventBus.on(CalendarEvents.CMD_DRAWER_TOGGLE, () => {
+      this.headerDrawerManager.toggle();
+    });
+    this.eventBus.on(CalendarEvents.CMD_RENDER, (e) => {
+      const { viewId } = e.detail;
+      this.handleRenderCommand(viewId);
+    });
+    this.eventBus.on(CalendarEvents.CMD_WORKWEEK_CHANGE, (e) => {
+      const { presetId } = e.detail;
+      this.handleWorkweekChange(presetId);
+    });
+    this.eventBus.on(CalendarEvents.CMD_VIEW_UPDATE, (e) => {
+      const { type, values } = e.detail;
+      this.handleViewUpdate(type, values);
+    });
+  }
+  async handleRenderCommand(viewId) {
+    this.currentViewId = viewId;
+    await this.render();
+    this.emitStatus("rendered", { viewId });
+  }
+  async handleNavigatePrev() {
+    this.weekOffset--;
+    await this.animator.slide("right", () => this.render());
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async handleNavigateNext() {
+    this.weekOffset++;
+    await this.animator.slide("left", () => this.render());
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async handleWorkweekChange(presetId) {
+    const preset = await this.settingsService.getWorkweekPreset(presetId);
+    if (preset) {
+      this.workweekPreset = preset;
+      await this.render();
+      this.emitStatus("rendered", { viewId: this.currentViewId });
+    }
+  }
+  async handleViewUpdate(type, values) {
+    this.groupingOverrides.set(type, values);
+    await this.render();
+    this.emitStatus("rendered", { viewId: this.currentViewId });
+  }
+  async render() {
+    const storedConfig = await this.viewConfigService.getById(this.currentViewId);
+    if (!storedConfig) {
+      this.emitStatus("error", { message: `ViewConfig not found: ${this.currentViewId}` });
+      return;
+    }
+    const workDays = this.workweekPreset?.workDays || [1, 2, 3, 4, 5];
+    const dates = this.currentViewId === "day" ? this.dateService.getWeekDates(this.weekOffset, 1) : this.dateService.getWorkWeekDates(this.weekOffset, workDays);
+    const viewConfig = {
+      ...storedConfig,
+      groupings: storedConfig.groupings.map((g) => {
+        if (g.type === "date") {
+          return { ...g, values: dates };
+        }
+        const override = this.groupingOverrides.get(g.type);
+        if (override) {
+          return { ...g, values: override };
+        }
+        return g;
+      })
+    };
+    await this.orchestrator.render(viewConfig, this.container);
+  }
+  emitStatus(status, detail) {
+    this.container.dispatchEvent(new CustomEvent(`calendar:status:${status}`, {
+      detail,
+      bubbles: true
+    }));
+  }
+};
+__name(_CalendarApp, "CalendarApp");
+var CalendarApp = _CalendarApp;
+
+// src/v2/features/timeaxis/TimeAxisRenderer.ts
+var _TimeAxisRenderer = class _TimeAxisRenderer {
+  render(container2, startHour = 6, endHour = 20) {
+    container2.innerHTML = "";
+    for (let hour = startHour; hour <= endHour; hour++) {
+      const marker = document.createElement("swp-hour-marker");
+      marker.textContent = `${hour.toString().padStart(2, "0")}:00`;
+      container2.appendChild(marker);
+    }
+  }
+};
+__name(_TimeAxisRenderer, "TimeAxisRenderer");
+var TimeAxisRenderer = _TimeAxisRenderer;
+
+// src/v2/core/ScrollManager.ts
+var _ScrollManager = class _ScrollManager {
+  init(container2) {
+    this.scrollableContent = container2.querySelector("swp-scrollable-content");
+    this.timeAxisContent = container2.querySelector("swp-time-axis-content");
+    this.calendarHeader = container2.querySelector("swp-calendar-header");
+    this.headerDrawer = container2.querySelector("swp-header-drawer");
+    this.headerViewport = container2.querySelector("swp-header-viewport");
+    this.headerSpacer = container2.querySelector("swp-header-spacer");
+    this.scrollableContent.addEventListener("scroll", () => this.onScroll());
+    this.resizeObserver = new ResizeObserver(() => this.syncHeaderSpacerHeight());
+    this.resizeObserver.observe(this.headerViewport);
+    this.syncHeaderSpacerHeight();
+  }
+  syncHeaderSpacerHeight() {
+    const computedHeight = getComputedStyle(this.headerViewport).height;
+    this.headerSpacer.style.height = computedHeight;
+  }
+  onScroll() {
+    const { scrollTop, scrollLeft } = this.scrollableContent;
+    this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
+    this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
+    this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`;
+  }
+};
+__name(_ScrollManager, "ScrollManager");
+var ScrollManager = _ScrollManager;
+
+// src/v2/core/HeaderDrawerManager.ts
+var _HeaderDrawerManager = class _HeaderDrawerManager {
+  constructor() {
+    this.expanded = false;
+    this.currentRows = 0;
+    this.rowHeight = 25;
+    this.duration = 200;
+  }
+  init(container2) {
+    this.drawer = container2.querySelector("swp-header-drawer");
+    if (!this.drawer)
+      console.error("HeaderDrawerManager: swp-header-drawer not found");
+  }
+  toggle() {
+    this.expanded ? this.collapse() : this.expand();
+  }
+  /**
+   * Expand drawer to single row (legacy support)
+   */
+  expand() {
+    this.expandToRows(1);
+  }
+  /**
+   * Expand drawer to fit specified number of rows
+   */
+  expandToRows(rowCount) {
+    const targetHeight = rowCount * this.rowHeight;
+    const currentHeight = this.expanded ? this.currentRows * this.rowHeight : 0;
+    if (this.expanded && this.currentRows === rowCount)
+      return;
+    this.currentRows = rowCount;
+    this.expanded = true;
+    this.animate(currentHeight, targetHeight);
+  }
+  collapse() {
+    if (!this.expanded)
+      return;
+    const currentHeight = this.currentRows * this.rowHeight;
+    this.expanded = false;
+    this.currentRows = 0;
+    this.animate(currentHeight, 0);
+  }
+  animate(from, to) {
+    const keyframes = [
+      { height: `${from}px` },
+      { height: `${to}px` }
+    ];
+    const options = {
+      duration: this.duration,
+      easing: "ease",
+      fill: "forwards"
+    };
+    this.drawer.animate(keyframes, options);
+  }
+  isExpanded() {
+    return this.expanded;
+  }
+  getRowCount() {
+    return this.currentRows;
+  }
+};
+__name(_HeaderDrawerManager, "HeaderDrawerManager");
+var HeaderDrawerManager = _HeaderDrawerManager;
+
+// src/v2/demo/MockStores.ts
+var _MockTeamStore = class _MockTeamStore {
+  constructor() {
+    this.type = "team";
+    this.teams = [
+      { id: "alpha", name: "Team Alpha" },
+      { id: "beta", name: "Team Beta" }
+    ];
+  }
+  getByIds(ids) {
+    return this.teams.filter((t) => ids.includes(t.id));
+  }
+};
+__name(_MockTeamStore, "MockTeamStore");
+var MockTeamStore = _MockTeamStore;
+var _MockResourceStore = class _MockResourceStore {
+  constructor() {
+    this.type = "resource";
+    this.resources = [
+      { id: "alice", name: "Alice", teamId: "alpha" },
+      { id: "bob", name: "Bob", teamId: "alpha" },
+      { id: "carol", name: "Carol", teamId: "beta" },
+      { id: "dave", name: "Dave", teamId: "beta" }
+    ];
+  }
+  getByIds(ids) {
+    return this.resources.filter((r) => ids.includes(r.id));
+  }
+};
+__name(_MockResourceStore, "MockResourceStore");
+var MockResourceStore = _MockResourceStore;
+
+// src/v2/demo/DemoApp.ts
+var _DemoApp = class _DemoApp {
+  constructor(indexedDBContext, dataSeeder, auditService, calendarApp, dateService, resourceService, eventBus) {
+    this.indexedDBContext = indexedDBContext;
+    this.dataSeeder = dataSeeder;
+    this.auditService = auditService;
+    this.calendarApp = calendarApp;
+    this.dateService = dateService;
+    this.resourceService = resourceService;
+    this.eventBus = eventBus;
+    this.currentView = "simple";
+  }
+  async init() {
+    this.dateService.setBaseDate(/* @__PURE__ */ new Date("2025-12-08"));
+    await this.indexedDBContext.initialize();
+    console.log("[DemoApp] IndexedDB initialized");
+    await this.dataSeeder.seedIfEmpty();
+    console.log("[DemoApp] Data seeding complete");
+    this.container = document.querySelector("swp-calendar-container");
+    await this.calendarApp.init(this.container);
+    console.log("[DemoApp] CalendarApp initialized");
+    this.setupNavigation();
+    this.setupDrawerToggle();
+    this.setupViewSwitching();
+    this.setupWorkweekSelector();
+    await this.setupResourceSelector();
+    this.setupStatusListeners();
+    this.eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: this.currentView });
+  }
+  setupNavigation() {
+    document.getElementById("btn-prev").onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_NAVIGATE_PREV);
+    };
+    document.getElementById("btn-next").onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_NAVIGATE_NEXT);
+    };
+  }
+  setupViewSwitching() {
+    const chips = document.querySelectorAll(".view-chip");
+    chips.forEach((chip) => {
+      chip.addEventListener("click", () => {
+        chips.forEach((c) => c.classList.remove("active"));
+        chip.classList.add("active");
+        const view = chip.dataset.view;
+        if (view) {
+          this.currentView = view;
+          this.updateSelectorVisibility();
+          this.eventBus.emit(CalendarEvents.CMD_RENDER, { viewId: view });
+        }
+      });
+    });
+  }
+  updateSelectorVisibility() {
+    const selector = document.querySelector("swp-resource-selector");
+    const showSelector = this.currentView === "picker" || this.currentView === "day";
+    selector?.classList.toggle("hidden", !showSelector);
+  }
+  setupDrawerToggle() {
+    document.getElementById("btn-drawer").onclick = () => {
+      this.eventBus.emit(CalendarEvents.CMD_DRAWER_TOGGLE);
+    };
+  }
+  setupWorkweekSelector() {
+    const workweekSelect = document.getElementById("workweek-select");
+    workweekSelect?.addEventListener("change", () => {
+      const presetId = workweekSelect.value;
+      this.eventBus.emit(CalendarEvents.CMD_WORKWEEK_CHANGE, { presetId });
+    });
+  }
+  async setupResourceSelector() {
+    const resources = await this.resourceService.getAll();
+    const container2 = document.querySelector(".resource-checkboxes");
+    if (!container2)
+      return;
+    container2.innerHTML = "";
+    resources.forEach((r) => {
+      const label = document.createElement("label");
+      label.innerHTML = `
+        <input type="checkbox" value="${r.id}" checked>
+        ${r.displayName}
+      `;
+      container2.appendChild(label);
+    });
+    container2.addEventListener("change", () => {
+      const checked = container2.querySelectorAll("input:checked");
+      const values = Array.from(checked).map((cb) => cb.value);
+      this.eventBus.emit(CalendarEvents.CMD_VIEW_UPDATE, { type: "resource", values });
+    });
+  }
+  setupStatusListeners() {
+    this.container.addEventListener("calendar:status:ready", () => {
+      console.log("[DemoApp] Calendar ready");
+    });
+    this.container.addEventListener("calendar:status:rendered", (e) => {
+      console.log("[DemoApp] Calendar rendered:", e.detail.viewId);
+    });
+    this.container.addEventListener("calendar:status:error", (e) => {
+      console.error("[DemoApp] Calendar error:", e.detail.message);
+    });
+  }
+};
+__name(_DemoApp, "DemoApp");
+var DemoApp = _DemoApp;
+
+// src/v2/core/EventBus.ts
+var _EventBus = class _EventBus {
+  constructor() {
+    this.eventLog = [];
+    this.debug = false;
+    this.listeners = /* @__PURE__ */ new Set();
+    this.logConfig = {
+      calendar: true,
+      grid: true,
+      event: true,
+      scroll: true,
+      navigation: true,
+      view: true,
+      default: true
+    };
+  }
+  /**
+   * Subscribe to an event via DOM addEventListener
+   */
+  on(eventType, handler, options) {
+    document.addEventListener(eventType, handler, options);
+    this.listeners.add({ eventType, handler, options });
+    return () => this.off(eventType, handler);
+  }
+  /**
+   * Subscribe to an event once
+   */
+  once(eventType, handler) {
+    return this.on(eventType, handler, { once: true });
+  }
+  /**
+   * Unsubscribe from an event
+   */
+  off(eventType, handler) {
+    document.removeEventListener(eventType, handler);
+    for (const listener of this.listeners) {
+      if (listener.eventType === eventType && listener.handler === handler) {
+        this.listeners.delete(listener);
+        break;
+      }
+    }
+  }
+  /**
+   * Emit an event via DOM CustomEvent
+   */
+  emit(eventType, detail = {}) {
+    if (!eventType) {
+      return false;
+    }
+    const event = new CustomEvent(eventType, {
+      detail: detail ?? {},
+      bubbles: true,
+      cancelable: true
+    });
+    if (this.debug) {
+      this.logEventWithGrouping(eventType, detail);
+    }
+    this.eventLog.push({
+      type: eventType,
+      detail: detail ?? {},
+      timestamp: Date.now()
+    });
+    return !document.dispatchEvent(event);
+  }
+  /**
+   * Log event with console grouping
+   */
+  logEventWithGrouping(eventType, _detail) {
+    const category = this.extractCategory(eventType);
+    if (!this.logConfig[category]) {
+      return;
+    }
+    this.getCategoryStyle(category);
+  }
+  /**
+   * Extract category from event type
+   */
+  extractCategory(eventType) {
+    if (!eventType) {
+      return "unknown";
+    }
+    if (eventType.includes(":")) {
+      return eventType.split(":")[0];
+    }
+    const lowerType = eventType.toLowerCase();
+    if (lowerType.includes("grid") || lowerType.includes("rendered"))
+      return "grid";
+    if (lowerType.includes("event") || lowerType.includes("sync"))
+      return "event";
+    if (lowerType.includes("scroll"))
+      return "scroll";
+    if (lowerType.includes("nav") || lowerType.includes("date"))
+      return "navigation";
+    if (lowerType.includes("view"))
+      return "view";
+    return "default";
+  }
+  /**
+   * Get styling for different categories
+   */
+  getCategoryStyle(category) {
+    const styles = {
+      calendar: { emoji: "\u{1F4C5}", color: "#2196F3" },
+      grid: { emoji: "\u{1F4CA}", color: "#4CAF50" },
+      event: { emoji: "\u{1F4CC}", color: "#FF9800" },
+      scroll: { emoji: "\u{1F4DC}", color: "#9C27B0" },
+      navigation: { emoji: "\u{1F9ED}", color: "#F44336" },
+      view: { emoji: "\u{1F441}", color: "#00BCD4" },
+      default: { emoji: "\u{1F4E2}", color: "#607D8B" }
+    };
+    return styles[category] || styles.default;
+  }
+  /**
+   * Configure logging for specific categories
+   */
+  setLogConfig(config) {
+    this.logConfig = { ...this.logConfig, ...config };
+  }
+  /**
+   * Get current log configuration
+   */
+  getLogConfig() {
+    return { ...this.logConfig };
+  }
+  /**
+   * Get event history
+   */
+  getEventLog(eventType) {
+    if (eventType) {
+      return this.eventLog.filter((e) => e.type === eventType);
+    }
+    return this.eventLog;
+  }
+  /**
+   * Enable/disable debug mode
+   */
+  setDebug(enabled) {
+    this.debug = enabled;
+  }
+};
+__name(_EventBus, "EventBus");
+var EventBus = _EventBus;
+
+// src/v2/storage/IndexedDBContext.ts
+var _IndexedDBContext = class _IndexedDBContext {
+  constructor(stores) {
+    this.db = null;
+    this.initialized = false;
+    this.stores = stores;
+  }
+  /**
+   * Initialize and open the database
+   */
+  async initialize() {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(_IndexedDBContext.DB_NAME, _IndexedDBContext.DB_VERSION);
+      request.onerror = () => {
+        reject(new Error(`Failed to open IndexedDB: ${request.error}`));
+      };
+      request.onsuccess = () => {
+        this.db = request.result;
+        this.initialized = true;
+        resolve();
+      };
+      request.onupgradeneeded = (event) => {
+        const db = event.target.result;
+        this.stores.forEach((store) => {
+          if (!db.objectStoreNames.contains(store.storeName)) {
+            store.create(db);
+          }
+        });
+      };
+    });
+  }
+  /**
+   * Check if database is initialized
+   */
+  isInitialized() {
+    return this.initialized;
+  }
+  /**
+   * Get IDBDatabase instance
+   */
+  getDatabase() {
+    if (!this.db) {
+      throw new Error("IndexedDB not initialized. Call initialize() first.");
+    }
+    return this.db;
+  }
+  /**
+   * Close database connection
+   */
+  close() {
+    if (this.db) {
+      this.db.close();
+      this.db = null;
+      this.initialized = false;
+    }
+  }
+  /**
+   * Delete entire database (for testing/reset)
+   */
+  static async deleteDatabase() {
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.deleteDatabase(_IndexedDBContext.DB_NAME);
+      request.onsuccess = () => resolve();
+      request.onerror = () => reject(new Error(`Failed to delete database: ${request.error}`));
+    });
+  }
+};
+__name(_IndexedDBContext, "IndexedDBContext");
+var IndexedDBContext = _IndexedDBContext;
+IndexedDBContext.DB_NAME = "CalendarV2DB";
+IndexedDBContext.DB_VERSION = 4;
+
+// src/v2/storage/events/EventStore.ts
+var _EventStore = class _EventStore {
+  constructor() {
+    this.storeName = _EventStore.STORE_NAME;
+  }
+  /**
+   * Create the events ObjectStore with indexes
+   */
+  create(db) {
+    const store = db.createObjectStore(_EventStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("start", "start", { unique: false });
+    store.createIndex("end", "end", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("resourceId", "resourceId", { unique: false });
+    store.createIndex("customerId", "customerId", { unique: false });
+    store.createIndex("bookingId", "bookingId", { unique: false });
+    store.createIndex("startEnd", ["start", "end"], { unique: false });
+  }
+};
+__name(_EventStore, "EventStore");
+var EventStore = _EventStore;
+EventStore.STORE_NAME = "events";
+
+// src/v2/storage/events/EventSerialization.ts
+var _EventSerialization = class _EventSerialization {
+  /**
+   * Serialize event for IndexedDB storage
+   */
+  static serialize(event) {
+    return {
+      ...event,
+      start: event.start instanceof Date ? event.start.toISOString() : event.start,
+      end: event.end instanceof Date ? event.end.toISOString() : event.end
+    };
+  }
+  /**
+   * Deserialize event from IndexedDB storage
+   */
+  static deserialize(data) {
+    return {
+      ...data,
+      start: typeof data.start === "string" ? new Date(data.start) : data.start,
+      end: typeof data.end === "string" ? new Date(data.end) : data.end
+    };
+  }
+};
+__name(_EventSerialization, "EventSerialization");
+var EventSerialization = _EventSerialization;
+
+// src/v2/storage/SyncPlugin.ts
+var _SyncPlugin = class _SyncPlugin {
+  constructor(service) {
+    this.service = service;
+  }
+  /**
+   * Mark entity as successfully synced
+   */
+  async markAsSynced(id) {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = "synced";
+      await this.service.save(entity);
+    }
+  }
+  /**
+   * Mark entity as sync error
+   */
+  async markAsError(id) {
+    const entity = await this.service.get(id);
+    if (entity) {
+      entity.syncStatus = "error";
+      await this.service.save(entity);
+    }
+  }
+  /**
+   * Get current sync status for an entity
+   */
+  async getSyncStatus(id) {
+    const entity = await this.service.get(id);
+    return entity ? entity.syncStatus : null;
+  }
+  /**
+   * Get entities by sync status using IndexedDB index
+   */
+  async getBySyncStatus(syncStatus) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.service.db.transaction([this.service.storeName], "readonly");
+      const store = transaction.objectStore(this.service.storeName);
+      const index = store.index("syncStatus");
+      const request = index.getAll(syncStatus);
+      request.onsuccess = () => {
+        const data = request.result;
+        const entities = data.map((item) => this.service.deserialize(item));
+        resolve(entities);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get by sync status ${syncStatus}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_SyncPlugin, "SyncPlugin");
+var SyncPlugin = _SyncPlugin;
+
+// src/v2/constants/CoreEvents.ts
+var CoreEvents = {
+  // Lifecycle events
+  INITIALIZED: "core:initialized",
+  READY: "core:ready",
+  DESTROYED: "core:destroyed",
+  // View events
+  VIEW_CHANGED: "view:changed",
+  VIEW_RENDERED: "view:rendered",
+  // Navigation events
+  DATE_CHANGED: "nav:date-changed",
+  NAVIGATION_COMPLETED: "nav:navigation-completed",
+  // Data events
+  DATA_LOADING: "data:loading",
+  DATA_LOADED: "data:loaded",
+  DATA_ERROR: "data:error",
+  // Grid events
+  GRID_RENDERED: "grid:rendered",
+  GRID_CLICKED: "grid:clicked",
+  // Event management
+  EVENT_CREATED: "event:created",
+  EVENT_UPDATED: "event:updated",
+  EVENT_DELETED: "event:deleted",
+  EVENT_SELECTED: "event:selected",
+  // Event drag-drop
+  EVENT_DRAG_START: "event:drag-start",
+  EVENT_DRAG_MOVE: "event:drag-move",
+  EVENT_DRAG_END: "event:drag-end",
+  EVENT_DRAG_CANCEL: "event:drag-cancel",
+  EVENT_DRAG_COLUMN_CHANGE: "event:drag-column-change",
+  // Header drag (timed → header conversion)
+  EVENT_DRAG_ENTER_HEADER: "event:drag-enter-header",
+  EVENT_DRAG_MOVE_HEADER: "event:drag-move-header",
+  EVENT_DRAG_LEAVE_HEADER: "event:drag-leave-header",
+  // Event resize
+  EVENT_RESIZE_START: "event:resize-start",
+  EVENT_RESIZE_END: "event:resize-end",
+  // Edge scroll
+  EDGE_SCROLL_TICK: "edge-scroll:tick",
+  EDGE_SCROLL_STARTED: "edge-scroll:started",
+  EDGE_SCROLL_STOPPED: "edge-scroll:stopped",
+  // System events
+  ERROR: "system:error",
+  // Sync events
+  SYNC_STARTED: "sync:started",
+  SYNC_COMPLETED: "sync:completed",
+  SYNC_FAILED: "sync:failed",
+  // Entity events - for audit and sync
+  ENTITY_SAVED: "entity:saved",
+  ENTITY_DELETED: "entity:deleted",
+  // Audit events
+  AUDIT_LOGGED: "audit:logged",
+  // Rendering events
+  EVENTS_RENDERED: "events:rendered"
+};
+
+// node_modules/json-diff-ts/dist/index.js
+function arrayDifference(first, second) {
+  const secondSet = new Set(second);
+  return first.filter((item) => !secondSet.has(item));
+}
+__name(arrayDifference, "arrayDifference");
+function arrayIntersection(first, second) {
+  const secondSet = new Set(second);
+  return first.filter((item) => secondSet.has(item));
+}
+__name(arrayIntersection, "arrayIntersection");
+function keyBy(arr, getKey2) {
+  const result = {};
+  for (const item of arr) {
+    result[String(getKey2(item))] = item;
+  }
+  return result;
+}
+__name(keyBy, "keyBy");
+function diff(oldObj, newObj, options = {}) {
+  let { embeddedObjKeys } = options;
+  const { keysToSkip, treatTypeChangeAsReplace } = options;
+  if (embeddedObjKeys instanceof Map) {
+    embeddedObjKeys = new Map(
+      Array.from(embeddedObjKeys.entries()).map(([key, value]) => [
+        key instanceof RegExp ? key : key.replace(/^\./, ""),
+        value
+      ])
+    );
+  } else if (embeddedObjKeys) {
+    embeddedObjKeys = Object.fromEntries(
+      Object.entries(embeddedObjKeys).map(([key, value]) => [key.replace(/^\./, ""), value])
+    );
+  }
+  return compare(oldObj, newObj, [], [], {
+    embeddedObjKeys,
+    keysToSkip: keysToSkip ?? [],
+    treatTypeChangeAsReplace: treatTypeChangeAsReplace ?? true
+  });
+}
+__name(diff, "diff");
+var getTypeOfObj = /* @__PURE__ */ __name((obj) => {
+  if (typeof obj === "undefined") {
+    return "undefined";
+  }
+  if (obj === null) {
+    return null;
+  }
+  return Object.prototype.toString.call(obj).match(/^\[object\s(.*)\]$/)[1];
+}, "getTypeOfObj");
+var getKey = /* @__PURE__ */ __name((path) => {
+  const left = path[path.length - 1];
+  return left != null ? left : "$root";
+}, "getKey");
+var compare = /* @__PURE__ */ __name((oldObj, newObj, path, keyPath, options) => {
+  let changes = [];
+  const currentPath = keyPath.join(".");
+  if (options.keysToSkip?.some((skipPath) => {
+    if (currentPath === skipPath) {
+      return true;
+    }
+    if (skipPath.includes(".") && skipPath.startsWith(currentPath + ".")) {
+      return false;
+    }
+    if (skipPath.includes(".")) {
+      const skipParts = skipPath.split(".");
+      const currentParts = currentPath.split(".");
+      if (currentParts.length >= skipParts.length) {
+        for (let i = 0; i < skipParts.length; i++) {
+          if (skipParts[i] !== currentParts[i]) {
+            return false;
+          }
+        }
+        return true;
+      }
+    }
+    return false;
+  })) {
+    return changes;
+  }
+  const typeOfOldObj = getTypeOfObj(oldObj);
+  const typeOfNewObj = getTypeOfObj(newObj);
+  if (options.treatTypeChangeAsReplace && typeOfOldObj !== typeOfNewObj) {
+    if (typeOfOldObj !== "undefined") {
+      changes.push({ type: "REMOVE", key: getKey(path), value: oldObj });
+    }
+    if (typeOfNewObj !== "undefined") {
+      changes.push({ type: "ADD", key: getKey(path), value: newObj });
+    }
+    return changes;
+  }
+  if (typeOfNewObj === "undefined" && typeOfOldObj !== "undefined") {
+    changes.push({ type: "REMOVE", key: getKey(path), value: oldObj });
+    return changes;
+  }
+  if (typeOfNewObj === "Object" && typeOfOldObj === "Array") {
+    changes.push({ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj });
+    return changes;
+  }
+  if (typeOfNewObj === null) {
+    if (typeOfOldObj !== null) {
+      changes.push({ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj });
+    }
+    return changes;
+  }
+  switch (typeOfOldObj) {
+    case "Date":
+      if (typeOfNewObj === "Date") {
+        changes = changes.concat(
+          comparePrimitives(oldObj.getTime(), newObj.getTime(), path).map((x) => ({
+            ...x,
+            value: new Date(x.value),
+            oldValue: new Date(x.oldValue)
+          }))
+        );
+      } else {
+        changes = changes.concat(comparePrimitives(oldObj, newObj, path));
+      }
+      break;
+    case "Object": {
+      const diffs = compareObject(oldObj, newObj, path, keyPath, false, options);
+      if (diffs.length) {
+        if (path.length) {
+          changes.push({
+            type: "UPDATE",
+            key: getKey(path),
+            changes: diffs
+          });
+        } else {
+          changes = changes.concat(diffs);
+        }
+      }
+      break;
+    }
+    case "Array":
+      changes = changes.concat(compareArray(oldObj, newObj, path, keyPath, options));
+      break;
+    case "Function":
+      break;
+    default:
+      changes = changes.concat(comparePrimitives(oldObj, newObj, path));
+  }
+  return changes;
+}, "compare");
+var compareObject = /* @__PURE__ */ __name((oldObj, newObj, path, keyPath, skipPath = false, options = {}) => {
+  let k;
+  let newKeyPath;
+  let newPath;
+  if (skipPath == null) {
+    skipPath = false;
+  }
+  let changes = [];
+  const oldObjKeys = Object.keys(oldObj);
+  const newObjKeys = Object.keys(newObj);
+  const intersectionKeys = arrayIntersection(oldObjKeys, newObjKeys);
+  for (k of intersectionKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const diffs = compare(oldObj[k], newObj[k], newPath, newKeyPath, options);
+    if (diffs.length) {
+      changes = changes.concat(diffs);
+    }
+  }
+  const addedKeys = arrayDifference(newObjKeys, oldObjKeys);
+  for (k of addedKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const currentPath = newKeyPath.join(".");
+    if (options.keysToSkip?.some((skipPath2) => currentPath === skipPath2 || currentPath.startsWith(skipPath2 + "."))) {
+      continue;
+    }
+    changes.push({
+      type: "ADD",
+      key: getKey(newPath),
+      value: newObj[k]
+    });
+  }
+  const deletedKeys = arrayDifference(oldObjKeys, newObjKeys);
+  for (k of deletedKeys) {
+    newPath = path.concat([k]);
+    newKeyPath = skipPath ? keyPath : keyPath.concat([k]);
+    const currentPath = newKeyPath.join(".");
+    if (options.keysToSkip?.some((skipPath2) => currentPath === skipPath2 || currentPath.startsWith(skipPath2 + "."))) {
+      continue;
+    }
+    changes.push({
+      type: "REMOVE",
+      key: getKey(newPath),
+      value: oldObj[k]
+    });
+  }
+  return changes;
+}, "compareObject");
+var compareArray = /* @__PURE__ */ __name((oldObj, newObj, path, keyPath, options) => {
+  if (getTypeOfObj(newObj) !== "Array") {
+    return [{ type: "UPDATE", key: getKey(path), value: newObj, oldValue: oldObj }];
+  }
+  const left = getObjectKey(options.embeddedObjKeys, keyPath);
+  const uniqKey = left != null ? left : "$index";
+  const indexedOldObj = convertArrayToObj(oldObj, uniqKey);
+  const indexedNewObj = convertArrayToObj(newObj, uniqKey);
+  const diffs = compareObject(indexedOldObj, indexedNewObj, path, keyPath, true, options);
+  if (diffs.length) {
+    return [
+      {
+        type: "UPDATE",
+        key: getKey(path),
+        embeddedKey: typeof uniqKey === "function" && uniqKey.length === 2 ? uniqKey(newObj[0], true) : uniqKey,
+        changes: diffs
+      }
+    ];
+  } else {
+    return [];
+  }
+}, "compareArray");
+var getObjectKey = /* @__PURE__ */ __name((embeddedObjKeys, keyPath) => {
+  if (embeddedObjKeys != null) {
+    const path = keyPath.join(".");
+    if (embeddedObjKeys instanceof Map) {
+      for (const [key2, value] of embeddedObjKeys.entries()) {
+        if (key2 instanceof RegExp) {
+          if (path.match(key2)) {
+            return value;
+          }
+        } else if (path === key2) {
+          return value;
+        }
+      }
+    }
+    const key = embeddedObjKeys[path];
+    if (key != null) {
+      return key;
+    }
+  }
+  return void 0;
+}, "getObjectKey");
+var convertArrayToObj = /* @__PURE__ */ __name((arr, uniqKey) => {
+  let obj = {};
+  if (uniqKey === "$value") {
+    arr.forEach((value) => {
+      obj[value] = value;
+    });
+  } else if (uniqKey !== "$index") {
+    const keyFunction = typeof uniqKey === "string" ? (item) => item[uniqKey] : uniqKey;
+    obj = keyBy(arr, keyFunction);
+  } else {
+    for (let i = 0; i < arr.length; i++) {
+      const value = arr[i];
+      obj[i] = value;
+    }
+  }
+  return obj;
+}, "convertArrayToObj");
+var comparePrimitives = /* @__PURE__ */ __name((oldObj, newObj, path) => {
+  const changes = [];
+  if (oldObj !== newObj) {
+    changes.push({
+      type: "UPDATE",
+      key: getKey(path),
+      value: newObj,
+      oldValue: oldObj
+    });
+  }
+  return changes;
+}, "comparePrimitives");
+
+// src/v2/storage/BaseEntityService.ts
+var _BaseEntityService = class _BaseEntityService {
+  constructor(context, eventBus) {
+    this.context = context;
+    this.eventBus = eventBus;
+    this.syncPlugin = new SyncPlugin(this);
+  }
+  get db() {
+    return this.context.getDatabase();
+  }
+  /**
+   * Serialize entity before storing in IndexedDB
+   */
+  serialize(entity) {
+    return entity;
+  }
+  /**
+   * Deserialize data from IndexedDB back to entity
+   */
+  deserialize(data) {
+    return data;
+  }
+  /**
+   * Get a single entity by ID
+   */
+  async get(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.get(id);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? this.deserialize(data) : null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get all entities
+   */
+  async getAll() {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.getAll();
+      request.onsuccess = () => {
+        const data = request.result;
+        const entities = data.map((item) => this.deserialize(item));
+        resolve(entities);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get all ${this.entityType}s: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Save an entity (create or update)
+   * Emits ENTITY_SAVED event with operation type and changes (diff for updates)
+   * @param entity - Entity to save
+   * @param silent - If true, skip event emission (used for seeding)
+   */
+  async save(entity, silent = false) {
+    const entityId = entity.id;
+    const existingEntity = await this.get(entityId);
+    const isCreate = existingEntity === null;
+    let changes;
+    if (isCreate) {
+      changes = entity;
+    } else {
+      const existingSerialized = this.serialize(existingEntity);
+      const newSerialized = this.serialize(entity);
+      changes = diff(existingSerialized, newSerialized);
+    }
+    const serialized = this.serialize(entity);
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+      request.onsuccess = () => {
+        if (!silent) {
+          const payload = {
+            entityType: this.entityType,
+            entityId,
+            operation: isCreate ? "create" : "update",
+            changes,
+            timestamp: Date.now()
+          };
+          this.eventBus.emit(CoreEvents.ENTITY_SAVED, payload);
+        }
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to save ${this.entityType} ${entityId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Delete an entity
+   * Emits ENTITY_DELETED event
+   */
+  async delete(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.delete(id);
+      request.onsuccess = () => {
+        const payload = {
+          entityType: this.entityType,
+          entityId: id,
+          operation: "delete",
+          timestamp: Date.now()
+        };
+        this.eventBus.emit(CoreEvents.ENTITY_DELETED, payload);
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to delete ${this.entityType} ${id}: ${request.error}`));
+      };
+    });
+  }
+  // Sync methods - delegate to SyncPlugin
+  async markAsSynced(id) {
+    return this.syncPlugin.markAsSynced(id);
+  }
+  async markAsError(id) {
+    return this.syncPlugin.markAsError(id);
+  }
+  async getSyncStatus(id) {
+    return this.syncPlugin.getSyncStatus(id);
+  }
+  async getBySyncStatus(syncStatus) {
+    return this.syncPlugin.getBySyncStatus(syncStatus);
+  }
+};
+__name(_BaseEntityService, "BaseEntityService");
+var BaseEntityService = _BaseEntityService;
+
+// src/v2/storage/events/EventService.ts
+var _EventService = class _EventService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = EventStore.STORE_NAME;
+    this.entityType = "Event";
+  }
+  serialize(event) {
+    return EventSerialization.serialize(event);
+  }
+  deserialize(data) {
+    return EventSerialization.deserialize(data);
+  }
+  /**
+   * Get events within a date range
+   */
+  async getByDateRange(start, end) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("start");
+      const range = IDBKeyRange.lowerBound(start.toISOString());
+      const request = index.getAll(range);
+      request.onsuccess = () => {
+        const data = request.result;
+        const events = data.map((item) => this.deserialize(item)).filter((event) => event.start <= end);
+        resolve(events);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get events by date range: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get events for a specific resource
+   */
+  async getByResource(resourceId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("resourceId");
+      const request = index.getAll(resourceId);
+      request.onsuccess = () => {
+        const data = request.result;
+        const events = data.map((item) => this.deserialize(item));
+        resolve(events);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get events for resource ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get events for a resource within a date range
+   */
+  async getByResourceAndDateRange(resourceId, start, end) {
+    const resourceEvents = await this.getByResource(resourceId);
+    return resourceEvents.filter((event) => event.start >= start && event.start <= end);
+  }
+};
+__name(_EventService, "EventService");
+var EventService = _EventService;
+
+// src/v2/storage/resources/ResourceStore.ts
+var _ResourceStore = class _ResourceStore {
+  constructor() {
+    this.storeName = _ResourceStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_ResourceStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("type", "type", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("isActive", "isActive", { unique: false });
+  }
+};
+__name(_ResourceStore, "ResourceStore");
+var ResourceStore = _ResourceStore;
+ResourceStore.STORE_NAME = "resources";
+
+// src/v2/storage/resources/ResourceService.ts
+var _ResourceService = class _ResourceService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = ResourceStore.STORE_NAME;
+    this.entityType = "Resource";
+  }
+  /**
+   * Get all active resources
+   */
+  async getActive() {
+    const all = await this.getAll();
+    return all.filter((r) => r.isActive !== false);
+  }
+  /**
+   * Get resources by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((r) => r !== null);
+  }
+  /**
+   * Get resources by type
+   */
+  async getByType(type) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("type");
+      const request = index.getAll(type);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get resources by type ${type}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_ResourceService, "ResourceService");
+var ResourceService = _ResourceService;
+
+// src/v2/storage/bookings/BookingStore.ts
+var _BookingStore = class _BookingStore {
+  constructor() {
+    this.storeName = _BookingStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_BookingStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("customerId", "customerId", { unique: false });
+    store.createIndex("status", "status", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("createdAt", "createdAt", { unique: false });
+  }
+};
+__name(_BookingStore, "BookingStore");
+var BookingStore = _BookingStore;
+BookingStore.STORE_NAME = "bookings";
+
+// src/v2/storage/bookings/BookingService.ts
+var _BookingService = class _BookingService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = BookingStore.STORE_NAME;
+    this.entityType = "Booking";
+  }
+  serialize(booking) {
+    return {
+      ...booking,
+      createdAt: booking.createdAt.toISOString()
+    };
+  }
+  deserialize(data) {
+    const raw = data;
+    return {
+      ...raw,
+      createdAt: new Date(raw.createdAt)
+    };
+  }
+  /**
+   * Get bookings for a customer
+   */
+  async getByCustomer(customerId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("customerId");
+      const request = index.getAll(customerId);
+      request.onsuccess = () => {
+        const data = request.result;
+        const bookings = data.map((item) => this.deserialize(item));
+        resolve(bookings);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings for customer ${customerId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get bookings by status
+   */
+  async getByStatus(status) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("status");
+      const request = index.getAll(status);
+      request.onsuccess = () => {
+        const data = request.result;
+        const bookings = data.map((item) => this.deserialize(item));
+        resolve(bookings);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get bookings with status ${status}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_BookingService, "BookingService");
+var BookingService = _BookingService;
+
+// src/v2/storage/customers/CustomerStore.ts
+var _CustomerStore = class _CustomerStore {
+  constructor() {
+    this.storeName = _CustomerStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_CustomerStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("name", "name", { unique: false });
+    store.createIndex("phone", "phone", { unique: false });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+  }
+};
+__name(_CustomerStore, "CustomerStore");
+var CustomerStore = _CustomerStore;
+CustomerStore.STORE_NAME = "customers";
+
+// src/v2/storage/customers/CustomerService.ts
+var _CustomerService = class _CustomerService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = CustomerStore.STORE_NAME;
+    this.entityType = "Customer";
+  }
+  /**
+   * Search customers by name (case-insensitive contains)
+   */
+  async searchByName(query) {
+    const all = await this.getAll();
+    const lowerQuery = query.toLowerCase();
+    return all.filter((c) => c.name.toLowerCase().includes(lowerQuery));
+  }
+  /**
+   * Find customer by phone
+   */
+  async getByPhone(phone) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("phone");
+      const request = index.get(phone);
+      request.onsuccess = () => {
+        const data = request.result;
+        resolve(data ? data : null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to find customer by phone ${phone}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_CustomerService, "CustomerService");
+var CustomerService = _CustomerService;
+
+// src/v2/storage/teams/TeamStore.ts
+var _TeamStore = class _TeamStore {
+  constructor() {
+    this.storeName = _TeamStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_TeamStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_TeamStore, "TeamStore");
+var TeamStore = _TeamStore;
+TeamStore.STORE_NAME = "teams";
+
+// src/v2/storage/teams/TeamService.ts
+var _TeamService = class _TeamService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = TeamStore.STORE_NAME;
+    this.entityType = "Team";
+  }
+  /**
+   * Get teams by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((t) => t !== null);
+  }
+  /**
+   * Build reverse lookup: resourceId → teamId
+   */
+  async buildResourceToTeamMap() {
+    const teams = await this.getAll();
+    const map = {};
+    for (const team of teams) {
+      for (const resourceId of team.resourceIds) {
+        map[resourceId] = team.id;
+      }
+    }
+    return map;
+  }
+};
+__name(_TeamService, "TeamService");
+var TeamService = _TeamService;
+
+// src/v2/storage/departments/DepartmentStore.ts
+var _DepartmentStore = class _DepartmentStore {
+  constructor() {
+    this.storeName = _DepartmentStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_DepartmentStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_DepartmentStore, "DepartmentStore");
+var DepartmentStore = _DepartmentStore;
+DepartmentStore.STORE_NAME = "departments";
+
+// src/v2/storage/departments/DepartmentService.ts
+var _DepartmentService = class _DepartmentService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = DepartmentStore.STORE_NAME;
+    this.entityType = "Department";
+  }
+  /**
+   * Get departments by IDs
+   */
+  async getByIds(ids) {
+    if (ids.length === 0)
+      return [];
+    const results = await Promise.all(ids.map((id) => this.get(id)));
+    return results.filter((d) => d !== null);
+  }
+};
+__name(_DepartmentService, "DepartmentService");
+var DepartmentService = _DepartmentService;
+
+// src/v2/storage/settings/SettingsStore.ts
+var _SettingsStore = class _SettingsStore {
+  constructor() {
+    this.storeName = _SettingsStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_SettingsStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_SettingsStore, "SettingsStore");
+var SettingsStore = _SettingsStore;
+SettingsStore.STORE_NAME = "settings";
+
+// src/v2/types/SettingsTypes.ts
+var SettingsIds = {
+  WORKWEEK: "workweek",
+  GRID: "grid",
+  TIME_FORMAT: "timeFormat",
+  VIEWS: "views"
+};
+
+// src/v2/storage/settings/SettingsService.ts
+var _SettingsService = class _SettingsService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = SettingsStore.STORE_NAME;
+    this.entityType = "Settings";
+  }
+  /**
+   * Get workweek settings
+   */
+  async getWorkweekSettings() {
+    return this.get(SettingsIds.WORKWEEK);
+  }
+  /**
+   * Get grid settings
+   */
+  async getGridSettings() {
+    return this.get(SettingsIds.GRID);
+  }
+  /**
+   * Get time format settings
+   */
+  async getTimeFormatSettings() {
+    return this.get(SettingsIds.TIME_FORMAT);
+  }
+  /**
+   * Get view settings
+   */
+  async getViewSettings() {
+    return this.get(SettingsIds.VIEWS);
+  }
+  /**
+   * Get workweek preset by ID
+   */
+  async getWorkweekPreset(presetId) {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return null;
+    return settings.presets[presetId] || null;
+  }
+  /**
+   * Get the default workweek preset
+   */
+  async getDefaultWorkweekPreset() {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return null;
+    return settings.presets[settings.defaultPreset] || null;
+  }
+  /**
+   * Get all available workweek presets
+   */
+  async getWorkweekPresets() {
+    const settings = await this.getWorkweekSettings();
+    if (!settings)
+      return [];
+    return Object.values(settings.presets);
+  }
+};
+__name(_SettingsService, "SettingsService");
+var SettingsService = _SettingsService;
+
+// src/v2/storage/viewconfigs/ViewConfigStore.ts
+var _ViewConfigStore = class _ViewConfigStore {
+  constructor() {
+    this.storeName = _ViewConfigStore.STORE_NAME;
+  }
+  create(db) {
+    db.createObjectStore(_ViewConfigStore.STORE_NAME, { keyPath: "id" });
+  }
+};
+__name(_ViewConfigStore, "ViewConfigStore");
+var ViewConfigStore = _ViewConfigStore;
+ViewConfigStore.STORE_NAME = "viewconfigs";
+
+// src/v2/storage/viewconfigs/ViewConfigService.ts
+var _ViewConfigService = class _ViewConfigService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = ViewConfigStore.STORE_NAME;
+    this.entityType = "ViewConfig";
+  }
+  async getById(id) {
+    return this.get(id);
+  }
+};
+__name(_ViewConfigService, "ViewConfigService");
+var ViewConfigService = _ViewConfigService;
+
+// src/v2/storage/audit/AuditStore.ts
+var _AuditStore = class _AuditStore {
+  constructor() {
+    this.storeName = "audit";
+  }
+  create(db) {
+    const store = db.createObjectStore(this.storeName, { keyPath: "id" });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+    store.createIndex("synced", "synced", { unique: false });
+    store.createIndex("entityId", "entityId", { unique: false });
+    store.createIndex("timestamp", "timestamp", { unique: false });
+  }
+};
+__name(_AuditStore, "AuditStore");
+var AuditStore = _AuditStore;
+
+// src/v2/storage/audit/AuditService.ts
+var _AuditService = class _AuditService extends BaseEntityService {
+  constructor(context, eventBus) {
+    super(context, eventBus);
+    this.storeName = "audit";
+    this.entityType = "Audit";
+    this.setupEventListeners();
+  }
+  /**
+   * Setup listeners for ENTITY_SAVED and ENTITY_DELETED events
+   */
+  setupEventListeners() {
+    this.eventBus.on(CoreEvents.ENTITY_SAVED, (event) => {
+      const detail = event.detail;
+      this.handleEntitySaved(detail);
+    });
+    this.eventBus.on(CoreEvents.ENTITY_DELETED, (event) => {
+      const detail = event.detail;
+      this.handleEntityDeleted(detail);
+    });
+  }
+  /**
+   * Handle ENTITY_SAVED event - create audit entry
+   */
+  async handleEntitySaved(payload) {
+    if (payload.entityType === "Audit")
+      return;
+    const auditEntry = {
+      id: crypto.randomUUID(),
+      entityType: payload.entityType,
+      entityId: payload.entityId,
+      operation: payload.operation,
+      userId: _AuditService.DEFAULT_USER_ID,
+      timestamp: payload.timestamp,
+      changes: payload.changes,
+      synced: false,
+      syncStatus: "pending"
+    };
+    await this.save(auditEntry);
+  }
+  /**
+   * Handle ENTITY_DELETED event - create audit entry
+   */
+  async handleEntityDeleted(payload) {
+    if (payload.entityType === "Audit")
+      return;
+    const auditEntry = {
+      id: crypto.randomUUID(),
+      entityType: payload.entityType,
+      entityId: payload.entityId,
+      operation: "delete",
+      userId: _AuditService.DEFAULT_USER_ID,
+      timestamp: payload.timestamp,
+      changes: { id: payload.entityId },
+      // For delete, just store the ID
+      synced: false,
+      syncStatus: "pending"
+    };
+    await this.save(auditEntry);
+  }
+  /**
+   * Override save to NOT trigger ENTITY_SAVED event
+   * Instead, emits AUDIT_LOGGED for SyncManager to listen
+   *
+   * This prevents infinite loops:
+   * - BaseEntityService.save() emits ENTITY_SAVED
+   * - AuditService listens to ENTITY_SAVED and creates audit
+   * - If AuditService.save() also emitted ENTITY_SAVED, it would loop
+   */
+  async save(entity) {
+    const serialized = this.serialize(entity);
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      const request = store.put(serialized);
+      request.onsuccess = () => {
+        const payload = {
+          auditId: entity.id,
+          entityType: entity.entityType,
+          entityId: entity.entityId,
+          operation: entity.operation,
+          timestamp: entity.timestamp
+        };
+        this.eventBus.emit(CoreEvents.AUDIT_LOGGED, payload);
+        resolve();
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to save audit entry ${entity.id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Override delete to NOT trigger ENTITY_DELETED event
+   * Audit entries should never be deleted (compliance requirement)
+   */
+  async delete(_id) {
+    throw new Error("Audit entries cannot be deleted (compliance requirement)");
+  }
+  /**
+   * Get pending audit entries (for sync)
+   */
+  async getPendingAudits() {
+    return this.getBySyncStatus("pending");
+  }
+  /**
+   * Get audit entries for a specific entity
+   */
+  async getByEntityId(entityId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([this.storeName], "readonly");
+      const store = transaction.objectStore(this.storeName);
+      const index = store.index("entityId");
+      const request = index.getAll(entityId);
+      request.onsuccess = () => {
+        const entries = request.result;
+        resolve(entries);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get audit entries for entity ${entityId}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_AuditService, "AuditService");
+var AuditService = _AuditService;
+AuditService.DEFAULT_USER_ID = "00000000-0000-0000-0000-000000000001";
+
+// src/v2/repositories/MockEventRepository.ts
+var _MockEventRepository = class _MockEventRepository {
+  constructor() {
+    this.entityType = "Event";
+    this.dataUrl = "data/mock-events.json";
+  }
+  /**
+   * Fetch all events from mock JSON file
+   */
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock events: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processCalendarData(rawData);
+    } catch (error) {
+      console.error("Failed to load event data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_event) {
+    throw new Error("MockEventRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockEventRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockEventRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processCalendarData(data) {
+    return data.map((event) => {
+      if (event.type === "customer") {
+        if (!event.bookingId)
+          console.warn(`Customer event ${event.id} missing bookingId`);
+        if (!event.resourceId)
+          console.warn(`Customer event ${event.id} missing resourceId`);
+        if (!event.customerId)
+          console.warn(`Customer event ${event.id} missing customerId`);
+      }
+      return {
+        id: event.id,
+        title: event.title,
+        description: event.description,
+        start: new Date(event.start),
+        end: new Date(event.end),
+        type: event.type,
+        allDay: event.allDay || false,
+        bookingId: event.bookingId,
+        resourceId: event.resourceId,
+        customerId: event.customerId,
+        recurringId: event.recurringId,
+        metadata: event.metadata,
+        syncStatus: "synced"
+      };
+    });
+  }
+};
+__name(_MockEventRepository, "MockEventRepository");
+var MockEventRepository = _MockEventRepository;
+
+// src/v2/repositories/MockResourceRepository.ts
+var _MockResourceRepository = class _MockResourceRepository {
+  constructor() {
+    this.entityType = "Resource";
+    this.dataUrl = "data/mock-resources.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock resources: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processResourceData(rawData);
+    } catch (error) {
+      console.error("Failed to load resource data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_resource) {
+    throw new Error("MockResourceRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockResourceRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockResourceRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processResourceData(data) {
+    return data.map((resource) => ({
+      id: resource.id,
+      name: resource.name,
+      displayName: resource.displayName,
+      type: resource.type,
+      avatarUrl: resource.avatarUrl,
+      color: resource.color,
+      isActive: resource.isActive,
+      defaultSchedule: resource.defaultSchedule,
+      metadata: resource.metadata,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockResourceRepository, "MockResourceRepository");
+var MockResourceRepository = _MockResourceRepository;
+
+// src/v2/repositories/MockBookingRepository.ts
+var _MockBookingRepository = class _MockBookingRepository {
+  constructor() {
+    this.entityType = "Booking";
+    this.dataUrl = "data/mock-bookings.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock bookings: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processBookingData(rawData);
+    } catch (error) {
+      console.error("Failed to load booking data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_booking) {
+    throw new Error("MockBookingRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockBookingRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockBookingRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processBookingData(data) {
+    return data.map((booking) => ({
+      id: booking.id,
+      customerId: booking.customerId,
+      status: booking.status,
+      createdAt: new Date(booking.createdAt),
+      services: booking.services,
+      totalPrice: booking.totalPrice,
+      tags: booking.tags,
+      notes: booking.notes,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockBookingRepository, "MockBookingRepository");
+var MockBookingRepository = _MockBookingRepository;
+
+// src/v2/repositories/MockCustomerRepository.ts
+var _MockCustomerRepository = class _MockCustomerRepository {
+  constructor() {
+    this.entityType = "Customer";
+    this.dataUrl = "data/mock-customers.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock customers: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processCustomerData(rawData);
+    } catch (error) {
+      console.error("Failed to load customer data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_customer) {
+    throw new Error("MockCustomerRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockCustomerRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockCustomerRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processCustomerData(data) {
+    return data.map((customer) => ({
+      id: customer.id,
+      name: customer.name,
+      phone: customer.phone,
+      email: customer.email,
+      metadata: customer.metadata,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockCustomerRepository, "MockCustomerRepository");
+var MockCustomerRepository = _MockCustomerRepository;
+
+// src/v2/repositories/MockAuditRepository.ts
+var _MockAuditRepository = class _MockAuditRepository {
+  constructor() {
+    this.entityType = "Audit";
+  }
+  async sendCreate(entity) {
+    await new Promise((resolve) => setTimeout(resolve, 100));
+    console.log("MockAuditRepository: Audit entry synced to backend:", {
+      id: entity.id,
+      entityType: entity.entityType,
+      entityId: entity.entityId,
+      operation: entity.operation,
+      timestamp: new Date(entity.timestamp).toISOString()
+    });
+    return entity;
+  }
+  async sendUpdate(_id, _entity) {
+    throw new Error("Audit entries cannot be updated");
+  }
+  async sendDelete(_id) {
+    throw new Error("Audit entries cannot be deleted");
+  }
+  async fetchAll() {
+    return [];
+  }
+  async fetchById(_id) {
+    return null;
+  }
+};
+__name(_MockAuditRepository, "MockAuditRepository");
+var MockAuditRepository = _MockAuditRepository;
+
+// src/v2/repositories/MockTeamRepository.ts
+var _MockTeamRepository = class _MockTeamRepository {
+  constructor() {
+    this.entityType = "Team";
+    this.dataUrl = "data/mock-teams.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock teams: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processTeamData(rawData);
+    } catch (error) {
+      console.error("Failed to load team data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_team) {
+    throw new Error("MockTeamRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockTeamRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockTeamRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processTeamData(data) {
+    return data.map((team) => ({
+      id: team.id,
+      name: team.name,
+      resourceIds: team.resourceIds,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockTeamRepository, "MockTeamRepository");
+var MockTeamRepository = _MockTeamRepository;
+
+// src/v2/repositories/MockDepartmentRepository.ts
+var _MockDepartmentRepository = class _MockDepartmentRepository {
+  constructor() {
+    this.entityType = "Department";
+    this.dataUrl = "data/mock-departments.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load mock departments: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      return this.processDepartmentData(rawData);
+    } catch (error) {
+      console.error("Failed to load department data:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_department) {
+    throw new Error("MockDepartmentRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockDepartmentRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockDepartmentRepository does not support sendDelete. Mock data is read-only.");
+  }
+  processDepartmentData(data) {
+    return data.map((dept) => ({
+      id: dept.id,
+      name: dept.name,
+      resourceIds: dept.resourceIds,
+      syncStatus: "synced"
+    }));
+  }
+};
+__name(_MockDepartmentRepository, "MockDepartmentRepository");
+var MockDepartmentRepository = _MockDepartmentRepository;
+
+// src/v2/repositories/MockSettingsRepository.ts
+var _MockSettingsRepository = class _MockSettingsRepository {
+  constructor() {
+    this.entityType = "Settings";
+    this.dataUrl = "data/tenant-settings.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load tenant settings: ${response.status} ${response.statusText}`);
+      }
+      const settings = await response.json();
+      return settings.map((s) => ({
+        ...s,
+        syncStatus: s.syncStatus || "synced"
+      }));
+    } catch (error) {
+      console.error("Failed to load tenant settings:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_settings) {
+    throw new Error("MockSettingsRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockSettingsRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockSettingsRepository does not support sendDelete. Mock data is read-only.");
+  }
+};
+__name(_MockSettingsRepository, "MockSettingsRepository");
+var MockSettingsRepository = _MockSettingsRepository;
+
+// src/v2/repositories/MockViewConfigRepository.ts
+var _MockViewConfigRepository = class _MockViewConfigRepository {
+  constructor() {
+    this.entityType = "ViewConfig";
+    this.dataUrl = "data/viewconfigs.json";
+  }
+  async fetchAll() {
+    try {
+      const response = await fetch(this.dataUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to load viewconfigs: ${response.status} ${response.statusText}`);
+      }
+      const rawData = await response.json();
+      const configs = rawData.map((config) => ({
+        ...config,
+        syncStatus: config.syncStatus || "synced"
+      }));
+      return configs;
+    } catch (error) {
+      console.error("Failed to load viewconfigs:", error);
+      throw error;
+    }
+  }
+  async sendCreate(_config) {
+    throw new Error("MockViewConfigRepository does not support sendCreate. Mock data is read-only.");
+  }
+  async sendUpdate(_id, _updates) {
+    throw new Error("MockViewConfigRepository does not support sendUpdate. Mock data is read-only.");
+  }
+  async sendDelete(_id) {
+    throw new Error("MockViewConfigRepository does not support sendDelete. Mock data is read-only.");
+  }
+};
+__name(_MockViewConfigRepository, "MockViewConfigRepository");
+var MockViewConfigRepository = _MockViewConfigRepository;
+
+// src/v2/workers/DataSeeder.ts
+var _DataSeeder = class _DataSeeder {
+  constructor(services, repositories) {
+    this.services = services;
+    this.repositories = repositories;
+  }
+  /**
+   * Seed all entity stores if they are empty
+   */
+  async seedIfEmpty() {
+    console.log("[DataSeeder] Checking if database needs seeding...");
+    try {
+      for (const service of this.services) {
+        const repository = this.repositories.find((repo) => repo.entityType === service.entityType);
+        if (!repository) {
+          console.warn(`[DataSeeder] No repository found for entity type: ${service.entityType}, skipping`);
+          continue;
+        }
+        await this.seedEntity(service.entityType, service, repository);
+      }
+      console.log("[DataSeeder] Seeding complete");
+    } catch (error) {
+      console.error("[DataSeeder] Seeding failed:", error);
+      throw error;
+    }
+  }
+  async seedEntity(entityType, service, repository) {
+    const existing = await service.getAll();
+    if (existing.length > 0) {
+      console.log(`[DataSeeder] ${entityType} store already has ${existing.length} items, skipping seed`);
+      return;
+    }
+    console.log(`[DataSeeder] ${entityType} store is empty, fetching from repository...`);
+    const data = await repository.fetchAll();
+    console.log(`[DataSeeder] Fetched ${data.length} ${entityType} items, saving to IndexedDB...`);
+    for (const entity of data) {
+      await service.save(entity, true);
+    }
+    console.log(`[DataSeeder] ${entityType} seeding complete (${data.length} items saved)`);
+  }
+};
+__name(_DataSeeder, "DataSeeder");
+var DataSeeder = _DataSeeder;
+
+// src/v2/utils/PositionUtils.ts
+function calculateEventPosition(start, end, config) {
+  const startMinutes = start.getHours() * 60 + start.getMinutes();
+  const endMinutes = end.getHours() * 60 + end.getMinutes();
+  const dayStartMinutes = config.dayStartHour * 60;
+  const minuteHeight = config.hourHeight / 60;
+  const top = (startMinutes - dayStartMinutes) * minuteHeight;
+  const height = (endMinutes - startMinutes) * minuteHeight;
+  return { top, height };
+}
+__name(calculateEventPosition, "calculateEventPosition");
+function minutesToPixels(minutes, config) {
+  return minutes / 60 * config.hourHeight;
+}
+__name(minutesToPixels, "minutesToPixels");
+function pixelsToMinutes(pixels, config) {
+  return pixels / config.hourHeight * 60;
+}
+__name(pixelsToMinutes, "pixelsToMinutes");
+function snapToGrid(pixels, config) {
+  const snapPixels = minutesToPixels(config.snapInterval, config);
+  return Math.round(pixels / snapPixels) * snapPixels;
+}
+__name(snapToGrid, "snapToGrid");
+
+// src/v2/features/event/EventLayoutEngine.ts
+function eventsOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+__name(eventsOverlap, "eventsOverlap");
+function eventsWithinThreshold(a, b, thresholdMinutes) {
+  const thresholdMs = thresholdMinutes * 60 * 1e3;
+  const startToStartDiff = Math.abs(a.start.getTime() - b.start.getTime());
+  if (startToStartDiff <= thresholdMs)
+    return true;
+  const bStartsBeforeAEnds = a.end.getTime() - b.start.getTime();
+  if (bStartsBeforeAEnds > 0 && bStartsBeforeAEnds <= thresholdMs)
+    return true;
+  const aStartsBeforeBEnds = b.end.getTime() - a.start.getTime();
+  if (aStartsBeforeBEnds > 0 && aStartsBeforeBEnds <= thresholdMs)
+    return true;
+  return false;
+}
+__name(eventsWithinThreshold, "eventsWithinThreshold");
+function findOverlapGroups(events) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsOverlap(member, candidate));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findOverlapGroups, "findOverlapGroups");
+function findGridCandidates(events, thresholdMinutes) {
+  if (events.length === 0)
+    return [];
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const used = /* @__PURE__ */ new Set();
+  const groups = [];
+  for (const event of sorted) {
+    if (used.has(event.id))
+      continue;
+    const group = [event];
+    used.add(event.id);
+    let expanded = true;
+    while (expanded) {
+      expanded = false;
+      for (const candidate of sorted) {
+        if (used.has(candidate.id))
+          continue;
+        const connects = group.some((member) => eventsWithinThreshold(member, candidate, thresholdMinutes));
+        if (connects) {
+          group.push(candidate);
+          used.add(candidate.id);
+          expanded = true;
+        }
+      }
+    }
+    groups.push(group);
+  }
+  return groups;
+}
+__name(findGridCandidates, "findGridCandidates");
+function calculateStackLevels(events) {
+  const levels = /* @__PURE__ */ new Map();
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const event of sorted) {
+    let maxOverlappingLevel = -1;
+    for (const [id, level] of levels) {
+      const other = events.find((e) => e.id === id);
+      if (other && eventsOverlap(event, other)) {
+        maxOverlappingLevel = Math.max(maxOverlappingLevel, level);
+      }
+    }
+    levels.set(event.id, maxOverlappingLevel + 1);
+  }
+  return levels;
+}
+__name(calculateStackLevels, "calculateStackLevels");
+function allocateColumns(events) {
+  const sorted = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
+  const columns = [];
+  for (const event of sorted) {
+    let placed = false;
+    for (const column of columns) {
+      const canFit = !column.some((e) => eventsOverlap(event, e));
+      if (canFit) {
+        column.push(event);
+        placed = true;
+        break;
+      }
+    }
+    if (!placed) {
+      columns.push([event]);
+    }
+  }
+  return columns;
+}
+__name(allocateColumns, "allocateColumns");
+function calculateColumnLayout(events, config) {
+  const thresholdMinutes = config.gridStartThresholdMinutes ?? 10;
+  const result = {
+    grids: [],
+    stacked: []
+  };
+  if (events.length === 0)
+    return result;
+  const overlapGroups = findOverlapGroups(events);
+  for (const overlapGroup of overlapGroups) {
+    if (overlapGroup.length === 1) {
+      result.stacked.push({
+        event: overlapGroup[0],
+        stackLevel: 0
+      });
+      continue;
+    }
+    const gridSubgroups = findGridCandidates(overlapGroup, thresholdMinutes);
+    const largestGridCandidate = gridSubgroups.reduce((max, g) => g.length > max.length ? g : max, gridSubgroups[0]);
+    if (largestGridCandidate.length === overlapGroup.length) {
+      const columns = allocateColumns(overlapGroup);
+      const earliest = overlapGroup.reduce((min, e) => e.start < min.start ? e : min, overlapGroup[0]);
+      const position = calculateEventPosition(earliest.start, earliest.end, config);
+      result.grids.push({
+        events: overlapGroup,
+        columns,
+        stackLevel: 0,
+        position: { top: position.top }
+      });
+    } else {
+      const levels = calculateStackLevels(overlapGroup);
+      for (const event of overlapGroup) {
+        result.stacked.push({
+          event,
+          stackLevel: levels.get(event.id) ?? 0
+        });
+      }
+    }
+  }
+  return result;
+}
+__name(calculateColumnLayout, "calculateColumnLayout");
+
+// src/v2/features/event/EventRenderer.ts
+var _EventRenderer = class _EventRenderer {
+  constructor(eventService, dateService, gridConfig, eventBus) {
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+    this.eventBus = eventBus;
+    this.container = null;
+    this.setupListeners();
+  }
+  /**
+   * Setup listeners for drag-drop and update events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, (e) => {
+      const payload = e.detail;
+      this.handleColumnChange(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE, (e) => {
+      const payload = e.detail;
+      this.updateDragTimestamp(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_UPDATED, (e) => {
+      const payload = e.detail;
+      this.handleEventUpdated(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeaveHeader(payload);
+    });
+  }
+  /**
+   * Handle EVENT_DRAG_END - remove element if dropped in header
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      const element = this.container?.querySelector(`swp-content-viewport swp-event[data-event-id="${payload.swpEvent.eventId}"]`);
+      element?.remove();
+    }
+  }
+  /**
+   * Handle header item leaving header - create swp-event in grid
+   */
+  handleDragLeaveHeader(payload) {
+    if (payload.source !== "header")
+      return;
+    if (!payload.targetColumn || !payload.start || !payload.end)
+      return;
+    if (payload.element) {
+      payload.element.classList.add("drag-ghost");
+      payload.element.style.opacity = "0.3";
+      payload.element.style.pointerEvents = "none";
+    }
+    const event = {
+      id: payload.eventId,
+      title: payload.title || "",
+      description: "",
+      start: payload.start,
+      end: payload.end,
+      type: "customer",
+      allDay: false,
+      syncStatus: "pending"
+    };
+    const element = this.createEventElement(event);
+    let eventsLayer = payload.targetColumn.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      payload.targetColumn.appendChild(eventsLayer);
+    }
+    eventsLayer.appendChild(element);
+    element.classList.add("dragging");
+  }
+  /**
+   * Handle EVENT_UPDATED - re-render affected columns
+   */
+  async handleEventUpdated(payload) {
+    if (payload.sourceColumnKey !== payload.targetColumnKey) {
+      await this.rerenderColumn(payload.sourceColumnKey);
+    }
+    await this.rerenderColumn(payload.targetColumnKey);
+  }
+  /**
+   * Re-render a single column with fresh data from IndexedDB
+   */
+  async rerenderColumn(columnKey) {
+    const column = this.findColumn(columnKey);
+    if (!column)
+      return;
+    const date = column.dataset.date;
+    const resourceId = column.dataset.resourceId;
+    if (!date)
+      return;
+    const startDate = new Date(date);
+    const endDate = new Date(date);
+    endDate.setHours(23, 59, 59, 999);
+    const events = resourceId ? await this.eventService.getByResourceAndDateRange(resourceId, startDate, endDate) : await this.eventService.getByDateRange(startDate, endDate);
+    const timedEvents = events.filter((event) => !event.allDay && this.dateService.getDateKey(event.start) === date);
+    let eventsLayer = column.querySelector("swp-events-layer");
+    if (!eventsLayer) {
+      eventsLayer = document.createElement("swp-events-layer");
+      column.appendChild(eventsLayer);
+    }
+    eventsLayer.innerHTML = "";
+    const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+    layout.grids.forEach((grid) => {
+      const groupEl = this.renderGridGroup(grid);
+      eventsLayer.appendChild(groupEl);
+    });
+    layout.stacked.forEach((item) => {
+      const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+      eventsLayer.appendChild(eventEl);
+    });
+  }
+  /**
+   * Find a column element by columnKey
+   */
+  findColumn(columnKey) {
+    if (!this.container)
+      return null;
+    return this.container.querySelector(`swp-day-column[data-column-key="${columnKey}"]`);
+  }
+  /**
+   * Handle event moving to a new column during drag
+   */
+  handleColumnChange(payload) {
+    const eventsLayer = payload.newColumn.querySelector("swp-events-layer");
+    if (!eventsLayer)
+      return;
+    eventsLayer.appendChild(payload.element);
+    payload.element.style.top = `${payload.currentY}px`;
+  }
+  /**
+   * Update timestamp display during drag (snapped to grid)
+   */
+  updateDragTimestamp(payload) {
+    const timeEl = payload.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const snappedY = snapToGrid(payload.currentY, this.gridConfig);
+    const minutesFromGridStart = pixelsToMinutes(snappedY, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + minutesFromGridStart;
+    const height = parseFloat(payload.element.style.height) || this.gridConfig.hourHeight;
+    const durationMinutes = pixelsToMinutes(height, this.gridConfig);
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(startMinutes + durationMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to a Date object (today)
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Render events for visible dates into day columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and optionally 'resource' arrays
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container2, filter, filterTemplate) {
+    this.container = container2;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const dayColumns = container2.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    columns.forEach((column) => {
+      const columnEl = column;
+      const columnEvents = events.filter((event) => filterTemplate.matches(event, columnEl));
+      let eventsLayer = column.querySelector("swp-events-layer");
+      if (!eventsLayer) {
+        eventsLayer = document.createElement("swp-events-layer");
+        column.appendChild(eventsLayer);
+      }
+      eventsLayer.innerHTML = "";
+      const timedEvents = columnEvents.filter((event) => !event.allDay);
+      const layout = calculateColumnLayout(timedEvents, this.gridConfig);
+      layout.grids.forEach((grid) => {
+        const groupEl = this.renderGridGroup(grid);
+        eventsLayer.appendChild(groupEl);
+      });
+      layout.stacked.forEach((item) => {
+        const eventEl = this.renderStackedEvent(item.event, item.stackLevel);
+        eventsLayer.appendChild(eventEl);
+      });
+    });
+  }
+  /**
+   * Create a single event element
+   *
+   * CLEAN approach:
+   * - Only data-id for lookup
+   * - Visible content in innerHTML only
+   */
+  createEventElement(event) {
+    const element = document.createElement("swp-event");
+    element.dataset.eventId = event.id;
+    if (event.resourceId) {
+      element.dataset.resourceId = event.resourceId;
+    }
+    const position = calculateEventPosition(event.start, event.end, this.gridConfig);
+    element.style.top = `${position.top}px`;
+    element.style.height = `${position.height}px`;
+    const colorClass = this.getColorClass(event);
+    if (colorClass) {
+      element.classList.add(colorClass);
+    }
+    element.innerHTML = `
+      <swp-event-time>${this.dateService.formatTimeRange(event.start, event.end)}</swp-event-time>
+      <swp-event-title>${this.escapeHtml(event.title)}</swp-event-title>
+      ${event.description ? `<swp-event-description>${this.escapeHtml(event.description)}</swp-event-description>` : ""}
+    `;
+    return element;
+  }
+  /**
+   * Get color class based on metadata.color or event type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
+  /**
+   * Render a GRID group with side-by-side columns
+   * Used when multiple events start at the same time
+   */
+  renderGridGroup(layout) {
+    const group = document.createElement("swp-event-group");
+    group.classList.add(`cols-${layout.columns.length}`);
+    group.style.top = `${layout.position.top}px`;
+    if (layout.stackLevel > 0) {
+      group.style.marginLeft = `${layout.stackLevel * 15}px`;
+      group.style.zIndex = `${100 + layout.stackLevel}`;
+    }
+    let maxBottom = 0;
+    for (const event of layout.events) {
+      const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+      const eventBottom = pos.top + pos.height;
+      if (eventBottom > maxBottom)
+        maxBottom = eventBottom;
+    }
+    const groupHeight = maxBottom - layout.position.top;
+    group.style.height = `${groupHeight}px`;
+    layout.columns.forEach((columnEvents) => {
+      const wrapper = document.createElement("div");
+      wrapper.style.position = "relative";
+      columnEvents.forEach((event) => {
+        const eventEl = this.createEventElement(event);
+        const pos = calculateEventPosition(event.start, event.end, this.gridConfig);
+        eventEl.style.top = `${pos.top - layout.position.top}px`;
+        eventEl.style.position = "absolute";
+        eventEl.style.left = "0";
+        eventEl.style.right = "0";
+        wrapper.appendChild(eventEl);
+      });
+      group.appendChild(wrapper);
+    });
+    return group;
+  }
+  /**
+   * Render a STACKED event with margin-left offset
+   * Used for overlapping events that don't start at the same time
+   */
+  renderStackedEvent(event, stackLevel) {
+    const element = this.createEventElement(event);
+    element.dataset.stackLink = JSON.stringify({ stackLevel });
+    if (stackLevel > 0) {
+      element.style.marginLeft = `${stackLevel * 15}px`;
+      element.style.zIndex = `${100 + stackLevel}`;
+    }
+    return element;
+  }
+};
+__name(_EventRenderer, "EventRenderer");
+var EventRenderer = _EventRenderer;
+
+// src/v2/features/schedule/ScheduleRenderer.ts
+var _ScheduleRenderer = class _ScheduleRenderer {
+  constructor(scheduleService, dateService, gridConfig) {
+    this.scheduleService = scheduleService;
+    this.dateService = dateService;
+    this.gridConfig = gridConfig;
+  }
+  /**
+   * Render unavailable zones for visible columns
+   * @param container - Calendar container element
+   * @param filter - Filter with 'date' and 'resource' arrays
+   */
+  async render(container2, filter) {
+    const dates = filter["date"] || [];
+    const resourceIds = filter["resource"] || [];
+    if (dates.length === 0)
+      return;
+    const dayColumns = container2.querySelector("swp-day-columns");
+    if (!dayColumns)
+      return;
+    const columns = dayColumns.querySelectorAll("swp-day-column");
+    for (const column of columns) {
+      const date = column.dataset.date;
+      const resourceId = column.dataset.resourceId;
+      if (!date || !resourceId)
+        continue;
+      let unavailableLayer = column.querySelector("swp-unavailable-layer");
+      if (!unavailableLayer) {
+        unavailableLayer = document.createElement("swp-unavailable-layer");
+        column.insertBefore(unavailableLayer, column.firstChild);
+      }
+      unavailableLayer.innerHTML = "";
+      const schedule = await this.scheduleService.getScheduleForDate(resourceId, date);
+      this.renderUnavailableZones(unavailableLayer, schedule);
+    }
+  }
+  /**
+   * Render unavailable time zones based on schedule
+   */
+  renderUnavailableZones(layer, schedule) {
+    const dayStartMinutes = this.gridConfig.dayStartHour * 60;
+    const dayEndMinutes = this.gridConfig.dayEndHour * 60;
+    const minuteHeight = this.gridConfig.hourHeight / 60;
+    if (schedule === null) {
+      const zone = this.createUnavailableZone(0, (dayEndMinutes - dayStartMinutes) * minuteHeight);
+      layer.appendChild(zone);
+      return;
+    }
+    const workStartMinutes = this.dateService.timeToMinutes(schedule.start);
+    const workEndMinutes = this.dateService.timeToMinutes(schedule.end);
+    if (workStartMinutes > dayStartMinutes) {
+      const top = 0;
+      const height = (workStartMinutes - dayStartMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+    if (workEndMinutes < dayEndMinutes) {
+      const top = (workEndMinutes - dayStartMinutes) * minuteHeight;
+      const height = (dayEndMinutes - workEndMinutes) * minuteHeight;
+      const zone = this.createUnavailableZone(top, height);
+      layer.appendChild(zone);
+    }
+  }
+  /**
+   * Create an unavailable zone element
+   */
+  createUnavailableZone(top, height) {
+    const zone = document.createElement("swp-unavailable-zone");
+    zone.style.top = `${top}px`;
+    zone.style.height = `${height}px`;
+    return zone;
+  }
+};
+__name(_ScheduleRenderer, "ScheduleRenderer");
+var ScheduleRenderer = _ScheduleRenderer;
+
+// src/v2/features/headerdrawer/HeaderDrawerRenderer.ts
+var _HeaderDrawerRenderer = class _HeaderDrawerRenderer {
+  constructor(eventBus, gridConfig, headerDrawerManager, eventService, dateService) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.headerDrawerManager = headerDrawerManager;
+    this.eventService = eventService;
+    this.dateService = dateService;
+    this.currentItem = null;
+    this.container = null;
+    this.sourceElement = null;
+    this.wasExpandedBeforeDrag = false;
+    this.filterTemplate = null;
+    this.setupListeners();
+  }
+  /**
+   * Render allDay events into the header drawer with row stacking
+   * @param filterTemplate - Template for matching events to columns
+   */
+  async render(container2, filter, filterTemplate) {
+    this.filterTemplate = filterTemplate;
+    const drawer = container2.querySelector("swp-header-drawer");
+    if (!drawer)
+      return;
+    const visibleDates = filter["date"] || [];
+    if (visibleDates.length === 0)
+      return;
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0)
+      return;
+    const startDate = new Date(visibleDates[0]);
+    const endDate = new Date(visibleDates[visibleDates.length - 1]);
+    endDate.setHours(23, 59, 59, 999);
+    const events = await this.eventService.getByDateRange(startDate, endDate);
+    const allDayEvents = events.filter((event) => event.allDay !== false);
+    drawer.innerHTML = "";
+    if (allDayEvents.length === 0)
+      return;
+    const layouts = this.calculateLayout(allDayEvents, visibleColumnKeys);
+    const rowCount = Math.max(1, ...layouts.map((l) => l.row));
+    layouts.forEach((layout) => {
+      const item = this.createHeaderItem(layout);
+      drawer.appendChild(item);
+    });
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+  /**
+   * Create a header item element from layout
+   */
+  createHeaderItem(layout) {
+    const { event, columnKey, row, colStart, colEnd } = layout;
+    const item = document.createElement("swp-header-item");
+    item.dataset.eventId = event.id;
+    item.dataset.itemType = "event";
+    item.dataset.start = event.start.toISOString();
+    item.dataset.end = event.end.toISOString();
+    item.dataset.columnKey = columnKey;
+    item.textContent = event.title;
+    const colorClass = this.getColorClass(event);
+    if (colorClass)
+      item.classList.add(colorClass);
+    item.style.gridArea = `${row} / ${colStart} / ${row + 1} / ${colEnd}`;
+    return item;
+  }
+  /**
+   * Calculate layout for all events with row stacking
+   * Uses track-based algorithm to find available rows for overlapping events
+   */
+  calculateLayout(events, visibleColumnKeys) {
+    const tracks = [new Array(visibleColumnKeys.length).fill(false)];
+    const layouts = [];
+    for (const event of events) {
+      const columnKey = this.buildColumnKeyFromEvent(event);
+      const startCol = visibleColumnKeys.indexOf(columnKey);
+      const endColumnKey = this.buildColumnKeyFromEvent(event, event.end);
+      const endCol = visibleColumnKeys.indexOf(endColumnKey);
+      if (startCol === -1 && endCol === -1)
+        continue;
+      const colStart = Math.max(0, startCol);
+      const colEnd = (endCol !== -1 ? endCol : visibleColumnKeys.length - 1) + 1;
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+      layouts.push({ event, columnKey, row: row + 1, colStart: colStart + 1, colEnd: colEnd + 1 });
+    }
+    return layouts;
+  }
+  /**
+   * Build columnKey from event using FilterTemplate
+   * Uses the same template that columns use for matching
+   */
+  buildColumnKeyFromEvent(event, date) {
+    if (!this.filterTemplate) {
+      const dateStr = this.dateService.getDateKey(date || event.start);
+      return dateStr;
+    }
+    if (date && date.getTime() !== event.start.getTime()) {
+      const tempEvent = { ...event, start: date };
+      return this.filterTemplate.buildKeyFromEvent(tempEvent);
+    }
+    return this.filterTemplate.buildKeyFromEvent(event);
+  }
+  /**
+   * Find available row for event spanning columns [colStart, colEnd)
+   */
+  findAvailableRow(tracks, colStart, colEnd) {
+    for (let row = 0; row < tracks.length; row++) {
+      let available = true;
+      for (let c = colStart; c < colEnd; c++) {
+        if (tracks[row][c]) {
+          available = false;
+          break;
+        }
+      }
+      if (available)
+        return row;
+    }
+    tracks.push(new Array(tracks[0].length).fill(false));
+    return tracks.length - 1;
+  }
+  /**
+   * Get color class based on event metadata or type
+   */
+  getColorClass(event) {
+    if (event.metadata?.color) {
+      return `is-${event.metadata.color}`;
+    }
+    const typeColors = {
+      "customer": "is-blue",
+      "vacation": "is-green",
+      "break": "is-amber",
+      "meeting": "is-purple",
+      "blocked": "is-red"
+    };
+    return typeColors[event.type] || "is-blue";
+  }
+  /**
+   * Setup event listeners for drag events
+   */
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_ENTER_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragEnter(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_MOVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragMove(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_LEAVE_HEADER, (e) => {
+      const payload = e.detail;
+      this.handleDragLeave(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, (e) => {
+      const payload = e.detail;
+      this.handleDragEnd(payload);
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => {
+      this.cleanup();
+    });
+  }
+  /**
+   * Handle drag entering header zone - create preview item
+   */
+  handleDragEnter(payload) {
+    this.container = document.querySelector("swp-header-drawer");
+    if (!this.container)
+      return;
+    this.wasExpandedBeforeDrag = this.headerDrawerManager.isExpanded();
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.expandToRows(1);
+    }
+    this.sourceElement = payload.element;
+    const item = document.createElement("swp-header-item");
+    item.dataset.eventId = payload.eventId;
+    item.dataset.itemType = payload.itemType;
+    item.dataset.duration = String(payload.duration);
+    item.dataset.columnKey = payload.sourceColumnKey;
+    item.textContent = payload.title;
+    if (payload.colorClass) {
+      item.classList.add(payload.colorClass);
+    }
+    item.classList.add("dragging");
+    const col = payload.sourceColumnIndex + 1;
+    const endCol = col + payload.duration;
+    item.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+    this.container.appendChild(item);
+    this.currentItem = item;
+    payload.element.style.visibility = "hidden";
+  }
+  /**
+   * Handle drag moving within header - update column position
+   */
+  handleDragMove(payload) {
+    if (!this.currentItem)
+      return;
+    const col = payload.columnIndex + 1;
+    const duration = parseInt(this.currentItem.dataset.duration || "1", 10);
+    const endCol = col + duration;
+    this.currentItem.style.gridArea = `1 / ${col} / 2 / ${endCol}`;
+    this.currentItem.dataset.columnKey = payload.columnKey;
+  }
+  /**
+   * Handle drag leaving header - cleanup for grid→header drag only
+   */
+  handleDragLeave(payload) {
+    if (payload.source === "grid") {
+      this.cleanup();
+    }
+  }
+  /**
+   * Handle drag end - finalize based on drop target
+   */
+  handleDragEnd(payload) {
+    if (payload.target === "header") {
+      if (this.currentItem) {
+        this.currentItem.classList.remove("dragging");
+        this.recalculateDrawerLayout();
+        this.currentItem = null;
+        this.sourceElement = null;
+      }
+    } else {
+      const ghost = document.querySelector(`swp-header-item.drag-ghost[data-event-id="${payload.swpEvent.eventId}"]`);
+      ghost?.remove();
+      this.recalculateDrawerLayout();
+    }
+  }
+  /**
+   * Recalculate layout for all items currently in the drawer
+   * Called after drop to reposition items and adjust height
+   */
+  recalculateDrawerLayout() {
+    const drawer = document.querySelector("swp-header-drawer");
+    if (!drawer)
+      return;
+    const items = Array.from(drawer.querySelectorAll("swp-header-item"));
+    if (items.length === 0)
+      return;
+    const visibleColumnKeys = this.getVisibleColumnKeysFromDOM();
+    if (visibleColumnKeys.length === 0)
+      return;
+    const itemData = items.map((item) => ({
+      element: item,
+      columnKey: item.dataset.columnKey || "",
+      duration: parseInt(item.dataset.duration || "1", 10)
+    }));
+    const tracks = [new Array(visibleColumnKeys.length).fill(false)];
+    for (const item of itemData) {
+      const startCol = visibleColumnKeys.indexOf(item.columnKey);
+      if (startCol === -1)
+        continue;
+      const colStart = startCol;
+      const colEnd = Math.min(startCol + item.duration, visibleColumnKeys.length);
+      const row = this.findAvailableRow(tracks, colStart, colEnd);
+      for (let c = colStart; c < colEnd; c++) {
+        tracks[row][c] = true;
+      }
+      item.element.style.gridArea = `${row + 1} / ${colStart + 1} / ${row + 2} / ${colEnd + 1}`;
+    }
+    const rowCount = tracks.length;
+    this.headerDrawerManager.expandToRows(rowCount);
+  }
+  /**
+   * Get visible column keys from DOM (preserves order for multi-resource views)
+   * Uses filterTemplate.buildKeyFromColumn() for consistent key format with events
+   */
+  getVisibleColumnKeysFromDOM() {
+    if (!this.filterTemplate)
+      return [];
+    const columns = document.querySelectorAll("swp-day-column");
+    const columnKeys = [];
+    columns.forEach((col) => {
+      const columnKey = this.filterTemplate.buildKeyFromColumn(col);
+      if (columnKey)
+        columnKeys.push(columnKey);
+    });
+    return columnKeys;
+  }
+  /**
+   * Cleanup preview item and restore source visibility
+   */
+  cleanup() {
+    this.currentItem?.remove();
+    this.currentItem = null;
+    if (this.sourceElement) {
+      this.sourceElement.style.visibility = "";
+      this.sourceElement = null;
+    }
+    if (!this.wasExpandedBeforeDrag) {
+      this.headerDrawerManager.collapse();
+    }
+  }
+};
+__name(_HeaderDrawerRenderer, "HeaderDrawerRenderer");
+var HeaderDrawerRenderer = _HeaderDrawerRenderer;
+
+// src/v2/storage/schedules/ScheduleOverrideStore.ts
+var _ScheduleOverrideStore = class _ScheduleOverrideStore {
+  constructor() {
+    this.storeName = _ScheduleOverrideStore.STORE_NAME;
+  }
+  create(db) {
+    const store = db.createObjectStore(_ScheduleOverrideStore.STORE_NAME, { keyPath: "id" });
+    store.createIndex("resourceId", "resourceId", { unique: false });
+    store.createIndex("date", "date", { unique: false });
+    store.createIndex("resourceId_date", ["resourceId", "date"], { unique: true });
+    store.createIndex("syncStatus", "syncStatus", { unique: false });
+  }
+};
+__name(_ScheduleOverrideStore, "ScheduleOverrideStore");
+var ScheduleOverrideStore = _ScheduleOverrideStore;
+ScheduleOverrideStore.STORE_NAME = "scheduleOverrides";
+
+// src/v2/storage/schedules/ScheduleOverrideService.ts
+var _ScheduleOverrideService = class _ScheduleOverrideService {
+  constructor(context) {
+    this.context = context;
+  }
+  get db() {
+    return this.context.getDatabase();
+  }
+  /**
+   * Get override for a specific resource and date
+   */
+  async getOverride(resourceId, date) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readonly");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index("resourceId_date");
+      const request = index.get([resourceId, date]);
+      request.onsuccess = () => {
+        resolve(request.result || null);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get override for ${resourceId} on ${date}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get all overrides for a resource
+   */
+  async getByResource(resourceId) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readonly");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const index = store.index("resourceId");
+      const request = index.getAll(resourceId);
+      request.onsuccess = () => {
+        resolve(request.result || []);
+      };
+      request.onerror = () => {
+        reject(new Error(`Failed to get overrides for ${resourceId}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Get overrides for a date range
+   */
+  async getByDateRange(resourceId, startDate, endDate) {
+    const all = await this.getByResource(resourceId);
+    return all.filter((o) => o.date >= startDate && o.date <= endDate);
+  }
+  /**
+   * Save an override
+   */
+  async save(override) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readwrite");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.put(override);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to save override ${override.id}: ${request.error}`));
+      };
+    });
+  }
+  /**
+   * Delete an override
+   */
+  async delete(id) {
+    return new Promise((resolve, reject) => {
+      const transaction = this.db.transaction([ScheduleOverrideStore.STORE_NAME], "readwrite");
+      const store = transaction.objectStore(ScheduleOverrideStore.STORE_NAME);
+      const request = store.delete(id);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(new Error(`Failed to delete override ${id}: ${request.error}`));
+      };
+    });
+  }
+};
+__name(_ScheduleOverrideService, "ScheduleOverrideService");
+var ScheduleOverrideService = _ScheduleOverrideService;
+
+// src/v2/storage/schedules/ResourceScheduleService.ts
+var _ResourceScheduleService = class _ResourceScheduleService {
+  constructor(resourceService, overrideService, dateService) {
+    this.resourceService = resourceService;
+    this.overrideService = overrideService;
+    this.dateService = dateService;
+  }
+  /**
+   * Get effective schedule for a resource on a specific date
+   *
+   * @param resourceId - Resource ID
+   * @param date - Date string "YYYY-MM-DD"
+   * @returns ITimeSlot or null (fri/closed)
+   */
+  async getScheduleForDate(resourceId, date) {
+    const override = await this.overrideService.getOverride(resourceId, date);
+    if (override) {
+      return override.schedule;
+    }
+    const resource = await this.resourceService.get(resourceId);
+    if (!resource || !resource.defaultSchedule) {
+      return null;
+    }
+    const weekDay = this.dateService.getISOWeekDay(date);
+    return resource.defaultSchedule[weekDay] || null;
+  }
+  /**
+   * Get schedules for multiple dates
+   *
+   * @param resourceId - Resource ID
+   * @param dates - Array of date strings "YYYY-MM-DD"
+   * @returns Map of date -> ITimeSlot | null
+   */
+  async getSchedulesForDates(resourceId, dates) {
+    const result = /* @__PURE__ */ new Map();
+    const resource = await this.resourceService.get(resourceId);
+    const overrides = dates.length > 0 ? await this.overrideService.getByDateRange(resourceId, dates[0], dates[dates.length - 1]) : [];
+    const overrideMap = new Map(overrides.map((o) => [o.date, o.schedule]));
+    for (const date of dates) {
+      if (overrideMap.has(date)) {
+        result.set(date, overrideMap.get(date));
+        continue;
+      }
+      if (resource?.defaultSchedule) {
+        const weekDay = this.dateService.getISOWeekDay(date);
+        result.set(date, resource.defaultSchedule[weekDay] || null);
+      } else {
+        result.set(date, null);
+      }
+    }
+    return result;
+  }
+};
+__name(_ResourceScheduleService, "ResourceScheduleService");
+var ResourceScheduleService = _ResourceScheduleService;
+
+// src/v2/types/SwpEvent.ts
+var _SwpEvent = class _SwpEvent {
+  constructor(element, columnKey, start, end) {
+    this.element = element;
+    this.columnKey = columnKey;
+    this._start = start;
+    this._end = end;
+  }
+  /** Event ID from element.dataset.eventId */
+  get eventId() {
+    return this.element.dataset.eventId || "";
+  }
+  get start() {
+    return this._start;
+  }
+  get end() {
+    return this._end;
+  }
+  /** Duration in minutes */
+  get durationMinutes() {
+    return (this._end.getTime() - this._start.getTime()) / (1e3 * 60);
+  }
+  /** Duration in milliseconds */
+  get durationMs() {
+    return this._end.getTime() - this._start.getTime();
+  }
+  /**
+   * Factory: Create SwpEvent from element + columnKey
+   * Reads top/height from element.style to calculate start/end
+   * @param columnKey - Opaque column identifier (do NOT parse - use only for matching)
+   * @param date - Date string (YYYY-MM-DD) for time calculations
+   */
+  static fromElement(element, columnKey, date, gridConfig) {
+    const topPixels = parseFloat(element.style.top) || 0;
+    const heightPixels = parseFloat(element.style.height) || 0;
+    const startMinutesFromGrid = topPixels / gridConfig.hourHeight * 60;
+    const totalMinutes = gridConfig.dayStartHour * 60 + startMinutesFromGrid;
+    const start = new Date(date);
+    start.setHours(Math.floor(totalMinutes / 60), totalMinutes % 60, 0, 0);
+    const durationMinutes = heightPixels / gridConfig.hourHeight * 60;
+    const end = new Date(start.getTime() + durationMinutes * 60 * 1e3);
+    return new _SwpEvent(element, columnKey, start, end);
+  }
+};
+__name(_SwpEvent, "SwpEvent");
+var SwpEvent = _SwpEvent;
+
+// src/v2/managers/DragDropManager.ts
+var _DragDropManager = class _DragDropManager {
+  constructor(eventBus, gridConfig) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.dragState = null;
+    this.mouseDownPosition = null;
+    this.pendingElement = null;
+    this.pendingMouseOffset = null;
+    this.container = null;
+    this.inHeader = false;
+    this.DRAG_THRESHOLD = 5;
+    this.INTERPOLATION_FACTOR = 0.3;
+    this.handlePointerDown = (e) => {
+      const target = e.target;
+      if (target.closest("swp-resize-handle"))
+        return;
+      const eventElement = target.closest("swp-event");
+      const headerItem = target.closest("swp-header-item");
+      const draggable = eventElement || headerItem;
+      if (!draggable)
+        return;
+      this.mouseDownPosition = { x: e.clientX, y: e.clientY };
+      this.pendingElement = draggable;
+      const rect = draggable.getBoundingClientRect();
+      this.pendingMouseOffset = {
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top
+      };
+      draggable.setPointerCapture(e.pointerId);
+    };
+    this.handlePointerMove = (e) => {
+      if (!this.mouseDownPosition || !this.pendingElement) {
+        if (this.dragState) {
+          this.updateDragTarget(e);
+        }
+        return;
+      }
+      const deltaX = Math.abs(e.clientX - this.mouseDownPosition.x);
+      const deltaY = Math.abs(e.clientY - this.mouseDownPosition.y);
+      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+      if (distance < this.DRAG_THRESHOLD)
+        return;
+      this.initializeDrag(this.pendingElement, this.pendingMouseOffset, e);
+      this.mouseDownPosition = null;
+      this.pendingElement = null;
+      this.pendingMouseOffset = null;
+    };
+    this.handlePointerUp = (_e) => {
+      this.mouseDownPosition = null;
+      this.pendingElement = null;
+      this.pendingMouseOffset = null;
+      if (!this.dragState)
+        return;
+      cancelAnimationFrame(this.dragState.animationId);
+      if (this.dragState.dragSource === "header") {
+        this.handleHeaderItemDragEnd();
+      } else {
+        this.handleGridEventDragEnd();
+      }
+      this.dragState.element.classList.remove("dragging");
+      this.dragState = null;
+      this.inHeader = false;
+    };
+    this.animateDrag = () => {
+      if (!this.dragState)
+        return;
+      const diff2 = this.dragState.targetY - this.dragState.currentY;
+      if (Math.abs(diff2) <= 0.5) {
+        this.dragState.animationId = 0;
+        return;
+      }
+      this.dragState.currentY += diff2 * this.INTERPOLATION_FACTOR;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+      if (this.dragState.columnElement) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          currentY: this.dragState.currentY,
+          columnElement: this.dragState.columnElement
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE, payload);
+      }
+      this.dragState.animationId = requestAnimationFrame(this.animateDrag);
+    };
+    this.setupScrollListener();
+  }
+  setupScrollListener() {
+    this.eventBus.on(CoreEvents.EDGE_SCROLL_TICK, (e) => {
+      if (!this.dragState)
+        return;
+      const { scrollDelta } = e.detail;
+      this.dragState.targetY += scrollDelta;
+      this.dragState.currentY += scrollDelta;
+      this.dragState.element.style.top = `${this.dragState.currentY}px`;
+    });
+  }
+  /**
+   * Initialize drag-drop on a container element
+   */
+  init(container2) {
+    this.container = container2;
+    container2.addEventListener("pointerdown", this.handlePointerDown);
+    document.addEventListener("pointermove", this.handlePointerMove);
+    document.addEventListener("pointerup", this.handlePointerUp);
+  }
+  /**
+   * Handle drag end for header items
+   */
+  handleHeaderItemDragEnd() {
+    if (!this.dragState)
+      return;
+    if (!this.inHeader && this.dragState.currentColumn) {
+      const gridEvent = this.dragState.currentColumn.querySelector(`swp-event[data-event-id="${this.dragState.eventId}"]`);
+      if (gridEvent) {
+        const columnKey = this.dragState.currentColumn.dataset.columnKey || "";
+        const date = this.dragState.currentColumn.dataset.date || "";
+        const swpEvent = SwpEvent.fromElement(gridEvent, columnKey, date, this.gridConfig);
+        const payload = {
+          swpEvent,
+          sourceColumnKey: this.dragState.sourceColumnKey,
+          target: "grid"
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+      }
+    }
+  }
+  /**
+   * Handle drag end for grid events
+   */
+  handleGridEventDragEnd() {
+    if (!this.dragState || !this.dragState.columnElement)
+      return;
+    const snappedY = snapToGrid(this.dragState.currentY, this.gridConfig);
+    this.dragState.element.style.top = `${snappedY}px`;
+    this.dragState.ghostElement?.remove();
+    const columnKey = this.dragState.columnElement.dataset.columnKey || "";
+    const date = this.dragState.columnElement.dataset.date || "";
+    const swpEvent = SwpEvent.fromElement(this.dragState.element, columnKey, date, this.gridConfig);
+    const payload = {
+      swpEvent,
+      sourceColumnKey: this.dragState.sourceColumnKey,
+      target: this.inHeader ? "header" : "grid"
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_END, payload);
+  }
+  initializeDrag(element, mouseOffset, e) {
+    const eventId = element.dataset.eventId || "";
+    const isHeaderItem = element.tagName.toLowerCase() === "swp-header-item";
+    const columnElement = element.closest("swp-day-column");
+    if (!isHeaderItem && !columnElement)
+      return;
+    if (isHeaderItem) {
+      this.initializeHeaderItemDrag(element, mouseOffset, eventId);
+    } else {
+      this.initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId);
+    }
+  }
+  /**
+   * Initialize drag for a header item (allDay event)
+   */
+  initializeHeaderItemDrag(element, mouseOffset, eventId) {
+    element.classList.add("dragging");
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement: null,
+      // No ghost for header items
+      startY: 0,
+      mouseOffset,
+      columnElement: null,
+      currentColumn: null,
+      targetY: 0,
+      currentY: 0,
+      animationId: 0,
+      sourceColumnKey: "",
+      // Will be set from header item data
+      dragSource: "header"
+    };
+    this.inHeader = true;
+  }
+  /**
+   * Initialize drag for a grid event
+   */
+  initializeGridEventDrag(element, mouseOffset, e, columnElement, eventId) {
+    const elementRect = element.getBoundingClientRect();
+    const columnRect = columnElement.getBoundingClientRect();
+    const startY = elementRect.top - columnRect.top;
+    const group = element.closest("swp-event-group");
+    if (group) {
+      const eventsLayer = columnElement.querySelector("swp-events-layer");
+      if (eventsLayer) {
+        eventsLayer.appendChild(element);
+      }
+    }
+    element.style.position = "absolute";
+    element.style.top = `${startY}px`;
+    element.style.left = "2px";
+    element.style.right = "2px";
+    element.style.marginLeft = "0";
+    const ghostElement = element.cloneNode(true);
+    ghostElement.classList.add("drag-ghost");
+    ghostElement.style.opacity = "0.3";
+    ghostElement.style.pointerEvents = "none";
+    element.parentNode?.insertBefore(ghostElement, element);
+    element.classList.add("dragging");
+    const targetY = e.clientY - columnRect.top - mouseOffset.y;
+    this.dragState = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement,
+      currentColumn: columnElement,
+      targetY: Math.max(0, targetY),
+      currentY: startY,
+      animationId: 0,
+      sourceColumnKey: columnElement.dataset.columnKey || "",
+      dragSource: "grid"
+    };
+    const payload = {
+      eventId,
+      element,
+      ghostElement,
+      startY,
+      mouseOffset,
+      columnElement
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_START, payload);
+    this.animateDrag();
+  }
+  updateDragTarget(e) {
+    if (!this.dragState)
+      return;
+    this.checkHeaderZone(e);
+    if (this.inHeader)
+      return;
+    const columnAtPoint = this.getColumnAtPoint(e.clientX);
+    if (this.dragState.dragSource === "header" && columnAtPoint && !this.dragState.currentColumn) {
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+    if (columnAtPoint && columnAtPoint !== this.dragState.currentColumn && this.dragState.currentColumn) {
+      const payload = {
+        eventId: this.dragState.eventId,
+        element: this.dragState.element,
+        previousColumn: this.dragState.currentColumn,
+        newColumn: columnAtPoint,
+        currentY: this.dragState.currentY
+      };
+      this.eventBus.emit(CoreEvents.EVENT_DRAG_COLUMN_CHANGE, payload);
+      this.dragState.currentColumn = columnAtPoint;
+      this.dragState.columnElement = columnAtPoint;
+    }
+    if (!this.dragState.columnElement)
+      return;
+    const columnRect = this.dragState.columnElement.getBoundingClientRect();
+    const targetY = e.clientY - columnRect.top - this.dragState.mouseOffset.y;
+    this.dragState.targetY = Math.max(0, targetY);
+    if (!this.dragState.animationId) {
+      this.animateDrag();
+    }
+  }
+  /**
+   * Check if pointer is in header zone and emit appropriate events
+   */
+  checkHeaderZone(e) {
+    if (!this.dragState)
+      return;
+    const headerViewport = document.querySelector("swp-header-viewport");
+    if (!headerViewport)
+      return;
+    const rect = headerViewport.getBoundingClientRect();
+    const isInHeader = e.clientY < rect.bottom;
+    if (isInHeader && !this.inHeader) {
+      this.inHeader = true;
+      if (this.dragState.dragSource === "grid" && this.dragState.columnElement) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          element: this.dragState.element,
+          sourceColumnIndex: this.getColumnIndex(this.dragState.columnElement),
+          sourceColumnKey: this.dragState.columnElement.dataset.columnKey || "",
+          title: this.dragState.element.querySelector("swp-event-title")?.textContent || "",
+          colorClass: [...this.dragState.element.classList].find((c) => c.startsWith("is-")),
+          itemType: "event",
+          duration: 1
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_ENTER_HEADER, payload);
+      }
+    } else if (!isInHeader && this.inHeader) {
+      this.inHeader = false;
+      const targetColumn = this.getColumnAtPoint(e.clientX);
+      if (this.dragState.dragSource === "header") {
+        const payload = {
+          eventId: this.dragState.eventId,
+          source: "header",
+          element: this.dragState.element,
+          targetColumn: targetColumn || void 0,
+          start: this.dragState.element.dataset.start ? new Date(this.dragState.element.dataset.start) : void 0,
+          end: this.dragState.element.dataset.end ? new Date(this.dragState.element.dataset.end) : void 0,
+          title: this.dragState.element.textContent || "",
+          colorClass: [...this.dragState.element.classList].find((c) => c.startsWith("is-"))
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+        if (targetColumn) {
+          const newElement = targetColumn.querySelector(`swp-event[data-event-id="${this.dragState.eventId}"]`);
+          if (newElement) {
+            this.dragState.element = newElement;
+            this.dragState.columnElement = targetColumn;
+            this.dragState.currentColumn = targetColumn;
+            this.animateDrag();
+          }
+        }
+      } else {
+        const payload = {
+          eventId: this.dragState.eventId,
+          source: "grid"
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_LEAVE_HEADER, payload);
+      }
+    } else if (isInHeader) {
+      const column = this.getColumnAtX(e.clientX);
+      if (column) {
+        const payload = {
+          eventId: this.dragState.eventId,
+          columnIndex: this.getColumnIndex(column),
+          columnKey: column.dataset.columnKey || ""
+        };
+        this.eventBus.emit(CoreEvents.EVENT_DRAG_MOVE_HEADER, payload);
+      }
+    }
+  }
+  /**
+   * Get column index (0-based) for a column element
+   */
+  getColumnIndex(column) {
+    if (!this.container || !column)
+      return 0;
+    const columns = Array.from(this.container.querySelectorAll("swp-day-column"));
+    return columns.indexOf(column);
+  }
+  /**
+   * Get column at X coordinate (alias for getColumnAtPoint)
+   */
+  getColumnAtX(clientX) {
+    return this.getColumnAtPoint(clientX);
+  }
+  /**
+   * Find column element at given X coordinate
+   */
+  getColumnAtPoint(clientX) {
+    if (!this.container)
+      return null;
+    const columns = this.container.querySelectorAll("swp-day-column");
+    for (const col of columns) {
+      const rect = col.getBoundingClientRect();
+      if (clientX >= rect.left && clientX <= rect.right) {
+        return col;
+      }
+    }
+    return null;
+  }
+  /**
+   * Cancel drag and animate back to start position
+   */
+  cancelDrag() {
+    if (!this.dragState)
+      return;
+    cancelAnimationFrame(this.dragState.animationId);
+    const { element, ghostElement, startY, eventId } = this.dragState;
+    element.style.transition = "top 200ms ease-out";
+    element.style.top = `${startY}px`;
+    setTimeout(() => {
+      ghostElement?.remove();
+      element.style.transition = "";
+      element.classList.remove("dragging");
+    }, 200);
+    const payload = {
+      eventId,
+      element,
+      startY
+    };
+    this.eventBus.emit(CoreEvents.EVENT_DRAG_CANCEL, payload);
+    this.dragState = null;
+    this.inHeader = false;
+  }
+};
+__name(_DragDropManager, "DragDropManager");
+var DragDropManager = _DragDropManager;
+
+// src/v2/managers/EdgeScrollManager.ts
+var _EdgeScrollManager = class _EdgeScrollManager {
+  constructor(eventBus) {
+    this.eventBus = eventBus;
+    this.scrollableContent = null;
+    this.timeGrid = null;
+    this.draggedElement = null;
+    this.scrollRAF = null;
+    this.mouseY = 0;
+    this.isDragging = false;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.rect = null;
+    this.initialScrollTop = 0;
+    this.OUTER_ZONE = 100;
+    this.INNER_ZONE = 50;
+    this.SLOW_SPEED = 140;
+    this.FAST_SPEED = 640;
+    this.trackMouse = (e) => {
+      if (this.isDragging) {
+        this.mouseY = e.clientY;
+      }
+    };
+    this.scrollTick = (ts) => {
+      if (!this.isDragging || !this.scrollableContent)
+        return;
+      const dt = this.lastTs ? (ts - this.lastTs) / 1e3 : 0;
+      this.lastTs = ts;
+      this.rect ?? (this.rect = this.scrollableContent.getBoundingClientRect());
+      const velocity = this.calculateVelocity();
+      if (velocity !== 0 && !this.isAtBoundary(velocity)) {
+        const scrollDelta = velocity * dt;
+        this.scrollableContent.scrollTop += scrollDelta;
+        this.rect = null;
+        this.eventBus.emit(CoreEvents.EDGE_SCROLL_TICK, { scrollDelta });
+        this.setScrollingState(true);
+      } else {
+        this.setScrollingState(false);
+      }
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    };
+    this.subscribeToEvents();
+    document.addEventListener("pointermove", this.trackMouse);
+  }
+  init(scrollableContent) {
+    this.scrollableContent = scrollableContent;
+    this.timeGrid = scrollableContent.querySelector("swp-time-grid");
+    this.scrollableContent.style.scrollBehavior = "auto";
+  }
+  subscribeToEvents() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_START, (event) => {
+      const payload = event.detail;
+      this.draggedElement = payload.element;
+      this.startDrag();
+    });
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, () => this.stopDrag());
+    this.eventBus.on(CoreEvents.EVENT_DRAG_CANCEL, () => this.stopDrag());
+  }
+  startDrag() {
+    this.isDragging = true;
+    this.isScrolling = false;
+    this.lastTs = 0;
+    this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+    if (this.scrollRAF === null) {
+      this.scrollRAF = requestAnimationFrame(this.scrollTick);
+    }
+  }
+  stopDrag() {
+    this.isDragging = false;
+    this.setScrollingState(false);
+    if (this.scrollRAF !== null) {
+      cancelAnimationFrame(this.scrollRAF);
+      this.scrollRAF = null;
+    }
+    this.rect = null;
+    this.lastTs = 0;
+    this.initialScrollTop = 0;
+  }
+  calculateVelocity() {
+    if (!this.rect)
+      return 0;
+    const distTop = this.mouseY - this.rect.top;
+    const distBot = this.rect.bottom - this.mouseY;
+    if (distTop < this.INNER_ZONE)
+      return -this.FAST_SPEED;
+    if (distTop < this.OUTER_ZONE)
+      return -this.SLOW_SPEED;
+    if (distBot < this.INNER_ZONE)
+      return this.FAST_SPEED;
+    if (distBot < this.OUTER_ZONE)
+      return this.SLOW_SPEED;
+    return 0;
+  }
+  isAtBoundary(velocity) {
+    if (!this.scrollableContent || !this.timeGrid || !this.draggedElement)
+      return false;
+    const atTop = this.scrollableContent.scrollTop <= 0 && velocity < 0;
+    const atBottom = velocity > 0 && this.draggedElement.getBoundingClientRect().bottom >= this.timeGrid.getBoundingClientRect().bottom;
+    return atTop || atBottom;
+  }
+  setScrollingState(scrolling) {
+    if (this.isScrolling === scrolling)
+      return;
+    this.isScrolling = scrolling;
+    if (scrolling) {
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STARTED, {});
+    } else {
+      this.initialScrollTop = this.scrollableContent?.scrollTop ?? 0;
+      this.eventBus.emit(CoreEvents.EDGE_SCROLL_STOPPED, {});
+    }
+  }
+};
+__name(_EdgeScrollManager, "EdgeScrollManager");
+var EdgeScrollManager = _EdgeScrollManager;
+
+// src/v2/managers/ResizeManager.ts
+var _ResizeManager = class _ResizeManager {
+  constructor(eventBus, gridConfig, dateService) {
+    this.eventBus = eventBus;
+    this.gridConfig = gridConfig;
+    this.dateService = dateService;
+    this.container = null;
+    this.resizeState = null;
+    this.Z_INDEX_RESIZING = "1000";
+    this.ANIMATION_SPEED = 0.35;
+    this.MIN_HEIGHT_MINUTES = 15;
+    this.handleMouseOver = (e) => {
+      const target = e.target;
+      const eventElement = target.closest("swp-event");
+      if (!eventElement || this.resizeState)
+        return;
+      if (!eventElement.querySelector(":scope > swp-resize-handle")) {
+        const handle = this.createResizeHandle();
+        eventElement.appendChild(handle);
+      }
+    };
+    this.handlePointerDown = (e) => {
+      const handle = e.target.closest("swp-resize-handle");
+      if (!handle)
+        return;
+      const element = handle.parentElement;
+      if (!element)
+        return;
+      const eventId = element.dataset.eventId || "";
+      const startHeight = element.offsetHeight;
+      const startDurationMinutes = pixelsToMinutes(startHeight, this.gridConfig);
+      const container2 = element.closest("swp-event-group") ?? element;
+      const prevZIndex = container2.style.zIndex;
+      this.resizeState = {
+        eventId,
+        element,
+        handleElement: handle,
+        startY: e.clientY,
+        startHeight,
+        startDurationMinutes,
+        pointerId: e.pointerId,
+        prevZIndex,
+        // Animation state
+        currentHeight: startHeight,
+        targetHeight: startHeight,
+        animationId: null
+      };
+      container2.style.zIndex = this.Z_INDEX_RESIZING;
+      try {
+        handle.setPointerCapture(e.pointerId);
+      } catch (err) {
+        console.warn("Pointer capture failed:", err);
+      }
+      document.documentElement.classList.add("swp--resizing");
+      this.eventBus.emit(CoreEvents.EVENT_RESIZE_START, {
+        eventId,
+        element,
+        startHeight
+      });
+      e.preventDefault();
+    };
+    this.handlePointerMove = (e) => {
+      if (!this.resizeState)
+        return;
+      const deltaY = e.clientY - this.resizeState.startY;
+      const minHeight = this.MIN_HEIGHT_MINUTES / 60 * this.gridConfig.hourHeight;
+      const newHeight = Math.max(minHeight, this.resizeState.startHeight + deltaY);
+      this.resizeState.targetHeight = newHeight;
+      if (this.resizeState.animationId === null) {
+        this.animateHeight();
+      }
+    };
+    this.animateHeight = () => {
+      if (!this.resizeState)
+        return;
+      const diff2 = this.resizeState.targetHeight - this.resizeState.currentHeight;
+      if (Math.abs(diff2) < 0.5) {
+        this.resizeState.animationId = null;
+        return;
+      }
+      this.resizeState.currentHeight += diff2 * this.ANIMATION_SPEED;
+      this.resizeState.element.style.height = `${this.resizeState.currentHeight}px`;
+      this.updateTimestampDisplay();
+      this.resizeState.animationId = requestAnimationFrame(this.animateHeight);
+    };
+    this.handlePointerUp = (e) => {
+      if (!this.resizeState)
+        return;
+      if (this.resizeState.animationId !== null) {
+        cancelAnimationFrame(this.resizeState.animationId);
+      }
+      try {
+        this.resizeState.handleElement.releasePointerCapture(e.pointerId);
+      } catch (err) {
+        console.warn("Pointer release failed:", err);
+      }
+      this.snapToGridFinal();
+      this.updateTimestampDisplay();
+      const container2 = this.resizeState.element.closest("swp-event-group") ?? this.resizeState.element;
+      container2.style.zIndex = this.resizeState.prevZIndex;
+      document.documentElement.classList.remove("swp--resizing");
+      const column = this.resizeState.element.closest("swp-day-column");
+      const columnKey = column?.dataset.columnKey || "";
+      const date = column?.dataset.date || "";
+      const swpEvent = SwpEvent.fromElement(this.resizeState.element, columnKey, date, this.gridConfig);
+      this.eventBus.emit(CoreEvents.EVENT_RESIZE_END, {
+        swpEvent
+      });
+      this.resizeState = null;
+    };
+  }
+  /**
+   * Initialize resize functionality on container
+   */
+  init(container2) {
+    this.container = container2;
+    container2.addEventListener("mouseover", this.handleMouseOver, true);
+    document.addEventListener("pointerdown", this.handlePointerDown, true);
+    document.addEventListener("pointermove", this.handlePointerMove, true);
+    document.addEventListener("pointerup", this.handlePointerUp, true);
+  }
+  /**
+   * Create resize handle element
+   */
+  createResizeHandle() {
+    const handle = document.createElement("swp-resize-handle");
+    handle.setAttribute("aria-label", "Resize event");
+    handle.setAttribute("role", "separator");
+    return handle;
+  }
+  /**
+   * Update timestamp display with snapped end time
+   */
+  updateTimestampDisplay() {
+    if (!this.resizeState)
+      return;
+    const timeEl = this.resizeState.element.querySelector("swp-event-time");
+    if (!timeEl)
+      return;
+    const top = parseFloat(this.resizeState.element.style.top) || 0;
+    const startMinutesFromGrid = pixelsToMinutes(top, this.gridConfig);
+    const startMinutes = this.gridConfig.dayStartHour * 60 + startMinutesFromGrid;
+    const snappedHeight = snapToGrid(this.resizeState.currentHeight, this.gridConfig);
+    const durationMinutes = pixelsToMinutes(snappedHeight, this.gridConfig);
+    const endMinutes = startMinutes + durationMinutes;
+    const start = this.minutesToDate(startMinutes);
+    const end = this.minutesToDate(endMinutes);
+    timeEl.textContent = this.dateService.formatTimeRange(start, end);
+  }
+  /**
+   * Convert minutes since midnight to Date
+   */
+  minutesToDate(minutes) {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(Math.floor(minutes / 60) % 24, minutes % 60, 0, 0);
+    return date;
+  }
+  /**
+   * Snap final height to grid interval
+   */
+  snapToGridFinal() {
+    if (!this.resizeState)
+      return;
+    const currentHeight = this.resizeState.element.offsetHeight;
+    const snappedHeight = snapToGrid(currentHeight, this.gridConfig);
+    const minHeight = minutesToPixels(this.MIN_HEIGHT_MINUTES, this.gridConfig);
+    const finalHeight = Math.max(minHeight, snappedHeight);
+    this.resizeState.element.style.height = `${finalHeight}px`;
+    this.resizeState.currentHeight = finalHeight;
+  }
+};
+__name(_ResizeManager, "ResizeManager");
+var ResizeManager = _ResizeManager;
+
+// src/v2/managers/EventPersistenceManager.ts
+var _EventPersistenceManager = class _EventPersistenceManager {
+  constructor(eventService, eventBus, dateService) {
+    this.eventService = eventService;
+    this.eventBus = eventBus;
+    this.dateService = dateService;
+    this.handleDragEnd = async (e) => {
+      const payload = e.detail;
+      const { swpEvent } = payload;
+      const event = await this.eventService.get(swpEvent.eventId);
+      if (!event) {
+        console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+        return;
+      }
+      const { resource } = this.dateService.parseColumnKey(swpEvent.columnKey);
+      const updatedEvent = {
+        ...event,
+        start: swpEvent.start,
+        end: swpEvent.end,
+        resourceId: resource ?? event.resourceId,
+        allDay: payload.target === "header",
+        syncStatus: "pending"
+      };
+      await this.eventService.save(updatedEvent);
+      const updatePayload = {
+        eventId: updatedEvent.id,
+        sourceColumnKey: payload.sourceColumnKey,
+        targetColumnKey: swpEvent.columnKey
+      };
+      this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+    };
+    this.handleResizeEnd = async (e) => {
+      const payload = e.detail;
+      const { swpEvent } = payload;
+      const event = await this.eventService.get(swpEvent.eventId);
+      if (!event) {
+        console.warn(`EventPersistenceManager: Event ${swpEvent.eventId} not found`);
+        return;
+      }
+      const updatedEvent = {
+        ...event,
+        end: swpEvent.end,
+        syncStatus: "pending"
+      };
+      await this.eventService.save(updatedEvent);
+      const updatePayload = {
+        eventId: updatedEvent.id,
+        sourceColumnKey: swpEvent.columnKey,
+        targetColumnKey: swpEvent.columnKey
+      };
+      this.eventBus.emit(CoreEvents.EVENT_UPDATED, updatePayload);
+    };
+    this.setupListeners();
+  }
+  setupListeners() {
+    this.eventBus.on(CoreEvents.EVENT_DRAG_END, this.handleDragEnd);
+    this.eventBus.on(CoreEvents.EVENT_RESIZE_END, this.handleResizeEnd);
+  }
+};
+__name(_EventPersistenceManager, "EventPersistenceManager");
+var EventPersistenceManager = _EventPersistenceManager;
+
+// src/v2/V2CompositionRoot.ts
+var defaultTimeFormatConfig = {
+  timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+  use24HourFormat: true,
+  locale: "da-DK",
+  dateFormat: "locale",
+  showSeconds: false
+};
+var defaultGridConfig = {
+  hourHeight: 64,
+  dayStartHour: 6,
+  dayEndHour: 18,
+  snapInterval: 15,
+  gridStartThresholdMinutes: 30
+};
+function createV2Container() {
+  const container2 = new Container();
+  const builder = container2.builder();
+  builder.registerInstance(defaultTimeFormatConfig).as("ITimeFormatConfig");
+  builder.registerInstance(defaultGridConfig).as("IGridConfig");
+  builder.registerType(EventBus).as("EventBus");
+  builder.registerType(EventBus).as("IEventBus");
+  builder.registerType(DateService).as("DateService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ITimeFormatConfig"),
+      void 0
+    ]
+  });
+  builder.registerType(IndexedDBContext).as("IndexedDBContext").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IStore")
+    ]
+  });
+  builder.registerType(EventStore).as("IStore");
+  builder.registerType(ResourceStore).as("IStore");
+  builder.registerType(BookingStore).as("IStore");
+  builder.registerType(CustomerStore).as("IStore");
+  builder.registerType(TeamStore).as("IStore");
+  builder.registerType(DepartmentStore).as("IStore");
+  builder.registerType(ScheduleOverrideStore).as("IStore");
+  builder.registerType(AuditStore).as("IStore");
+  builder.registerType(SettingsStore).as("IStore");
+  builder.registerType(ViewConfigStore).as("IStore");
+  builder.registerType(EventService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(EventService).as("EventService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResourceService).as("ResourceService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(BookingService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(BookingService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(BookingService).as("BookingService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(CustomerService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(CustomerService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(CustomerService).as("CustomerService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(TeamService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(TeamService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(TeamService).as("TeamService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DepartmentService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DepartmentService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DepartmentService).as("DepartmentService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(SettingsService).as("SettingsService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("IEntityService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ViewConfigService).as("ViewConfigService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(MockEventRepository).as("IApiRepository");
+  builder.registerType(MockEventRepository).as("IApiRepository");
+  builder.registerType(MockResourceRepository).as("IApiRepository");
+  builder.registerType(MockResourceRepository).as("IApiRepository");
+  builder.registerType(MockBookingRepository).as("IApiRepository");
+  builder.registerType(MockBookingRepository).as("IApiRepository");
+  builder.registerType(MockCustomerRepository).as("IApiRepository");
+  builder.registerType(MockCustomerRepository).as("IApiRepository");
+  builder.registerType(MockAuditRepository).as("IApiRepository");
+  builder.registerType(MockAuditRepository).as("IApiRepository");
+  builder.registerType(MockTeamRepository).as("IApiRepository");
+  builder.registerType(MockTeamRepository).as("IApiRepository");
+  builder.registerType(MockDepartmentRepository).as("IApiRepository");
+  builder.registerType(MockDepartmentRepository).as("IApiRepository");
+  builder.registerType(MockSettingsRepository).as("IApiRepository");
+  builder.registerType(MockSettingsRepository).as("IApiRepository");
+  builder.registerType(MockViewConfigRepository).as("IApiRepository");
+  builder.registerType(MockViewConfigRepository).as("IApiRepository");
+  builder.registerType(AuditService).as("AuditService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DataSeeder).as("DataSeeder").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IEntityService"),
+      (c) => c.resolveTypeAll("IApiRepository")
+    ]
+  });
+  builder.registerType(ScheduleOverrideService).as("ScheduleOverrideService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext")
+    ]
+  });
+  builder.registerType(ResourceScheduleService).as("ResourceScheduleService").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceService"),
+      (c) => c.resolveType("ScheduleOverrideService"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(EventRenderer).as("EventRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ScheduleRenderer).as("ScheduleRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceScheduleService"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("IGridConfig")
+    ]
+  });
+  builder.registerType(HeaderDrawerRenderer).as("HeaderDrawerRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("HeaderDrawerManager"),
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(DateRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(ResourceRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("ResourceService")
+    ]
+  });
+  builder.registerType(TeamRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("TeamService")
+    ]
+  });
+  builder.registerType(DepartmentRenderer).as("IRenderer").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("DepartmentService")
+    ]
+  });
+  builder.registerType(MockTeamStore).as("IGroupingStore");
+  builder.registerType(MockResourceStore).as("IGroupingStore");
+  builder.registerType(CalendarOrchestrator).as("CalendarOrchestrator").autoWire({
+    mapResolvers: [
+      (c) => c.resolveTypeAll("IRenderer"),
+      (c) => c.resolveType("EventRenderer"),
+      (c) => c.resolveType("ScheduleRenderer"),
+      (c) => c.resolveType("HeaderDrawerRenderer"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveTypeAll("IEntityService")
+    ]
+  });
+  builder.registerType(TimeAxisRenderer).as("TimeAxisRenderer");
+  builder.registerType(ScrollManager).as("ScrollManager");
+  builder.registerType(HeaderDrawerManager).as("HeaderDrawerManager");
+  builder.registerType(DragDropManager).as("DragDropManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig")
+    ]
+  });
+  builder.registerType(EdgeScrollManager).as("EdgeScrollManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(ResizeManager).as("ResizeManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("IGridConfig"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(EventPersistenceManager).as("EventPersistenceManager").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("EventService"),
+      (c) => c.resolveType("IEventBus"),
+      (c) => c.resolveType("DateService")
+    ]
+  });
+  builder.registerType(CalendarApp).as("CalendarApp").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("CalendarOrchestrator"),
+      (c) => c.resolveType("TimeAxisRenderer"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("ScrollManager"),
+      (c) => c.resolveType("HeaderDrawerManager"),
+      (c) => c.resolveType("DragDropManager"),
+      (c) => c.resolveType("EdgeScrollManager"),
+      (c) => c.resolveType("ResizeManager"),
+      (c) => c.resolveType("HeaderDrawerRenderer"),
+      (c) => c.resolveType("EventPersistenceManager"),
+      (c) => c.resolveType("SettingsService"),
+      (c) => c.resolveType("ViewConfigService"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  builder.registerType(DemoApp).as("DemoApp").autoWire({
+    mapResolvers: [
+      (c) => c.resolveType("IndexedDBContext"),
+      (c) => c.resolveType("DataSeeder"),
+      (c) => c.resolveType("AuditService"),
+      (c) => c.resolveType("CalendarApp"),
+      (c) => c.resolveType("DateService"),
+      (c) => c.resolveType("ResourceService"),
+      (c) => c.resolveType("IEventBus")
+    ]
+  });
+  return builder.build();
+}
+__name(createV2Container, "createV2Container");
+
+// src/v2/demo/index.ts
+var container = createV2Container();
+container.resolveType("DemoApp").init().catch(console.error);
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vbm9kZV9tb2R1bGVzL2RheWpzL2RheWpzLm1pbi5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3V0Yy5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvZGF5anMvcGx1Z2luL3RpbWV6b25lLmpzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9kYXlqcy9wbHVnaW4vaXNvV2Vlay5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvQG5vdmFkaS9jb3JlL2Rpc3QvdG9rZW4uanMiLCAiLi4vLi4vbm9kZV9tb2R1bGVzL0Bub3ZhZGkvY29yZS9kaXN0L2Vycm9ycy5qcyIsICIuLi8uLi9ub2RlX21vZHVsZXMvQG5vdmFkaS9jb3JlL2Rpc3QvYXV0b3dpcmUuanMiLCAiLi4vLi4vbm9kZV9tb2R1bGVzL0Bub3ZhZGkvY29yZS9kaXN0L2J1aWxkZXIuanMiLCAiLi4vLi4vbm9kZV9tb2R1bGVzL0Bub3ZhZGkvY29yZS9kaXN0L2NvbnRhaW5lci5qcyIsICIuLi8uLi9zcmMvdjIvZmVhdHVyZXMvZGF0ZS9EYXRlUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3YyL2NvcmUvRGF0ZVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3YyL2NvcmUvQmFzZUdyb3VwaW5nUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3YyL2ZlYXR1cmVzL3Jlc291cmNlL1Jlc291cmNlUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3YyL2ZlYXR1cmVzL3RlYW0vVGVhbVJlbmRlcmVyLnRzIiwgIi4uLy4uL3NyYy92Mi9mZWF0dXJlcy9kZXBhcnRtZW50L0RlcGFydG1lbnRSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvdjIvY29yZS9SZW5kZXJCdWlsZGVyLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL0ZpbHRlclRlbXBsYXRlLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL0NhbGVuZGFyT3JjaGVzdHJhdG9yLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL05hdmlnYXRpb25BbmltYXRvci50cyIsICIuLi8uLi9zcmMvdjIvY29yZS9DYWxlbmRhckV2ZW50cy50cyIsICIuLi8uLi9zcmMvdjIvY29yZS9DYWxlbmRhckFwcC50cyIsICIuLi8uLi9zcmMvdjIvZmVhdHVyZXMvdGltZWF4aXMvVGltZUF4aXNSZW5kZXJlci50cyIsICIuLi8uLi9zcmMvdjIvY29yZS9TY3JvbGxNYW5hZ2VyLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL0hlYWRlckRyYXdlck1hbmFnZXIudHMiLCAiLi4vLi4vc3JjL3YyL2RlbW8vTW9ja1N0b3Jlcy50cyIsICIuLi8uLi9zcmMvdjIvZGVtby9EZW1vQXBwLnRzIiwgIi4uLy4uL3NyYy92Mi9jb3JlL0V2ZW50QnVzLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL0luZGV4ZWREQkNvbnRleHQudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvZXZlbnRzL0V2ZW50U3RvcmUudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvZXZlbnRzL0V2ZW50U2VyaWFsaXphdGlvbi50cyIsICIuLi8uLi9zcmMvdjIvc3RvcmFnZS9TeW5jUGx1Z2luLnRzIiwgIi4uLy4uL3NyYy92Mi9jb25zdGFudHMvQ29yZUV2ZW50cy50cyIsICIuLi8uLi9ub2RlX21vZHVsZXMvanNvbi1kaWZmLXRzL3NyYy9oZWxwZXJzLnRzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9qc29uLWRpZmYtdHMvc3JjL2pzb25EaWZmLnRzIiwgIi4uLy4uL25vZGVfbW9kdWxlcy9qc29uLWRpZmYtdHMvc3JjL2pzb25Db21wYXJlLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL0Jhc2VFbnRpdHlTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL2V2ZW50cy9FdmVudFNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvcmVzb3VyY2VzL1Jlc291cmNlU3RvcmUudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvcmVzb3VyY2VzL1Jlc291cmNlU2VydmljZS50cyIsICIuLi8uLi9zcmMvdjIvc3RvcmFnZS9ib29raW5ncy9Cb29raW5nU3RvcmUudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvYm9va2luZ3MvQm9va2luZ1NlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvY3VzdG9tZXJzL0N1c3RvbWVyU3RvcmUudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvY3VzdG9tZXJzL0N1c3RvbWVyU2VydmljZS50cyIsICIuLi8uLi9zcmMvdjIvc3RvcmFnZS90ZWFtcy9UZWFtU3RvcmUudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvdGVhbXMvVGVhbVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2UvZGVwYXJ0bWVudHMvRGVwYXJ0bWVudFN0b3JlLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL2RlcGFydG1lbnRzL0RlcGFydG1lbnRTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL3NldHRpbmdzL1NldHRpbmdzU3RvcmUudHMiLCAiLi4vLi4vc3JjL3YyL3R5cGVzL1NldHRpbmdzVHlwZXMudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2Uvc2V0dGluZ3MvU2V0dGluZ3NTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL3ZpZXdjb25maWdzL1ZpZXdDb25maWdTdG9yZS50cyIsICIuLi8uLi9zcmMvdjIvc3RvcmFnZS92aWV3Y29uZmlncy9WaWV3Q29uZmlnU2VydmljZS50cyIsICIuLi8uLi9zcmMvdjIvc3RvcmFnZS9hdWRpdC9BdWRpdFN0b3JlLnRzIiwgIi4uLy4uL3NyYy92Mi9zdG9yYWdlL2F1ZGl0L0F1ZGl0U2VydmljZS50cyIsICIuLi8uLi9zcmMvdjIvcmVwb3NpdG9yaWVzL01vY2tFdmVudFJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3YyL3JlcG9zaXRvcmllcy9Nb2NrUmVzb3VyY2VSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy92Mi9yZXBvc2l0b3JpZXMvTW9ja0Jvb2tpbmdSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy92Mi9yZXBvc2l0b3JpZXMvTW9ja0N1c3RvbWVyUmVwb3NpdG9yeS50cyIsICIuLi8uLi9zcmMvdjIvcmVwb3NpdG9yaWVzL01vY2tBdWRpdFJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3YyL3JlcG9zaXRvcmllcy9Nb2NrVGVhbVJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3YyL3JlcG9zaXRvcmllcy9Nb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkudHMiLCAiLi4vLi4vc3JjL3YyL3JlcG9zaXRvcmllcy9Nb2NrU2V0dGluZ3NSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy92Mi9yZXBvc2l0b3JpZXMvTW9ja1ZpZXdDb25maWdSZXBvc2l0b3J5LnRzIiwgIi4uLy4uL3NyYy92Mi93b3JrZXJzL0RhdGFTZWVkZXIudHMiLCAiLi4vLi4vc3JjL3YyL3V0aWxzL1Bvc2l0aW9uVXRpbHMudHMiLCAiLi4vLi4vc3JjL3YyL2ZlYXR1cmVzL2V2ZW50L0V2ZW50TGF5b3V0RW5naW5lLnRzIiwgIi4uLy4uL3NyYy92Mi9mZWF0dXJlcy9ldmVudC9FdmVudFJlbmRlcmVyLnRzIiwgIi4uLy4uL3NyYy92Mi9mZWF0dXJlcy9zY2hlZHVsZS9TY2hlZHVsZVJlbmRlcmVyLnRzIiwgIi4uLy4uL3NyYy92Mi9mZWF0dXJlcy9oZWFkZXJkcmF3ZXIvSGVhZGVyRHJhd2VyUmVuZGVyZXIudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2Uvc2NoZWR1bGVzL1NjaGVkdWxlT3ZlcnJpZGVTdG9yZS50cyIsICIuLi8uLi9zcmMvdjIvc3RvcmFnZS9zY2hlZHVsZXMvU2NoZWR1bGVPdmVycmlkZVNlcnZpY2UudHMiLCAiLi4vLi4vc3JjL3YyL3N0b3JhZ2Uvc2NoZWR1bGVzL1Jlc291cmNlU2NoZWR1bGVTZXJ2aWNlLnRzIiwgIi4uLy4uL3NyYy92Mi90eXBlcy9Td3BFdmVudC50cyIsICIuLi8uLi9zcmMvdjIvbWFuYWdlcnMvRHJhZ0Ryb3BNYW5hZ2VyLnRzIiwgIi4uLy4uL3NyYy92Mi9tYW5hZ2Vycy9FZGdlU2Nyb2xsTWFuYWdlci50cyIsICIuLi8uLi9zcmMvdjIvbWFuYWdlcnMvUmVzaXplTWFuYWdlci50cyIsICIuLi8uLi9zcmMvdjIvbWFuYWdlcnMvRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIudHMiLCAiLi4vLi4vc3JjL3YyL1YyQ29tcG9zaXRpb25Sb290LnRzIiwgIi4uLy4uL3NyYy92Mi9kZW1vL2luZGV4LnRzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyIhZnVuY3Rpb24odCxlKXtcIm9iamVjdFwiPT10eXBlb2YgZXhwb3J0cyYmXCJ1bmRlZmluZWRcIiE9dHlwZW9mIG1vZHVsZT9tb2R1bGUuZXhwb3J0cz1lKCk6XCJmdW5jdGlvblwiPT10eXBlb2YgZGVmaW5lJiZkZWZpbmUuYW1kP2RlZmluZShlKToodD1cInVuZGVmaW5lZFwiIT10eXBlb2YgZ2xvYmFsVGhpcz9nbG9iYWxUaGlzOnR8fHNlbGYpLmRheWpzPWUoKX0odGhpcywoZnVuY3Rpb24oKXtcInVzZSBzdHJpY3RcIjt2YXIgdD0xZTMsZT02ZTQsbj0zNmU1LHI9XCJtaWxsaXNlY29uZFwiLGk9XCJzZWNvbmRcIixzPVwibWludXRlXCIsdT1cImhvdXJcIixhPVwiZGF5XCIsbz1cIndlZWtcIixjPVwibW9udGhcIixmPVwicXVhcnRlclwiLGg9XCJ5ZWFyXCIsZD1cImRhdGVcIixsPVwiSW52YWxpZCBEYXRlXCIsJD0vXihcXGR7NH0pWy0vXT8oXFxkezEsMn0pP1stL10/KFxcZHswLDJ9KVtUdFxcc10qKFxcZHsxLDJ9KT86PyhcXGR7MSwyfSk/Oj8oXFxkezEsMn0pP1suOl0/KFxcZCspPyQvLHk9L1xcWyhbXlxcXV0rKV18WXsxLDR9fE17MSw0fXxEezEsMn18ZHsxLDR9fEh7MSwyfXxoezEsMn18YXxBfG17MSwyfXxzezEsMn18WnsxLDJ9fFNTUy9nLE09e25hbWU6XCJlblwiLHdlZWtkYXlzOlwiU3VuZGF5X01vbmRheV9UdWVzZGF5X1dlZG5lc2RheV9UaHVyc2RheV9GcmlkYXlfU2F0dXJkYXlcIi5zcGxpdChcIl9cIiksbW9udGhzOlwiSmFudWFyeV9GZWJydWFyeV9NYXJjaF9BcHJpbF9NYXlfSnVuZV9KdWx5X0F1Z3VzdF9TZXB0ZW1iZXJfT2N0b2Jlcl9Ob3ZlbWJlcl9EZWNlbWJlclwiLnNwbGl0KFwiX1wiKSxvcmRpbmFsOmZ1bmN0aW9uKHQpe3ZhciBlPVtcInRoXCIsXCJzdFwiLFwibmRcIixcInJkXCJdLG49dCUxMDA7cmV0dXJuXCJbXCIrdCsoZVsobi0yMCklMTBdfHxlW25dfHxlWzBdKStcIl1cIn19LG09ZnVuY3Rpb24odCxlLG4pe3ZhciByPVN0cmluZyh0KTtyZXR1cm4hcnx8ci5sZW5ndGg+PWU/dDpcIlwiK0FycmF5KGUrMS1yLmxlbmd0aCkuam9pbihuKSt0fSx2PXtzOm0sejpmdW5jdGlvbih0KXt2YXIgZT0tdC51dGNPZmZzZXQoKSxuPU1hdGguYWJzKGUpLHI9TWF0aC5mbG9vcihuLzYwKSxpPW4lNjA7cmV0dXJuKGU8PTA/XCIrXCI6XCItXCIpK20ociwyLFwiMFwiKStcIjpcIittKGksMixcIjBcIil9LG06ZnVuY3Rpb24gdChlLG4pe2lmKGUuZGF0ZSgpPG4uZGF0ZSgpKXJldHVybi10KG4sZSk7dmFyIHI9MTIqKG4ueWVhcigpLWUueWVhcigpKSsobi5tb250aCgpLWUubW9udGgoKSksaT1lLmNsb25lKCkuYWRkKHIsYykscz1uLWk8MCx1PWUuY2xvbmUoKS5hZGQocisocz8tMToxKSxjKTtyZXR1cm4rKC0ocisobi1pKS8ocz9pLXU6dS1pKSl8fDApfSxhOmZ1bmN0aW9uKHQpe3JldHVybiB0PDA/TWF0aC5jZWlsKHQpfHwwOk1hdGguZmxvb3IodCl9LHA6ZnVuY3Rpb24odCl7cmV0dXJue006Yyx5OmgsdzpvLGQ6YSxEOmQsaDp1LG06cyxzOmksbXM6cixROmZ9W3RdfHxTdHJpbmcodHx8XCJcIikudG9Mb3dlckNhc2UoKS5yZXBsYWNlKC9zJC8sXCJcIil9LHU6ZnVuY3Rpb24odCl7cmV0dXJuIHZvaWQgMD09PXR9fSxnPVwiZW5cIixEPXt9O0RbZ109TTt2YXIgcD1cIiRpc0RheWpzT2JqZWN0XCIsUz1mdW5jdGlvbih0KXtyZXR1cm4gdCBpbnN0YW5jZW9mIF98fCEoIXR8fCF0W3BdKX0sdz1mdW5jdGlvbiB0KGUsbixyKXt2YXIgaTtpZighZSlyZXR1cm4gZztpZihcInN0cmluZ1wiPT10eXBlb2YgZSl7dmFyIHM9ZS50b0xvd2VyQ2FzZSgpO0Rbc10mJihpPXMpLG4mJihEW3NdPW4saT1zKTt2YXIgdT1lLnNwbGl0KFwiLVwiKTtpZighaSYmdS5sZW5ndGg+MSlyZXR1cm4gdCh1WzBdKX1lbHNle3ZhciBhPWUubmFtZTtEW2FdPWUsaT1hfXJldHVybiFyJiZpJiYoZz1pKSxpfHwhciYmZ30sTz1mdW5jdGlvbih0LGUpe2lmKFModCkpcmV0dXJuIHQuY2xvbmUoKTt2YXIgbj1cIm9iamVjdFwiPT10eXBlb2YgZT9lOnt9O3JldHVybiBuLmRhdGU9dCxuLmFyZ3M9YXJndW1lbnRzLG5ldyBfKG4pfSxiPXY7Yi5sPXcsYi5pPVMsYi53PWZ1bmN0aW9uKHQsZSl7cmV0dXJuIE8odCx7bG9jYWxlOmUuJEwsdXRjOmUuJHUseDplLiR4LCRvZmZzZXQ6ZS4kb2Zmc2V0fSl9O3ZhciBfPWZ1bmN0aW9uKCl7ZnVuY3Rpb24gTSh0KXt0aGlzLiRMPXcodC5sb2NhbGUsbnVsbCwhMCksdGhpcy5wYXJzZSh0KSx0aGlzLiR4PXRoaXMuJHh8fHQueHx8e30sdGhpc1twXT0hMH12YXIgbT1NLnByb3RvdHlwZTtyZXR1cm4gbS5wYXJzZT1mdW5jdGlvbih0KXt0aGlzLiRkPWZ1bmN0aW9uKHQpe3ZhciBlPXQuZGF0ZSxuPXQudXRjO2lmKG51bGw9PT1lKXJldHVybiBuZXcgRGF0ZShOYU4pO2lmKGIudShlKSlyZXR1cm4gbmV3IERhdGU7aWYoZSBpbnN0YW5jZW9mIERhdGUpcmV0dXJuIG5ldyBEYXRlKGUpO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlJiYhL1okL2kudGVzdChlKSl7dmFyIHI9ZS5tYXRjaCgkKTtpZihyKXt2YXIgaT1yWzJdLTF8fDAscz0ocls3XXx8XCIwXCIpLnN1YnN0cmluZygwLDMpO3JldHVybiBuP25ldyBEYXRlKERhdGUuVVRDKHJbMV0saSxyWzNdfHwxLHJbNF18fDAscls1XXx8MCxyWzZdfHwwLHMpKTpuZXcgRGF0ZShyWzFdLGksclszXXx8MSxyWzRdfHwwLHJbNV18fDAscls2XXx8MCxzKX19cmV0dXJuIG5ldyBEYXRlKGUpfSh0KSx0aGlzLmluaXQoKX0sbS5pbml0PWZ1bmN0aW9uKCl7dmFyIHQ9dGhpcy4kZDt0aGlzLiR5PXQuZ2V0RnVsbFllYXIoKSx0aGlzLiRNPXQuZ2V0TW9udGgoKSx0aGlzLiREPXQuZ2V0RGF0ZSgpLHRoaXMuJFc9dC5nZXREYXkoKSx0aGlzLiRIPXQuZ2V0SG91cnMoKSx0aGlzLiRtPXQuZ2V0TWludXRlcygpLHRoaXMuJHM9dC5nZXRTZWNvbmRzKCksdGhpcy4kbXM9dC5nZXRNaWxsaXNlY29uZHMoKX0sbS4kdXRpbHM9ZnVuY3Rpb24oKXtyZXR1cm4gYn0sbS5pc1ZhbGlkPWZ1bmN0aW9uKCl7cmV0dXJuISh0aGlzLiRkLnRvU3RyaW5nKCk9PT1sKX0sbS5pc1NhbWU9ZnVuY3Rpb24odCxlKXt2YXIgbj1PKHQpO3JldHVybiB0aGlzLnN0YXJ0T2YoZSk8PW4mJm48PXRoaXMuZW5kT2YoZSl9LG0uaXNBZnRlcj1mdW5jdGlvbih0LGUpe3JldHVybiBPKHQpPHRoaXMuc3RhcnRPZihlKX0sbS5pc0JlZm9yZT1mdW5jdGlvbih0LGUpe3JldHVybiB0aGlzLmVuZE9mKGUpPE8odCl9LG0uJGc9ZnVuY3Rpb24odCxlLG4pe3JldHVybiBiLnUodCk/dGhpc1tlXTp0aGlzLnNldChuLHQpfSxtLnVuaXg9ZnVuY3Rpb24oKXtyZXR1cm4gTWF0aC5mbG9vcih0aGlzLnZhbHVlT2YoKS8xZTMpfSxtLnZhbHVlT2Y9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy4kZC5nZXRUaW1lKCl9LG0uc3RhcnRPZj1mdW5jdGlvbih0LGUpe3ZhciBuPXRoaXMscj0hIWIudShlKXx8ZSxmPWIucCh0KSxsPWZ1bmN0aW9uKHQsZSl7dmFyIGk9Yi53KG4uJHU/RGF0ZS5VVEMobi4keSxlLHQpOm5ldyBEYXRlKG4uJHksZSx0KSxuKTtyZXR1cm4gcj9pOmkuZW5kT2YoYSl9LCQ9ZnVuY3Rpb24odCxlKXtyZXR1cm4gYi53KG4udG9EYXRlKClbdF0uYXBwbHkobi50b0RhdGUoXCJzXCIpLChyP1swLDAsMCwwXTpbMjMsNTksNTksOTk5XSkuc2xpY2UoZSkpLG4pfSx5PXRoaXMuJFcsTT10aGlzLiRNLG09dGhpcy4kRCx2PVwic2V0XCIrKHRoaXMuJHU/XCJVVENcIjpcIlwiKTtzd2l0Y2goZil7Y2FzZSBoOnJldHVybiByP2woMSwwKTpsKDMxLDExKTtjYXNlIGM6cmV0dXJuIHI/bCgxLE0pOmwoMCxNKzEpO2Nhc2Ugbzp2YXIgZz10aGlzLiRsb2NhbGUoKS53ZWVrU3RhcnR8fDAsRD0oeTxnP3krNzp5KS1nO3JldHVybiBsKHI/bS1EOm0rKDYtRCksTSk7Y2FzZSBhOmNhc2UgZDpyZXR1cm4gJCh2K1wiSG91cnNcIiwwKTtjYXNlIHU6cmV0dXJuICQoditcIk1pbnV0ZXNcIiwxKTtjYXNlIHM6cmV0dXJuICQoditcIlNlY29uZHNcIiwyKTtjYXNlIGk6cmV0dXJuICQoditcIk1pbGxpc2Vjb25kc1wiLDMpO2RlZmF1bHQ6cmV0dXJuIHRoaXMuY2xvbmUoKX19LG0uZW5kT2Y9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuc3RhcnRPZih0LCExKX0sbS4kc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIG4sbz1iLnAodCksZj1cInNldFwiKyh0aGlzLiR1P1wiVVRDXCI6XCJcIiksbD0obj17fSxuW2FdPWYrXCJEYXRlXCIsbltkXT1mK1wiRGF0ZVwiLG5bY109ZitcIk1vbnRoXCIsbltoXT1mK1wiRnVsbFllYXJcIixuW3VdPWYrXCJIb3Vyc1wiLG5bc109ZitcIk1pbnV0ZXNcIixuW2ldPWYrXCJTZWNvbmRzXCIsbltyXT1mK1wiTWlsbGlzZWNvbmRzXCIsbilbb10sJD1vPT09YT90aGlzLiREKyhlLXRoaXMuJFcpOmU7aWYobz09PWN8fG89PT1oKXt2YXIgeT10aGlzLmNsb25lKCkuc2V0KGQsMSk7eS4kZFtsXSgkKSx5LmluaXQoKSx0aGlzLiRkPXkuc2V0KGQsTWF0aC5taW4odGhpcy4kRCx5LmRheXNJbk1vbnRoKCkpKS4kZH1lbHNlIGwmJnRoaXMuJGRbbF0oJCk7cmV0dXJuIHRoaXMuaW5pdCgpLHRoaXN9LG0uc2V0PWZ1bmN0aW9uKHQsZSl7cmV0dXJuIHRoaXMuY2xvbmUoKS4kc2V0KHQsZSl9LG0uZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzW2IucCh0KV0oKX0sbS5hZGQ9ZnVuY3Rpb24ocixmKXt2YXIgZCxsPXRoaXM7cj1OdW1iZXIocik7dmFyICQ9Yi5wKGYpLHk9ZnVuY3Rpb24odCl7dmFyIGU9TyhsKTtyZXR1cm4gYi53KGUuZGF0ZShlLmRhdGUoKStNYXRoLnJvdW5kKHQqcikpLGwpfTtpZigkPT09YylyZXR1cm4gdGhpcy5zZXQoYyx0aGlzLiRNK3IpO2lmKCQ9PT1oKXJldHVybiB0aGlzLnNldChoLHRoaXMuJHkrcik7aWYoJD09PWEpcmV0dXJuIHkoMSk7aWYoJD09PW8pcmV0dXJuIHkoNyk7dmFyIE09KGQ9e30sZFtzXT1lLGRbdV09bixkW2ldPXQsZClbJF18fDEsbT10aGlzLiRkLmdldFRpbWUoKStyKk07cmV0dXJuIGIudyhtLHRoaXMpfSxtLnN1YnRyYWN0PWZ1bmN0aW9uKHQsZSl7cmV0dXJuIHRoaXMuYWRkKC0xKnQsZSl9LG0uZm9ybWF0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMsbj10aGlzLiRsb2NhbGUoKTtpZighdGhpcy5pc1ZhbGlkKCkpcmV0dXJuIG4uaW52YWxpZERhdGV8fGw7dmFyIHI9dHx8XCJZWVlZLU1NLUREVEhIOm1tOnNzWlwiLGk9Yi56KHRoaXMpLHM9dGhpcy4kSCx1PXRoaXMuJG0sYT10aGlzLiRNLG89bi53ZWVrZGF5cyxjPW4ubW9udGhzLGY9bi5tZXJpZGllbSxoPWZ1bmN0aW9uKHQsbixpLHMpe3JldHVybiB0JiYodFtuXXx8dChlLHIpKXx8aVtuXS5zbGljZSgwLHMpfSxkPWZ1bmN0aW9uKHQpe3JldHVybiBiLnMocyUxMnx8MTIsdCxcIjBcIil9LCQ9Znx8ZnVuY3Rpb24odCxlLG4pe3ZhciByPXQ8MTI/XCJBTVwiOlwiUE1cIjtyZXR1cm4gbj9yLnRvTG93ZXJDYXNlKCk6cn07cmV0dXJuIHIucmVwbGFjZSh5LChmdW5jdGlvbih0LHIpe3JldHVybiByfHxmdW5jdGlvbih0KXtzd2l0Y2godCl7Y2FzZVwiWVlcIjpyZXR1cm4gU3RyaW5nKGUuJHkpLnNsaWNlKC0yKTtjYXNlXCJZWVlZXCI6cmV0dXJuIGIucyhlLiR5LDQsXCIwXCIpO2Nhc2VcIk1cIjpyZXR1cm4gYSsxO2Nhc2VcIk1NXCI6cmV0dXJuIGIucyhhKzEsMixcIjBcIik7Y2FzZVwiTU1NXCI6cmV0dXJuIGgobi5tb250aHNTaG9ydCxhLGMsMyk7Y2FzZVwiTU1NTVwiOnJldHVybiBoKGMsYSk7Y2FzZVwiRFwiOnJldHVybiBlLiREO2Nhc2VcIkREXCI6cmV0dXJuIGIucyhlLiRELDIsXCIwXCIpO2Nhc2VcImRcIjpyZXR1cm4gU3RyaW5nKGUuJFcpO2Nhc2VcImRkXCI6cmV0dXJuIGgobi53ZWVrZGF5c01pbixlLiRXLG8sMik7Y2FzZVwiZGRkXCI6cmV0dXJuIGgobi53ZWVrZGF5c1Nob3J0LGUuJFcsbywzKTtjYXNlXCJkZGRkXCI6cmV0dXJuIG9bZS4kV107Y2FzZVwiSFwiOnJldHVybiBTdHJpbmcocyk7Y2FzZVwiSEhcIjpyZXR1cm4gYi5zKHMsMixcIjBcIik7Y2FzZVwiaFwiOnJldHVybiBkKDEpO2Nhc2VcImhoXCI6cmV0dXJuIGQoMik7Y2FzZVwiYVwiOnJldHVybiAkKHMsdSwhMCk7Y2FzZVwiQVwiOnJldHVybiAkKHMsdSwhMSk7Y2FzZVwibVwiOnJldHVybiBTdHJpbmcodSk7Y2FzZVwibW1cIjpyZXR1cm4gYi5zKHUsMixcIjBcIik7Y2FzZVwic1wiOnJldHVybiBTdHJpbmcoZS4kcyk7Y2FzZVwic3NcIjpyZXR1cm4gYi5zKGUuJHMsMixcIjBcIik7Y2FzZVwiU1NTXCI6cmV0dXJuIGIucyhlLiRtcywzLFwiMFwiKTtjYXNlXCJaXCI6cmV0dXJuIGl9cmV0dXJuIG51bGx9KHQpfHxpLnJlcGxhY2UoXCI6XCIsXCJcIil9KSl9LG0udXRjT2Zmc2V0PWZ1bmN0aW9uKCl7cmV0dXJuIDE1Ki1NYXRoLnJvdW5kKHRoaXMuJGQuZ2V0VGltZXpvbmVPZmZzZXQoKS8xNSl9LG0uZGlmZj1mdW5jdGlvbihyLGQsbCl7dmFyICQseT10aGlzLE09Yi5wKGQpLG09TyhyKSx2PShtLnV0Y09mZnNldCgpLXRoaXMudXRjT2Zmc2V0KCkpKmUsZz10aGlzLW0sRD1mdW5jdGlvbigpe3JldHVybiBiLm0oeSxtKX07c3dpdGNoKE0pe2Nhc2UgaDokPUQoKS8xMjticmVhaztjYXNlIGM6JD1EKCk7YnJlYWs7Y2FzZSBmOiQ9RCgpLzM7YnJlYWs7Y2FzZSBvOiQ9KGctdikvNjA0OGU1O2JyZWFrO2Nhc2UgYTokPShnLXYpLzg2NGU1O2JyZWFrO2Nhc2UgdTokPWcvbjticmVhaztjYXNlIHM6JD1nL2U7YnJlYWs7Y2FzZSBpOiQ9Zy90O2JyZWFrO2RlZmF1bHQ6JD1nfXJldHVybiBsPyQ6Yi5hKCQpfSxtLmRheXNJbk1vbnRoPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuZW5kT2YoYykuJER9LG0uJGxvY2FsZT1mdW5jdGlvbigpe3JldHVybiBEW3RoaXMuJExdfSxtLmxvY2FsZT1mdW5jdGlvbih0LGUpe2lmKCF0KXJldHVybiB0aGlzLiRMO3ZhciBuPXRoaXMuY2xvbmUoKSxyPXcodCxlLCEwKTtyZXR1cm4gciYmKG4uJEw9ciksbn0sbS5jbG9uZT1mdW5jdGlvbigpe3JldHVybiBiLncodGhpcy4kZCx0aGlzKX0sbS50b0RhdGU9ZnVuY3Rpb24oKXtyZXR1cm4gbmV3IERhdGUodGhpcy52YWx1ZU9mKCkpfSxtLnRvSlNPTj1mdW5jdGlvbigpe3JldHVybiB0aGlzLmlzVmFsaWQoKT90aGlzLnRvSVNPU3RyaW5nKCk6bnVsbH0sbS50b0lTT1N0cmluZz1mdW5jdGlvbigpe3JldHVybiB0aGlzLiRkLnRvSVNPU3RyaW5nKCl9LG0udG9TdHJpbmc9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy4kZC50b1VUQ1N0cmluZygpfSxNfSgpLGs9Xy5wcm90b3R5cGU7cmV0dXJuIE8ucHJvdG90eXBlPWssW1tcIiRtc1wiLHJdLFtcIiRzXCIsaV0sW1wiJG1cIixzXSxbXCIkSFwiLHVdLFtcIiRXXCIsYV0sW1wiJE1cIixjXSxbXCIkeVwiLGhdLFtcIiREXCIsZF1dLmZvckVhY2goKGZ1bmN0aW9uKHQpe2tbdFsxXV09ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuJGcoZSx0WzBdLHRbMV0pfX0pKSxPLmV4dGVuZD1mdW5jdGlvbih0LGUpe3JldHVybiB0LiRpfHwodChlLF8sTyksdC4kaT0hMCksT30sTy5sb2NhbGU9dyxPLmlzRGF5anM9UyxPLnVuaXg9ZnVuY3Rpb24odCl7cmV0dXJuIE8oMWUzKnQpfSxPLmVuPURbZ10sTy5Mcz1ELE8ucD17fSxPfSkpOyIsICIhZnVuY3Rpb24odCxpKXtcIm9iamVjdFwiPT10eXBlb2YgZXhwb3J0cyYmXCJ1bmRlZmluZWRcIiE9dHlwZW9mIG1vZHVsZT9tb2R1bGUuZXhwb3J0cz1pKCk6XCJmdW5jdGlvblwiPT10eXBlb2YgZGVmaW5lJiZkZWZpbmUuYW1kP2RlZmluZShpKToodD1cInVuZGVmaW5lZFwiIT10eXBlb2YgZ2xvYmFsVGhpcz9nbG9iYWxUaGlzOnR8fHNlbGYpLmRheWpzX3BsdWdpbl91dGM9aSgpfSh0aGlzLChmdW5jdGlvbigpe1widXNlIHN0cmljdFwiO3ZhciB0PVwibWludXRlXCIsaT0vWystXVxcZFxcZCg/Ojo/XFxkXFxkKT8vZyxlPS8oWystXXxcXGRcXGQpL2c7cmV0dXJuIGZ1bmN0aW9uKHMsZixuKXt2YXIgdT1mLnByb3RvdHlwZTtuLnV0Yz1mdW5jdGlvbih0KXt2YXIgaT17ZGF0ZTp0LHV0YzohMCxhcmdzOmFyZ3VtZW50c307cmV0dXJuIG5ldyBmKGkpfSx1LnV0Yz1mdW5jdGlvbihpKXt2YXIgZT1uKHRoaXMudG9EYXRlKCkse2xvY2FsZTp0aGlzLiRMLHV0YzohMH0pO3JldHVybiBpP2UuYWRkKHRoaXMudXRjT2Zmc2V0KCksdCk6ZX0sdS5sb2NhbD1mdW5jdGlvbigpe3JldHVybiBuKHRoaXMudG9EYXRlKCkse2xvY2FsZTp0aGlzLiRMLHV0YzohMX0pfTt2YXIgcj11LnBhcnNlO3UucGFyc2U9ZnVuY3Rpb24odCl7dC51dGMmJih0aGlzLiR1PSEwKSx0aGlzLiR1dGlscygpLnUodC4kb2Zmc2V0KXx8KHRoaXMuJG9mZnNldD10LiRvZmZzZXQpLHIuY2FsbCh0aGlzLHQpfTt2YXIgbz11LmluaXQ7dS5pbml0PWZ1bmN0aW9uKCl7aWYodGhpcy4kdSl7dmFyIHQ9dGhpcy4kZDt0aGlzLiR5PXQuZ2V0VVRDRnVsbFllYXIoKSx0aGlzLiRNPXQuZ2V0VVRDTW9udGgoKSx0aGlzLiREPXQuZ2V0VVRDRGF0ZSgpLHRoaXMuJFc9dC5nZXRVVENEYXkoKSx0aGlzLiRIPXQuZ2V0VVRDSG91cnMoKSx0aGlzLiRtPXQuZ2V0VVRDTWludXRlcygpLHRoaXMuJHM9dC5nZXRVVENTZWNvbmRzKCksdGhpcy4kbXM9dC5nZXRVVENNaWxsaXNlY29uZHMoKX1lbHNlIG8uY2FsbCh0aGlzKX07dmFyIGE9dS51dGNPZmZzZXQ7dS51dGNPZmZzZXQ9ZnVuY3Rpb24ocyxmKXt2YXIgbj10aGlzLiR1dGlscygpLnU7aWYobihzKSlyZXR1cm4gdGhpcy4kdT8wOm4odGhpcy4kb2Zmc2V0KT9hLmNhbGwodGhpcyk6dGhpcy4kb2Zmc2V0O2lmKFwic3RyaW5nXCI9PXR5cGVvZiBzJiYocz1mdW5jdGlvbih0KXt2b2lkIDA9PT10JiYodD1cIlwiKTt2YXIgcz10Lm1hdGNoKGkpO2lmKCFzKXJldHVybiBudWxsO3ZhciBmPShcIlwiK3NbMF0pLm1hdGNoKGUpfHxbXCItXCIsMCwwXSxuPWZbMF0sdT02MCorZlsxXSsgK2ZbMl07cmV0dXJuIDA9PT11PzA6XCIrXCI9PT1uP3U6LXV9KHMpLG51bGw9PT1zKSlyZXR1cm4gdGhpczt2YXIgdT1NYXRoLmFicyhzKTw9MTY/NjAqczpzO2lmKDA9PT11KXJldHVybiB0aGlzLnV0YyhmKTt2YXIgcj10aGlzLmNsb25lKCk7aWYoZilyZXR1cm4gci4kb2Zmc2V0PXUsci4kdT0hMSxyO3ZhciBvPXRoaXMuJHU/dGhpcy50b0RhdGUoKS5nZXRUaW1lem9uZU9mZnNldCgpOi0xKnRoaXMudXRjT2Zmc2V0KCk7cmV0dXJuKHI9dGhpcy5sb2NhbCgpLmFkZCh1K28sdCkpLiRvZmZzZXQ9dSxyLiR4LiRsb2NhbE9mZnNldD1vLHJ9O3ZhciBoPXUuZm9ybWF0O3UuZm9ybWF0PWZ1bmN0aW9uKHQpe3ZhciBpPXR8fCh0aGlzLiR1P1wiWVlZWS1NTS1ERFRISDptbTpzc1taXVwiOlwiXCIpO3JldHVybiBoLmNhbGwodGhpcyxpKX0sdS52YWx1ZU9mPWZ1bmN0aW9uKCl7dmFyIHQ9dGhpcy4kdXRpbHMoKS51KHRoaXMuJG9mZnNldCk/MDp0aGlzLiRvZmZzZXQrKHRoaXMuJHguJGxvY2FsT2Zmc2V0fHx0aGlzLiRkLmdldFRpbWV6b25lT2Zmc2V0KCkpO3JldHVybiB0aGlzLiRkLnZhbHVlT2YoKS02ZTQqdH0sdS5pc1VUQz1mdW5jdGlvbigpe3JldHVybiEhdGhpcy4kdX0sdS50b0lTT1N0cmluZz1mdW5jdGlvbigpe3JldHVybiB0aGlzLnRvRGF0ZSgpLnRvSVNPU3RyaW5nKCl9LHUudG9TdHJpbmc9ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy50b0RhdGUoKS50b1VUQ1N0cmluZygpfTt2YXIgbD11LnRvRGF0ZTt1LnRvRGF0ZT1mdW5jdGlvbih0KXtyZXR1cm5cInNcIj09PXQmJnRoaXMuJG9mZnNldD9uKHRoaXMuZm9ybWF0KFwiWVlZWS1NTS1ERCBISDptbTpzczpTU1NcIikpLnRvRGF0ZSgpOmwuY2FsbCh0aGlzKX07dmFyIGM9dS5kaWZmO3UuZGlmZj1mdW5jdGlvbih0LGksZSl7aWYodCYmdGhpcy4kdT09PXQuJHUpcmV0dXJuIGMuY2FsbCh0aGlzLHQsaSxlKTt2YXIgcz10aGlzLmxvY2FsKCksZj1uKHQpLmxvY2FsKCk7cmV0dXJuIGMuY2FsbChzLGYsaSxlKX19fSkpOyIsICIhZnVuY3Rpb24odCxlKXtcIm9iamVjdFwiPT10eXBlb2YgZXhwb3J0cyYmXCJ1bmRlZmluZWRcIiE9dHlwZW9mIG1vZHVsZT9tb2R1bGUuZXhwb3J0cz1lKCk6XCJmdW5jdGlvblwiPT10eXBlb2YgZGVmaW5lJiZkZWZpbmUuYW1kP2RlZmluZShlKToodD1cInVuZGVmaW5lZFwiIT10eXBlb2YgZ2xvYmFsVGhpcz9nbG9iYWxUaGlzOnR8fHNlbGYpLmRheWpzX3BsdWdpbl90aW1lem9uZT1lKCl9KHRoaXMsKGZ1bmN0aW9uKCl7XCJ1c2Ugc3RyaWN0XCI7dmFyIHQ9e3llYXI6MCxtb250aDoxLGRheToyLGhvdXI6MyxtaW51dGU6NCxzZWNvbmQ6NX0sZT17fTtyZXR1cm4gZnVuY3Rpb24obixpLG8pe3ZhciByLGE9ZnVuY3Rpb24odCxuLGkpe3ZvaWQgMD09PWkmJihpPXt9KTt2YXIgbz1uZXcgRGF0ZSh0KSxyPWZ1bmN0aW9uKHQsbil7dm9pZCAwPT09biYmKG49e30pO3ZhciBpPW4udGltZVpvbmVOYW1lfHxcInNob3J0XCIsbz10K1wifFwiK2kscj1lW29dO3JldHVybiByfHwocj1uZXcgSW50bC5EYXRlVGltZUZvcm1hdChcImVuLVVTXCIse2hvdXIxMjohMSx0aW1lWm9uZTp0LHllYXI6XCJudW1lcmljXCIsbW9udGg6XCIyLWRpZ2l0XCIsZGF5OlwiMi1kaWdpdFwiLGhvdXI6XCIyLWRpZ2l0XCIsbWludXRlOlwiMi1kaWdpdFwiLHNlY29uZDpcIjItZGlnaXRcIix0aW1lWm9uZU5hbWU6aX0pLGVbb109cikscn0obixpKTtyZXR1cm4gci5mb3JtYXRUb1BhcnRzKG8pfSx1PWZ1bmN0aW9uKGUsbil7Zm9yKHZhciBpPWEoZSxuKSxyPVtdLHU9MDt1PGkubGVuZ3RoO3UrPTEpe3ZhciBmPWlbdV0scz1mLnR5cGUsbT1mLnZhbHVlLGM9dFtzXTtjPj0wJiYocltjXT1wYXJzZUludChtLDEwKSl9dmFyIGQ9clszXSxsPTI0PT09ZD8wOmQsaD1yWzBdK1wiLVwiK3JbMV0rXCItXCIrclsyXStcIiBcIitsK1wiOlwiK3JbNF0rXCI6XCIrcls1XStcIjowMDBcIix2PStlO3JldHVybihvLnV0YyhoKS52YWx1ZU9mKCktKHYtPXYlMWUzKSkvNmU0fSxmPWkucHJvdG90eXBlO2YudHo9ZnVuY3Rpb24odCxlKXt2b2lkIDA9PT10JiYodD1yKTt2YXIgbixpPXRoaXMudXRjT2Zmc2V0KCksYT10aGlzLnRvRGF0ZSgpLHU9YS50b0xvY2FsZVN0cmluZyhcImVuLVVTXCIse3RpbWVab25lOnR9KSxmPU1hdGgucm91bmQoKGEtbmV3IERhdGUodSkpLzFlMy82MCkscz0xNSotTWF0aC5yb3VuZChhLmdldFRpbWV6b25lT2Zmc2V0KCkvMTUpLWY7aWYoIU51bWJlcihzKSluPXRoaXMudXRjT2Zmc2V0KDAsZSk7ZWxzZSBpZihuPW8odSx7bG9jYWxlOnRoaXMuJEx9KS4kc2V0KFwibWlsbGlzZWNvbmRcIix0aGlzLiRtcykudXRjT2Zmc2V0KHMsITApLGUpe3ZhciBtPW4udXRjT2Zmc2V0KCk7bj1uLmFkZChpLW0sXCJtaW51dGVcIil9cmV0dXJuIG4uJHguJHRpbWV6b25lPXQsbn0sZi5vZmZzZXROYW1lPWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuJHguJHRpbWV6b25lfHxvLnR6Lmd1ZXNzKCksbj1hKHRoaXMudmFsdWVPZigpLGUse3RpbWVab25lTmFtZTp0fSkuZmluZCgoZnVuY3Rpb24odCl7cmV0dXJuXCJ0aW1lem9uZW5hbWVcIj09PXQudHlwZS50b0xvd2VyQ2FzZSgpfSkpO3JldHVybiBuJiZuLnZhbHVlfTt2YXIgcz1mLnN0YXJ0T2Y7Zi5zdGFydE9mPWZ1bmN0aW9uKHQsZSl7aWYoIXRoaXMuJHh8fCF0aGlzLiR4LiR0aW1lem9uZSlyZXR1cm4gcy5jYWxsKHRoaXMsdCxlKTt2YXIgbj1vKHRoaXMuZm9ybWF0KFwiWVlZWS1NTS1ERCBISDptbTpzczpTU1NcIikse2xvY2FsZTp0aGlzLiRMfSk7cmV0dXJuIHMuY2FsbChuLHQsZSkudHoodGhpcy4keC4kdGltZXpvbmUsITApfSxvLnR6PWZ1bmN0aW9uKHQsZSxuKXt2YXIgaT1uJiZlLGE9bnx8ZXx8cixmPXUoK28oKSxhKTtpZihcInN0cmluZ1wiIT10eXBlb2YgdClyZXR1cm4gbyh0KS50eihhKTt2YXIgcz1mdW5jdGlvbih0LGUsbil7dmFyIGk9dC02MCplKjFlMyxvPXUoaSxuKTtpZihlPT09bylyZXR1cm5baSxlXTt2YXIgcj11KGktPTYwKihvLWUpKjFlMyxuKTtyZXR1cm4gbz09PXI/W2ksb106W3QtNjAqTWF0aC5taW4obyxyKSoxZTMsTWF0aC5tYXgobyxyKV19KG8udXRjKHQsaSkudmFsdWVPZigpLGYsYSksbT1zWzBdLGM9c1sxXSxkPW8obSkudXRjT2Zmc2V0KGMpO3JldHVybiBkLiR4LiR0aW1lem9uZT1hLGR9LG8udHouZ3Vlc3M9ZnVuY3Rpb24oKXtyZXR1cm4gSW50bC5EYXRlVGltZUZvcm1hdCgpLnJlc29sdmVkT3B0aW9ucygpLnRpbWVab25lfSxvLnR6LnNldERlZmF1bHQ9ZnVuY3Rpb24odCl7cj10fX19KSk7IiwgIiFmdW5jdGlvbihlLHQpe1wib2JqZWN0XCI9PXR5cGVvZiBleHBvcnRzJiZcInVuZGVmaW5lZFwiIT10eXBlb2YgbW9kdWxlP21vZHVsZS5leHBvcnRzPXQoKTpcImZ1bmN0aW9uXCI9PXR5cGVvZiBkZWZpbmUmJmRlZmluZS5hbWQ/ZGVmaW5lKHQpOihlPVwidW5kZWZpbmVkXCIhPXR5cGVvZiBnbG9iYWxUaGlzP2dsb2JhbFRoaXM6ZXx8c2VsZikuZGF5anNfcGx1Z2luX2lzb1dlZWs9dCgpfSh0aGlzLChmdW5jdGlvbigpe1widXNlIHN0cmljdFwiO3ZhciBlPVwiZGF5XCI7cmV0dXJuIGZ1bmN0aW9uKHQsaSxzKXt2YXIgYT1mdW5jdGlvbih0KXtyZXR1cm4gdC5hZGQoNC10Lmlzb1dlZWtkYXkoKSxlKX0sZD1pLnByb3RvdHlwZTtkLmlzb1dlZWtZZWFyPWZ1bmN0aW9uKCl7cmV0dXJuIGEodGhpcykueWVhcigpfSxkLmlzb1dlZWs9ZnVuY3Rpb24odCl7aWYoIXRoaXMuJHV0aWxzKCkudSh0KSlyZXR1cm4gdGhpcy5hZGQoNyoodC10aGlzLmlzb1dlZWsoKSksZSk7dmFyIGksZCxuLG8scj1hKHRoaXMpLHU9KGk9dGhpcy5pc29XZWVrWWVhcigpLGQ9dGhpcy4kdSxuPShkP3MudXRjOnMpKCkueWVhcihpKS5zdGFydE9mKFwieWVhclwiKSxvPTQtbi5pc29XZWVrZGF5KCksbi5pc29XZWVrZGF5KCk+NCYmKG8rPTcpLG4uYWRkKG8sZSkpO3JldHVybiByLmRpZmYodSxcIndlZWtcIikrMX0sZC5pc29XZWVrZGF5PWZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLiR1dGlscygpLnUoZSk/dGhpcy5kYXkoKXx8Nzp0aGlzLmRheSh0aGlzLmRheSgpJTc/ZTplLTcpfTt2YXIgbj1kLnN0YXJ0T2Y7ZC5zdGFydE9mPWZ1bmN0aW9uKGUsdCl7dmFyIGk9dGhpcy4kdXRpbHMoKSxzPSEhaS51KHQpfHx0O3JldHVyblwiaXNvd2Vla1wiPT09aS5wKGUpP3M/dGhpcy5kYXRlKHRoaXMuZGF0ZSgpLSh0aGlzLmlzb1dlZWtkYXkoKS0xKSkuc3RhcnRPZihcImRheVwiKTp0aGlzLmRhdGUodGhpcy5kYXRlKCktMS0odGhpcy5pc29XZWVrZGF5KCktMSkrNykuZW5kT2YoXCJkYXlcIik6bi5iaW5kKHRoaXMpKGUsdCl9fX0pKTsiLCAibGV0IHRva2VuQ291bnRlciA9IDA7XG4vKipcbiAqIENyZWF0ZXMgYSBuZXcgdW5pcXVlIHRva2VuIGZvciBkZXBlbmRlbmN5IGluamVjdGlvbi5cbiAqXG4gKiBAcGFyYW0gZGVzY3JpcHRpb24gT3B0aW9uYWwgZGVzY3JpcHRpb24gZm9yIGRlYnVnZ2luZyBwdXJwb3Nlc1xuICogQHJldHVybnMgQSB1bmlxdWUgdG9rZW4gdGhhdCBjYW4gYmUgdXNlZCBhcyBhIE1hcCBrZXlcbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHNcbiAqIGludGVyZmFjZSBJTG9nZ2VyIHsgbG9nKG1zZzogc3RyaW5nKTogdm9pZCB9XG4gKiBjb25zdCBMb2dnZXJUb2tlbiA9IFRva2VuPElMb2dnZXI+KCdMb2dnZXInKVxuICogYGBgXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBUb2tlbihkZXNjcmlwdGlvbikge1xuICAgIGNvbnN0IGlkID0gKyt0b2tlbkNvdW50ZXI7XG4gICAgY29uc3Qgc3ltID0gU3ltYm9sKGRlc2NyaXB0aW9uID8gYFRva2VuKCR7ZGVzY3JpcHRpb259KWAgOiBgVG9rZW4jJHtpZH1gKTtcbiAgICBjb25zdCB0b2tlbiA9IHtcbiAgICAgICAgc3ltYm9sOiBzeW0sXG4gICAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgICB0b1N0cmluZygpIHtcbiAgICAgICAgICAgIHJldHVybiBkZXNjcmlwdGlvblxuICAgICAgICAgICAgICAgID8gYFRva2VuPCR7ZGVzY3JpcHRpb259PmBcbiAgICAgICAgICAgICAgICA6IGBUb2tlbjwjJHtpZH0+YDtcbiAgICAgICAgfVxuICAgIH07XG4gICAgcmV0dXJuIHRva2VuO1xufVxuLyoqXG4gKiBDcmVhdGVzIGEgbmV3IHVuaXF1ZSB0b2tlbiB3aXRob3V0IGEgc3RyaW5nIGxpdGVyYWwuXG4gKiBQcmVmZXJyZWQgZm9yIEF1dG9mYWMtc3R5bGUgREkgdG8gYXZvaWQgc3RyaW5nIGxpdGVyYWxzLlxuICpcbiAqIEByZXR1cm5zIEEgdW5pcXVlIHRva2VuIHRoYXQgY2FuIGJlIHVzZWQgYXMgYSBNYXAga2V5XG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHRzXG4gKiBpbnRlcmZhY2UgSUxvZ2dlciB7IGxvZyhtc2c6IHN0cmluZyk6IHZvaWQgfVxuICogY29uc3QgTG9nZ2VyVG9rZW4gPSB0b2tlbjxJTG9nZ2VyPigpXG4gKiBgYGBcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHRva2VuKCkge1xuICAgIHJldHVybiBUb2tlbigpO1xufVxuIiwgIi8qKlxuICogRXJyb3IgY2xhc3NlcyBmb3IgTm92YURJIGNvbnRhaW5lclxuICovXG5leHBvcnQgY2xhc3MgQ29udGFpbmVyRXJyb3IgZXh0ZW5kcyBFcnJvciB7XG4gICAgY29uc3RydWN0b3IobWVzc2FnZSkge1xuICAgICAgICBzdXBlcihtZXNzYWdlKTtcbiAgICAgICAgdGhpcy5uYW1lID0gJ0NvbnRhaW5lckVycm9yJztcbiAgICB9XG59XG5leHBvcnQgY2xhc3MgQmluZGluZ05vdEZvdW5kRXJyb3IgZXh0ZW5kcyBDb250YWluZXJFcnJvciB7XG4gICAgY29uc3RydWN0b3IodG9rZW5EZXNjcmlwdGlvbiwgcGF0aCA9IFtdKSB7XG4gICAgICAgIGNvbnN0IHBhdGhTdHIgPSBwYXRoLmxlbmd0aCA+IDAgPyBgXFxuICBEZXBlbmRlbmN5IHBhdGg6ICR7cGF0aC5qb2luKCcgLT4gJyl9YCA6ICcnO1xuICAgICAgICBzdXBlcihgVG9rZW4gXCIke3Rva2VuRGVzY3JpcHRpb259XCIgaXMgbm90IGJvdW5kIG9yIHJlZ2lzdGVyZWQgaW4gdGhlIGNvbnRhaW5lci4ke3BhdGhTdHJ9YCk7XG4gICAgICAgIHRoaXMubmFtZSA9ICdCaW5kaW5nTm90Rm91bmRFcnJvcic7XG4gICAgfVxufVxuZXhwb3J0IGNsYXNzIENpcmN1bGFyRGVwZW5kZW5jeUVycm9yIGV4dGVuZHMgQ29udGFpbmVyRXJyb3Ige1xuICAgIGNvbnN0cnVjdG9yKHBhdGgpIHtcbiAgICAgICAgc3VwZXIoYENpcmN1bGFyIGRlcGVuZGVuY3kgZGV0ZWN0ZWQ6ICR7cGF0aC5qb2luKCcgLT4gJyl9YCk7XG4gICAgICAgIHRoaXMubmFtZSA9ICdDaXJjdWxhckRlcGVuZGVuY3lFcnJvcic7XG4gICAgfVxufVxuIiwgIi8qKlxuICogQXV0b1dpcmUgLSBBdXRvbWF0aWMgZGVwZW5kZW5jeSBpbmplY3Rpb24gZm9yIE5vdmFESVxuICogU3VwcG9ydHMgdHdvIHN0cmF0ZWdpZXM6IG1hcFJlc29sdmVycyAodHJhbnNmb3JtZXItZ2VuZXJhdGVkKSBhbmQgbWFwIChtYW51YWwgb3ZlcnJpZGUpXG4gKi9cbi8qKlxuICogUGVyZm9ybWFuY2U6IENhY2hlIGV4dHJhY3RlZCBwYXJhbWV0ZXIgbmFtZXMgdG8gYXZvaWQgcmVwZWF0ZWQgcmVnZXggcGFyc2luZ1xuICogV2Vha01hcCBhbGxvd3MgZ2FyYmFnZSBjb2xsZWN0aW9uIHdoZW4gY29uc3RydWN0b3IgaXMgbm8gbG9uZ2VyIHJlZmVyZW5jZWRcbiAqL1xuY29uc3QgcGFyYW1OYW1lQ2FjaGUgPSBuZXcgV2Vha01hcCgpO1xuLyoqXG4gKiBFeHRyYWN0IHBhcmFtZXRlciBuYW1lcyBmcm9tIGEgY29uc3RydWN0b3IgZnVuY3Rpb25cbiAqIFVzZXMgcmVnZXggdG8gcGFyc2UgdGhlIHRvU3RyaW5nKCkgcmVwcmVzZW50YXRpb25cbiAqIFBlcmZvcm1hbmNlIG9wdGltaXplZDogUmVzdWx0cyBhcmUgY2FjaGVkIHBlciBjb25zdHJ1Y3RvclxuICpcbiAqIE5vdGU6IE9ubHkgdXNlZCBieSByZXNvbHZlQnlNYXAoKSBmb3IgbWFudWFsIG1hcCBzdHJhdGVneVxuICovXG5leHBvcnQgZnVuY3Rpb24gZXh0cmFjdFBhcmFtZXRlck5hbWVzKGNvbnN0cnVjdG9yKSB7XG4gICAgLy8gQ2hlY2sgY2FjaGUgZmlyc3QgLSBhdm9pZHMgZXhwZW5zaXZlIHJlZ2V4IHBhcnNpbmdcbiAgICBjb25zdCBjYWNoZWQgPSBwYXJhbU5hbWVDYWNoZS5nZXQoY29uc3RydWN0b3IpO1xuICAgIGlmIChjYWNoZWQpIHtcbiAgICAgICAgcmV0dXJuIGNhY2hlZDtcbiAgICB9XG4gICAgLy8gRXh0cmFjdCBwYXJhbWV0ZXIgbmFtZXMgKGV4cGVuc2l2ZSBvcGVyYXRpb24pXG4gICAgY29uc3QgZm5TdHIgPSBjb25zdHJ1Y3Rvci50b1N0cmluZygpO1xuICAgIC8vIE1hdGNoIGNvbnN0cnVjdG9yKC4uLmFyZ3MpIG9yIGNsYXNzIHsgY29uc3RydWN0b3IoLi4uYXJncykgfVxuICAgIGNvbnN0IG1hdGNoID0gZm5TdHIubWF0Y2goL2NvbnN0cnVjdG9yXFxzKlxcKChbXildKilcXCkvKSB8fCBmblN0ci5tYXRjaCgvXlteKF0qXFwoKFteKV0qKVxcKS8pO1xuICAgIGlmICghbWF0Y2ggfHwgIW1hdGNoWzFdKSB7XG4gICAgICAgIHJldHVybiBbXTtcbiAgICB9XG4gICAgY29uc3QgcGFyYW1zID0gbWF0Y2hbMV1cbiAgICAgICAgLnNwbGl0KCcsJylcbiAgICAgICAgLm1hcChwYXJhbSA9PiBwYXJhbS50cmltKCkpXG4gICAgICAgIC5maWx0ZXIocGFyYW0gPT4gcGFyYW0ubGVuZ3RoID4gMClcbiAgICAgICAgLm1hcChwYXJhbSA9PiB7XG4gICAgICAgIC8vIFJlbW92ZSBkZWZhdWx0IHZhbHVlcywgdHlwZSBhbm5vdGF0aW9ucywgYW5kIGV4dHJhY3QganVzdCB0aGUgbmFtZVxuICAgICAgICBsZXQgbmFtZSA9IHBhcmFtLnNwbGl0KC9bOj1dLylbMF0udHJpbSgpO1xuICAgICAgICAvLyBSZW1vdmUgVHlwZVNjcmlwdCBtb2RpZmllcnMgKHB1YmxpYywgcHJpdmF0ZSwgcHJvdGVjdGVkLCByZWFkb25seSlcbiAgICAgICAgLy8gQ2FuIGFwcGVhciBtdWx0aXBsZSB0aW1lcywgZS5nLiwgXCJwdWJsaWMgcmVhZG9ubHkgc2VydmljZVwiXG4gICAgICAgIG5hbWUgPSBuYW1lLnJlcGxhY2UoL14oKHB1YmxpY3xwcml2YXRlfHByb3RlY3RlZHxyZWFkb25seSlcXHMrKSsvLCAnJyk7XG4gICAgICAgIC8vIEhhbmRsZSBkZXN0cnVjdHVyaW5nIC0gc2tpcCBmb3Igbm93XG4gICAgICAgIGlmIChuYW1lLmluY2x1ZGVzKCd7JykgfHwgbmFtZS5pbmNsdWRlcygnWycpKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gbmFtZTtcbiAgICB9KVxuICAgICAgICAuZmlsdGVyKChuYW1lKSA9PiBuYW1lICE9PSBudWxsKTtcbiAgICAvLyBDYWNoZSByZXN1bHQgZm9yIGZ1dHVyZSBjYWxsc1xuICAgIHBhcmFtTmFtZUNhY2hlLnNldChjb25zdHJ1Y3RvciwgcGFyYW1zKTtcbiAgICByZXR1cm4gcGFyYW1zO1xufVxuLyoqXG4gKiBSZXNvbHZlIGRlcGVuZGVuY2llcyB1c2luZyBtYXAgc3RyYXRlZ3lcbiAqIFVzZXMgZXhwbGljaXQgbWFwcGluZyBmcm9tIHBhcmFtZXRlciBuYW1lcyB0byByZXNvbHZlcnNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJlc29sdmVCeU1hcChjb25zdHJ1Y3RvciwgY29udGFpbmVyLCBvcHRpb25zKSB7XG4gICAgaWYgKCFvcHRpb25zLm1hcCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0F1dG9XaXJlIG1hcCBzdHJhdGVneSByZXF1aXJlcyBvcHRpb25zLm1hcCB0byBiZSBkZWZpbmVkJyk7XG4gICAgfVxuICAgIGNvbnN0IHBhcmFtTmFtZXMgPSBleHRyYWN0UGFyYW1ldGVyTmFtZXMoY29uc3RydWN0b3IpO1xuICAgIGNvbnN0IHJlc29sdmVkRGVwcyA9IFtdO1xuICAgIGZvciAoY29uc3QgcGFyYW1OYW1lIG9mIHBhcmFtTmFtZXMpIHtcbiAgICAgICAgY29uc3QgcmVzb2x2ZXIgPSBvcHRpb25zLm1hcFtwYXJhbU5hbWVdO1xuICAgICAgICBpZiAocmVzb2x2ZXIgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgaWYgKG9wdGlvbnMuc3RyaWN0KSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBDYW5ub3QgcmVzb2x2ZSBwYXJhbWV0ZXIgXCIke3BhcmFtTmFtZX1cIiBvbiAke2NvbnN0cnVjdG9yLm5hbWV9LiBgICtcbiAgICAgICAgICAgICAgICAgICAgYE5vdCBmb3VuZCBpbiBhdXRvd2lyZSBtYXAuIGAgK1xuICAgICAgICAgICAgICAgICAgICBgQWRkIGl0IHRvIHRoZSBtYXA6IC5hdXRvV2lyZSh7IG1hcDogeyAke3BhcmFtTmFtZX06IC4uLiB9IH0pYCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAvLyBTaWxlbnRseSBwdXNoIHVuZGVmaW5lZCBmb3IgbWlzc2luZyBwYXJhbWV0ZXJzXG4gICAgICAgICAgICAgICAgLy8gVGhpcyBpcyBleHBlY3RlZDogdHJhbnNmb3JtZXIgZmlsdGVycyBvdXQgcHJpbWl0aXZlIHR5cGVzIGF0IGNvbXBpbGUtdGltZSxcbiAgICAgICAgICAgICAgICAvLyBzbyBtaXNzaW5nIHBhcmFtcyBhcmUgdHlwaWNhbGx5IHByaW1pdGl2ZXMgdGhhdCBkb24ndCBuZWVkIERJIHJlc29sdXRpb25cbiAgICAgICAgICAgICAgICByZXNvbHZlZERlcHMucHVzaCh1bmRlZmluZWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgIH1cbiAgICAgICAgLy8gUmVzb2x2ZXIgY2FuIGJlIGEgZnVuY3Rpb24gb3IgYSBUb2tlblxuICAgICAgICBpZiAodHlwZW9mIHJlc29sdmVyID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgICAgICByZXNvbHZlZERlcHMucHVzaChyZXNvbHZlcihjb250YWluZXIpKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIEFzc3VtZSBpdCdzIGEgVG9rZW5cbiAgICAgICAgICAgIHJlc29sdmVkRGVwcy5wdXNoKGNvbnRhaW5lci5yZXNvbHZlKHJlc29sdmVyKSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHJlc29sdmVkRGVwcztcbn1cbi8qKlxuICogUmVzb2x2ZSBkZXBlbmRlbmNpZXMgdXNpbmcgbWFwUmVzb2x2ZXJzIGFycmF5IHN0cmF0ZWd5XG4gKiBPUFRJTUFMIFBFUkZPUk1BTkNFOiBPKDEpIGFycmF5IGFjY2VzcyBwZXIgcGFyYW1ldGVyXG4gKiBNaW5pZmljYXRpb24tc2FmZTogVXNlcyBwb3NpdGlvbi1iYXNlZCBhcnJheVxuICogUmVmYWN0b3JpbmctZnJpZW5kbHk6IFRyYW5zZm9ybWVyIHJlZ2VuZXJhdGVzIGFycmF5IG9uIHJlY29tcGlsZVxuICpcbiAqIFJlcXVpcmVzIGJ1aWxkLXRpbWUgdHJhbnNmb3JtZXIgdG8gZ2VuZXJhdGUgbWFwUmVzb2x2ZXJzIGFycmF5XG4gKi9cbmV4cG9ydCBmdW5jdGlvbiByZXNvbHZlQnlNYXBSZXNvbHZlcnMoX2NvbnN0cnVjdG9yLCBjb250YWluZXIsIG9wdGlvbnMpIHtcbiAgICBpZiAoIW9wdGlvbnMubWFwUmVzb2x2ZXJzIHx8IG9wdGlvbnMubWFwUmVzb2x2ZXJzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuICAgIGNvbnN0IHJlc29sdmVkRGVwcyA9IFtdO1xuICAgIC8vIFNpbXBsZSBPKDEpIGFycmF5IGFjY2VzcyAtIHVsdHJhIGZhc3QhXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBvcHRpb25zLm1hcFJlc29sdmVycy5sZW5ndGg7IGkrKykge1xuICAgICAgICBjb25zdCByZXNvbHZlciA9IG9wdGlvbnMubWFwUmVzb2x2ZXJzW2ldO1xuICAgICAgICBpZiAocmVzb2x2ZXIgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgLy8gdW5kZWZpbmVkIGluZGljYXRlcyBwcmltaXRpdmUgdHlwZSBvciBwYXJhbWV0ZXIgd2l0aG91dCBESVxuICAgICAgICAgICAgcmVzb2x2ZWREZXBzLnB1c2godW5kZWZpbmVkKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmICh0eXBlb2YgcmVzb2x2ZXIgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgIC8vIFJlc29sdmVyIGZ1bmN0aW9uOiAoYykgPT4gYy5yZXNvbHZlVHlwZSguLi4pXG4gICAgICAgICAgICByZXNvbHZlZERlcHMucHVzaChyZXNvbHZlcihjb250YWluZXIpKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIFRva2VuLWJhc2VkIHJlc29sdXRpb25cbiAgICAgICAgICAgIHJlc29sdmVkRGVwcy5wdXNoKGNvbnRhaW5lci5yZXNvbHZlKHJlc29sdmVyKSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHJlc29sdmVkRGVwcztcbn1cbi8qKlxuICogTWFpbiBhdXRvd2lyZSBmdW5jdGlvbiAtIGRpc3BhdGNoZXMgdG8gYXBwcm9wcmlhdGUgc3RyYXRlZ3lcbiAqIFByaW9yaXR5OiBtYXBSZXNvbHZlcnMgKHRyYW5zZm9ybWVyLWdlbmVyYXRlZCkgPiBtYXAgKG1hbnVhbCBvdmVycmlkZSlcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGF1dG93aXJlKGNvbnN0cnVjdG9yLCBjb250YWluZXIsIG9wdGlvbnMpIHtcbiAgICBjb25zdCBvcHRzID0ge1xuICAgICAgICBieTogJ3BhcmFtTmFtZScsXG4gICAgICAgIHN0cmljdDogZmFsc2UsXG4gICAgICAgIC4uLm9wdGlvbnNcbiAgICB9O1xuICAgIC8vIEhJR0hFU1QgUFJJT1JJVFk6IG1hcFJlc29sdmVycyBhcnJheSAodHJhbnNmb3JtZXItZ2VuZXJhdGVkLCBvcHRpbWFsIHBlcmZvcm1hbmNlKVxuICAgIC8vIE8oMSkgYXJyYXkgYWNjZXNzIHBlciBwYXJhbWV0ZXIgLSBtaW5pZmljYXRpb24tc2FmZSBhbmQgcmVmYWN0b3JpbmctZnJpZW5kbHlcbiAgICBpZiAob3B0cy5tYXBSZXNvbHZlcnMgJiYgb3B0cy5tYXBSZXNvbHZlcnMubGVuZ3RoID4gMCkge1xuICAgICAgICByZXR1cm4gcmVzb2x2ZUJ5TWFwUmVzb2x2ZXJzKGNvbnN0cnVjdG9yLCBjb250YWluZXIsIG9wdHMpO1xuICAgIH1cbiAgICAvLyBGQUxMQkFDSzogTWFudWFsIG1hcCBzdHJhdGVneSBmb3IgZXhwbGljaXQgb3ZlcnJpZGVzXG4gICAgaWYgKG9wdHMubWFwICYmIE9iamVjdC5rZXlzKG9wdHMubWFwKS5sZW5ndGggPiAwKSB7XG4gICAgICAgIHJldHVybiByZXNvbHZlQnlNYXAoY29uc3RydWN0b3IsIGNvbnRhaW5lciwgb3B0cyk7XG4gICAgfVxuICAgIC8vIE5vIGF1dG93aXJpbmcgY29uZmlndXJlZCwgcmV0dXJuIGVtcHR5IGFycmF5XG4gICAgcmV0dXJuIFtdO1xufVxuIiwgIi8qKlxuICogRmx1ZW50IGJ1aWxkZXIgQVBJIGZvciBOb3ZhREkgQ29udGFpbmVyIChBdXRvZmFjLXN0eWxlKVxuICovXG5pbXBvcnQgeyBUb2tlbiB9IGZyb20gJy4vdG9rZW4uanMnO1xuaW1wb3J0IHsgYXV0b3dpcmUgfSBmcm9tICcuL2F1dG93aXJlLmpzJztcbi8qKlxuICogRmx1ZW50IHJlZ2lzdHJhdGlvbiBidWlsZGVyIHJldHVybmVkIGFmdGVyIGVhY2ggcmVnaXN0cmF0aW9uIG1ldGhvZFxuICovXG5leHBvcnQgY2xhc3MgUmVnaXN0cmF0aW9uQnVpbGRlciB7XG4gICAgY29uc3RydWN0b3IocGVuZGluZywgcmVnaXN0cmF0aW9ucykge1xuICAgICAgICB0aGlzLnJlZ2lzdHJhdGlvbnMgPSByZWdpc3RyYXRpb25zO1xuICAgICAgICB0aGlzLmNvbmZpZ3MgPSBbXTtcbiAgICAgICAgdGhpcy5kZWZhdWx0TGlmZXRpbWUgPSAnc2luZ2xldG9uJztcbiAgICAgICAgdGhpcy5wZW5kaW5nID0gcGVuZGluZztcbiAgICB9XG4gICAgLyoqXG4gICAgICogQmluZCB0aGlzIHJlZ2lzdHJhdGlvbiB0byBhIHRva2VuIG9yIGludGVyZmFjZSB0eXBlXG4gICAgICpcbiAgICAgKiBAb3ZlcmxvYWRcbiAgICAgKiBAcGFyYW0ge1Rva2VuPFU+fSB0b2tlbiAtIEV4cGxpY2l0IHRva2VuIGZvciBiaW5kaW5nXG4gICAgICpcbiAgICAgKiBAb3ZlcmxvYWRcbiAgICAgKiBAcGFyYW0ge3N0cmluZ30gdHlwZU5hbWUgLSBJbnRlcmZhY2UgdHlwZSBuYW1lIChhdXRvLWdlbmVyYXRlZCBieSB0cmFuc2Zvcm1lcilcbiAgICAgKi9cbiAgICBhcyh0b2tlbk9yVHlwZU5hbWUpIHtcbiAgICAgICAgLy8gQ2hlY2sgaWYgYXJndW1lbnQgaXMgYSBUb2tlbiBvYmplY3QgKGhhcyBzeW1ib2wgcHJvcGVydHkpXG4gICAgICAgIGlmICh0b2tlbk9yVHlwZU5hbWUgJiYgdHlwZW9mIHRva2VuT3JUeXBlTmFtZSA9PT0gJ29iamVjdCcgJiYgJ3N5bWJvbCcgaW4gdG9rZW5PclR5cGVOYW1lKSB7XG4gICAgICAgICAgICAvLyBUb2tlbi1iYXNlZCByZWdpc3RyYXRpb25cbiAgICAgICAgICAgIGNvbnN0IGNvbmZpZyA9IHtcbiAgICAgICAgICAgICAgICB0b2tlbjogdG9rZW5PclR5cGVOYW1lLFxuICAgICAgICAgICAgICAgIHR5cGU6IHRoaXMucGVuZGluZy50eXBlLFxuICAgICAgICAgICAgICAgIHZhbHVlOiB0aGlzLnBlbmRpbmcudmFsdWUsXG4gICAgICAgICAgICAgICAgZmFjdG9yeTogdGhpcy5wZW5kaW5nLmZhY3RvcnksXG4gICAgICAgICAgICAgICAgY29uc3RydWN0b3I6IHRoaXMucGVuZGluZy5jb25zdHJ1Y3RvcixcbiAgICAgICAgICAgICAgICBsaWZldGltZTogdGhpcy5kZWZhdWx0TGlmZXRpbWVcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICB0aGlzLmNvbmZpZ3MucHVzaChjb25maWcpO1xuICAgICAgICAgICAgdGhpcy5yZWdpc3RyYXRpb25zLnB1c2goY29uZmlnKTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgLy8gSW50ZXJmYWNlLWJhc2VkIHJlZ2lzdHJhdGlvbiAodHlwZU5hbWUgc3RyaW5nIG9yIHVuZGVmaW5lZClcbiAgICAgICAgICAgIGNvbnN0IGNvbmZpZyA9IHtcbiAgICAgICAgICAgICAgICB0b2tlbjogbnVsbCwgLy8gV2lsbCBiZSBzZXQgZHVyaW5nIGJ1aWxkKClcbiAgICAgICAgICAgICAgICB0eXBlOiB0aGlzLnBlbmRpbmcudHlwZSxcbiAgICAgICAgICAgICAgICB2YWx1ZTogdGhpcy5wZW5kaW5nLnZhbHVlLFxuICAgICAgICAgICAgICAgIGZhY3Rvcnk6IHRoaXMucGVuZGluZy5mYWN0b3J5LFxuICAgICAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB0aGlzLnBlbmRpbmcuY29uc3RydWN0b3IsXG4gICAgICAgICAgICAgICAgbGlmZXRpbWU6IHRoaXMuZGVmYXVsdExpZmV0aW1lLFxuICAgICAgICAgICAgICAgIGludGVyZmFjZVR5cGU6IHRva2VuT3JUeXBlTmFtZVxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuY29uZmlncy5wdXNoKGNvbmZpZyk7XG4gICAgICAgICAgICB0aGlzLnJlZ2lzdHJhdGlvbnMucHVzaChjb25maWcpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVnaXN0ZXIgYXMgZGVmYXVsdCBpbXBsZW1lbnRhdGlvbiBmb3IgYW4gaW50ZXJmYWNlXG4gICAgICogQ29tYmluZXMgYXMoKSArIGFzRGVmYXVsdCgpXG4gICAgICovXG4gICAgYXNEZWZhdWx0SW50ZXJmYWNlKHR5cGVOYW1lKSB7XG4gICAgICAgIHRoaXMuYXMoXCJUSW50ZXJmYWNlXCIsIHR5cGVOYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXMuYXNEZWZhdWx0KCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlZ2lzdGVyIGFzIGEga2V5ZWQgaW50ZXJmYWNlIGltcGxlbWVudGF0aW9uXG4gICAgICogQ29tYmluZXMgYXMoKSArIGtleWVkKClcbiAgICAgKi9cbiAgICBhc0tleWVkSW50ZXJmYWNlKGtleSwgdHlwZU5hbWUpIHtcbiAgICAgICAgdGhpcy5hcyhcIlRJbnRlcmZhY2VcIiwgdHlwZU5hbWUpO1xuICAgICAgICByZXR1cm4gdGhpcy5rZXllZChrZXkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhcyBtdWx0aXBsZSBpbXBsZW1lbnRlZCBpbnRlcmZhY2VzXG4gICAgICovXG4gICAgYXNJbXBsZW1lbnRlZEludGVyZmFjZXModG9rZW5zKSB7XG4gICAgICAgIGlmICh0b2tlbnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcztcbiAgICAgICAgfVxuICAgICAgICAvLyBJZiB0aGVyZSBhcmUgZXhpc3RpbmcgY29uZmlncyAoZnJvbSBwcmV2aW91cyBhcygpIGNhbGxzKSwgYWRkIHRoZXNlIGFzIGFkZGl0aW9uYWwgaW50ZXJmYWNlc1xuICAgICAgICBpZiAodGhpcy5jb25maWdzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIC8vIEFkZCBhbGwgdG9rZW5zIGFzIGFkZGl0aW9uYWwgaW50ZXJmYWNlcyB0byBleGlzdGluZyBjb25maWdzXG4gICAgICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgICAgICBjb25maWcubGlmZXRpbWUgPSAnc2luZ2xldG9uJzsgLy8gYXNJbXBsZW1lbnRlZEludGVyZmFjZXMgZGVmYXVsdHMgdG8gc2luZ2xldG9uXG4gICAgICAgICAgICAgICAgY29uZmlnLmFkZGl0aW9uYWxUb2tlbnMgPSBjb25maWcuYWRkaXRpb25hbFRva2VucyB8fCBbXTtcbiAgICAgICAgICAgICAgICBjb25maWcuYWRkaXRpb25hbFRva2Vucy5wdXNoKC4uLnRva2Vucyk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gdGhpcztcbiAgICAgICAgfVxuICAgICAgICAvLyBObyBleGlzdGluZyBjb25maWdzLCBjcmVhdGUgbmV3IG9uZSB3aXRoIGZpcnN0IHRva2VuXG4gICAgICAgIGNvbnN0IGZpcnN0Q29uZmlnID0ge1xuICAgICAgICAgICAgdG9rZW46IHRva2Vuc1swXSxcbiAgICAgICAgICAgIHR5cGU6IHRoaXMucGVuZGluZy50eXBlLFxuICAgICAgICAgICAgdmFsdWU6IHRoaXMucGVuZGluZy52YWx1ZSxcbiAgICAgICAgICAgIGZhY3Rvcnk6IHRoaXMucGVuZGluZy5mYWN0b3J5LFxuICAgICAgICAgICAgY29uc3RydWN0b3I6IHRoaXMucGVuZGluZy5jb25zdHJ1Y3RvcixcbiAgICAgICAgICAgIGxpZmV0aW1lOiAnc2luZ2xldG9uJ1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLmNvbmZpZ3MucHVzaChmaXJzdENvbmZpZyk7XG4gICAgICAgIHRoaXMucmVnaXN0cmF0aW9ucy5wdXNoKGZpcnN0Q29uZmlnKTtcbiAgICAgICAgLy8gQWRkaXRpb25hbCB0b2tlbnMgcmVmZXJlbmNlIHRoZSBzYW1lIHJlZ2lzdHJhdGlvblxuICAgICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHRva2Vucy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgZmlyc3RDb25maWcuYWRkaXRpb25hbFRva2VucyA9IGZpcnN0Q29uZmlnLmFkZGl0aW9uYWxUb2tlbnMgfHwgW107XG4gICAgICAgICAgICBmaXJzdENvbmZpZy5hZGRpdGlvbmFsVG9rZW5zLnB1c2godG9rZW5zW2ldKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2V0IHNpbmdsZXRvbiBsaWZldGltZSAob25lIGluc3RhbmNlIGZvciBlbnRpcmUgY29udGFpbmVyKVxuICAgICAqL1xuICAgIHNpbmdsZUluc3RhbmNlKCkge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5saWZldGltZSA9ICdzaW5nbGV0b24nO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTZXQgcGVyLXJlcXVlc3QgbGlmZXRpbWUgKG9uZSBpbnN0YW5jZSBwZXIgcmVzb2x2ZSBjYWxsIHRyZWUpXG4gICAgICovXG4gICAgaW5zdGFuY2VQZXJSZXF1ZXN0KCkge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5saWZldGltZSA9ICdwZXItcmVxdWVzdCc7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNldCB0cmFuc2llbnQgbGlmZXRpbWUgKG5ldyBpbnN0YW5jZSBldmVyeSB0aW1lKVxuICAgICAqIEFsaWFzIGZvciBkZWZhdWx0IGJlaGF2aW9yXG4gICAgICovXG4gICAgaW5zdGFuY2VQZXJEZXBlbmRlbmN5KCkge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5saWZldGltZSA9ICd0cmFuc2llbnQnO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBOYW1lIHRoaXMgcmVnaXN0cmF0aW9uIGZvciBuYW1lZCByZXNvbHV0aW9uXG4gICAgICovXG4gICAgbmFtZWQobmFtZSkge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLmNvbmZpZ3MpIHtcbiAgICAgICAgICAgIGNvbmZpZy5uYW1lID0gbmFtZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogS2V5IHRoaXMgcmVnaXN0cmF0aW9uIGZvciBrZXllZCByZXNvbHV0aW9uXG4gICAgICovXG4gICAga2V5ZWQoa2V5KSB7XG4gICAgICAgIGZvciAoY29uc3QgY29uZmlnIG9mIHRoaXMuY29uZmlncykge1xuICAgICAgICAgICAgY29uZmlnLmtleSA9IGtleTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogTWFyayB0aGlzIGFzIGRlZmF1bHQgcmVnaXN0cmF0aW9uXG4gICAgICogRGVmYXVsdCByZWdpc3RyYXRpb25zIGRvbid0IG92ZXJyaWRlIGV4aXN0aW5nIG9uZXNcbiAgICAgKi9cbiAgICBhc0RlZmF1bHQoKSB7XG4gICAgICAgIGZvciAoY29uc3QgY29uZmlnIG9mIHRoaXMuY29uZmlncykge1xuICAgICAgICAgICAgY29uZmlnLmlzRGVmYXVsdCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIE9ubHkgcmVnaXN0ZXIgaWYgdG9rZW4gbm90IGFscmVhZHkgcmVnaXN0ZXJlZFxuICAgICAqL1xuICAgIGlmTm90UmVnaXN0ZXJlZCgpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICBjb25maWcuaWZOb3RSZWdpc3RlcmVkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogU3BlY2lmeSBwYXJhbWV0ZXIgdmFsdWVzIGZvciBjb25zdHJ1Y3RvciAocHJpbWl0aXZlcyBhbmQgY29uc3RhbnRzKVxuICAgICAqIFVzZSB0aGlzIGZvciBub24tREkgcGFyYW1ldGVycyBsaWtlIHN0cmluZ3MsIG51bWJlcnMsIGNvbmZpZyB2YWx1ZXNcbiAgICAgKi9cbiAgICB3aXRoUGFyYW1ldGVycyhwYXJhbWV0ZXJzKSB7XG4gICAgICAgIGZvciAoY29uc3QgY29uZmlnIG9mIHRoaXMuY29uZmlncykge1xuICAgICAgICAgICAgY29uZmlnLnBhcmFtZXRlclZhbHVlcyA9IHBhcmFtZXRlcnM7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEVuYWJsZSBhdXRvbWF0aWMgZGVwZW5kZW5jeSBpbmplY3Rpb24gKGF1dG93aXJpbmcpXG4gICAgICogU3VwcG9ydHMgdGhyZWUgc3RyYXRlZ2llczogcGFyYW1OYW1lIChkZWZhdWx0KSwgbWFwLCBhbmQgY2xhc3NcbiAgICAgKlxuICAgICAqIEBleGFtcGxlXG4gICAgICogYGBgdHNcbiAgICAgKiAvLyBTdHJhdGVneSAxOiBwYXJhbU5hbWUgKGRlZmF1bHQsIHJlcXVpcmVzIG5vbi1taW5pZmllZCBjb2RlIGluIGRldilcbiAgICAgKiBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXM8SUV2ZW50QnVzPigpLmF1dG9XaXJlKClcbiAgICAgKlxuICAgICAqIC8vIFN0cmF0ZWd5IDI6IG1hcCAobWluaWZ5LXNhZmUsIGV4cGxpY2l0KVxuICAgICAqIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEV2ZW50QnVzKS5hczxJRXZlbnRCdXM+KCkuYXV0b1dpcmUoe1xuICAgICAqICAgbWFwOiB7XG4gICAgICogICAgIGxvZ2dlcjogKGMpID0+IGMucmVzb2x2ZVR5cGU8SUxvZ2dlcj4oKVxuICAgICAqICAgfVxuICAgICAqIH0pXG4gICAgICpcbiAgICAgKiAvLyBTdHJhdGVneSAzOiBjbGFzcyAocmVxdWlyZXMgYnVpbGQtdGltZSBjb2RlZ2VuKVxuICAgICAqIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEV2ZW50QnVzKS5hczxJRXZlbnRCdXM+KCkuYXV0b1dpcmUoeyBieTogJ2NsYXNzJyB9KVxuICAgICAqIGBgYFxuICAgICAqL1xuICAgIGF1dG9XaXJlKG9wdGlvbnMpIHtcbiAgICAgICAgZm9yIChjb25zdCBjb25maWcgb2YgdGhpcy5jb25maWdzKSB7XG4gICAgICAgICAgICBjb25maWcuYXV0b3dpcmVPcHRpb25zID0gb3B0aW9ucyB8fCB7IGJ5OiAncGFyYW1OYW1lJywgc3RyaWN0OiBmYWxzZSB9O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbn1cbi8qKlxuICogRmx1ZW50IGJ1aWxkZXIgZm9yIENvbnRhaW5lciBjb25maWd1cmF0aW9uXG4gKi9cbmV4cG9ydCBjbGFzcyBCdWlsZGVyIHtcbiAgICBjb25zdHJ1Y3RvcihiYXNlQ29udGFpbmVyKSB7XG4gICAgICAgIHRoaXMuYmFzZUNvbnRhaW5lciA9IGJhc2VDb250YWluZXI7XG4gICAgICAgIHRoaXMucmVnaXN0cmF0aW9ucyA9IFtdO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhIGNsYXNzIGNvbnN0cnVjdG9yXG4gICAgICovXG4gICAgcmVnaXN0ZXJUeXBlKGNvbnN0cnVjdG9yKSB7XG4gICAgICAgIGNvbnN0IHBlbmRpbmcgPSB7XG4gICAgICAgICAgICB0eXBlOiAndHlwZScsXG4gICAgICAgICAgICB2YWx1ZTogbnVsbCxcbiAgICAgICAgICAgIGNvbnN0cnVjdG9yXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiBuZXcgUmVnaXN0cmF0aW9uQnVpbGRlcihwZW5kaW5nLCB0aGlzLnJlZ2lzdHJhdGlvbnMpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhIHByZS1jcmVhdGVkIGluc3RhbmNlXG4gICAgICovXG4gICAgcmVnaXN0ZXJJbnN0YW5jZShpbnN0YW5jZSkge1xuICAgICAgICBjb25zdCBwZW5kaW5nID0ge1xuICAgICAgICAgICAgdHlwZTogJ2luc3RhbmNlJyxcbiAgICAgICAgICAgIHZhbHVlOiBpbnN0YW5jZSxcbiAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB1bmRlZmluZWRcbiAgICAgICAgfTtcbiAgICAgICAgcmV0dXJuIG5ldyBSZWdpc3RyYXRpb25CdWlsZGVyKHBlbmRpbmcsIHRoaXMucmVnaXN0cmF0aW9ucyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlZ2lzdGVyIGEgZmFjdG9yeSBmdW5jdGlvblxuICAgICAqL1xuICAgIHJlZ2lzdGVyKGZhY3RvcnkpIHtcbiAgICAgICAgY29uc3QgcGVuZGluZyA9IHtcbiAgICAgICAgICAgIHR5cGU6ICdmYWN0b3J5JyxcbiAgICAgICAgICAgIHZhbHVlOiBudWxsLFxuICAgICAgICAgICAgZmFjdG9yeSxcbiAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB1bmRlZmluZWRcbiAgICAgICAgfTtcbiAgICAgICAgcmV0dXJuIG5ldyBSZWdpc3RyYXRpb25CdWlsZGVyKHBlbmRpbmcsIHRoaXMucmVnaXN0cmF0aW9ucyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlZ2lzdGVyIGEgbW9kdWxlIChmdW5jdGlvbiB0aGF0IGFkZHMgbXVsdGlwbGUgcmVnaXN0cmF0aW9ucylcbiAgICAgKi9cbiAgICBtb2R1bGUobW9kdWxlRnVuYykge1xuICAgICAgICBtb2R1bGVGdW5jKHRoaXMpO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVzb2x2ZSBpbnRlcmZhY2UgdHlwZSBuYW1lcyB0byB0b2tlbnNcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICByZXNvbHZlSW50ZXJmYWNlVG9rZW5zKGNvbnRhaW5lcikge1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLnJlZ2lzdHJhdGlvbnMpIHtcbiAgICAgICAgICAgIGlmIChjb25maWcuaW50ZXJmYWNlVHlwZSAhPT0gdW5kZWZpbmVkICYmICFjb25maWcudG9rZW4pIHtcbiAgICAgICAgICAgICAgICBjb25maWcudG9rZW4gPSBjb250YWluZXIuaW50ZXJmYWNlVG9rZW4oY29uZmlnLmludGVyZmFjZVR5cGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIElkZW50aWZ5IHRva2VucyB0aGF0IGhhdmUgbm9uLWRlZmF1bHQgcmVnaXN0cmF0aW9uc1xuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGlkZW50aWZ5Tm9uRGVmYXVsdFRva2VucygpIHtcbiAgICAgICAgY29uc3QgdG9rZW5zV2l0aE5vbkRlZmF1bHRzID0gbmV3IFNldCgpO1xuICAgICAgICBmb3IgKGNvbnN0IGNvbmZpZyBvZiB0aGlzLnJlZ2lzdHJhdGlvbnMpIHtcbiAgICAgICAgICAgIGlmICghY29uZmlnLmlzRGVmYXVsdCAmJiAhY29uZmlnLm5hbWUgJiYgY29uZmlnLmtleSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdG9rZW5zV2l0aE5vbkRlZmF1bHRzLmFkZChjb25maWcudG9rZW4pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0b2tlbnNXaXRoTm9uRGVmYXVsdHM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENoZWNrIGlmIHJlZ2lzdHJhdGlvbiBzaG91bGQgYmUgc2tpcHBlZFxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHNob3VsZFNraXBSZWdpc3RyYXRpb24oY29uZmlnLCB0b2tlbnNXaXRoTm9uRGVmYXVsdHMsIHJlZ2lzdGVyZWRUb2tlbnMpIHtcbiAgICAgICAgLy8gU2tpcCBkZWZhdWx0IHJlZ2lzdHJhdGlvbnMgaWYgdGhlcmUncyBhIG5vbi1kZWZhdWx0IGZvciB0aGUgc2FtZSB0b2tlblxuICAgICAgICBpZiAoY29uZmlnLmlzRGVmYXVsdCAmJiAhY29uZmlnLm5hbWUgJiYgY29uZmlnLmtleSA9PT0gdW5kZWZpbmVkICYmIHRva2Vuc1dpdGhOb25EZWZhdWx0cy5oYXMoY29uZmlnLnRva2VuKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgLy8gSGFuZGxlIGlmTm90UmVnaXN0ZXJlZFxuICAgICAgICBpZiAoY29uZmlnLmlmTm90UmVnaXN0ZXJlZCAmJiByZWdpc3RlcmVkVG9rZW5zLmhhcyhjb25maWcudG9rZW4pKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICAvLyBIYW5kbGUgYXNEZWZhdWx0XG4gICAgICAgIGlmIChjb25maWcuaXNEZWZhdWx0ICYmIHJlZ2lzdGVyZWRUb2tlbnMuaGFzKGNvbmZpZy50b2tlbikpIHtcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIGJpbmRpbmcgdG9rZW4gZm9yIHJlZ2lzdHJhdGlvbiAobmFtZWQsIGtleWVkLCBvciBtdWx0aSlcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBjcmVhdGVCaW5kaW5nVG9rZW4oY29uZmlnLCBuYW1lZFJlZ2lzdHJhdGlvbnMsIGtleWVkUmVnaXN0cmF0aW9ucywgbXVsdGlSZWdpc3RyYXRpb25zKSB7XG4gICAgICAgIGlmIChjb25maWcubmFtZSkge1xuICAgICAgICAgICAgLy8gTmFtZWQgcmVnaXN0cmF0aW9uIGdldHMgdW5pcXVlIHRva2VuXG4gICAgICAgICAgICBjb25zdCBiaW5kaW5nVG9rZW4gPSBUb2tlbihgX19uYW1lZF8ke2NvbmZpZy5uYW1lfWApO1xuICAgICAgICAgICAgbmFtZWRSZWdpc3RyYXRpb25zLnNldChjb25maWcubmFtZSwgeyAuLi5jb25maWcsIHRva2VuOiBiaW5kaW5nVG9rZW4gfSk7XG4gICAgICAgICAgICByZXR1cm4gYmluZGluZ1Rva2VuO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKGNvbmZpZy5rZXkgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgLy8gS2V5ZWQgcmVnaXN0cmF0aW9uIGdldHMgdW5pcXVlIHRva2VuXG4gICAgICAgICAgICBjb25zdCBrZXlTdHIgPSB0eXBlb2YgY29uZmlnLmtleSA9PT0gJ3N5bWJvbCcgPyBjb25maWcua2V5LnRvU3RyaW5nKCkgOiBjb25maWcua2V5O1xuICAgICAgICAgICAgY29uc3QgYmluZGluZ1Rva2VuID0gVG9rZW4oYF9fa2V5ZWRfJHtrZXlTdHJ9YCk7XG4gICAgICAgICAgICBrZXllZFJlZ2lzdHJhdGlvbnMuc2V0KGNvbmZpZy5rZXksIHsgLi4uY29uZmlnLCB0b2tlbjogYmluZGluZ1Rva2VuIH0pO1xuICAgICAgICAgICAgcmV0dXJuIGJpbmRpbmdUb2tlbjtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIE11bHRpLXJlZ2lzdHJhdGlvbiBoYW5kbGluZ1xuICAgICAgICAgICAgaWYgKG11bHRpUmVnaXN0cmF0aW9ucy5oYXMoY29uZmlnLnRva2VuKSkge1xuICAgICAgICAgICAgICAgIC8vIFN1YnNlcXVlbnQgcmVnaXN0cmF0aW9uIGZvciB0aGlzIHRva2VuXG4gICAgICAgICAgICAgICAgY29uc3QgYmluZGluZ1Rva2VuID0gVG9rZW4oYF9fbXVsdGlfJHtjb25maWcudG9rZW4udG9TdHJpbmcoKX1fJHttdWx0aVJlZ2lzdHJhdGlvbnMuZ2V0KGNvbmZpZy50b2tlbikubGVuZ3RofWApO1xuICAgICAgICAgICAgICAgIG11bHRpUmVnaXN0cmF0aW9ucy5nZXQoY29uZmlnLnRva2VuKS5wdXNoKGJpbmRpbmdUb2tlbik7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGJpbmRpbmdUb2tlbjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIEZpcnN0IHJlZ2lzdHJhdGlvbiBmb3IgdGhpcyB0b2tlbiwgdXNlIHRoZSBvcmlnaW5hbCB0b2tlblxuICAgICAgICAgICAgICAgIG11bHRpUmVnaXN0cmF0aW9ucy5zZXQoY29uZmlnLnRva2VuLCBbY29uZmlnLnRva2VuXSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNvbmZpZy50b2tlbjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhZGRpdGlvbmFsIGludGVyZmFjZXMgZm9yIGEgY29uZmlnXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgcmVnaXN0ZXJBZGRpdGlvbmFsSW50ZXJmYWNlcyhjb250YWluZXIsIGNvbmZpZywgYmluZGluZ1Rva2VuLCByZWdpc3RlcmVkVG9rZW5zKSB7XG4gICAgICAgIGlmIChjb25maWcuYWRkaXRpb25hbFRva2Vucykge1xuICAgICAgICAgICAgZm9yIChjb25zdCBhZGRpdGlvbmFsVG9rZW4gb2YgY29uZmlnLmFkZGl0aW9uYWxUb2tlbnMpIHtcbiAgICAgICAgICAgICAgICAvLyBDcmVhdGUgYSBmYWN0b3J5IHRoYXQgcmVzb2x2ZXMgdGhlIGJpbmRpbmcgdG9rZW5cbiAgICAgICAgICAgICAgICBjb250YWluZXIuYmluZEZhY3RvcnkoYWRkaXRpb25hbFRva2VuLCAoYykgPT4gYy5yZXNvbHZlKGJpbmRpbmdUb2tlbiksIHsgbGlmZXRpbWU6IGNvbmZpZy5saWZldGltZSB9KTtcbiAgICAgICAgICAgICAgICByZWdpc3RlcmVkVG9rZW5zLmFkZChhZGRpdGlvbmFsVG9rZW4pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJ1aWxkIHRoZSBjb250YWluZXIgd2l0aCBhbGwgcmVnaXN0ZXJlZCBiaW5kaW5nc1xuICAgICAqL1xuICAgIGJ1aWxkKCkge1xuICAgICAgICAvLyBDcmVhdGUgbmV3IGNvbnRhaW5lciBpbmhlcml0aW5nIGZyb20gYmFzZVxuICAgICAgICBjb25zdCBjb250YWluZXIgPSB0aGlzLmJhc2VDb250YWluZXIuY3JlYXRlQ2hpbGQoKTtcbiAgICAgICAgLy8gUHJlLXByb2Nlc3M6IHJlc29sdmUgaW50ZXJmYWNlIHR5cGVzIHRvIHRva2Vuc1xuICAgICAgICB0aGlzLnJlc29sdmVJbnRlcmZhY2VUb2tlbnMoY29udGFpbmVyKTtcbiAgICAgICAgLy8gVHJhY2sgd2hhdCdzIGJlZW4gcmVnaXN0ZXJlZCBmb3IgaWZOb3RSZWdpc3RlcmVkIGNoZWNrc1xuICAgICAgICBjb25zdCByZWdpc3RlcmVkVG9rZW5zID0gbmV3IFNldCgpO1xuICAgICAgICBjb25zdCBuYW1lZFJlZ2lzdHJhdGlvbnMgPSBuZXcgTWFwKCk7XG4gICAgICAgIGNvbnN0IGtleWVkUmVnaXN0cmF0aW9ucyA9IG5ldyBNYXAoKTtcbiAgICAgICAgY29uc3QgbXVsdGlSZWdpc3RyYXRpb25zID0gbmV3IE1hcCgpO1xuICAgICAgICAvLyBQcmUtcHJvY2VzczogaWRlbnRpZnkgdG9rZW5zIHRoYXQgaGF2ZSBub24tZGVmYXVsdCByZWdpc3RyYXRpb25zXG4gICAgICAgIGNvbnN0IHRva2Vuc1dpdGhOb25EZWZhdWx0cyA9IHRoaXMuaWRlbnRpZnlOb25EZWZhdWx0VG9rZW5zKCk7XG4gICAgICAgIGZvciAoY29uc3QgY29uZmlnIG9mIHRoaXMucmVnaXN0cmF0aW9ucykge1xuICAgICAgICAgICAgLy8gQ2hlY2sgaWYgcmVnaXN0cmF0aW9uIHNob3VsZCBiZSBza2lwcGVkXG4gICAgICAgICAgICBpZiAodGhpcy5zaG91bGRTa2lwUmVnaXN0cmF0aW9uKGNvbmZpZywgdG9rZW5zV2l0aE5vbkRlZmF1bHRzLCByZWdpc3RlcmVkVG9rZW5zKSkge1xuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ3JlYXRlIGJpbmRpbmcgdG9rZW4gKG5hbWVkLCBrZXllZCwgb3IgbXVsdGkpXG4gICAgICAgICAgICBjb25zdCBiaW5kaW5nVG9rZW4gPSB0aGlzLmNyZWF0ZUJpbmRpbmdUb2tlbihjb25maWcsIG5hbWVkUmVnaXN0cmF0aW9ucywga2V5ZWRSZWdpc3RyYXRpb25zLCBtdWx0aVJlZ2lzdHJhdGlvbnMpO1xuICAgICAgICAgICAgLy8gQXBwbHkgcmVnaXN0cmF0aW9uIHRvIGNvbnRhaW5lciB1c2luZyB0aGUgYmluZGluZyB0b2tlblxuICAgICAgICAgICAgdGhpcy5hcHBseVJlZ2lzdHJhdGlvbihjb250YWluZXIsIHsgLi4uY29uZmlnLCB0b2tlbjogYmluZGluZ1Rva2VuIH0pO1xuICAgICAgICAgICAgLy8gTWFyayBvcmlnaW5hbCB0b2tlbiBhcyByZWdpc3RlcmVkXG4gICAgICAgICAgICByZWdpc3RlcmVkVG9rZW5zLmFkZChjb25maWcudG9rZW4pO1xuICAgICAgICAgICAgLy8gUmVnaXN0ZXIgYWRkaXRpb25hbCBpbnRlcmZhY2VzXG4gICAgICAgICAgICB0aGlzLnJlZ2lzdGVyQWRkaXRpb25hbEludGVyZmFjZXMoY29udGFpbmVyLCBjb25maWcsIGJpbmRpbmdUb2tlbiwgcmVnaXN0ZXJlZFRva2Vucyk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQXR0YWNoIG1ldGFkYXRhIGZvciBuYW1lZC9rZXllZCByZXNvbHV0aW9uXG4gICAgICAgIDtcbiAgICAgICAgY29udGFpbmVyLl9fbmFtZWRSZWdpc3RyYXRpb25zID0gbmFtZWRSZWdpc3RyYXRpb25zO1xuICAgICAgICBjb250YWluZXIuX19rZXllZFJlZ2lzdHJhdGlvbnMgPSBrZXllZFJlZ2lzdHJhdGlvbnM7XG4gICAgICAgIGNvbnRhaW5lci5fX211bHRpUmVnaXN0cmF0aW9ucyA9IG11bHRpUmVnaXN0cmF0aW9ucztcbiAgICAgICAgcmV0dXJuIGNvbnRhaW5lcjtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQW5hbHl6ZSBjb25zdHJ1Y3RvciB0byBkZXRlY3QgZGVwZW5kZW5jaWVzXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgYW5hbHl6ZUNvbnN0cnVjdG9yKGNvbnN0cnVjdG9yKSB7XG4gICAgICAgIGNvbnN0IGNvbnN0cnVjdG9yU3RyID0gY29uc3RydWN0b3IudG9TdHJpbmcoKTtcbiAgICAgICAgY29uc3QgaGFzRGVwZW5kZW5jaWVzID0gL2NvbnN0cnVjdG9yXFxzKlxcKFteKV0rXFwpLy50ZXN0KGNvbnN0cnVjdG9yU3RyKTtcbiAgICAgICAgcmV0dXJuIHsgaGFzRGVwZW5kZW5jaWVzIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSBvcHRpbWl6ZWQgZmFjdG9yeSBmb3IgemVyby1kZXBlbmRlbmN5IGNvbnN0cnVjdG9yc1xuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGNyZWF0ZU9wdGltaXplZEZhY3RvcnkoY29udGFpbmVyLCBjb25maWcsIG9wdGlvbnMpIHtcbiAgICAgICAgaWYgKGNvbmZpZy5saWZldGltZSA9PT0gJ3NpbmdsZXRvbicpIHtcbiAgICAgICAgICAgIC8vIFNpbmdsZXRvbjogQ3JlYXRlIGluc3RhbmNlIGRpcmVjdGx5IChmYXN0ZXN0IHBhdGggLSBubyBmYWN0b3J5IG92ZXJoZWFkKVxuICAgICAgICAgICAgY29uc3QgaW5zdGFuY2UgPSBuZXcgY29uZmlnLmNvbnN0cnVjdG9yKCk7XG4gICAgICAgICAgICBjb250YWluZXIuYmluZFZhbHVlKGNvbmZpZy50b2tlbiwgaW5zdGFuY2UpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKGNvbmZpZy5saWZldGltZSA9PT0gJ3RyYW5zaWVudCcpIHtcbiAgICAgICAgICAgIC8vIFRyYW5zaWVudCBGYXN0IFBhdGg6IFJlZ2lzdGVyIGluIGZhc3QgdHJhbnNpZW50IGNhY2hlXG4gICAgICAgICAgICBjb25zdCBjdG9yID0gY29uZmlnLmNvbnN0cnVjdG9yO1xuICAgICAgICAgICAgY29uc3QgZmFzdEZhY3RvcnkgPSAoKSA9PiBuZXcgY3RvcigpO1xuICAgICAgICAgICAgY29udGFpbmVyLmZhc3RUcmFuc2llbnRDYWNoZS5zZXQoY29uZmlnLnRva2VuLCBmYXN0RmFjdG9yeSk7XG4gICAgICAgICAgICBjb250YWluZXIuYmluZEZhY3RvcnkoY29uZmlnLnRva2VuLCBmYXN0RmFjdG9yeSwgb3B0aW9ucyk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBQZXItcmVxdWVzdDogVXNlIHNpbXBsZSBmYWN0b3J5IHdpdGhvdXQgYXV0b3dpcmUgb3ZlcmhlYWRcbiAgICAgICAgICAgIGNvbnN0IGZhY3RvcnkgPSAoKSA9PiBuZXcgY29uZmlnLmNvbnN0cnVjdG9yKCk7XG4gICAgICAgICAgICBjb250YWluZXIuYmluZEZhY3RvcnkoY29uZmlnLnRva2VuLCBmYWN0b3J5LCBvcHRpb25zKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgYXV0b3dpcmUgZmFjdG9yeVxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGNyZWF0ZUF1dG9XaXJlRmFjdG9yeShjb250YWluZXIsIGNvbmZpZywgb3B0aW9ucykge1xuICAgICAgICBjb25zdCBmYWN0b3J5ID0gKGMpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc29sdmVkRGVwcyA9IGF1dG93aXJlKGNvbmZpZy5jb25zdHJ1Y3RvciwgYywgY29uZmlnLmF1dG93aXJlT3B0aW9ucyk7XG4gICAgICAgICAgICByZXR1cm4gbmV3IGNvbmZpZy5jb25zdHJ1Y3RvciguLi5yZXNvbHZlZERlcHMpO1xuICAgICAgICB9O1xuICAgICAgICBjb250YWluZXIuYmluZEZhY3RvcnkoY29uZmlnLnRva2VuLCBmYWN0b3J5LCBvcHRpb25zKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIHdpdGhQYXJhbWV0ZXJzIGZhY3RvcnlcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBjcmVhdGVQYXJhbWV0ZXJGYWN0b3J5KGNvbnRhaW5lciwgY29uZmlnLCBvcHRpb25zKSB7XG4gICAgICAgIGNvbnN0IGZhY3RvcnkgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB2YWx1ZXMgPSBPYmplY3QudmFsdWVzKGNvbmZpZy5wYXJhbWV0ZXJWYWx1ZXMpO1xuICAgICAgICAgICAgcmV0dXJuIG5ldyBjb25maWcuY29uc3RydWN0b3IoLi4udmFsdWVzKTtcbiAgICAgICAgfTtcbiAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGNvbmZpZy50b2tlbiwgZmFjdG9yeSwgb3B0aW9ucyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEFwcGx5IHR5cGUgcmVnaXN0cmF0aW9uIChjbGFzcyBjb25zdHJ1Y3RvcilcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBhcHBseVR5cGVSZWdpc3RyYXRpb24oY29udGFpbmVyLCBjb25maWcsIG9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgeyBoYXNEZXBlbmRlbmNpZXMgfSA9IHRoaXMuYW5hbHl6ZUNvbnN0cnVjdG9yKGNvbmZpZy5jb25zdHJ1Y3Rvcik7XG4gICAgICAgIC8vIEZhc3QgcGF0aDogTm8gZGVwZW5kZW5jaWVzIGFuZCBubyBzcGVjaWFsIGNvbmZpZ1xuICAgICAgICBpZiAoIWhhc0RlcGVuZGVuY2llcyAmJiAhY29uZmlnLmF1dG93aXJlT3B0aW9ucyAmJiAhY29uZmlnLnBhcmFtZXRlclZhbHVlcykge1xuICAgICAgICAgICAgdGhpcy5jcmVhdGVPcHRpbWl6ZWRGYWN0b3J5KGNvbnRhaW5lciwgY29uZmlnLCBvcHRpb25zKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICAvLyBBdXRvV2lyZSBwYXRoXG4gICAgICAgIGlmIChjb25maWcuYXV0b3dpcmVPcHRpb25zKSB7XG4gICAgICAgICAgICB0aGlzLmNyZWF0ZUF1dG9XaXJlRmFjdG9yeShjb250YWluZXIsIGNvbmZpZywgb3B0aW9ucyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgLy8gd2l0aFBhcmFtZXRlcnMgcGF0aFxuICAgICAgICBpZiAoY29uZmlnLnBhcmFtZXRlclZhbHVlcykge1xuICAgICAgICAgICAgdGhpcy5jcmVhdGVQYXJhbWV0ZXJGYWN0b3J5KGNvbnRhaW5lciwgY29uZmlnLCBvcHRpb25zKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICAvLyBFcnJvcjogQ29uc3RydWN0b3IgaGFzIGRlcGVuZGVuY2llcyBidXQgbm8gY29uZmlnXG4gICAgICAgIGlmIChoYXNEZXBlbmRlbmNpZXMpIHtcbiAgICAgICAgICAgIGNvbnN0IGNsYXNzTmFtZSA9IGNvbmZpZy5jb25zdHJ1Y3Rvci5uYW1lIHx8ICdVbm5hbWVkQ2xhc3MnO1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBTZXJ2aWNlIFwiJHtjbGFzc05hbWV9XCIgaGFzIGNvbnN0cnVjdG9yIGRlcGVuZGVuY2llcyBidXQgbm8gYXV0b3dpcmluZyBjb25maWd1cmF0aW9uLlxcblxcbmAgK1xuICAgICAgICAgICAgICAgIGBTb2x1dGlvbnM6XFxuYCArXG4gICAgICAgICAgICAgICAgYCAgMS4gXHUyQjUwIFVzZSB0aGUgTm92YURJIHRyYW5zZm9ybWVyIChyZWNvbW1lbmRlZCk6XFxuYCArXG4gICAgICAgICAgICAgICAgYCAgICAgLSBBZGQgXCJAbm92YWRpL2NvcmUvdW5wbHVnaW5cIiB0byB5b3VyIGJ1aWxkIGNvbmZpZ1xcbmAgK1xuICAgICAgICAgICAgICAgIGAgICAgIC0gVHJhbnNmb3JtZXIgYXV0b21hdGljYWxseSBnZW5lcmF0ZXMgLmF1dG9XaXJlKCkgZm9yIGFsbCBkZXBlbmRlbmNpZXNcXG5cXG5gICtcbiAgICAgICAgICAgICAgICBgICAyLiBBZGQgbWFudWFsIGF1dG93aXJpbmc6XFxuYCArXG4gICAgICAgICAgICAgICAgYCAgICAgLmF1dG9XaXJlKHsgbWFwOiB7IC8qIHBhcmFtOiByZXNvbHZlciAqLyB9IH0pXFxuXFxuYCArXG4gICAgICAgICAgICAgICAgYCAgMy4gVXNlIGEgZmFjdG9yeSBmdW5jdGlvbjpcXG5gICtcbiAgICAgICAgICAgICAgICBgICAgICAucmVnaXN0ZXIoKGMpID0+IG5ldyAke2NsYXNzTmFtZX0oLi4uKSlcXG5cXG5gICtcbiAgICAgICAgICAgICAgICBgU2VlIGRvY3M6IGh0dHBzOi8vZ2l0aHViLmNvbS9qYW51czAwNy9Ob3ZhREkjYXV0b3dpcmVgKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBObyBkZXBlbmRlbmNpZXMgLSBjcmVhdGUgc2ltcGxlIGZhY3RvcnlcbiAgICAgICAgY29uc3QgZmFjdG9yeSA9ICgpID0+IG5ldyBjb25maWcuY29uc3RydWN0b3IoKTtcbiAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGNvbmZpZy50b2tlbiwgZmFjdG9yeSwgb3B0aW9ucyk7XG4gICAgfVxuICAgIGFwcGx5UmVnaXN0cmF0aW9uKGNvbnRhaW5lciwgY29uZmlnKSB7XG4gICAgICAgIGNvbnN0IG9wdGlvbnMgPSB7IGxpZmV0aW1lOiBjb25maWcubGlmZXRpbWUgfTtcbiAgICAgICAgc3dpdGNoIChjb25maWcudHlwZSkge1xuICAgICAgICAgICAgY2FzZSAnaW5zdGFuY2UnOlxuICAgICAgICAgICAgICAgIGNvbnRhaW5lci5iaW5kVmFsdWUoY29uZmlnLnRva2VuLCBjb25maWcudmFsdWUpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnZmFjdG9yeSc6XG4gICAgICAgICAgICAgICAgY29udGFpbmVyLmJpbmRGYWN0b3J5KGNvbmZpZy50b2tlbiwgY29uZmlnLmZhY3RvcnksIG9wdGlvbnMpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAndHlwZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5hcHBseVR5cGVSZWdpc3RyYXRpb24oY29udGFpbmVyLCBjb25maWcsIG9wdGlvbnMpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwgIi8qKlxuICogQ29yZSBkZXBlbmRlbmN5IGluamVjdGlvbiBjb250YWluZXIgZm9yIE5vdmFESVxuICovXG5pbXBvcnQgeyBUb2tlbiB9IGZyb20gJy4vdG9rZW4uanMnO1xuaW1wb3J0IHsgQmluZGluZ05vdEZvdW5kRXJyb3IsIENpcmN1bGFyRGVwZW5kZW5jeUVycm9yIH0gZnJvbSAnLi9lcnJvcnMuanMnO1xuaW1wb3J0IHsgQnVpbGRlciB9IGZyb20gJy4vYnVpbGRlci5qcyc7XG5mdW5jdGlvbiBpc0Rpc3Bvc2FibGUob2JqKSB7XG4gICAgcmV0dXJuIG9iaiAmJiB0eXBlb2Ygb2JqLmRpc3Bvc2UgPT09ICdmdW5jdGlvbic7XG59XG4vKipcbiAqIFJlc29sdXRpb24gY29udGV4dCB0cmFja3MgdGhlIGN1cnJlbnQgZGVwZW5kZW5jeSByZXNvbHV0aW9uIHBhdGhcbiAqIGZvciBjaXJjdWxhciBkZXBlbmRlbmN5IGRldGVjdGlvbiBhbmQgcGVyLXJlcXVlc3Qgc2NvcGluZ1xuICovXG5jbGFzcyBSZXNvbHV0aW9uQ29udGV4dCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMucmVzb2x2aW5nU3RhY2sgPSBuZXcgU2V0KCk7XG4gICAgICAgIHRoaXMucGVyUmVxdWVzdENhY2hlID0gbmV3IE1hcCgpO1xuICAgIH1cbiAgICBpc1Jlc29sdmluZyh0b2tlbikge1xuICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZpbmdTdGFjay5oYXModG9rZW4pO1xuICAgIH1cbiAgICBlbnRlclJlc29sdmUodG9rZW4pIHtcbiAgICAgICAgdGhpcy5yZXNvbHZpbmdTdGFjay5hZGQodG9rZW4pO1xuICAgICAgICAvLyBQZXJmb3JtYW5jZTogRG9uJ3QgYnVpbGQgcGF0aCB1bmxlc3Mgd2UgbmVlZCBpdCAob25seSB1c2VkIGluIGVycm9yIG1lc3NhZ2VzKVxuICAgICAgICAvLyBUaGlzIGF2b2lkcyBleHBlbnNpdmUgdG9rZW4udG9TdHJpbmcoKSBjYWxscyBvbiBldmVyeSByZXNvbHZlXG4gICAgfVxuICAgIGV4aXRSZXNvbHZlKHRva2VuKSB7XG4gICAgICAgIHRoaXMucmVzb2x2aW5nU3RhY2suZGVsZXRlKHRva2VuKTtcbiAgICAgICAgLy8gUGVyZm9ybWFuY2U6IENsZWFyIGxhenkgcGF0aCBjYWNoZSB3aGVuIGV4aXRpbmdcbiAgICAgICAgdGhpcy5wYXRoID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgICBnZXRQYXRoKCkge1xuICAgICAgICAvLyBQZXJmb3JtYW5jZTogQnVpbGQgcGF0aCBvbi1kZW1hbmQgb25seSB3aGVuIG5lZWRlZCAodHlwaWNhbGx5IGZvciBlcnJvciBtZXNzYWdlcylcbiAgICAgICAgaWYgKCF0aGlzLnBhdGgpIHtcbiAgICAgICAgICAgIHRoaXMucGF0aCA9IEFycmF5LmZyb20odGhpcy5yZXNvbHZpbmdTdGFjaykubWFwKHQgPT4gdC50b1N0cmluZygpKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gWy4uLnRoaXMucGF0aF07XG4gICAgfVxuICAgIGNhY2hlUGVyUmVxdWVzdCh0b2tlbiwgaW5zdGFuY2UpIHtcbiAgICAgICAgdGhpcy5wZXJSZXF1ZXN0Q2FjaGUuc2V0KHRva2VuLCBpbnN0YW5jZSk7XG4gICAgfVxuICAgIGdldFBlclJlcXVlc3QodG9rZW4pIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGVyUmVxdWVzdENhY2hlLmdldCh0b2tlbik7XG4gICAgfVxuICAgIGhhc1BlclJlcXVlc3QodG9rZW4pIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGVyUmVxdWVzdENhY2hlLmhhcyh0b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc2V0IGNvbnRleHQgZm9yIHJldXNlIGluIG9iamVjdCBwb29sXG4gICAgICogUGVyZm9ybWFuY2U6IFJldXNpbmcgY29udGV4dHMgYXZvaWRzIGhlYXAgYWxsb2NhdGlvbnNcbiAgICAgKi9cbiAgICByZXNldCgpIHtcbiAgICAgICAgdGhpcy5yZXNvbHZpbmdTdGFjay5jbGVhcigpO1xuICAgICAgICB0aGlzLnBlclJlcXVlc3RDYWNoZS5jbGVhcigpO1xuICAgICAgICB0aGlzLnBhdGggPSB1bmRlZmluZWQ7XG4gICAgfVxufVxuLyoqXG4gKiBPYmplY3QgcG9vbCBmb3IgUmVzb2x1dGlvbkNvbnRleHQgaW5zdGFuY2VzXG4gKiBQZXJmb3JtYW5jZTogUmV1c2luZyBjb250ZXh0cyByZWR1Y2VzIGhlYXAgYWxsb2NhdGlvbnMgYW5kIEdDIHByZXNzdXJlXG4gKi9cbmNsYXNzIFJlc29sdXRpb25Db250ZXh0UG9vbCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMucG9vbCA9IFtdO1xuICAgICAgICB0aGlzLm1heFNpemUgPSAxMDtcbiAgICB9XG4gICAgYWNxdWlyZSgpIHtcbiAgICAgICAgY29uc3QgY29udGV4dCA9IHRoaXMucG9vbC5wb3AoKTtcbiAgICAgICAgaWYgKGNvbnRleHQpIHtcbiAgICAgICAgICAgIC8vIFJlc2V0IGV4aXN0aW5nIGNvbnRleHQgZm9yIHJldXNlXG4gICAgICAgICAgICBjb250ZXh0LnJlc2V0KCk7XG4gICAgICAgICAgICByZXR1cm4gY29udGV4dDtcbiAgICAgICAgfVxuICAgICAgICAvLyBDcmVhdGUgbmV3IGlmIHBvb2wgZW1wdHlcbiAgICAgICAgcmV0dXJuIG5ldyBSZXNvbHV0aW9uQ29udGV4dCgpO1xuICAgIH1cbiAgICByZWxlYXNlKGNvbnRleHQpIHtcbiAgICAgICAgaWYgKHRoaXMucG9vbC5sZW5ndGggPCB0aGlzLm1heFNpemUpIHtcbiAgICAgICAgICAgIHRoaXMucG9vbC5wdXNoKGNvbnRleHQpO1xuICAgICAgICB9XG4gICAgICAgIC8vIE90aGVyd2lzZSBsZXQgaXQgYmUgR0MnZFxuICAgIH1cbn1cbi8qKlxuICogRGVwZW5kZW5jeSBJbmplY3Rpb24gQ29udGFpbmVyXG4gKlxuICogTWFuYWdlcyByZWdpc3RyYXRpb24gYW5kIHJlc29sdXRpb24gb2YgZGVwZW5kZW5jaWVzIHdpdGggc3VwcG9ydCBmb3I6XG4gKiAtIE11bHRpcGxlIGJpbmRpbmcgdHlwZXMgKHZhbHVlLCBmYWN0b3J5LCBjbGFzcylcbiAqIC0gTGlmZXRpbWUgbWFuYWdlbWVudCAoc2luZ2xldG9uLCB0cmFuc2llbnQsIHBlci1yZXF1ZXN0KVxuICogLSBDaGlsZCBjb250YWluZXJzIHdpdGggaW5oZXJpdGFuY2VcbiAqIC0gQ2lyY3VsYXIgZGVwZW5kZW5jeSBkZXRlY3Rpb25cbiAqIC0gQXV0b21hdGljIGRpc3Bvc2FsXG4gKi9cbmV4cG9ydCBjbGFzcyBDb250YWluZXIge1xuICAgIGNvbnN0cnVjdG9yKHBhcmVudCkge1xuICAgICAgICB0aGlzLmJpbmRpbmdzID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLnNpbmdsZXRvbkNhY2hlID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLnNpbmdsZXRvbk9yZGVyID0gW107XG4gICAgICAgIHRoaXMuaW50ZXJmYWNlUmVnaXN0cnkgPSBuZXcgTWFwKCk7XG4gICAgICAgIHRoaXMuaW50ZXJmYWNlVG9rZW5DYWNoZSA9IG5ldyBNYXAoKTsgLy8gUGVyZm9ybWFuY2U6IENhY2hlIGZvciByZXNvbHZlVHlwZSgpIGxvb2t1cHNcbiAgICAgICAgdGhpcy5mYXN0VHJhbnNpZW50Q2FjaGUgPSBuZXcgTWFwKCk7IC8vIFBlcmZvcm1hbmNlOiBGYXN0IHBhdGggZm9yIHNpbXBsZSB0cmFuc2llbnRzXG4gICAgICAgIHRoaXMudWx0cmFGYXN0U2luZ2xldG9uQ2FjaGUgPSBuZXcgTWFwKCk7IC8vIFBlcmZvcm1hbmNlOiBVbHRyYS1mYXN0IHNpbmdsZXRvbi1vbmx5IGNhY2hlXG4gICAgICAgIHRoaXMucGFyZW50ID0gcGFyZW50O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCaW5kIGEgcHJlLWNyZWF0ZWQgdmFsdWUgdG8gYSB0b2tlblxuICAgICAqL1xuICAgIGJpbmRWYWx1ZSh0b2tlbiwgdmFsdWUpIHtcbiAgICAgICAgdGhpcy5iaW5kaW5ncy5zZXQodG9rZW4sIHtcbiAgICAgICAgICAgIHR5cGU6ICd2YWx1ZScsXG4gICAgICAgICAgICBsaWZldGltZTogJ3NpbmdsZXRvbicsXG4gICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB1bmRlZmluZWRcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuaW52YWxpZGF0ZUJpbmRpbmdDYWNoZSgpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCaW5kIGEgZmFjdG9yeSBmdW5jdGlvbiB0byBhIHRva2VuXG4gICAgICovXG4gICAgYmluZEZhY3RvcnkodG9rZW4sIGZhY3RvcnksIG9wdGlvbnMpIHtcbiAgICAgICAgdGhpcy5iaW5kaW5ncy5zZXQodG9rZW4sIHtcbiAgICAgICAgICAgIHR5cGU6ICdmYWN0b3J5JyxcbiAgICAgICAgICAgIGxpZmV0aW1lOiBvcHRpb25zPy5saWZldGltZSB8fCAndHJhbnNpZW50JyxcbiAgICAgICAgICAgIGZhY3RvcnksXG4gICAgICAgICAgICBkZXBlbmRlbmNpZXM6IG9wdGlvbnM/LmRlcGVuZGVuY2llcyxcbiAgICAgICAgICAgIGNvbnN0cnVjdG9yOiB1bmRlZmluZWRcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuaW52YWxpZGF0ZUJpbmRpbmdDYWNoZSgpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCaW5kIGEgY2xhc3MgY29uc3RydWN0b3IgdG8gYSB0b2tlblxuICAgICAqL1xuICAgIGJpbmRDbGFzcyh0b2tlbiwgY29uc3RydWN0b3IsIG9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgYmluZGluZyA9IHtcbiAgICAgICAgICAgIHR5cGU6ICdjbGFzcycsXG4gICAgICAgICAgICBsaWZldGltZTogb3B0aW9ucz8ubGlmZXRpbWUgfHwgJ3RyYW5zaWVudCcsXG4gICAgICAgICAgICBjb25zdHJ1Y3RvcixcbiAgICAgICAgICAgIGRlcGVuZGVuY2llczogb3B0aW9ucz8uZGVwZW5kZW5jaWVzXG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuYmluZGluZ3Muc2V0KHRva2VuLCBiaW5kaW5nKTtcbiAgICAgICAgdGhpcy5pbnZhbGlkYXRlQmluZGluZ0NhY2hlKCk7XG4gICAgICAgIC8vIFBlcmZvcm1hbmNlOiBQcmUtY29tcGlsZSBmYXN0IHRyYW5zaWVudCBmYWN0b3J5IGZvciB6ZXJvLWRlcGVuZGVuY3kgY2xhc3Nlc1xuICAgICAgICBpZiAoYmluZGluZy5saWZldGltZSA9PT0gJ3RyYW5zaWVudCcgJiYgKCFiaW5kaW5nLmRlcGVuZGVuY2llcyB8fCBiaW5kaW5nLmRlcGVuZGVuY2llcy5sZW5ndGggPT09IDApKSB7XG4gICAgICAgICAgICB0aGlzLmZhc3RUcmFuc2llbnRDYWNoZS5zZXQodG9rZW4sICgpID0+IG5ldyBjb25zdHJ1Y3RvcigpKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGEgZGVwZW5kZW5jeSBzeW5jaHJvbm91c2x5XG4gICAgICogUGVyZm9ybWFuY2Ugb3B0aW1pemVkIHdpdGggbXVsdGlwbGUgZmFzdCBwYXRoc1xuICAgICAqL1xuICAgIHJlc29sdmUodG9rZW4pIHtcbiAgICAgICAgLy8gVHJ5IGFsbCBjYWNoZSBsZXZlbHMgZmlyc3QgKHVsdHJhLWZhc3QsIHNpbmdsZXRvbiwgZmFzdCB0cmFuc2llbnQpXG4gICAgICAgIGNvbnN0IGNhY2hlZCA9IHRoaXMudHJ5R2V0RnJvbUNhY2hlcyh0b2tlbik7XG4gICAgICAgIGlmIChjYWNoZWQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgcmV0dXJuIGNhY2hlZDtcbiAgICAgICAgfVxuICAgICAgICAvLyBJZiB3ZSdyZSBhbHJlYWR5IHJlc29sdmluZyAoY2FsbGVkIGZyb20gd2l0aGluIGEgZmFjdG9yeSksIHJldXNlIHRoZSBjb250ZXh0XG4gICAgICAgIGlmICh0aGlzLmN1cnJlbnRDb250ZXh0KSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlV2l0aENvbnRleHQodG9rZW4sIHRoaXMuY3VycmVudENvbnRleHQpO1xuICAgICAgICB9XG4gICAgICAgIC8vIENvbXBsZXggcmVzb2x1dGlvbiB3aXRoIHBvb2xlZCBjb250ZXh0XG4gICAgICAgIGNvbnN0IGNvbnRleHQgPSBDb250YWluZXIuY29udGV4dFBvb2wuYWNxdWlyZSgpO1xuICAgICAgICB0aGlzLmN1cnJlbnRDb250ZXh0ID0gY29udGV4dDtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVXaXRoQ29udGV4dCh0b2tlbiwgY29udGV4dCk7XG4gICAgICAgIH1cbiAgICAgICAgZmluYWxseSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRDb250ZXh0ID0gdW5kZWZpbmVkO1xuICAgICAgICAgICAgQ29udGFpbmVyLmNvbnRleHRQb29sLnJlbGVhc2UoY29udGV4dCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogU1BFQ0lBTElaRUQ6IFVsdHJhLWZhc3Qgc2luZ2xldG9uIHJlc29sdmUgKG5vIHNhZmV0eSBjaGVja3MpXG4gICAgICogVXNlIE9OTFkgd2hlbiB5b3UncmUgMTAwJSBzdXJlIHRoZSB0b2tlbiBpcyBhIHJlZ2lzdGVyZWQgc2luZ2xldG9uXG4gICAgICogQGludGVybmFsIEZvciBwZXJmb3JtYW5jZS1jcml0aWNhbCBwYXRocyBvbmx5XG4gICAgICovXG4gICAgcmVzb2x2ZVNpbmdsZXRvblVuc2FmZSh0b2tlbikge1xuICAgICAgICAvLyBEaXJlY3QgcmV0dXJuLCBubyBjaGVja3MgLSBtYXhpbXVtIHNwZWVkXG4gICAgICAgIHJldHVybiB0aGlzLnVsdHJhRmFzdFNpbmdsZXRvbkNhY2hlLmdldCh0b2tlbikgPz8gdGhpcy5zaW5nbGV0b25DYWNoZS5nZXQodG9rZW4pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTUEVDSUFMSVpFRDogRmFzdCB0cmFuc2llbnQgcmVzb2x2ZSBmb3IgemVyby1kZXBlbmRlbmN5IGNsYXNzZXNcbiAgICAgKiBTa2lwcyBhbGwgY29udGV4dCBjcmVhdGlvbiBhbmQgY2lyY3VsYXIgZGVwZW5kZW5jeSBjaGVja3NcbiAgICAgKiBAaW50ZXJuYWwgRm9yIHBlcmZvcm1hbmNlLWNyaXRpY2FsIHBhdGhzIG9ubHlcbiAgICAgKi9cbiAgICByZXNvbHZlVHJhbnNpZW50U2ltcGxlKHRva2VuKSB7XG4gICAgICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLmZhc3RUcmFuc2llbnRDYWNoZS5nZXQodG9rZW4pO1xuICAgICAgICBpZiAoZmFjdG9yeSkge1xuICAgICAgICAgICAgcmV0dXJuIGZhY3RvcnkoKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBGYWxsYmFjayB0byByZWd1bGFyIHJlc29sdmUgaWYgbm90IGluIGZhc3QgY2FjaGVcbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZSh0b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNQRUNJQUxJWkVEOiBCYXRjaCByZXNvbHZlIG11bHRpcGxlIGRlcGVuZGVuY2llcyBhdCBvbmNlXG4gICAgICogTW9yZSBlZmZpY2llbnQgdGhhbiBtdWx0aXBsZSBpbmRpdmlkdWFsIHJlc29sdmVzXG4gICAgICovXG4gICAgcmVzb2x2ZUJhdGNoKHRva2Vucykge1xuICAgICAgICAvLyBSZXVzZSBzaW5nbGUgY29udGV4dCBmb3IgYWxsIHJlc29sdXRpb25zXG4gICAgICAgIGNvbnN0IHdhc1Jlc29sdmluZyA9ICEhdGhpcy5jdXJyZW50Q29udGV4dDtcbiAgICAgICAgY29uc3QgY29udGV4dCA9IHRoaXMuY3VycmVudENvbnRleHQgfHwgQ29udGFpbmVyLmNvbnRleHRQb29sLmFjcXVpcmUoKTtcbiAgICAgICAgaWYgKCF3YXNSZXNvbHZpbmcpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudENvbnRleHQgPSBjb250ZXh0O1xuICAgICAgICB9XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBjb25zdCByZXN1bHRzID0gdG9rZW5zLm1hcCh0b2tlbiA9PiB7XG4gICAgICAgICAgICAgICAgLy8gVHJ5IGFsbCBjYWNoZSBsZXZlbHMgZmlyc3RcbiAgICAgICAgICAgICAgICBjb25zdCBjYWNoZWQgPSB0aGlzLnRyeUdldEZyb21DYWNoZXModG9rZW4pO1xuICAgICAgICAgICAgICAgIGlmIChjYWNoZWQgIT09IHVuZGVmaW5lZClcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGNhY2hlZDtcbiAgICAgICAgICAgICAgICAvLyBGdWxsIHJlc29sdmUgd2l0aCBzaGFyZWQgY29udGV4dFxuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVXaXRoQ29udGV4dCh0b2tlbiwgY29udGV4dCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHJldHVybiByZXN1bHRzO1xuICAgICAgICB9XG4gICAgICAgIGZpbmFsbHkge1xuICAgICAgICAgICAgaWYgKCF3YXNSZXNvbHZpbmcpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRDb250ZXh0ID0gdW5kZWZpbmVkO1xuICAgICAgICAgICAgICAgIENvbnRhaW5lci5jb250ZXh0UG9vbC5yZWxlYXNlKGNvbnRleHQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYSBkZXBlbmRlbmN5IGFzeW5jaHJvbm91c2x5IChzdXBwb3J0cyBhc3luYyBmYWN0b3JpZXMpXG4gICAgICovXG4gICAgYXN5bmMgcmVzb2x2ZUFzeW5jKHRva2VuKSB7XG4gICAgICAgIC8vIElmIHdlJ3JlIGFscmVhZHkgcmVzb2x2aW5nIChjYWxsZWQgZnJvbSB3aXRoaW4gYSBmYWN0b3J5KSwgcmV1c2UgdGhlIGNvbnRleHRcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudENvbnRleHQpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnJlc29sdmVBc3luY1dpdGhDb250ZXh0KHRva2VuLCB0aGlzLmN1cnJlbnRDb250ZXh0KTtcbiAgICAgICAgfVxuICAgICAgICAvLyBOZXcgdG9wLWxldmVsIHJlc29sdmVcbiAgICAgICAgLy8gUGVyZm9ybWFuY2U6IFVzZSBwb29sZWQgY29udGV4dCB0byBhdm9pZCBoZWFwIGFsbG9jYXRpb25cbiAgICAgICAgY29uc3QgY29udGV4dCA9IENvbnRhaW5lci5jb250ZXh0UG9vbC5hY3F1aXJlKCk7XG4gICAgICAgIHRoaXMuY3VycmVudENvbnRleHQgPSBjb250ZXh0O1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgcmV0dXJuIGF3YWl0IHRoaXMucmVzb2x2ZUFzeW5jV2l0aENvbnRleHQodG9rZW4sIGNvbnRleHQpO1xuICAgICAgICB9XG4gICAgICAgIGZpbmFsbHkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50Q29udGV4dCA9IHVuZGVmaW5lZDtcbiAgICAgICAgICAgIENvbnRhaW5lci5jb250ZXh0UG9vbC5yZWxlYXNlKGNvbnRleHQpOyAvLyBSZXR1cm4gdG8gcG9vbCBmb3IgcmV1c2VcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBUcnkgdG8gZ2V0IGluc3RhbmNlIGZyb20gYWxsIGNhY2hlIGxldmVsc1xuICAgICAqIFJldHVybnMgdW5kZWZpbmVkIGlmIG5vdCBjYWNoZWRcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICB0cnlHZXRGcm9tQ2FjaGVzKHRva2VuKSB7XG4gICAgICAgIC8vIExldmVsIDE6IFVsdHJhLWZhc3Qgc2luZ2xldG9uIGNhY2hlICh6ZXJvIG92ZXJoZWFkKVxuICAgICAgICBjb25zdCB1bHRyYUZhc3QgPSB0aGlzLnVsdHJhRmFzdFNpbmdsZXRvbkNhY2hlLmdldCh0b2tlbik7XG4gICAgICAgIGlmICh1bHRyYUZhc3QgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgcmV0dXJuIHVsdHJhRmFzdDtcbiAgICAgICAgfVxuICAgICAgICAvLyBMZXZlbCAyOiBSZWd1bGFyIHNpbmdsZXRvbiBjYWNoZVxuICAgICAgICBpZiAodGhpcy5zaW5nbGV0b25DYWNoZS5oYXModG9rZW4pKSB7XG4gICAgICAgICAgICBjb25zdCBjYWNoZWQgPSB0aGlzLnNpbmdsZXRvbkNhY2hlLmdldCh0b2tlbik7XG4gICAgICAgICAgICAvLyBQcm9tb3RlIHRvIHVsdHJhLWZhc3QgY2FjaGUgZm9yIG5leHQgdGltZVxuICAgICAgICAgICAgdGhpcy51bHRyYUZhc3RTaW5nbGV0b25DYWNoZS5zZXQodG9rZW4sIGNhY2hlZCk7XG4gICAgICAgICAgICByZXR1cm4gY2FjaGVkO1xuICAgICAgICB9XG4gICAgICAgIC8vIExldmVsIDM6IEZhc3QgdHJhbnNpZW50IGNhY2hlIChubyBkZXBlbmRlbmNpZXMpXG4gICAgICAgIGNvbnN0IGZhc3RGYWN0b3J5ID0gdGhpcy5mYXN0VHJhbnNpZW50Q2FjaGUuZ2V0KHRva2VuKTtcbiAgICAgICAgaWYgKGZhc3RGYWN0b3J5KSB7XG4gICAgICAgICAgICByZXR1cm4gZmFzdEZhY3RvcnkoKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDYWNoZSBpbnN0YW5jZSBiYXNlZCBvbiBsaWZldGltZSBzdHJhdGVneVxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGNhY2hlSW5zdGFuY2UodG9rZW4sIGluc3RhbmNlLCBsaWZldGltZSwgY29udGV4dCkge1xuICAgICAgICBpZiAobGlmZXRpbWUgPT09ICdzaW5nbGV0b24nKSB7XG4gICAgICAgICAgICB0aGlzLnNpbmdsZXRvbkNhY2hlLnNldCh0b2tlbiwgaW5zdGFuY2UpO1xuICAgICAgICAgICAgdGhpcy5zaW5nbGV0b25PcmRlci5wdXNoKHRva2VuKTtcbiAgICAgICAgICAgIC8vIEFsc28gYWRkIHRvIHVsdHJhLWZhc3QgY2FjaGVcbiAgICAgICAgICAgIHRoaXMudWx0cmFGYXN0U2luZ2xldG9uQ2FjaGUuc2V0KHRva2VuLCBpbnN0YW5jZSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAobGlmZXRpbWUgPT09ICdwZXItcmVxdWVzdCcgJiYgY29udGV4dCkge1xuICAgICAgICAgICAgY29udGV4dC5jYWNoZVBlclJlcXVlc3QodG9rZW4sIGluc3RhbmNlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBWYWxpZGF0ZSBhbmQgZ2V0IGJpbmRpbmcgd2l0aCBjaXJjdWxhciBkZXBlbmRlbmN5IGNoZWNrXG4gICAgICogUmV0dXJucyBiaW5kaW5nIG9yIHRocm93cyBlcnJvclxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHZhbGlkYXRlQW5kR2V0QmluZGluZyh0b2tlbiwgY29udGV4dCkge1xuICAgICAgICAvLyBDaGVjayBjaXJjdWxhciBkZXBlbmRlbmN5XG4gICAgICAgIGlmIChjb250ZXh0LmlzUmVzb2x2aW5nKHRva2VuKSkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IENpcmN1bGFyRGVwZW5kZW5jeUVycm9yKFsuLi5jb250ZXh0LmdldFBhdGgoKSwgdG9rZW4udG9TdHJpbmcoKV0pO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGJpbmRpbmcgPSB0aGlzLmdldEJpbmRpbmcodG9rZW4pO1xuICAgICAgICBpZiAoIWJpbmRpbmcpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBCaW5kaW5nTm90Rm91bmRFcnJvcih0b2tlbi50b1N0cmluZygpLCBjb250ZXh0LmdldFBhdGgoKSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGJpbmRpbmc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEluc3RhbnRpYXRlIGZyb20gYmluZGluZyBzeW5jaHJvbm91c2x5XG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgaW5zdGFudGlhdGVCaW5kaW5nU3luYyhiaW5kaW5nLCB0b2tlbiwgY29udGV4dCkge1xuICAgICAgICBzd2l0Y2ggKGJpbmRpbmcudHlwZSkge1xuICAgICAgICAgICAgY2FzZSAndmFsdWUnOlxuICAgICAgICAgICAgICAgIHJldHVybiBiaW5kaW5nLnZhbHVlO1xuICAgICAgICAgICAgY2FzZSAnZmFjdG9yeSc6XG4gICAgICAgICAgICAgICAgY29uc3QgcmVzdWx0ID0gYmluZGluZy5mYWN0b3J5KHRoaXMpO1xuICAgICAgICAgICAgICAgIGlmIChyZXN1bHQgaW5zdGFuY2VvZiBQcm9taXNlKSB7XG4gICAgICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgQXN5bmMgZmFjdG9yeSBkZXRlY3RlZCBmb3IgJHt0b2tlbi50b1N0cmluZygpfS4gVXNlIHJlc29sdmVBc3luYygpIGluc3RlYWQuYCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICAgICAgICBjYXNlICdjbGFzcyc6XG4gICAgICAgICAgICAgICAgY29uc3QgZGVwcyA9IGJpbmRpbmcuZGVwZW5kZW5jaWVzIHx8IFtdO1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlc29sdmVkRGVwcyA9IGRlcHMubWFwKGRlcCA9PiB0aGlzLnJlc29sdmVXaXRoQ29udGV4dChkZXAsIGNvbnRleHQpKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gbmV3IGJpbmRpbmcuY29uc3RydWN0b3IoLi4ucmVzb2x2ZWREZXBzKTtcbiAgICAgICAgICAgIGNhc2UgJ2lubGluZS1jbGFzcyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIG5ldyBiaW5kaW5nLmNvbnN0cnVjdG9yKCk7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVW5rbm93biBiaW5kaW5nIHR5cGU6ICR7YmluZGluZy50eXBlfWApO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEluc3RhbnRpYXRlIGZyb20gYmluZGluZyBhc3luY2hyb25vdXNseVxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIGFzeW5jIGluc3RhbnRpYXRlQmluZGluZ0FzeW5jKGJpbmRpbmcsIGNvbnRleHQpIHtcbiAgICAgICAgc3dpdGNoIChiaW5kaW5nLnR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgJ3ZhbHVlJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gYmluZGluZy52YWx1ZTtcbiAgICAgICAgICAgIGNhc2UgJ2ZhY3RvcnknOlxuICAgICAgICAgICAgICAgIHJldHVybiBhd2FpdCBQcm9taXNlLnJlc29sdmUoYmluZGluZy5mYWN0b3J5KHRoaXMpKTtcbiAgICAgICAgICAgIGNhc2UgJ2NsYXNzJzpcbiAgICAgICAgICAgICAgICBjb25zdCBkZXBzID0gYmluZGluZy5kZXBlbmRlbmNpZXMgfHwgW107XG4gICAgICAgICAgICAgICAgY29uc3QgcmVzb2x2ZWREZXBzID0gYXdhaXQgUHJvbWlzZS5hbGwoZGVwcy5tYXAoZGVwID0+IHRoaXMucmVzb2x2ZUFzeW5jV2l0aENvbnRleHQoZGVwLCBjb250ZXh0KSkpO1xuICAgICAgICAgICAgICAgIHJldHVybiBuZXcgYmluZGluZy5jb25zdHJ1Y3RvciguLi5yZXNvbHZlZERlcHMpO1xuICAgICAgICAgICAgY2FzZSAnaW5saW5lLWNsYXNzJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gbmV3IGJpbmRpbmcuY29uc3RydWN0b3IoKTtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3duIGJpbmRpbmcgdHlwZTogJHtiaW5kaW5nLnR5cGV9YCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIGEgY2hpbGQgY29udGFpbmVyIHRoYXQgaW5oZXJpdHMgYmluZGluZ3MgZnJvbSB0aGlzIGNvbnRhaW5lclxuICAgICAqL1xuICAgIGNyZWF0ZUNoaWxkKCkge1xuICAgICAgICByZXR1cm4gbmV3IENvbnRhaW5lcih0aGlzKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRGlzcG9zZSBhbGwgc2luZ2xldG9uIGluc3RhbmNlcyBpbiByZXZlcnNlIHJlZ2lzdHJhdGlvbiBvcmRlclxuICAgICAqL1xuICAgIGFzeW5jIGRpc3Bvc2UoKSB7XG4gICAgICAgIGNvbnN0IGVycm9ycyA9IFtdO1xuICAgICAgICAvLyBEaXNwb3NlIGluIHJldmVyc2Ugb3JkZXJcbiAgICAgICAgZm9yIChsZXQgaSA9IHRoaXMuc2luZ2xldG9uT3JkZXIubGVuZ3RoIC0gMTsgaSA+PSAwOyBpLS0pIHtcbiAgICAgICAgICAgIGNvbnN0IHRva2VuID0gdGhpcy5zaW5nbGV0b25PcmRlcltpXTtcbiAgICAgICAgICAgIGNvbnN0IGluc3RhbmNlID0gdGhpcy5zaW5nbGV0b25DYWNoZS5nZXQodG9rZW4pO1xuICAgICAgICAgICAgaWYgKGluc3RhbmNlICYmIGlzRGlzcG9zYWJsZShpbnN0YW5jZSkpIHtcbiAgICAgICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgICAgICBhd2FpdCBpbnN0YW5jZS5kaXNwb3NlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgICAgICAgICBlcnJvcnMucHVzaChlcnJvcik7XG4gICAgICAgICAgICAgICAgICAgIC8vIENvbnRpbnVlIGRpc3Bvc2luZyBvdGhlciBpbnN0YW5jZXMgZXZlbiBpZiBvbmUgZmFpbHNcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ2xlYXIgY2FjaGVzXG4gICAgICAgIHRoaXMuc2luZ2xldG9uQ2FjaGUuY2xlYXIoKTtcbiAgICAgICAgdGhpcy5zaW5nbGV0b25PcmRlci5sZW5ndGggPSAwO1xuICAgICAgICAvLyBOb3RlOiBXZSBkb24ndCB0aHJvdyBlcnJvcnMgdG8gYWxsb3cgYWxsIGRpc3Bvc2FscyB0byBjb21wbGV0ZVxuICAgICAgICAvLyBJbiBwcm9kdWN0aW9uLCB5b3UgbWlnaHQgd2FudCB0byBsb2cgdGhlc2UgZXJyb3JzXG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSBhIGZsdWVudCBidWlsZGVyIGZvciByZWdpc3RlcmluZyBkZXBlbmRlbmNpZXNcbiAgICAgKi9cbiAgICBidWlsZGVyKCkge1xuICAgICAgICByZXR1cm4gbmV3IEJ1aWxkZXIodGhpcyk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYSBuYW1lZCBzZXJ2aWNlXG4gICAgICovXG4gICAgcmVzb2x2ZU5hbWVkKG5hbWUpIHtcbiAgICAgICAgY29uc3QgbmFtZWRSZWdpc3RyYXRpb25zID0gdGhpcy5fX25hbWVkUmVnaXN0cmF0aW9ucztcbiAgICAgICAgaWYgKCFuYW1lZFJlZ2lzdHJhdGlvbnMpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgTmFtZWQgc2VydmljZSBcIiR7bmFtZX1cIiBub3QgZm91bmQuIE5vIG5hbWVkIHJlZ2lzdHJhdGlvbnMgZXhpc3QuYCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgY29uZmlnID0gbmFtZWRSZWdpc3RyYXRpb25zLmdldChuYW1lKTtcbiAgICAgICAgaWYgKCFjb25maWcpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgTmFtZWQgc2VydmljZSBcIiR7bmFtZX1cIiBub3QgZm91bmRgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlKGNvbmZpZy50b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYSBrZXllZCBzZXJ2aWNlXG4gICAgICovXG4gICAgcmVzb2x2ZUtleWVkKGtleSkge1xuICAgICAgICBjb25zdCBrZXllZFJlZ2lzdHJhdGlvbnMgPSB0aGlzLl9fa2V5ZWRSZWdpc3RyYXRpb25zO1xuICAgICAgICBpZiAoIWtleWVkUmVnaXN0cmF0aW9ucykge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBLZXllZCBzZXJ2aWNlIG5vdCBmb3VuZC4gTm8ga2V5ZWQgcmVnaXN0cmF0aW9ucyBleGlzdC5gKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBjb25maWcgPSBrZXllZFJlZ2lzdHJhdGlvbnMuZ2V0KGtleSk7XG4gICAgICAgIGlmICghY29uZmlnKSB7XG4gICAgICAgICAgICBjb25zdCBrZXlTdHIgPSB0eXBlb2Yga2V5ID09PSAnc3ltYm9sJyA/IGtleS50b1N0cmluZygpIDogYFwiJHtrZXl9XCJgO1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBLZXllZCBzZXJ2aWNlICR7a2V5U3RyfSBub3QgZm91bmRgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlKGNvbmZpZy50b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYWxsIHJlZ2lzdHJhdGlvbnMgZm9yIGEgdG9rZW5cbiAgICAgKi9cbiAgICByZXNvbHZlQWxsKHRva2VuKSB7XG4gICAgICAgIGNvbnN0IG11bHRpUmVnaXN0cmF0aW9ucyA9IHRoaXMuX19tdWx0aVJlZ2lzdHJhdGlvbnM7XG4gICAgICAgIGlmICghbXVsdGlSZWdpc3RyYXRpb25zKSB7XG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgdG9rZW5zID0gbXVsdGlSZWdpc3RyYXRpb25zLmdldCh0b2tlbik7XG4gICAgICAgIGlmICghdG9rZW5zIHx8IHRva2Vucy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdG9rZW5zLm1hcCgodCkgPT4gdGhpcy5yZXNvbHZlKHQpKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHJlZ2lzdHJ5IGluZm9ybWF0aW9uIGZvciBkZWJ1Z2dpbmcvdmlzdWFsaXphdGlvblxuICAgICAqIFJldHVybnMgYXJyYXkgb2YgYmluZGluZyBpbmZvcm1hdGlvblxuICAgICAqL1xuICAgIGdldFJlZ2lzdHJ5KCkge1xuICAgICAgICBjb25zdCByZWdpc3RyeSA9IFtdO1xuICAgICAgICB0aGlzLmJpbmRpbmdzLmZvckVhY2goKGJpbmRpbmcsIHRva2VuKSA9PiB7XG4gICAgICAgICAgICByZWdpc3RyeS5wdXNoKHtcbiAgICAgICAgICAgICAgICB0b2tlbjogdG9rZW4uZGVzY3JpcHRpb24gfHwgdG9rZW4uc3ltYm9sLnRvU3RyaW5nKCksXG4gICAgICAgICAgICAgICAgdHlwZTogYmluZGluZy50eXBlLFxuICAgICAgICAgICAgICAgIGxpZmV0aW1lOiBiaW5kaW5nLmxpZmV0aW1lLFxuICAgICAgICAgICAgICAgIGRlcGVuZGVuY2llczogYmluZGluZy5kZXBlbmRlbmNpZXM/Lm1hcChkID0+IGQuZGVzY3JpcHRpb24gfHwgZC5zeW1ib2wudG9TdHJpbmcoKSlcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgcmV0dXJuIHJlZ2lzdHJ5O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgb3IgY3JlYXRlIGEgdG9rZW4gZm9yIGFuIGludGVyZmFjZSB0eXBlXG4gICAgICogVXNlcyBhIHR5cGUgbmFtZSBoYXNoIGFzIGtleSBmb3IgdGhlIGludGVyZmFjZSByZWdpc3RyeVxuICAgICAqL1xuICAgIGludGVyZmFjZVRva2VuKHR5cGVOYW1lKSB7XG4gICAgICAgIC8vIEdlbmVyYXRlIGEgdW5pcXVlIGtleSBmb3IgdGhpcyBpbnRlcmZhY2UgdHlwZVxuICAgICAgICAvLyBJbiBwcm9kdWN0aW9uLCB0aGlzIHdvdWxkIGJlIHJlcGxhY2VkIGJ5IGEgVFMgdHJhbnNmb3JtZXJcbiAgICAgICAgY29uc3Qga2V5ID0gdHlwZU5hbWUgfHwgYEludGVyZmFjZV8ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KX1gO1xuICAgICAgICAvLyBDaGVjayBpZiB0b2tlbiBhbHJlYWR5IGV4aXN0cyBpbiB0aGlzIGNvbnRhaW5lclxuICAgICAgICBpZiAodGhpcy5pbnRlcmZhY2VSZWdpc3RyeS5oYXMoa2V5KSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaW50ZXJmYWNlUmVnaXN0cnkuZ2V0KGtleSk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ2hlY2sgcGFyZW50IGNvbnRhaW5lciAocmVjdXJzaXZlbHkgdGhyb3VnaCBwYXJlbnQgY2hhaW4pXG4gICAgICAgIGlmICh0aGlzLnBhcmVudCkge1xuICAgICAgICAgICAgLy8gUmVjdXJzaXZlbHkgY2hlY2sgdGhyb3VnaCBlbnRpcmUgcGFyZW50IGNoYWluXG4gICAgICAgICAgICBjb25zdCBwYXJlbnRUb2tlbiA9IHRoaXMucGFyZW50LmludGVyZmFjZVRva2VuKGtleSk7XG4gICAgICAgICAgICAvLyBJZiBwYXJlbnQgY3JlYXRlZCBhIG5ldyB0b2tlbiwgZG9uJ3QgY3JlYXRlIGFub3RoZXIgb25lXG4gICAgICAgICAgICByZXR1cm4gcGFyZW50VG9rZW47XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ3JlYXRlIG5ldyB0b2tlbiAob25seSBpZiBubyBwYXJlbnQgZXhpc3RzKVxuICAgICAgICBjb25zdCB0b2tlbiA9IFRva2VuKGtleSk7XG4gICAgICAgIHRoaXMuaW50ZXJmYWNlUmVnaXN0cnkuc2V0KGtleSwgdG9rZW4pO1xuICAgICAgICByZXR1cm4gdG9rZW47XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYSBkZXBlbmRlbmN5IGJ5IGludGVyZmFjZSB0eXBlIHdpdGhvdXQgZXhwbGljaXQgdG9rZW5cbiAgICAgKi9cbiAgICByZXNvbHZlVHlwZSh0eXBlTmFtZSkge1xuICAgICAgICAvLyBQZXJmb3JtYW5jZTogQ2FjaGUgdG9rZW4gbG9va3VwcyB0byBhdm9pZCByZXBlYXRlZCBpbnRlcmZhY2VSZWdpc3RyeSBhY2Nlc3NcbiAgICAgICAgY29uc3Qga2V5ID0gdHlwZU5hbWUgfHwgJyc7XG4gICAgICAgIGxldCB0b2tlbiA9IHRoaXMuaW50ZXJmYWNlVG9rZW5DYWNoZS5nZXQoa2V5KTtcbiAgICAgICAgaWYgKCF0b2tlbikge1xuICAgICAgICAgICAgdG9rZW4gPSB0aGlzLmludGVyZmFjZVRva2VuKHR5cGVOYW1lKTtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJmYWNlVG9rZW5DYWNoZS5zZXQoa2V5LCB0b2tlbik7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZSh0b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYSBrZXllZCBpbnRlcmZhY2VcbiAgICAgKi9cbiAgICByZXNvbHZlVHlwZUtleWVkKGtleSwgX3R5cGVOYW1lKSB7XG4gICAgICAgIC8vIEZvciBrZXllZCBpbnRlcmZhY2VzLCB3ZSB1c2UgdGhlIGV4aXN0aW5nIHJlc29sdmVLZXllZCBtZWNoYW5pc21cbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZUtleWVkKGtleSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlc29sdmUgYWxsIHJlZ2lzdHJhdGlvbnMgZm9yIGFuIGludGVyZmFjZSB0eXBlXG4gICAgICovXG4gICAgcmVzb2x2ZVR5cGVBbGwodHlwZU5hbWUpIHtcbiAgICAgICAgY29uc3QgdG9rZW4gPSB0aGlzLmludGVyZmFjZVRva2VuKHR5cGVOYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZUFsbCh0b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEludGVybmFsOiBSZXNvbHZlIHdpdGggY29udGV4dCBmb3IgY2lyY3VsYXIgZGVwZW5kZW5jeSBkZXRlY3Rpb25cbiAgICAgKi9cbiAgICByZXNvbHZlV2l0aENvbnRleHQodG9rZW4sIGNvbnRleHQpIHtcbiAgICAgICAgLy8gVmFsaWRhdGUgYW5kIGdldCBiaW5kaW5nICh3aXRoIGNpcmN1bGFyIGRlcGVuZGVuY3kgY2hlY2spXG4gICAgICAgIGNvbnN0IGJpbmRpbmcgPSB0aGlzLnZhbGlkYXRlQW5kR2V0QmluZGluZyh0b2tlbiwgY29udGV4dCk7XG4gICAgICAgIC8vIENoZWNrIHBlci1yZXF1ZXN0IGNhY2hlXG4gICAgICAgIGlmIChiaW5kaW5nLmxpZmV0aW1lID09PSAncGVyLXJlcXVlc3QnICYmIGNvbnRleHQuaGFzUGVyUmVxdWVzdCh0b2tlbikpIHtcbiAgICAgICAgICAgIHJldHVybiBjb250ZXh0LmdldFBlclJlcXVlc3QodG9rZW4pO1xuICAgICAgICB9XG4gICAgICAgIC8vIENoZWNrIHNpbmdsZXRvbiBjYWNoZSAobG9jYWwgY29udGFpbmVyIG9ubHkpXG4gICAgICAgIGlmIChiaW5kaW5nLmxpZmV0aW1lID09PSAnc2luZ2xldG9uJyAmJiB0aGlzLnNpbmdsZXRvbkNhY2hlLmhhcyh0b2tlbikpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnNpbmdsZXRvbkNhY2hlLmdldCh0b2tlbik7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTWFyayBhcyByZXNvbHZpbmdcbiAgICAgICAgY29udGV4dC5lbnRlclJlc29sdmUodG9rZW4pO1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgLy8gSW5zdGFudGlhdGUgZnJvbSBiaW5kaW5nXG4gICAgICAgICAgICBjb25zdCBpbnN0YW5jZSA9IHRoaXMuaW5zdGFudGlhdGVCaW5kaW5nU3luYyhiaW5kaW5nLCB0b2tlbiwgY29udGV4dCk7XG4gICAgICAgICAgICAvLyBDYWNoZSBiYXNlZCBvbiBsaWZldGltZVxuICAgICAgICAgICAgdGhpcy5jYWNoZUluc3RhbmNlKHRva2VuLCBpbnN0YW5jZSwgYmluZGluZy5saWZldGltZSwgY29udGV4dCk7XG4gICAgICAgICAgICByZXR1cm4gaW5zdGFuY2U7XG4gICAgICAgIH1cbiAgICAgICAgZmluYWxseSB7XG4gICAgICAgICAgICBjb250ZXh0LmV4aXRSZXNvbHZlKHRva2VuKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbnRlcm5hbDogQXN5bmMgcmVzb2x2ZSB3aXRoIGNvbnRleHRcbiAgICAgKi9cbiAgICBhc3luYyByZXNvbHZlQXN5bmNXaXRoQ29udGV4dCh0b2tlbiwgY29udGV4dCkge1xuICAgICAgICAvLyBWYWxpZGF0ZSBhbmQgZ2V0IGJpbmRpbmcgKHdpdGggY2lyY3VsYXIgZGVwZW5kZW5jeSBjaGVjaylcbiAgICAgICAgY29uc3QgYmluZGluZyA9IHRoaXMudmFsaWRhdGVBbmRHZXRCaW5kaW5nKHRva2VuLCBjb250ZXh0KTtcbiAgICAgICAgLy8gQ2hlY2sgcGVyLXJlcXVlc3QgY2FjaGVcbiAgICAgICAgaWYgKGJpbmRpbmcubGlmZXRpbWUgPT09ICdwZXItcmVxdWVzdCcgJiYgY29udGV4dC5oYXNQZXJSZXF1ZXN0KHRva2VuKSkge1xuICAgICAgICAgICAgcmV0dXJuIGNvbnRleHQuZ2V0UGVyUmVxdWVzdCh0b2tlbik7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ2hlY2sgc2luZ2xldG9uIGNhY2hlIChsb2NhbCBjb250YWluZXIgb25seSlcbiAgICAgICAgaWYgKGJpbmRpbmcubGlmZXRpbWUgPT09ICdzaW5nbGV0b24nICYmIHRoaXMuc2luZ2xldG9uQ2FjaGUuaGFzKHRva2VuKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuc2luZ2xldG9uQ2FjaGUuZ2V0KHRva2VuKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBNYXJrIGFzIHJlc29sdmluZ1xuICAgICAgICBjb250ZXh0LmVudGVyUmVzb2x2ZSh0b2tlbik7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICAvLyBJbnN0YW50aWF0ZSBmcm9tIGJpbmRpbmcgYXN5bmNocm9ub3VzbHlcbiAgICAgICAgICAgIGNvbnN0IGluc3RhbmNlID0gYXdhaXQgdGhpcy5pbnN0YW50aWF0ZUJpbmRpbmdBc3luYyhiaW5kaW5nLCBjb250ZXh0KTtcbiAgICAgICAgICAgIC8vIENhY2hlIGJhc2VkIG9uIGxpZmV0aW1lXG4gICAgICAgICAgICB0aGlzLmNhY2hlSW5zdGFuY2UodG9rZW4sIGluc3RhbmNlLCBiaW5kaW5nLmxpZmV0aW1lLCBjb250ZXh0KTtcbiAgICAgICAgICAgIHJldHVybiBpbnN0YW5jZTtcbiAgICAgICAgfVxuICAgICAgICBmaW5hbGx5IHtcbiAgICAgICAgICAgIGNvbnRleHQuZXhpdFJlc29sdmUodG9rZW4pO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBiaW5kaW5nIGZyb20gdGhpcyBjb250YWluZXIgb3IgcGFyZW50IGNoYWluXG4gICAgICogUGVyZm9ybWFuY2Ugb3B0aW1pemVkOiBVc2VzIGZsYXQgY2FjaGUgdG8gYXZvaWQgcmVjdXJzaXZlIHBhcmVudCBsb29rdXBzXG4gICAgICovXG4gICAgZ2V0QmluZGluZyh0b2tlbikge1xuICAgICAgICAvLyBCdWlsZCBmbGF0IGNhY2hlIG9uIGZpcnN0IGFjY2Vzc1xuICAgICAgICBpZiAoIXRoaXMuYmluZGluZ0NhY2hlKSB7XG4gICAgICAgICAgICB0aGlzLmJ1aWxkQmluZGluZ0NhY2hlKCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuYmluZGluZ0NhY2hlLmdldCh0b2tlbik7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJ1aWxkIGZsYXQgY2FjaGUgb2YgYWxsIGJpbmRpbmdzIGluY2x1ZGluZyBwYXJlbnQgY2hhaW5cbiAgICAgKiBUaGlzIGNvbnZlcnRzIE8obikgcGFyZW50IGNoYWluIHRyYXZlcnNhbCB0byBPKDEpIGxvb2t1cFxuICAgICAqL1xuICAgIGJ1aWxkQmluZGluZ0NhY2hlKCkge1xuICAgICAgICB0aGlzLmJpbmRpbmdDYWNoZSA9IG5ldyBNYXAoKTtcbiAgICAgICAgLy8gVHJhdmVyc2UgcGFyZW50IGNoYWluIGFuZCBmbGF0dGVuIGFsbCBiaW5kaW5nc1xuICAgICAgICBsZXQgY3VycmVudCA9IHRoaXM7XG4gICAgICAgIHdoaWxlIChjdXJyZW50KSB7XG4gICAgICAgICAgICBjdXJyZW50LmJpbmRpbmdzLmZvckVhY2goKGJpbmRpbmcsIHRva2VuKSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gQ2hpbGQgYmluZGluZ3Mgb3ZlcnJpZGUgcGFyZW50IGJpbmRpbmdzIChmaXJzdCB3aW5zKVxuICAgICAgICAgICAgICAgIGlmICghdGhpcy5iaW5kaW5nQ2FjaGUuaGFzKHRva2VuKSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmJpbmRpbmdDYWNoZS5zZXQodG9rZW4sIGJpbmRpbmcpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY3VycmVudCA9IGN1cnJlbnQucGFyZW50O1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEludmFsaWRhdGUgYmluZGluZyBjYWNoZSB3aGVuIG5ldyBiaW5kaW5ncyBhcmUgYWRkZWRcbiAgICAgKiBDYWxsZWQgYnkgYmluZFZhbHVlLCBiaW5kRmFjdG9yeSwgYmluZENsYXNzXG4gICAgICovXG4gICAgaW52YWxpZGF0ZUJpbmRpbmdDYWNoZSgpIHtcbiAgICAgICAgdGhpcy5iaW5kaW5nQ2FjaGUgPSB1bmRlZmluZWQ7XG4gICAgICAgIHRoaXMudWx0cmFGYXN0U2luZ2xldG9uQ2FjaGUuY2xlYXIoKTsgLy8gQ2xlYXIgdWx0cmEtZmFzdCBjYWNoZSB3aGVuIGJpbmRpbmdzIGNoYW5nZVxuICAgIH1cbn1cbkNvbnRhaW5lci5jb250ZXh0UG9vbCA9IG5ldyBSZXNvbHV0aW9uQ29udGV4dFBvb2woKTsgLy8gUGVyZm9ybWFuY2U6IFBvb2xlZCBjb250ZXh0cyByZWR1Y2UgYWxsb2NhdGlvbnNcbiIsICJleHBvcnQgY2xhc3MgRGF0ZVJlbmRlcmVyIHtcbiAgICBjb25zdHJ1Y3RvcihkYXRlU2VydmljZSkge1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMudHlwZSA9ICdkYXRlJztcbiAgICB9XG4gICAgcmVuZGVyKGNvbnRleHQpIHtcbiAgICAgICAgY29uc3QgZGF0ZXMgPSBjb250ZXh0LmZpbHRlclsnZGF0ZSddIHx8IFtdO1xuICAgICAgICBjb25zdCByZXNvdXJjZUlkcyA9IGNvbnRleHQuZmlsdGVyWydyZXNvdXJjZSddIHx8IFtdO1xuICAgICAgICAvLyBDaGVjayBpZiBkYXRlIGhlYWRlcnMgc2hvdWxkIGJlIGhpZGRlbiAoZS5nLiwgaW4gZGF5IHZpZXcpXG4gICAgICAgIGNvbnN0IGRhdGVHcm91cGluZyA9IGNvbnRleHQuZ3JvdXBpbmdzPy5maW5kKGcgPT4gZy50eXBlID09PSAnZGF0ZScpO1xuICAgICAgICBjb25zdCBoaWRlSGVhZGVyID0gZGF0ZUdyb3VwaW5nPy5oaWRlSGVhZGVyID09PSB0cnVlO1xuICAgICAgICAvLyBSZW5kZXIgZGF0ZXMgZm9yIEhWRVIgcmVzb3VyY2UgKGVsbGVyIDEgZ2FuZyBodmlzIGluZ2VuIHJlc291cmNlcylcbiAgICAgICAgY29uc3QgaXRlcmF0aW9ucyA9IHJlc291cmNlSWRzLmxlbmd0aCB8fCAxO1xuICAgICAgICBsZXQgY29sdW1uQ291bnQgPSAwO1xuICAgICAgICBmb3IgKGxldCByID0gMDsgciA8IGl0ZXJhdGlvbnM7IHIrKykge1xuICAgICAgICAgICAgY29uc3QgcmVzb3VyY2VJZCA9IHJlc291cmNlSWRzW3JdOyAvLyB1bmRlZmluZWQgaHZpcyBpbmdlbiByZXNvdXJjZXNcbiAgICAgICAgICAgIGZvciAoY29uc3QgZGF0ZVN0ciBvZiBkYXRlcykge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRhdGUgPSB0aGlzLmRhdGVTZXJ2aWNlLnBhcnNlSVNPKGRhdGVTdHIpO1xuICAgICAgICAgICAgICAgIC8vIEJ1aWxkIGNvbHVtbktleSBmb3IgdW5pZm9ybSBpZGVudGlmaWNhdGlvblxuICAgICAgICAgICAgICAgIGNvbnN0IHNlZ21lbnRzID0geyBkYXRlOiBkYXRlU3RyIH07XG4gICAgICAgICAgICAgICAgaWYgKHJlc291cmNlSWQpXG4gICAgICAgICAgICAgICAgICAgIHNlZ21lbnRzLnJlc291cmNlID0gcmVzb3VyY2VJZDtcbiAgICAgICAgICAgICAgICBjb25zdCBjb2x1bW5LZXkgPSB0aGlzLmRhdGVTZXJ2aWNlLmJ1aWxkQ29sdW1uS2V5KHNlZ21lbnRzKTtcbiAgICAgICAgICAgICAgICAvLyBIZWFkZXJcbiAgICAgICAgICAgICAgICBjb25zdCBoZWFkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZGF5LWhlYWRlcicpO1xuICAgICAgICAgICAgICAgIGhlYWRlci5kYXRhc2V0LmRhdGUgPSBkYXRlU3RyO1xuICAgICAgICAgICAgICAgIGhlYWRlci5kYXRhc2V0LmNvbHVtbktleSA9IGNvbHVtbktleTtcbiAgICAgICAgICAgICAgICBpZiAocmVzb3VyY2VJZCkge1xuICAgICAgICAgICAgICAgICAgICBoZWFkZXIuZGF0YXNldC5yZXNvdXJjZUlkID0gcmVzb3VyY2VJZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGhpZGVIZWFkZXIpIHtcbiAgICAgICAgICAgICAgICAgICAgaGVhZGVyLmRhdGFzZXQuaGlkZGVuID0gJ3RydWUnO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBoZWFkZXIuaW5uZXJIVE1MID0gYFxyXG4gICAgICAgICAgPHN3cC1kYXktbmFtZT4ke3RoaXMuZGF0ZVNlcnZpY2UuZ2V0RGF5TmFtZShkYXRlLCAnc2hvcnQnKX08L3N3cC1kYXktbmFtZT5cclxuICAgICAgICAgIDxzd3AtZGF5LWRhdGU+JHtkYXRlLmdldERhdGUoKX08L3N3cC1kYXktZGF0ZT5cclxuICAgICAgICBgO1xuICAgICAgICAgICAgICAgIGNvbnRleHQuaGVhZGVyQ29udGFpbmVyLmFwcGVuZENoaWxkKGhlYWRlcik7XG4gICAgICAgICAgICAgICAgLy8gQ29sdW1uXG4gICAgICAgICAgICAgICAgY29uc3QgY29sdW1uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgICAgICAgICBjb2x1bW4uZGF0YXNldC5kYXRlID0gZGF0ZVN0cjtcbiAgICAgICAgICAgICAgICBjb2x1bW4uZGF0YXNldC5jb2x1bW5LZXkgPSBjb2x1bW5LZXk7XG4gICAgICAgICAgICAgICAgaWYgKHJlc291cmNlSWQpIHtcbiAgICAgICAgICAgICAgICAgICAgY29sdW1uLmRhdGFzZXQucmVzb3VyY2VJZCA9IHJlc291cmNlSWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGNvbHVtbi5pbm5lckhUTUwgPSAnPHN3cC1ldmVudHMtbGF5ZXI+PC9zd3AtZXZlbnRzLWxheWVyPic7XG4gICAgICAgICAgICAgICAgY29udGV4dC5jb2x1bW5Db250YWluZXIuYXBwZW5kQ2hpbGQoY29sdW1uKTtcbiAgICAgICAgICAgICAgICBjb2x1bW5Db3VudCsrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIFNldCBncmlkIGNvbHVtbnMgb24gY29udGFpbmVyXG4gICAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGNvbnRleHQuY29sdW1uQ29udGFpbmVyLmNsb3Nlc3QoJ3N3cC1jYWxlbmRhci1jb250YWluZXInKTtcbiAgICAgICAgaWYgKGNvbnRhaW5lcikge1xuICAgICAgICAgICAgY29udGFpbmVyLnN0eWxlLnNldFByb3BlcnR5KCctLWdyaWQtY29sdW1ucycsIFN0cmluZyhjb2x1bW5Db3VudCkpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwgImltcG9ydCBkYXlqcyBmcm9tICdkYXlqcyc7XG5pbXBvcnQgdXRjIGZyb20gJ2RheWpzL3BsdWdpbi91dGMnO1xuaW1wb3J0IHRpbWV6b25lIGZyb20gJ2RheWpzL3BsdWdpbi90aW1lem9uZSc7XG5pbXBvcnQgaXNvV2VlayBmcm9tICdkYXlqcy9wbHVnaW4vaXNvV2Vlayc7XG4vLyBFbmFibGUgZGF5anMgcGx1Z2luc1xuZGF5anMuZXh0ZW5kKHV0Yyk7XG5kYXlqcy5leHRlbmQodGltZXpvbmUpO1xuZGF5anMuZXh0ZW5kKGlzb1dlZWspO1xuZXhwb3J0IGNsYXNzIERhdGVTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb25maWcsIGJhc2VEYXRlKSB7XG4gICAgICAgIHRoaXMuY29uZmlnID0gY29uZmlnO1xuICAgICAgICB0aGlzLnRpbWV6b25lID0gY29uZmlnLnRpbWV6b25lO1xuICAgICAgICAvLyBBbGxvdyBzZXR0aW5nIGEgZml4ZWQgYmFzZSBkYXRlIGZvciBkZW1vL3Rlc3RpbmcgcHVycG9zZXNcbiAgICAgICAgdGhpcy5iYXNlRGF0ZSA9IGJhc2VEYXRlID8gZGF5anMoYmFzZURhdGUpIDogZGF5anMoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogU2V0IGEgZml4ZWQgYmFzZSBkYXRlICh1c2VmdWwgZm9yIGRlbW9zIHdpdGggc3RhdGljIG1vY2sgZGF0YSlcbiAgICAgKi9cbiAgICBzZXRCYXNlRGF0ZShkYXRlKSB7XG4gICAgICAgIHRoaXMuYmFzZURhdGUgPSBkYXlqcyhkYXRlKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHRoZSBjdXJyZW50IGJhc2UgZGF0ZSAoZWl0aGVyIGZpeGVkIG9yIHRvZGF5KVxuICAgICAqL1xuICAgIGdldEJhc2VEYXRlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5iYXNlRGF0ZS50b0RhdGUoKTtcbiAgICB9XG4gICAgcGFyc2VJU08oaXNvU3RyaW5nKSB7XG4gICAgICAgIHJldHVybiBkYXlqcyhpc29TdHJpbmcpLnRvRGF0ZSgpO1xuICAgIH1cbiAgICBnZXREYXlOYW1lKGRhdGUsIGZvcm1hdCA9ICdzaG9ydCcpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBJbnRsLkRhdGVUaW1lRm9ybWF0KHRoaXMuY29uZmlnLmxvY2FsZSwgeyB3ZWVrZGF5OiBmb3JtYXQgfSkuZm9ybWF0KGRhdGUpO1xuICAgIH1cbiAgICBnZXRXZWVrRGF0ZXMob2Zmc2V0ID0gMCwgZGF5cyA9IDcpIHtcbiAgICAgICAgY29uc3QgbW9uZGF5ID0gdGhpcy5iYXNlRGF0ZS5zdGFydE9mKCd3ZWVrJykuYWRkKDEsICdkYXknKS5hZGQob2Zmc2V0LCAnd2VlaycpO1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh7IGxlbmd0aDogZGF5cyB9LCAoXywgaSkgPT4gbW9uZGF5LmFkZChpLCAnZGF5JykuZm9ybWF0KCdZWVlZLU1NLUREJykpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZGF0ZXMgZm9yIHNwZWNpZmljIHdlZWtkYXlzIHdpdGhpbiBhIHdlZWtcbiAgICAgKiBAcGFyYW0gb2Zmc2V0IC0gV2VlayBvZmZzZXQgZnJvbSBiYXNlIGRhdGUgKDAgPSBjdXJyZW50IHdlZWspXG4gICAgICogQHBhcmFtIHdvcmtEYXlzIC0gQXJyYXkgb2YgSVNPIHdlZWtkYXkgbnVtYmVycyAoMT1Nb25kYXksIDc9U3VuZGF5KVxuICAgICAqIEByZXR1cm5zIEFycmF5IG9mIGRhdGUgc3RyaW5ncyBpbiBZWVlZLU1NLUREIGZvcm1hdFxuICAgICAqL1xuICAgIGdldFdvcmtXZWVrRGF0ZXMob2Zmc2V0LCB3b3JrRGF5cykge1xuICAgICAgICBjb25zdCBtb25kYXkgPSB0aGlzLmJhc2VEYXRlLnN0YXJ0T2YoJ3dlZWsnKS5hZGQoMSwgJ2RheScpLmFkZChvZmZzZXQsICd3ZWVrJyk7XG4gICAgICAgIHJldHVybiB3b3JrRGF5cy5tYXAoaXNvRGF5ID0+IHtcbiAgICAgICAgICAgIC8vIElTTzogMT1Nb25kYXksIDc9U3VuZGF5IFx1MjE5MiBkYXlzIGZyb20gTW9uZGF5OiAwLTZcbiAgICAgICAgICAgIGNvbnN0IGRheXNGcm9tTW9uZGF5ID0gaXNvRGF5ID09PSA3ID8gNiA6IGlzb0RheSAtIDE7XG4gICAgICAgICAgICByZXR1cm4gbW9uZGF5LmFkZChkYXlzRnJvbU1vbmRheSwgJ2RheScpLmZvcm1hdCgnWVlZWS1NTS1ERCcpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAvLyBGT1JNQVRUSU5HXG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICBmb3JtYXRUaW1lKGRhdGUsIHNob3dTZWNvbmRzID0gZmFsc2UpIHtcbiAgICAgICAgY29uc3QgcGF0dGVybiA9IHNob3dTZWNvbmRzID8gJ0hIOm1tOnNzJyA6ICdISDptbSc7XG4gICAgICAgIHJldHVybiBkYXlqcyhkYXRlKS5mb3JtYXQocGF0dGVybik7XG4gICAgfVxuICAgIGZvcm1hdFRpbWVSYW5nZShzdGFydCwgZW5kKSB7XG4gICAgICAgIHJldHVybiBgJHt0aGlzLmZvcm1hdFRpbWUoc3RhcnQpfSAtICR7dGhpcy5mb3JtYXRUaW1lKGVuZCl9YDtcbiAgICB9XG4gICAgZm9ybWF0RGF0ZShkYXRlKSB7XG4gICAgICAgIHJldHVybiBkYXlqcyhkYXRlKS5mb3JtYXQoJ1lZWVktTU0tREQnKTtcbiAgICB9XG4gICAgZ2V0RGF0ZUtleShkYXRlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1hdERhdGUoZGF0ZSk7XG4gICAgfVxuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgLy8gQ09MVU1OIEtFWVxuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgLyoqXG4gICAgICogQnVpbGQgYSB1bmlmb3JtIGNvbHVtbktleSBmcm9tIGdyb3VwaW5nIHNlZ21lbnRzXG4gICAgICogSGFuZGxlcyBhbnkgY29tYmluYXRpb24gb2YgZGF0ZSwgcmVzb3VyY2UsIHRlYW0sIGV0Yy5cbiAgICAgKlxuICAgICAqIEBleGFtcGxlXG4gICAgICogYnVpbGRDb2x1bW5LZXkoeyBkYXRlOiAnMjAyNS0xMi0wOScgfSkgXHUyMTkyIFwiMjAyNS0xMi0wOVwiXG4gICAgICogYnVpbGRDb2x1bW5LZXkoeyBkYXRlOiAnMjAyNS0xMi0wOScsIHJlc291cmNlOiAnRU1QMDAxJyB9KSBcdTIxOTIgXCIyMDI1LTEyLTA5OkVNUDAwMVwiXG4gICAgICovXG4gICAgYnVpbGRDb2x1bW5LZXkoc2VnbWVudHMpIHtcbiAgICAgICAgLy8gQWx3YXlzIHB1dCBkYXRlIGZpcnN0IGlmIHByZXNlbnQsIHRoZW4gb3RoZXIgc2VnbWVudHMgYWxwaGFiZXRpY2FsbHlcbiAgICAgICAgY29uc3QgZGF0ZSA9IHNlZ21lbnRzLmRhdGU7XG4gICAgICAgIGNvbnN0IG90aGVycyA9IE9iamVjdC5lbnRyaWVzKHNlZ21lbnRzKVxuICAgICAgICAgICAgLmZpbHRlcigoW2tdKSA9PiBrICE9PSAnZGF0ZScpXG4gICAgICAgICAgICAuc29ydCgoW2FdLCBbYl0pID0+IGEubG9jYWxlQ29tcGFyZShiKSlcbiAgICAgICAgICAgIC5tYXAoKFssIHZdKSA9PiB2KTtcbiAgICAgICAgcmV0dXJuIGRhdGUgPyBbZGF0ZSwgLi4ub3RoZXJzXS5qb2luKCc6JykgOiBvdGhlcnMuam9pbignOicpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBQYXJzZSBhIGNvbHVtbktleSBiYWNrIGludG8gc2VnbWVudHNcbiAgICAgKiBBc3N1bWVzIGZvcm1hdDogXCJkYXRlOnJlc291cmNlOi4uLlwiIG9yIGp1c3QgXCJkYXRlXCJcbiAgICAgKi9cbiAgICBwYXJzZUNvbHVtbktleShjb2x1bW5LZXkpIHtcbiAgICAgICAgY29uc3QgcGFydHMgPSBjb2x1bW5LZXkuc3BsaXQoJzonKTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGRhdGU6IHBhcnRzWzBdLFxuICAgICAgICAgICAgcmVzb3VyY2U6IHBhcnRzWzFdXG4gICAgICAgIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEV4dHJhY3QgZGF0ZUtleSBmcm9tIGNvbHVtbktleSAoZmlyc3Qgc2VnbWVudClcbiAgICAgKi9cbiAgICBnZXREYXRlRnJvbUNvbHVtbktleShjb2x1bW5LZXkpIHtcbiAgICAgICAgcmV0dXJuIGNvbHVtbktleS5zcGxpdCgnOicpWzBdO1xuICAgIH1cbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIC8vIFRJTUUgQ0FMQ1VMQVRJT05TXG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICB0aW1lVG9NaW51dGVzKHRpbWVTdHJpbmcpIHtcbiAgICAgICAgY29uc3QgcGFydHMgPSB0aW1lU3RyaW5nLnNwbGl0KCc6JykubWFwKE51bWJlcik7XG4gICAgICAgIGNvbnN0IGhvdXJzID0gcGFydHNbMF0gfHwgMDtcbiAgICAgICAgY29uc3QgbWludXRlcyA9IHBhcnRzWzFdIHx8IDA7XG4gICAgICAgIHJldHVybiBob3VycyAqIDYwICsgbWludXRlcztcbiAgICB9XG4gICAgbWludXRlc1RvVGltZSh0b3RhbE1pbnV0ZXMpIHtcbiAgICAgICAgY29uc3QgaG91cnMgPSBNYXRoLmZsb29yKHRvdGFsTWludXRlcyAvIDYwKTtcbiAgICAgICAgY29uc3QgbWludXRlcyA9IHRvdGFsTWludXRlcyAlIDYwO1xuICAgICAgICByZXR1cm4gZGF5anMoKS5ob3VyKGhvdXJzKS5taW51dGUobWludXRlcykuZm9ybWF0KCdISDptbScpO1xuICAgIH1cbiAgICBnZXRNaW51dGVzU2luY2VNaWRuaWdodChkYXRlKSB7XG4gICAgICAgIGNvbnN0IGQgPSBkYXlqcyhkYXRlKTtcbiAgICAgICAgcmV0dXJuIGQuaG91cigpICogNjAgKyBkLm1pbnV0ZSgpO1xuICAgIH1cbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIC8vIFVUQyBDT05WRVJTSU9OU1xuICAgIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICAgdG9VVEMobG9jYWxEYXRlKSB7XG4gICAgICAgIHJldHVybiBkYXlqcy50eihsb2NhbERhdGUsIHRoaXMudGltZXpvbmUpLnV0YygpLnRvSVNPU3RyaW5nKCk7XG4gICAgfVxuICAgIGZyb21VVEModXRjU3RyaW5nKSB7XG4gICAgICAgIHJldHVybiBkYXlqcy51dGModXRjU3RyaW5nKS50eih0aGlzLnRpbWV6b25lKS50b0RhdGUoKTtcbiAgICB9XG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAvLyBEQVRFIENSRUFUSU9OXG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICBjcmVhdGVEYXRlQXRUaW1lKGJhc2VEYXRlLCB0aW1lU3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IHRvdGFsTWludXRlcyA9IHRoaXMudGltZVRvTWludXRlcyh0aW1lU3RyaW5nKTtcbiAgICAgICAgY29uc3QgaG91cnMgPSBNYXRoLmZsb29yKHRvdGFsTWludXRlcyAvIDYwKTtcbiAgICAgICAgY29uc3QgbWludXRlcyA9IHRvdGFsTWludXRlcyAlIDYwO1xuICAgICAgICByZXR1cm4gZGF5anMoYmFzZURhdGUpLnN0YXJ0T2YoJ2RheScpLmhvdXIoaG91cnMpLm1pbnV0ZShtaW51dGVzKS50b0RhdGUoKTtcbiAgICB9XG4gICAgZ2V0SVNPV2Vla0RheShkYXRlKSB7XG4gICAgICAgIHJldHVybiBkYXlqcyhkYXRlKS5pc29XZWVrZGF5KCk7IC8vIDE9TW9uZGF5LCA3PVN1bmRheVxuICAgIH1cbn1cbiIsICIvKipcbiAqIEFic3RyYWN0IGJhc2UgY2xhc3MgZm9yIGdyb3VwaW5nIHJlbmRlcmVyc1xuICpcbiAqIEhhbmRsZXM6XG4gKiAtIEZldGNoaW5nIGVudGl0aWVzIGJ5IElEc1xuICogLSBDYWxjdWxhdGluZyBjb2xzcGFuIGZyb20gcGFyZW50Q2hpbGRNYXBcbiAqIC0gQ3JlYXRpbmcgaGVhZGVyIGVsZW1lbnRzXG4gKiAtIEFwcGVuZGluZyB0byBjb250YWluZXJcbiAqXG4gKiBTdWJjbGFzc2VzIG92ZXJyaWRlOlxuICogLSByZW5kZXJIZWFkZXIoKSBmb3IgY3VzdG9tIGNvbnRlbnRcbiAqIC0gZ2V0RGlzcGxheU5hbWUoKSBmb3IgZW50aXR5IGRpc3BsYXkgdGV4dFxuICovXG5leHBvcnQgY2xhc3MgQmFzZUdyb3VwaW5nUmVuZGVyZXIge1xuICAgIC8qKlxuICAgICAqIE1haW4gcmVuZGVyIG1ldGhvZCAtIGhhbmRsZXMgY29tbW9uIGxvZ2ljXG4gICAgICovXG4gICAgYXN5bmMgcmVuZGVyKGNvbnRleHQpIHtcbiAgICAgICAgY29uc3QgYWxsb3dlZElkcyA9IGNvbnRleHQuZmlsdGVyW3RoaXMudHlwZV0gfHwgW107XG4gICAgICAgIGlmIChhbGxvd2VkSWRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgZW50aXRpZXMgPSBhd2FpdCB0aGlzLmdldEVudGl0aWVzKGFsbG93ZWRJZHMpO1xuICAgICAgICBjb25zdCBkYXRlQ291bnQgPSBjb250ZXh0LmZpbHRlclsnZGF0ZSddPy5sZW5ndGggfHwgMTtcbiAgICAgICAgY29uc3QgY2hpbGRJZHMgPSBjb250ZXh0LmNoaWxkVHlwZSA/IGNvbnRleHQuZmlsdGVyW2NvbnRleHQuY2hpbGRUeXBlXSB8fCBbXSA6IFtdO1xuICAgICAgICBmb3IgKGNvbnN0IGVudGl0eSBvZiBlbnRpdGllcykge1xuICAgICAgICAgICAgY29uc3QgZW50aXR5Q2hpbGRJZHMgPSBjb250ZXh0LnBhcmVudENoaWxkTWFwPy5bZW50aXR5LmlkXSB8fCBbXTtcbiAgICAgICAgICAgIGNvbnN0IGNoaWxkQ291bnQgPSBlbnRpdHlDaGlsZElkcy5maWx0ZXIoaWQgPT4gY2hpbGRJZHMuaW5jbHVkZXMoaWQpKS5sZW5ndGg7XG4gICAgICAgICAgICBjb25zdCBjb2xzcGFuID0gY2hpbGRDb3VudCAqIGRhdGVDb3VudDtcbiAgICAgICAgICAgIGNvbnN0IGhlYWRlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQodGhpcy5jb25maWcuZWxlbWVudFRhZyk7XG4gICAgICAgICAgICBoZWFkZXIuZGF0YXNldFt0aGlzLmNvbmZpZy5pZEF0dHJpYnV0ZV0gPSBlbnRpdHkuaWQ7XG4gICAgICAgICAgICBoZWFkZXIuc3R5bGUuc2V0UHJvcGVydHkodGhpcy5jb25maWcuY29sc3BhblZhciwgU3RyaW5nKGNvbHNwYW4pKTtcbiAgICAgICAgICAgIC8vIEFsbG93IHN1YmNsYXNzIHRvIGN1c3RvbWl6ZSBoZWFkZXIgY29udGVudFxuICAgICAgICAgICAgdGhpcy5yZW5kZXJIZWFkZXIoZW50aXR5LCBoZWFkZXIsIGNvbnRleHQpO1xuICAgICAgICAgICAgY29udGV4dC5oZWFkZXJDb250YWluZXIuYXBwZW5kQ2hpbGQoaGVhZGVyKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBPdmVycmlkZSB0aGlzIG1ldGhvZCBmb3IgY3VzdG9tIGhlYWRlciByZW5kZXJpbmdcbiAgICAgKiBEZWZhdWx0OiBqdXN0IHNldHMgdGV4dENvbnRlbnQgdG8gZGlzcGxheSBuYW1lXG4gICAgICovXG4gICAgcmVuZGVySGVhZGVyKGVudGl0eSwgaGVhZGVyLCBfY29udGV4dCkge1xuICAgICAgICBoZWFkZXIudGV4dENvbnRlbnQgPSB0aGlzLmdldERpc3BsYXlOYW1lKGVudGl0eSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhlbHBlciB0byByZW5kZXIgYSBzaW5nbGUgZW50aXR5IGhlYWRlci5cbiAgICAgKiBDYW4gYmUgdXNlZCBieSBzdWJjbGFzc2VzIHRoYXQgb3ZlcnJpZGUgcmVuZGVyKCkgYnV0IHdhbnQgY29uc2lzdGVudCBoZWFkZXIgY3JlYXRpb24uXG4gICAgICovXG4gICAgY3JlYXRlSGVhZGVyKGVudGl0eSwgY29udGV4dCkge1xuICAgICAgICBjb25zdCBoZWFkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KHRoaXMuY29uZmlnLmVsZW1lbnRUYWcpO1xuICAgICAgICBoZWFkZXIuZGF0YXNldFt0aGlzLmNvbmZpZy5pZEF0dHJpYnV0ZV0gPSBlbnRpdHkuaWQ7XG4gICAgICAgIHRoaXMucmVuZGVySGVhZGVyKGVudGl0eSwgaGVhZGVyLCBjb250ZXh0KTtcbiAgICAgICAgcmV0dXJuIGhlYWRlcjtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQmFzZUdyb3VwaW5nUmVuZGVyZXIgfSBmcm9tICcuLi8uLi9jb3JlL0Jhc2VHcm91cGluZ1JlbmRlcmVyJztcbmV4cG9ydCBjbGFzcyBSZXNvdXJjZVJlbmRlcmVyIGV4dGVuZHMgQmFzZUdyb3VwaW5nUmVuZGVyZXIge1xuICAgIGNvbnN0cnVjdG9yKHJlc291cmNlU2VydmljZSkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZSA9IHJlc291cmNlU2VydmljZTtcbiAgICAgICAgdGhpcy50eXBlID0gJ3Jlc291cmNlJztcbiAgICAgICAgdGhpcy5jb25maWcgPSB7XG4gICAgICAgICAgICBlbGVtZW50VGFnOiAnc3dwLXJlc291cmNlLWhlYWRlcicsXG4gICAgICAgICAgICBpZEF0dHJpYnV0ZTogJ3Jlc291cmNlSWQnLFxuICAgICAgICAgICAgY29sc3BhblZhcjogJy0tcmVzb3VyY2UtY29scydcbiAgICAgICAgfTtcbiAgICB9XG4gICAgZ2V0RW50aXRpZXMoaWRzKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlc291cmNlU2VydmljZS5nZXRCeUlkcyhpZHMpO1xuICAgIH1cbiAgICBnZXREaXNwbGF5TmFtZShlbnRpdHkpIHtcbiAgICAgICAgcmV0dXJuIGVudGl0eS5kaXNwbGF5TmFtZTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogT3ZlcnJpZGUgcmVuZGVyIHRvIGhhbmRsZTpcbiAgICAgKiAxLiBTcGVjaWFsIG9yZGVyaW5nIHdoZW4gcGFyZW50Q2hpbGRNYXAgZXhpc3RzIChyZXNvdXJjZXMgZ3JvdXBlZCBieSBwYXJlbnQpXG4gICAgICogMi4gRGlmZmVyZW50IGNvbHNwYW4gY2FsY3VsYXRpb24gKGp1c3QgZGF0ZUNvdW50LCBub3QgY2hpbGRDb3VudCAqIGRhdGVDb3VudClcbiAgICAgKi9cbiAgICBhc3luYyByZW5kZXIoY29udGV4dCkge1xuICAgICAgICBjb25zdCByZXNvdXJjZUlkcyA9IGNvbnRleHQuZmlsdGVyWydyZXNvdXJjZSddIHx8IFtdO1xuICAgICAgICBjb25zdCBkYXRlQ291bnQgPSBjb250ZXh0LmZpbHRlclsnZGF0ZSddPy5sZW5ndGggfHwgMTtcbiAgICAgICAgLy8gRGV0ZXJtaW5lIHJlbmRlciBvcmRlciBiYXNlZCBvbiBwYXJlbnRDaGlsZE1hcFxuICAgICAgICAvLyBJZiBwYXJlbnRDaGlsZE1hcCBleGlzdHMsIHJlbmRlciByZXNvdXJjZXMgZ3JvdXBlZCBieSBwYXJlbnQgKGUuZy4sIHRlYW0pXG4gICAgICAgIC8vIE90aGVyd2lzZSwgcmVuZGVyIGluIGZpbHRlciBvcmRlclxuICAgICAgICBsZXQgb3JkZXJlZFJlc291cmNlSWRzO1xuICAgICAgICBpZiAoY29udGV4dC5wYXJlbnRDaGlsZE1hcCkge1xuICAgICAgICAgICAgLy8gUmVuZGVyIHJlc291cmNlcyBpbiBwYXJlbnQtY2hpbGQgb3JkZXJcbiAgICAgICAgICAgIG9yZGVyZWRSZXNvdXJjZUlkcyA9IFtdO1xuICAgICAgICAgICAgZm9yIChjb25zdCBjaGlsZElkcyBvZiBPYmplY3QudmFsdWVzKGNvbnRleHQucGFyZW50Q2hpbGRNYXApKSB7XG4gICAgICAgICAgICAgICAgZm9yIChjb25zdCBjaGlsZElkIG9mIGNoaWxkSWRzKSB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChyZXNvdXJjZUlkcy5pbmNsdWRlcyhjaGlsZElkKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgb3JkZXJlZFJlc291cmNlSWRzLnB1c2goY2hpbGRJZCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICBvcmRlcmVkUmVzb3VyY2VJZHMgPSByZXNvdXJjZUlkcztcbiAgICAgICAgfVxuICAgICAgICBjb25zdCByZXNvdXJjZXMgPSBhd2FpdCB0aGlzLmdldEVudGl0aWVzKG9yZGVyZWRSZXNvdXJjZUlkcyk7XG4gICAgICAgIC8vIENyZWF0ZSBhIG1hcCBmb3IgcXVpY2sgbG9va3VwIHRvIHByZXNlcnZlIG9yZGVyXG4gICAgICAgIGNvbnN0IHJlc291cmNlTWFwID0gbmV3IE1hcChyZXNvdXJjZXMubWFwKHIgPT4gW3IuaWQsIHJdKSk7XG4gICAgICAgIGZvciAoY29uc3QgcmVzb3VyY2VJZCBvZiBvcmRlcmVkUmVzb3VyY2VJZHMpIHtcbiAgICAgICAgICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VNYXAuZ2V0KHJlc291cmNlSWQpO1xuICAgICAgICAgICAgaWYgKCFyZXNvdXJjZSlcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIGNvbnN0IGhlYWRlciA9IHRoaXMuY3JlYXRlSGVhZGVyKHJlc291cmNlLCBjb250ZXh0KTtcbiAgICAgICAgICAgIGhlYWRlci5zdHlsZS5ncmlkQ29sdW1uID0gYHNwYW4gJHtkYXRlQ291bnR9YDtcbiAgICAgICAgICAgIGNvbnRleHQuaGVhZGVyQ29udGFpbmVyLmFwcGVuZENoaWxkKGhlYWRlcik7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQmFzZUdyb3VwaW5nUmVuZGVyZXIgfSBmcm9tICcuLi8uLi9jb3JlL0Jhc2VHcm91cGluZ1JlbmRlcmVyJztcbmV4cG9ydCBjbGFzcyBUZWFtUmVuZGVyZXIgZXh0ZW5kcyBCYXNlR3JvdXBpbmdSZW5kZXJlciB7XG4gICAgY29uc3RydWN0b3IodGVhbVNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy50ZWFtU2VydmljZSA9IHRlYW1TZXJ2aWNlO1xuICAgICAgICB0aGlzLnR5cGUgPSAndGVhbSc7XG4gICAgICAgIHRoaXMuY29uZmlnID0ge1xuICAgICAgICAgICAgZWxlbWVudFRhZzogJ3N3cC10ZWFtLWhlYWRlcicsXG4gICAgICAgICAgICBpZEF0dHJpYnV0ZTogJ3RlYW1JZCcsXG4gICAgICAgICAgICBjb2xzcGFuVmFyOiAnLS10ZWFtLWNvbHMnXG4gICAgICAgIH07XG4gICAgfVxuICAgIGdldEVudGl0aWVzKGlkcykge1xuICAgICAgICByZXR1cm4gdGhpcy50ZWFtU2VydmljZS5nZXRCeUlkcyhpZHMpO1xuICAgIH1cbiAgICBnZXREaXNwbGF5TmFtZShlbnRpdHkpIHtcbiAgICAgICAgcmV0dXJuIGVudGl0eS5uYW1lO1xuICAgIH1cbn1cbiIsICJpbXBvcnQgeyBCYXNlR3JvdXBpbmdSZW5kZXJlciB9IGZyb20gJy4uLy4uL2NvcmUvQmFzZUdyb3VwaW5nUmVuZGVyZXInO1xuZXhwb3J0IGNsYXNzIERlcGFydG1lbnRSZW5kZXJlciBleHRlbmRzIEJhc2VHcm91cGluZ1JlbmRlcmVyIHtcbiAgICBjb25zdHJ1Y3RvcihkZXBhcnRtZW50U2VydmljZSkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLmRlcGFydG1lbnRTZXJ2aWNlID0gZGVwYXJ0bWVudFNlcnZpY2U7XG4gICAgICAgIHRoaXMudHlwZSA9ICdkZXBhcnRtZW50JztcbiAgICAgICAgdGhpcy5jb25maWcgPSB7XG4gICAgICAgICAgICBlbGVtZW50VGFnOiAnc3dwLWRlcGFydG1lbnQtaGVhZGVyJyxcbiAgICAgICAgICAgIGlkQXR0cmlidXRlOiAnZGVwYXJ0bWVudElkJyxcbiAgICAgICAgICAgIGNvbHNwYW5WYXI6ICctLWRlcGFydG1lbnQtY29scydcbiAgICAgICAgfTtcbiAgICB9XG4gICAgZ2V0RW50aXRpZXMoaWRzKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRlcGFydG1lbnRTZXJ2aWNlLmdldEJ5SWRzKGlkcyk7XG4gICAgfVxuICAgIGdldERpc3BsYXlOYW1lKGVudGl0eSkge1xuICAgICAgICByZXR1cm4gZW50aXR5Lm5hbWU7XG4gICAgfVxufVxuIiwgImV4cG9ydCBmdW5jdGlvbiBidWlsZFBpcGVsaW5lKHJlbmRlcmVycykge1xuICAgIHJldHVybiB7XG4gICAgICAgIGFzeW5jIHJ1bihjb250ZXh0KSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IHJlbmRlcmVyIG9mIHJlbmRlcmVycykge1xuICAgICAgICAgICAgICAgIGF3YWl0IHJlbmRlcmVyLnJlbmRlcihjb250ZXh0KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH07XG59XG4iLCAiLyoqXG4gKiBGaWx0ZXJUZW1wbGF0ZSAtIEJ5Z2dlciBuXHUwMEY4Z2xlciB0aWwgZXZlbnQta29sb25uZSBtYXRjaGluZ1xuICpcbiAqIFZpZXdDb25maWcgZGVmaW5lcmVyIGh2aWxrZSBmZWx0ZXIgKGlkUHJvcGVydGllcykgZGVyIGluZGdcdTAwRTVyIGkga29sb25uZW5zIG5cdTAwRjhnbGUuXG4gKiBTYW1tZSB0ZW1wbGF0ZSBicnVnZXMgdGlsIGF0IGJ5Z2dlIG5cdTAwRjhnbGUgZm9yIGJcdTAwRTVkZSBrb2xvbm5lIG9nIGV2ZW50LlxuICpcbiAqIFN1cHBvcnRzIGRvdC1ub3RhdGlvbiBmb3IgaGllcmFyY2hpY2FsIHJlbGF0aW9uczpcbiAqIC0gJ3Jlc291cmNlLnRlYW1JZCcgXHUyMTkyIGxvb2tzIHVwIGV2ZW50LnJlc291cmNlSWQgXHUyMTkyIHJlc291cmNlIGVudGl0eSBcdTIxOTIgdGVhbUlkXG4gKlxuICogUHJpbmNpcDogS29sb25uZW5zIG5cdTAwRjhnbGUtdGVtcGxhdGUgYmVzdGVtbWVyIGh2YWQgZGVyIG1hdGNoZXMgcFx1MDBFNS5cbiAqXG4gKiBAc2VlIGRvY3MvZmlsdGVyLXRlbXBsYXRlLm1kXG4gKi9cbmV4cG9ydCBjbGFzcyBGaWx0ZXJUZW1wbGF0ZSB7XG4gICAgY29uc3RydWN0b3IoZGF0ZVNlcnZpY2UsIGVudGl0eVJlc29sdmVyKSB7XG4gICAgICAgIHRoaXMuZGF0ZVNlcnZpY2UgPSBkYXRlU2VydmljZTtcbiAgICAgICAgdGhpcy5lbnRpdHlSZXNvbHZlciA9IGVudGl0eVJlc29sdmVyO1xuICAgICAgICB0aGlzLmZpZWxkcyA9IFtdO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBUaWxmXHUwMEY4aiBmZWx0IHRpbCB0ZW1wbGF0ZVxuICAgICAqIEBwYXJhbSBpZFByb3BlcnR5IC0gUHJvcGVydHktbmF2biAoYnJ1Z2VzIHBcdTAwRTUgYlx1MDBFNWRlIGV2ZW50IG9nIGNvbHVtbi5kYXRhc2V0KVxuICAgICAqIEBwYXJhbSBkZXJpdmVkRnJvbSAtIEh2aXMgZmVsdGV0IHVkbGVkZXMgZnJhIGFuZGVuIHByb3BlcnR5IChmLmVrcy4gZGF0ZSBmcmEgc3RhcnQpXG4gICAgICovXG4gICAgYWRkRmllbGQoaWRQcm9wZXJ0eSwgZGVyaXZlZEZyb20pIHtcbiAgICAgICAgdGhpcy5maWVsZHMucHVzaCh7IGlkUHJvcGVydHksIGRlcml2ZWRGcm9tIH0pO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG4gICAgLyoqXG4gICAgICogUGFyc2UgZG90LW5vdGF0aW9uIHN0cmluZyBpbnRvIGNvbXBvbmVudHNcbiAgICAgKiBAZXhhbXBsZSAncmVzb3VyY2UudGVhbUlkJyBcdTIxOTIgeyBlbnRpdHlUeXBlOiAncmVzb3VyY2UnLCBwcm9wZXJ0eTogJ3RlYW1JZCcsIGZvcmVpZ25LZXk6ICdyZXNvdXJjZUlkJyB9XG4gICAgICovXG4gICAgcGFyc2VEb3ROb3RhdGlvbihpZFByb3BlcnR5KSB7XG4gICAgICAgIGlmICghaWRQcm9wZXJ0eS5pbmNsdWRlcygnLicpKVxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIGNvbnN0IFtlbnRpdHlUeXBlLCBwcm9wZXJ0eV0gPSBpZFByb3BlcnR5LnNwbGl0KCcuJyk7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBlbnRpdHlUeXBlLFxuICAgICAgICAgICAgcHJvcGVydHksXG4gICAgICAgICAgICBmb3JlaWduS2V5OiBlbnRpdHlUeXBlICsgJ0lkJyAvLyBDb252ZW50aW9uOiByZXNvdXJjZSBcdTIxOTIgcmVzb3VyY2VJZFxuICAgICAgICB9O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZGF0YXNldCBrZXkgZm9yIGNvbHVtbiBsb29rdXBcbiAgICAgKiBGb3IgZG90LW5vdGF0aW9uICdyZXNvdXJjZS50ZWFtSWQnLCB3ZSBsb29rIGZvciAndGVhbUlkJyBpbiBkYXRhc2V0XG4gICAgICovXG4gICAgZ2V0RGF0YXNldEtleShpZFByb3BlcnR5KSB7XG4gICAgICAgIGNvbnN0IGRvdE5vdGF0aW9uID0gdGhpcy5wYXJzZURvdE5vdGF0aW9uKGlkUHJvcGVydHkpO1xuICAgICAgICBpZiAoZG90Tm90YXRpb24pIHtcbiAgICAgICAgICAgIHJldHVybiBkb3ROb3RhdGlvbi5wcm9wZXJ0eTsgLy8gJ3RlYW1JZCdcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaWRQcm9wZXJ0eTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQnlnIG5cdTAwRjhnbGUgZnJhIGtvbG9ubmVcbiAgICAgKiBMXHUwMEU2c2VyIHZcdTAwRTZyZGllciBmcmEgY29sdW1uLmRhdGFzZXRbaWRQcm9wZXJ0eV1cbiAgICAgKiBGb3IgZG90LW5vdGF0aW9uLCB1c2VzIHRoZSBwcm9wZXJ0eSBwYXJ0IChyZXNvdXJjZS50ZWFtSWQgXHUyMTkyIHRlYW1JZClcbiAgICAgKi9cbiAgICBidWlsZEtleUZyb21Db2x1bW4oY29sdW1uKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZpZWxkc1xuICAgICAgICAgICAgLm1hcChmID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGtleSA9IHRoaXMuZ2V0RGF0YXNldEtleShmLmlkUHJvcGVydHkpO1xuICAgICAgICAgICAgcmV0dXJuIGNvbHVtbi5kYXRhc2V0W2tleV0gfHwgJyc7XG4gICAgICAgIH0pXG4gICAgICAgICAgICAuam9pbignOicpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCeWcgblx1MDBGOGdsZSBmcmEgZXZlbnRcbiAgICAgKiBMXHUwMEU2c2VyIHZcdTAwRTZyZGllciBmcmEgZXZlbnRbaWRQcm9wZXJ0eV0gZWxsZXIgdWRsZWRlciBmcmEgZGVyaXZlZEZyb21cbiAgICAgKiBGb3IgZG90LW5vdGF0aW9uLCByZXNvbHZlcyB2aWEgRW50aXR5UmVzb2x2ZXJcbiAgICAgKi9cbiAgICBidWlsZEtleUZyb21FdmVudChldmVudCkge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICBjb25zdCBldmVudFJlY29yZCA9IGV2ZW50O1xuICAgICAgICByZXR1cm4gdGhpcy5maWVsZHNcbiAgICAgICAgICAgIC5tYXAoZiA9PiB7XG4gICAgICAgICAgICAvLyBDaGVjayBmb3IgZG90LW5vdGF0aW9uIChlLmcuLCAncmVzb3VyY2UudGVhbUlkJylcbiAgICAgICAgICAgIGNvbnN0IGRvdE5vdGF0aW9uID0gdGhpcy5wYXJzZURvdE5vdGF0aW9uKGYuaWRQcm9wZXJ0eSk7XG4gICAgICAgICAgICBpZiAoZG90Tm90YXRpb24pIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlRG90Tm90YXRpb24oZXZlbnRSZWNvcmQsIGRvdE5vdGF0aW9uKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmIChmLmRlcml2ZWRGcm9tKSB7XG4gICAgICAgICAgICAgICAgLy8gVWRsZWQgdlx1MDBFNnJkaSAoZi5la3MuIGRhdGUgZnJhIHN0YXJ0KVxuICAgICAgICAgICAgICAgIGNvbnN0IHNvdXJjZVZhbHVlID0gZXZlbnRSZWNvcmRbZi5kZXJpdmVkRnJvbV07XG4gICAgICAgICAgICAgICAgaWYgKHNvdXJjZVZhbHVlIGluc3RhbmNlb2YgRGF0ZSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5kYXRlU2VydmljZS5nZXREYXRlS2V5KHNvdXJjZVZhbHVlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIFN0cmluZyhzb3VyY2VWYWx1ZSB8fCAnJyk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gU3RyaW5nKGV2ZW50UmVjb3JkW2YuaWRQcm9wZXJ0eV0gfHwgJycpO1xuICAgICAgICB9KVxuICAgICAgICAgICAgLmpvaW4oJzonKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVzb2x2ZSBkb3Qtbm90YXRpb24gcmVmZXJlbmNlIHZpYSBFbnRpdHlSZXNvbHZlclxuICAgICAqL1xuICAgIHJlc29sdmVEb3ROb3RhdGlvbihldmVudFJlY29yZCwgZG90Tm90YXRpb24pIHtcbiAgICAgICAgaWYgKCF0aGlzLmVudGl0eVJlc29sdmVyKSB7XG4gICAgICAgICAgICBjb25zb2xlLndhcm4oYEZpbHRlclRlbXBsYXRlOiBFbnRpdHlSZXNvbHZlciByZXF1aXJlZCBmb3IgZG90LW5vdGF0aW9uICcke2RvdE5vdGF0aW9uLmVudGl0eVR5cGV9LiR7ZG90Tm90YXRpb24ucHJvcGVydHl9J2ApO1xuICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICB9XG4gICAgICAgIC8vIEdldCBmb3JlaWduIGtleSB2YWx1ZSBmcm9tIGV2ZW50IChlLmcuLCByZXNvdXJjZUlkKVxuICAgICAgICBjb25zdCBmb3JlaWduSWQgPSBldmVudFJlY29yZFtkb3ROb3RhdGlvbi5mb3JlaWduS2V5XTtcbiAgICAgICAgaWYgKCFmb3JlaWduSWQpXG4gICAgICAgICAgICByZXR1cm4gJyc7XG4gICAgICAgIC8vIFJlc29sdmUgZW50aXR5XG4gICAgICAgIGNvbnN0IGVudGl0eSA9IHRoaXMuZW50aXR5UmVzb2x2ZXIucmVzb2x2ZShkb3ROb3RhdGlvbi5lbnRpdHlUeXBlLCBTdHJpbmcoZm9yZWlnbklkKSk7XG4gICAgICAgIGlmICghZW50aXR5KVxuICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICAvLyBSZXR1cm4gcHJvcGVydHkgdmFsdWUgZnJvbSBlbnRpdHlcbiAgICAgICAgcmV0dXJuIFN0cmluZyhlbnRpdHlbZG90Tm90YXRpb24ucHJvcGVydHldIHx8ICcnKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogTWF0Y2ggZXZlbnQgbW9kIGtvbG9ubmVcbiAgICAgKi9cbiAgICBtYXRjaGVzKGV2ZW50LCBjb2x1bW4pIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYnVpbGRLZXlGcm9tRXZlbnQoZXZlbnQpID09PSB0aGlzLmJ1aWxkS2V5RnJvbUNvbHVtbihjb2x1bW4pO1xuICAgIH1cbn1cbiIsICJpbXBvcnQgeyBidWlsZFBpcGVsaW5lIH0gZnJvbSAnLi9SZW5kZXJCdWlsZGVyJztcbmltcG9ydCB7IEZpbHRlclRlbXBsYXRlIH0gZnJvbSAnLi9GaWx0ZXJUZW1wbGF0ZSc7XG5leHBvcnQgY2xhc3MgQ2FsZW5kYXJPcmNoZXN0cmF0b3Ige1xuICAgIGNvbnN0cnVjdG9yKGFsbFJlbmRlcmVycywgZXZlbnRSZW5kZXJlciwgc2NoZWR1bGVSZW5kZXJlciwgaGVhZGVyRHJhd2VyUmVuZGVyZXIsIGRhdGVTZXJ2aWNlLCBlbnRpdHlTZXJ2aWNlcykge1xuICAgICAgICB0aGlzLmFsbFJlbmRlcmVycyA9IGFsbFJlbmRlcmVycztcbiAgICAgICAgdGhpcy5ldmVudFJlbmRlcmVyID0gZXZlbnRSZW5kZXJlcjtcbiAgICAgICAgdGhpcy5zY2hlZHVsZVJlbmRlcmVyID0gc2NoZWR1bGVSZW5kZXJlcjtcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXJSZW5kZXJlciA9IGhlYWRlckRyYXdlclJlbmRlcmVyO1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMuZW50aXR5U2VydmljZXMgPSBlbnRpdHlTZXJ2aWNlcztcbiAgICB9XG4gICAgYXN5bmMgcmVuZGVyKHZpZXdDb25maWcsIGNvbnRhaW5lcikge1xuICAgICAgICBjb25zdCBoZWFkZXJDb250YWluZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWNhbGVuZGFyLWhlYWRlcicpO1xuICAgICAgICBjb25zdCBjb2x1bW5Db250YWluZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWRheS1jb2x1bW5zJyk7XG4gICAgICAgIGlmICghaGVhZGVyQ29udGFpbmVyIHx8ICFjb2x1bW5Db250YWluZXIpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignTWlzc2luZyBzd3AtY2FsZW5kYXItaGVhZGVyIG9yIHN3cC1kYXktY29sdW1ucycpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEJ5ZyBmaWx0ZXIgZnJhIHZpZXdDb25maWdcbiAgICAgICAgY29uc3QgZmlsdGVyID0ge307XG4gICAgICAgIGZvciAoY29uc3QgZ3JvdXBpbmcgb2Ygdmlld0NvbmZpZy5ncm91cGluZ3MpIHtcbiAgICAgICAgICAgIGZpbHRlcltncm91cGluZy50eXBlXSA9IGdyb3VwaW5nLnZhbHVlcztcbiAgICAgICAgfVxuICAgICAgICAvLyBCeWcgRmlsdGVyVGVtcGxhdGUgZnJhIHZpZXdDb25maWcgZ3JvdXBpbmdzIChrdW4gZGUgbWVkIGlkUHJvcGVydHkpXG4gICAgICAgIGNvbnN0IGZpbHRlclRlbXBsYXRlID0gbmV3IEZpbHRlclRlbXBsYXRlKHRoaXMuZGF0ZVNlcnZpY2UpO1xuICAgICAgICBmb3IgKGNvbnN0IGdyb3VwaW5nIG9mIHZpZXdDb25maWcuZ3JvdXBpbmdzKSB7XG4gICAgICAgICAgICBpZiAoZ3JvdXBpbmcuaWRQcm9wZXJ0eSkge1xuICAgICAgICAgICAgICAgIGZpbHRlclRlbXBsYXRlLmFkZEZpZWxkKGdyb3VwaW5nLmlkUHJvcGVydHksIGdyb3VwaW5nLmRlcml2ZWRGcm9tKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBSZXNvbHZlIGJlbG9uZ3NUbyByZWxhdGlvbnMgKGUuZy4sIHRlYW0ucmVzb3VyY2VJZHMpXG4gICAgICAgIGNvbnN0IHsgcGFyZW50Q2hpbGRNYXAsIGNoaWxkVHlwZSB9ID0gYXdhaXQgdGhpcy5yZXNvbHZlQmVsb25nc1RvKHZpZXdDb25maWcuZ3JvdXBpbmdzLCBmaWx0ZXIpO1xuICAgICAgICBjb25zdCBjb250ZXh0ID0geyBoZWFkZXJDb250YWluZXIsIGNvbHVtbkNvbnRhaW5lciwgZmlsdGVyLCBncm91cGluZ3M6IHZpZXdDb25maWcuZ3JvdXBpbmdzLCBwYXJlbnRDaGlsZE1hcCwgY2hpbGRUeXBlIH07XG4gICAgICAgIC8vIENsZWFyXG4gICAgICAgIGhlYWRlckNvbnRhaW5lci5pbm5lckhUTUwgPSAnJztcbiAgICAgICAgY29sdW1uQ29udGFpbmVyLmlubmVySFRNTCA9ICcnO1xuICAgICAgICAvLyBTXHUwMEU2dCBkYXRhLWxldmVscyBhdHRyaWJ1dCBmb3IgQ1NTIGdyaWQtcm93IHN0eWxpbmdcbiAgICAgICAgY29uc3QgbGV2ZWxzID0gdmlld0NvbmZpZy5ncm91cGluZ3MubWFwKGcgPT4gZy50eXBlKS5qb2luKCcgJyk7XG4gICAgICAgIGhlYWRlckNvbnRhaW5lci5kYXRhc2V0LmxldmVscyA9IGxldmVscztcbiAgICAgICAgLy8gVlx1MDBFNmxnIHJlbmRlcmVycyBiYXNlcmV0IHBcdTAwRTUgZ3JvdXBpbmdzIHR5cGVzXG4gICAgICAgIGNvbnN0IGFjdGl2ZVJlbmRlcmVycyA9IHRoaXMuc2VsZWN0UmVuZGVyZXJzKHZpZXdDb25maWcpO1xuICAgICAgICAvLyBCeWcgb2cga1x1MDBGOHIgcGlwZWxpbmVcbiAgICAgICAgY29uc3QgcGlwZWxpbmUgPSBidWlsZFBpcGVsaW5lKGFjdGl2ZVJlbmRlcmVycyk7XG4gICAgICAgIGF3YWl0IHBpcGVsaW5lLnJ1bihjb250ZXh0KTtcbiAgICAgICAgLy8gUmVuZGVyIHNjaGVkdWxlIHVuYXZhaWxhYmxlIHpvbmVzIChmXHUwMEY4ciBldmVudHMpXG4gICAgICAgIGF3YWl0IHRoaXMuc2NoZWR1bGVSZW5kZXJlci5yZW5kZXIoY29udGFpbmVyLCBmaWx0ZXIpO1xuICAgICAgICAvLyBSZW5kZXIgdGltZWQgZXZlbnRzIGluIGdyaWQgKG1lZCBmaWx0ZXJUZW1wbGF0ZSB0aWwgbWF0Y2hpbmcpXG4gICAgICAgIGF3YWl0IHRoaXMuZXZlbnRSZW5kZXJlci5yZW5kZXIoY29udGFpbmVyLCBmaWx0ZXIsIGZpbHRlclRlbXBsYXRlKTtcbiAgICAgICAgLy8gUmVuZGVyIGFsbERheSBldmVudHMgaW4gaGVhZGVyIGRyYXdlciAobWVkIGZpbHRlclRlbXBsYXRlIHRpbCBtYXRjaGluZylcbiAgICAgICAgYXdhaXQgdGhpcy5oZWFkZXJEcmF3ZXJSZW5kZXJlci5yZW5kZXIoY29udGFpbmVyLCBmaWx0ZXIsIGZpbHRlclRlbXBsYXRlKTtcbiAgICB9XG4gICAgc2VsZWN0UmVuZGVyZXJzKHZpZXdDb25maWcpIHtcbiAgICAgICAgY29uc3QgdHlwZXMgPSB2aWV3Q29uZmlnLmdyb3VwaW5ncy5tYXAoZyA9PiBnLnR5cGUpO1xuICAgICAgICAvLyBTb3J0XHUwMEU5ciByZW5kZXJlcnMgaSBzYW1tZSByXHUwMEU2a2tlZlx1MDBGOGxnZSBzb20gdmlld0NvbmZpZy5ncm91cGluZ3NcbiAgICAgICAgcmV0dXJuIHR5cGVzXG4gICAgICAgICAgICAubWFwKHR5cGUgPT4gdGhpcy5hbGxSZW5kZXJlcnMuZmluZChyID0+IHIudHlwZSA9PT0gdHlwZSkpXG4gICAgICAgICAgICAuZmlsdGVyKChyKSA9PiByICE9PSB1bmRlZmluZWQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlIGJlbG9uZ3NUbyByZWxhdGlvbnMgdG8gYnVpbGQgcGFyZW50LWNoaWxkIG1hcFxuICAgICAqIGUuZy4sIGJlbG9uZ3NUbzogJ3RlYW0ucmVzb3VyY2VJZHMnIFx1MjE5MiB7IHRlYW0xOiBbJ0VNUDAwMScsICdFTVAwMDInXSwgdGVhbTI6IFsuLi5dIH1cbiAgICAgKiBBbHNvIHJldHVybnMgdGhlIGNoaWxkVHlwZSAodGhlIGdyb3VwaW5nIHR5cGUgdGhhdCBoYXMgYmVsb25nc1RvKVxuICAgICAqL1xuICAgIGFzeW5jIHJlc29sdmVCZWxvbmdzVG8oZ3JvdXBpbmdzLCBmaWx0ZXIpIHtcbiAgICAgICAgLy8gRmluZCBncm91cGluZyB3aXRoIGJlbG9uZ3NUb1xuICAgICAgICBjb25zdCBjaGlsZEdyb3VwaW5nID0gZ3JvdXBpbmdzLmZpbmQoZyA9PiBnLmJlbG9uZ3NUbyk7XG4gICAgICAgIGlmICghY2hpbGRHcm91cGluZz8uYmVsb25nc1RvKVxuICAgICAgICAgICAgcmV0dXJuIHt9O1xuICAgICAgICAvLyBQYXJzZSBiZWxvbmdzVG86ICd0ZWFtLnJlc291cmNlSWRzJ1xuICAgICAgICBjb25zdCBbZW50aXR5VHlwZSwgcHJvcGVydHldID0gY2hpbGRHcm91cGluZy5iZWxvbmdzVG8uc3BsaXQoJy4nKTtcbiAgICAgICAgaWYgKCFlbnRpdHlUeXBlIHx8ICFwcm9wZXJ0eSlcbiAgICAgICAgICAgIHJldHVybiB7fTtcbiAgICAgICAgLy8gR2V0IHBhcmVudCBJRHMgZnJvbSBmaWx0ZXJcbiAgICAgICAgY29uc3QgcGFyZW50SWRzID0gZmlsdGVyW2VudGl0eVR5cGVdIHx8IFtdO1xuICAgICAgICBpZiAocGFyZW50SWRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybiB7fTtcbiAgICAgICAgLy8gRmluZCBzZXJ2aWNlIGR5bmFtaXNrIGJhc2VyZXQgcFx1MDBFNSBlbnRpdHlUeXBlIChpbmdlbiBoYXJkY29kZWQgdHlwZSBjaGVjaylcbiAgICAgICAgY29uc3Qgc2VydmljZSA9IHRoaXMuZW50aXR5U2VydmljZXMuZmluZChzID0+IHMuZW50aXR5VHlwZS50b0xvd2VyQ2FzZSgpID09PSBlbnRpdHlUeXBlKTtcbiAgICAgICAgaWYgKCFzZXJ2aWNlKVxuICAgICAgICAgICAgcmV0dXJuIHt9O1xuICAgICAgICAvLyBIZW50IGFsbGUgZW50aXRpZXMgb2cgZmlsdHJlciBwXHUwMEU1IHBhcmVudElkc1xuICAgICAgICBjb25zdCBhbGxFbnRpdGllcyA9IGF3YWl0IHNlcnZpY2UuZ2V0QWxsKCk7XG4gICAgICAgIGNvbnN0IGVudGl0aWVzID0gYWxsRW50aXRpZXMuZmlsdGVyKGUgPT4gcGFyZW50SWRzLmluY2x1ZGVzKGUuaWQpKTtcbiAgICAgICAgLy8gQnlnIHBhcmVudC1jaGlsZCBtYXBcbiAgICAgICAgY29uc3QgbWFwID0ge307XG4gICAgICAgIGZvciAoY29uc3QgZW50aXR5IG9mIGVudGl0aWVzKSB7XG4gICAgICAgICAgICBjb25zdCBlbnRpdHlSZWNvcmQgPSBlbnRpdHk7XG4gICAgICAgICAgICBjb25zdCBjaGlsZHJlbiA9IGVudGl0eVJlY29yZFtwcm9wZXJ0eV0gfHwgW107XG4gICAgICAgICAgICBtYXBbZW50aXR5UmVjb3JkLmlkXSA9IGNoaWxkcmVuO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7IHBhcmVudENoaWxkTWFwOiBtYXAsIGNoaWxkVHlwZTogY2hpbGRHcm91cGluZy50eXBlIH07XG4gICAgfVxufVxuIiwgImV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uQW5pbWF0b3Ige1xuICAgIGNvbnN0cnVjdG9yKGhlYWRlclRyYWNrLCBjb250ZW50VHJhY2spIHtcbiAgICAgICAgdGhpcy5oZWFkZXJUcmFjayA9IGhlYWRlclRyYWNrO1xuICAgICAgICB0aGlzLmNvbnRlbnRUcmFjayA9IGNvbnRlbnRUcmFjaztcbiAgICB9XG4gICAgYXN5bmMgc2xpZGUoZGlyZWN0aW9uLCByZW5kZXJGbikge1xuICAgICAgICBjb25zdCBvdXQgPSBkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICctMTAwJScgOiAnMTAwJSc7XG4gICAgICAgIGNvbnN0IGludG8gPSBkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICcxMDAlJyA6ICctMTAwJSc7XG4gICAgICAgIGF3YWl0IHRoaXMuYW5pbWF0ZU91dChvdXQpO1xuICAgICAgICBhd2FpdCByZW5kZXJGbigpO1xuICAgICAgICBhd2FpdCB0aGlzLmFuaW1hdGVJbihpbnRvKTtcbiAgICB9XG4gICAgYXN5bmMgYW5pbWF0ZU91dCh0cmFuc2xhdGUpIHtcbiAgICAgICAgYXdhaXQgUHJvbWlzZS5hbGwoW1xuICAgICAgICAgICAgdGhpcy5oZWFkZXJUcmFjay5hbmltYXRlKFt7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH0sIHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RyYW5zbGF0ZX0pYCB9XSwgeyBkdXJhdGlvbjogMjAwLCBlYXNpbmc6ICdlYXNlLWluJyB9KS5maW5pc2hlZCxcbiAgICAgICAgICAgIHRoaXMuY29udGVudFRyYWNrLmFuaW1hdGUoW3sgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfSwgeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH1dLCB7IGR1cmF0aW9uOiAyMDAsIGVhc2luZzogJ2Vhc2UtaW4nIH0pLmZpbmlzaGVkXG4gICAgICAgIF0pO1xuICAgIH1cbiAgICBhc3luYyBhbmltYXRlSW4odHJhbnNsYXRlKSB7XG4gICAgICAgIGF3YWl0IFByb21pc2UuYWxsKFtcbiAgICAgICAgICAgIHRoaXMuaGVhZGVyVHJhY2suYW5pbWF0ZShbeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH0sIHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfV0sIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1vdXQnIH0pLmZpbmlzaGVkLFxuICAgICAgICAgICAgdGhpcy5jb250ZW50VHJhY2suYW5pbWF0ZShbeyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7dHJhbnNsYXRlfSlgIH0sIHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScgfV0sIHsgZHVyYXRpb246IDIwMCwgZWFzaW5nOiAnZWFzZS1vdXQnIH0pLmZpbmlzaGVkXG4gICAgICAgIF0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIENhbGVuZGFyRXZlbnRzIC0gQ29tbWFuZCBhbmQgc3RhdHVzIGV2ZW50cyBmb3IgQ2FsZW5kYXJBcHBcbiAqL1xuZXhwb3J0IGNvbnN0IENhbGVuZGFyRXZlbnRzID0ge1xuICAgIC8vIENvbW1hbmQgZXZlbnRzIChob3N0IFx1MjE5MiBjYWxlbmRhcilcbiAgICBDTURfTkFWSUdBVEVfUFJFVjogJ2NhbGVuZGFyOmNtZDpuYXZpZ2F0ZTpwcmV2JyxcbiAgICBDTURfTkFWSUdBVEVfTkVYVDogJ2NhbGVuZGFyOmNtZDpuYXZpZ2F0ZTpuZXh0JyxcbiAgICBDTURfRFJBV0VSX1RPR0dMRTogJ2NhbGVuZGFyOmNtZDpkcmF3ZXI6dG9nZ2xlJyxcbiAgICBDTURfUkVOREVSOiAnY2FsZW5kYXI6Y21kOnJlbmRlcicsXG4gICAgQ01EX1dPUktXRUVLX0NIQU5HRTogJ2NhbGVuZGFyOmNtZDp3b3Jrd2VlazpjaGFuZ2UnLFxuICAgIENNRF9WSUVXX1VQREFURTogJ2NhbGVuZGFyOmNtZDp2aWV3OnVwZGF0ZSdcbn07XG4iLCAiaW1wb3J0IHsgTmF2aWdhdGlvbkFuaW1hdG9yIH0gZnJvbSAnLi9OYXZpZ2F0aW9uQW5pbWF0b3InO1xuaW1wb3J0IHsgQ2FsZW5kYXJFdmVudHMgfSBmcm9tICcuL0NhbGVuZGFyRXZlbnRzJztcbmV4cG9ydCBjbGFzcyBDYWxlbmRhckFwcCB7XG4gICAgY29uc3RydWN0b3Iob3JjaGVzdHJhdG9yLCB0aW1lQXhpc1JlbmRlcmVyLCBkYXRlU2VydmljZSwgc2Nyb2xsTWFuYWdlciwgaGVhZGVyRHJhd2VyTWFuYWdlciwgZHJhZ0Ryb3BNYW5hZ2VyLCBlZGdlU2Nyb2xsTWFuYWdlciwgcmVzaXplTWFuYWdlciwgaGVhZGVyRHJhd2VyUmVuZGVyZXIsIGV2ZW50UGVyc2lzdGVuY2VNYW5hZ2VyLCBzZXR0aW5nc1NlcnZpY2UsIHZpZXdDb25maWdTZXJ2aWNlLCBldmVudEJ1cykge1xuICAgICAgICB0aGlzLm9yY2hlc3RyYXRvciA9IG9yY2hlc3RyYXRvcjtcbiAgICAgICAgdGhpcy50aW1lQXhpc1JlbmRlcmVyID0gdGltZUF4aXNSZW5kZXJlcjtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLnNjcm9sbE1hbmFnZXIgPSBzY3JvbGxNYW5hZ2VyO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlck1hbmFnZXIgPSBoZWFkZXJEcmF3ZXJNYW5hZ2VyO1xuICAgICAgICB0aGlzLmRyYWdEcm9wTWFuYWdlciA9IGRyYWdEcm9wTWFuYWdlcjtcbiAgICAgICAgdGhpcy5lZGdlU2Nyb2xsTWFuYWdlciA9IGVkZ2VTY3JvbGxNYW5hZ2VyO1xuICAgICAgICB0aGlzLnJlc2l6ZU1hbmFnZXIgPSByZXNpemVNYW5hZ2VyO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlclJlbmRlcmVyID0gaGVhZGVyRHJhd2VyUmVuZGVyZXI7XG4gICAgICAgIHRoaXMuZXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIgPSBldmVudFBlcnNpc3RlbmNlTWFuYWdlcjtcbiAgICAgICAgdGhpcy5zZXR0aW5nc1NlcnZpY2UgPSBzZXR0aW5nc1NlcnZpY2U7XG4gICAgICAgIHRoaXMudmlld0NvbmZpZ1NlcnZpY2UgPSB2aWV3Q29uZmlnU2VydmljZTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLndlZWtPZmZzZXQgPSAwO1xuICAgICAgICB0aGlzLmN1cnJlbnRWaWV3SWQgPSAnc2ltcGxlJztcbiAgICAgICAgdGhpcy53b3Jrd2Vla1ByZXNldCA9IG51bGw7XG4gICAgICAgIHRoaXMuZ3JvdXBpbmdPdmVycmlkZXMgPSBuZXcgTWFwKCk7XG4gICAgfVxuICAgIGFzeW5jIGluaXQoY29udGFpbmVyKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gY29udGFpbmVyO1xuICAgICAgICAvLyBMb2FkIHNldHRpbmdzXG4gICAgICAgIGNvbnN0IGdyaWRTZXR0aW5ncyA9IGF3YWl0IHRoaXMuc2V0dGluZ3NTZXJ2aWNlLmdldEdyaWRTZXR0aW5ncygpO1xuICAgICAgICBpZiAoIWdyaWRTZXR0aW5ncykge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdHcmlkU2V0dGluZ3Mgbm90IGZvdW5kJyk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy53b3Jrd2Vla1ByZXNldCA9IGF3YWl0IHRoaXMuc2V0dGluZ3NTZXJ2aWNlLmdldERlZmF1bHRXb3Jrd2Vla1ByZXNldCgpO1xuICAgICAgICAvLyBDcmVhdGUgTmF2aWdhdGlvbkFuaW1hdG9yIHdpdGggRE9NIGVsZW1lbnRzXG4gICAgICAgIHRoaXMuYW5pbWF0b3IgPSBuZXcgTmF2aWdhdGlvbkFuaW1hdG9yKGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtaGVhZGVyLXRyYWNrJyksIGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtY29udGVudC10cmFjaycpKTtcbiAgICAgICAgLy8gUmVuZGVyIHRpbWUgYXhpcyBmcm9tIHNldHRpbmdzXG4gICAgICAgIHRoaXMudGltZUF4aXNSZW5kZXJlci5yZW5kZXIoY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJyN0aW1lLWF4aXMnKSwgZ3JpZFNldHRpbmdzLmRheVN0YXJ0SG91ciwgZ3JpZFNldHRpbmdzLmRheUVuZEhvdXIpO1xuICAgICAgICAvLyBJbml0IG1hbmFnZXJzXG4gICAgICAgIHRoaXMuc2Nyb2xsTWFuYWdlci5pbml0KGNvbnRhaW5lcik7XG4gICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci5pbml0KGNvbnRhaW5lcik7XG4gICAgICAgIHRoaXMuZHJhZ0Ryb3BNYW5hZ2VyLmluaXQoY29udGFpbmVyKTtcbiAgICAgICAgdGhpcy5yZXNpemVNYW5hZ2VyLmluaXQoY29udGFpbmVyKTtcbiAgICAgICAgY29uc3Qgc2Nyb2xsYWJsZUNvbnRlbnQgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLXNjcm9sbGFibGUtY29udGVudCcpO1xuICAgICAgICB0aGlzLmVkZ2VTY3JvbGxNYW5hZ2VyLmluaXQoc2Nyb2xsYWJsZUNvbnRlbnQpO1xuICAgICAgICAvLyBTZXR1cCBjb21tYW5kIGV2ZW50IGxpc3RlbmVyc1xuICAgICAgICB0aGlzLnNldHVwRXZlbnRMaXN0ZW5lcnMoKTtcbiAgICAgICAgLy8gRW1pdCByZWFkeSBzdGF0dXNcbiAgICAgICAgdGhpcy5lbWl0U3RhdHVzKCdyZWFkeScpO1xuICAgIH1cbiAgICBzZXR1cEV2ZW50TGlzdGVuZXJzKCkge1xuICAgICAgICAvLyBOYXZpZ2F0aW9uIGNvbW1hbmRzIHZpYSBFdmVudEJ1c1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENhbGVuZGFyRXZlbnRzLkNNRF9OQVZJR0FURV9QUkVWLCAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZU5hdmlnYXRlUHJldigpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDYWxlbmRhckV2ZW50cy5DTURfTkFWSUdBVEVfTkVYVCwgKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVOYXZpZ2F0ZU5leHQoKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIERyYXdlciB0b2dnbGUgdmlhIEV2ZW50QnVzXG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ2FsZW5kYXJFdmVudHMuQ01EX0RSQVdFUl9UT0dHTEUsICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci50b2dnbGUoKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFJlbmRlciBjb21tYW5kIHZpYSBFdmVudEJ1c1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENhbGVuZGFyRXZlbnRzLkNNRF9SRU5ERVIsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IHZpZXdJZCB9ID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZVJlbmRlckNvbW1hbmQodmlld0lkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFdvcmt3ZWVrIGNoYW5nZSB2aWEgRXZlbnRCdXNcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDYWxlbmRhckV2ZW50cy5DTURfV09SS1dFRUtfQ0hBTkdFLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBwcmVzZXRJZCB9ID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZVdvcmt3ZWVrQ2hhbmdlKHByZXNldElkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFZpZXcgdXBkYXRlIHZpYSBFdmVudEJ1c1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENhbGVuZGFyRXZlbnRzLkNNRF9WSUVXX1VQREFURSwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHsgdHlwZSwgdmFsdWVzIH0gPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlVmlld1VwZGF0ZSh0eXBlLCB2YWx1ZXMpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgYXN5bmMgaGFuZGxlUmVuZGVyQ29tbWFuZCh2aWV3SWQpIHtcbiAgICAgICAgdGhpcy5jdXJyZW50Vmlld0lkID0gdmlld0lkO1xuICAgICAgICBhd2FpdCB0aGlzLnJlbmRlcigpO1xuICAgICAgICB0aGlzLmVtaXRTdGF0dXMoJ3JlbmRlcmVkJywgeyB2aWV3SWQgfSk7XG4gICAgfVxuICAgIGFzeW5jIGhhbmRsZU5hdmlnYXRlUHJldigpIHtcbiAgICAgICAgdGhpcy53ZWVrT2Zmc2V0LS07XG4gICAgICAgIGF3YWl0IHRoaXMuYW5pbWF0b3Iuc2xpZGUoJ3JpZ2h0JywgKCkgPT4gdGhpcy5yZW5kZXIoKSk7XG4gICAgICAgIHRoaXMuZW1pdFN0YXR1cygncmVuZGVyZWQnLCB7IHZpZXdJZDogdGhpcy5jdXJyZW50Vmlld0lkIH0pO1xuICAgIH1cbiAgICBhc3luYyBoYW5kbGVOYXZpZ2F0ZU5leHQoKSB7XG4gICAgICAgIHRoaXMud2Vla09mZnNldCsrO1xuICAgICAgICBhd2FpdCB0aGlzLmFuaW1hdG9yLnNsaWRlKCdsZWZ0JywgKCkgPT4gdGhpcy5yZW5kZXIoKSk7XG4gICAgICAgIHRoaXMuZW1pdFN0YXR1cygncmVuZGVyZWQnLCB7IHZpZXdJZDogdGhpcy5jdXJyZW50Vmlld0lkIH0pO1xuICAgIH1cbiAgICBhc3luYyBoYW5kbGVXb3Jrd2Vla0NoYW5nZShwcmVzZXRJZCkge1xuICAgICAgICBjb25zdCBwcmVzZXQgPSBhd2FpdCB0aGlzLnNldHRpbmdzU2VydmljZS5nZXRXb3Jrd2Vla1ByZXNldChwcmVzZXRJZCk7XG4gICAgICAgIGlmIChwcmVzZXQpIHtcbiAgICAgICAgICAgIHRoaXMud29ya3dlZWtQcmVzZXQgPSBwcmVzZXQ7XG4gICAgICAgICAgICBhd2FpdCB0aGlzLnJlbmRlcigpO1xuICAgICAgICAgICAgdGhpcy5lbWl0U3RhdHVzKCdyZW5kZXJlZCcsIHsgdmlld0lkOiB0aGlzLmN1cnJlbnRWaWV3SWQgfSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgaGFuZGxlVmlld1VwZGF0ZSh0eXBlLCB2YWx1ZXMpIHtcbiAgICAgICAgdGhpcy5ncm91cGluZ092ZXJyaWRlcy5zZXQodHlwZSwgdmFsdWVzKTtcbiAgICAgICAgYXdhaXQgdGhpcy5yZW5kZXIoKTtcbiAgICAgICAgdGhpcy5lbWl0U3RhdHVzKCdyZW5kZXJlZCcsIHsgdmlld0lkOiB0aGlzLmN1cnJlbnRWaWV3SWQgfSk7XG4gICAgfVxuICAgIGFzeW5jIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3Qgc3RvcmVkQ29uZmlnID0gYXdhaXQgdGhpcy52aWV3Q29uZmlnU2VydmljZS5nZXRCeUlkKHRoaXMuY3VycmVudFZpZXdJZCk7XG4gICAgICAgIGlmICghc3RvcmVkQ29uZmlnKSB7XG4gICAgICAgICAgICB0aGlzLmVtaXRTdGF0dXMoJ2Vycm9yJywgeyBtZXNzYWdlOiBgVmlld0NvbmZpZyBub3QgZm91bmQ6ICR7dGhpcy5jdXJyZW50Vmlld0lkfWAgfSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgLy8gUG9wdWxhdGUgZGF0ZSB2YWx1ZXMgYmFzZWQgb24gd29ya3dlZWsgYW5kIG9mZnNldFxuICAgICAgICBjb25zdCB3b3JrRGF5cyA9IHRoaXMud29ya3dlZWtQcmVzZXQ/LndvcmtEYXlzIHx8IFsxLCAyLCAzLCA0LCA1XTtcbiAgICAgICAgY29uc3QgZGF0ZXMgPSB0aGlzLmN1cnJlbnRWaWV3SWQgPT09ICdkYXknXG4gICAgICAgICAgICA/IHRoaXMuZGF0ZVNlcnZpY2UuZ2V0V2Vla0RhdGVzKHRoaXMud2Vla09mZnNldCwgMSlcbiAgICAgICAgICAgIDogdGhpcy5kYXRlU2VydmljZS5nZXRXb3JrV2Vla0RhdGVzKHRoaXMud2Vla09mZnNldCwgd29ya0RheXMpO1xuICAgICAgICAvLyBDbG9uZSBjb25maWcgYW5kIGFwcGx5IG92ZXJyaWRlc1xuICAgICAgICBjb25zdCB2aWV3Q29uZmlnID0ge1xuICAgICAgICAgICAgLi4uc3RvcmVkQ29uZmlnLFxuICAgICAgICAgICAgZ3JvdXBpbmdzOiBzdG9yZWRDb25maWcuZ3JvdXBpbmdzLm1hcChnID0+IHtcbiAgICAgICAgICAgICAgICAvLyBBcHBseSBkYXRlIHZhbHVlc1xuICAgICAgICAgICAgICAgIGlmIChnLnR5cGUgPT09ICdkYXRlJykge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4geyAuLi5nLCB2YWx1ZXM6IGRhdGVzIH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC8vIEFwcGx5IGdyb3VwaW5nIG92ZXJyaWRlc1xuICAgICAgICAgICAgICAgIGNvbnN0IG92ZXJyaWRlID0gdGhpcy5ncm91cGluZ092ZXJyaWRlcy5nZXQoZy50eXBlKTtcbiAgICAgICAgICAgICAgICBpZiAob3ZlcnJpZGUpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgLi4uZywgdmFsdWVzOiBvdmVycmlkZSB9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gZztcbiAgICAgICAgICAgIH0pXG4gICAgICAgIH07XG4gICAgICAgIGF3YWl0IHRoaXMub3JjaGVzdHJhdG9yLnJlbmRlcih2aWV3Q29uZmlnLCB0aGlzLmNvbnRhaW5lcik7XG4gICAgfVxuICAgIGVtaXRTdGF0dXMoc3RhdHVzLCBkZXRhaWwpIHtcbiAgICAgICAgdGhpcy5jb250YWluZXIuZGlzcGF0Y2hFdmVudChuZXcgQ3VzdG9tRXZlbnQoYGNhbGVuZGFyOnN0YXR1czoke3N0YXR1c31gLCB7XG4gICAgICAgICAgICBkZXRhaWwsXG4gICAgICAgICAgICBidWJibGVzOiB0cnVlXG4gICAgICAgIH0pKTtcbiAgICB9XG59XG4iLCAiZXhwb3J0IGNsYXNzIFRpbWVBeGlzUmVuZGVyZXIge1xuICAgIHJlbmRlcihjb250YWluZXIsIHN0YXJ0SG91ciA9IDYsIGVuZEhvdXIgPSAyMCkge1xuICAgICAgICBjb250YWluZXIuaW5uZXJIVE1MID0gJyc7XG4gICAgICAgIGZvciAobGV0IGhvdXIgPSBzdGFydEhvdXI7IGhvdXIgPD0gZW5kSG91cjsgaG91cisrKSB7XG4gICAgICAgICAgICBjb25zdCBtYXJrZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtaG91ci1tYXJrZXInKTtcbiAgICAgICAgICAgIG1hcmtlci50ZXh0Q29udGVudCA9IGAke2hvdXIudG9TdHJpbmcoKS5wYWRTdGFydCgyLCAnMCcpfTowMGA7XG4gICAgICAgICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQobWFya2VyKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsICJleHBvcnQgY2xhc3MgU2Nyb2xsTWFuYWdlciB7XG4gICAgaW5pdChjb250YWluZXIpIHtcbiAgICAgICAgdGhpcy5zY3JvbGxhYmxlQ29udGVudCA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3Atc2Nyb2xsYWJsZS1jb250ZW50Jyk7XG4gICAgICAgIHRoaXMudGltZUF4aXNDb250ZW50ID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC10aW1lLWF4aXMtY29udGVudCcpO1xuICAgICAgICB0aGlzLmNhbGVuZGFySGVhZGVyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1jYWxlbmRhci1oZWFkZXInKTtcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWhlYWRlci1kcmF3ZXInKTtcbiAgICAgICAgdGhpcy5oZWFkZXJWaWV3cG9ydCA9IGNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCdzd3AtaGVhZGVyLXZpZXdwb3J0Jyk7XG4gICAgICAgIHRoaXMuaGVhZGVyU3BhY2VyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItc3BhY2VyJyk7XG4gICAgICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgKCkgPT4gdGhpcy5vblNjcm9sbCgpKTtcbiAgICAgICAgLy8gU3lua3JvbmlzZXIgaGVhZGVyLXNwYWNlciBoXHUwMEY4amRlIG1lZCBoZWFkZXItdmlld3BvcnRcbiAgICAgICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLnN5bmNIZWFkZXJTcGFjZXJIZWlnaHQoKSk7XG4gICAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmhlYWRlclZpZXdwb3J0KTtcbiAgICAgICAgdGhpcy5zeW5jSGVhZGVyU3BhY2VySGVpZ2h0KCk7XG4gICAgfVxuICAgIHN5bmNIZWFkZXJTcGFjZXJIZWlnaHQoKSB7XG4gICAgICAgIC8vIEtvcGllciBkZW4gZmFrdGlza2UgY29tcHV0ZWQgaGVpZ2h0IGRpcmVrdGUgZnJhIGhlYWRlci12aWV3cG9ydFxuICAgICAgICBjb25zdCBjb21wdXRlZEhlaWdodCA9IGdldENvbXB1dGVkU3R5bGUodGhpcy5oZWFkZXJWaWV3cG9ydCkuaGVpZ2h0O1xuICAgICAgICB0aGlzLmhlYWRlclNwYWNlci5zdHlsZS5oZWlnaHQgPSBjb21wdXRlZEhlaWdodDtcbiAgICB9XG4gICAgb25TY3JvbGwoKSB7XG4gICAgICAgIGNvbnN0IHsgc2Nyb2xsVG9wLCBzY3JvbGxMZWZ0IH0gPSB0aGlzLnNjcm9sbGFibGVDb250ZW50O1xuICAgICAgICAvLyBTeW5rcm9uaXNlciB0aW1lLWF4aXMgdmVydGlrYWx0XG4gICAgICAgIHRoaXMudGltZUF4aXNDb250ZW50LnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGVZKC0ke3Njcm9sbFRvcH1weClgO1xuICAgICAgICAvLyBTeW5rcm9uaXNlciBoZWFkZXIgb2cgZHJhd2VyIGhvcmlzb250YWx0XG4gICAgICAgIHRoaXMuY2FsZW5kYXJIZWFkZXIuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZVgoLSR7c2Nyb2xsTGVmdH1weClgO1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlci5zdHlsZS50cmFuc2Zvcm0gPSBgdHJhbnNsYXRlWCgtJHtzY3JvbGxMZWZ0fXB4KWA7XG4gICAgfVxufVxuIiwgImV4cG9ydCBjbGFzcyBIZWFkZXJEcmF3ZXJNYW5hZ2VyIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmN1cnJlbnRSb3dzID0gMDtcbiAgICAgICAgdGhpcy5yb3dIZWlnaHQgPSAyNTtcbiAgICAgICAgdGhpcy5kdXJhdGlvbiA9IDIwMDtcbiAgICB9XG4gICAgaW5pdChjb250YWluZXIpIHtcbiAgICAgICAgdGhpcy5kcmF3ZXIgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWhlYWRlci1kcmF3ZXInKTtcbiAgICAgICAgaWYgKCF0aGlzLmRyYXdlcilcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0hlYWRlckRyYXdlck1hbmFnZXI6IHN3cC1oZWFkZXItZHJhd2VyIG5vdCBmb3VuZCcpO1xuICAgIH1cbiAgICB0b2dnbGUoKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPyB0aGlzLmNvbGxhcHNlKCkgOiB0aGlzLmV4cGFuZCgpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBFeHBhbmQgZHJhd2VyIHRvIHNpbmdsZSByb3cgKGxlZ2FjeSBzdXBwb3J0KVxuICAgICAqL1xuICAgIGV4cGFuZCgpIHtcbiAgICAgICAgdGhpcy5leHBhbmRUb1Jvd3MoMSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEV4cGFuZCBkcmF3ZXIgdG8gZml0IHNwZWNpZmllZCBudW1iZXIgb2Ygcm93c1xuICAgICAqL1xuICAgIGV4cGFuZFRvUm93cyhyb3dDb3VudCkge1xuICAgICAgICBjb25zdCB0YXJnZXRIZWlnaHQgPSByb3dDb3VudCAqIHRoaXMucm93SGVpZ2h0O1xuICAgICAgICBjb25zdCBjdXJyZW50SGVpZ2h0ID0gdGhpcy5leHBhbmRlZCA/IHRoaXMuY3VycmVudFJvd3MgKiB0aGlzLnJvd0hlaWdodCA6IDA7XG4gICAgICAgIC8vIFNraXAgaWYgYWxyZWFkeSBhdCB0YXJnZXRcbiAgICAgICAgaWYgKHRoaXMuZXhwYW5kZWQgJiYgdGhpcy5jdXJyZW50Um93cyA9PT0gcm93Q291bnQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIHRoaXMuY3VycmVudFJvd3MgPSByb3dDb3VudDtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9IHRydWU7XG4gICAgICAgIHRoaXMuYW5pbWF0ZShjdXJyZW50SGVpZ2h0LCB0YXJnZXRIZWlnaHQpO1xuICAgIH1cbiAgICBjb2xsYXBzZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmV4cGFuZGVkKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBjdXJyZW50SGVpZ2h0ID0gdGhpcy5jdXJyZW50Um93cyAqIHRoaXMucm93SGVpZ2h0O1xuICAgICAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY3VycmVudFJvd3MgPSAwO1xuICAgICAgICB0aGlzLmFuaW1hdGUoY3VycmVudEhlaWdodCwgMCk7XG4gICAgfVxuICAgIGFuaW1hdGUoZnJvbSwgdG8pIHtcbiAgICAgICAgY29uc3Qga2V5ZnJhbWVzID0gW1xuICAgICAgICAgICAgeyBoZWlnaHQ6IGAke2Zyb219cHhgIH0sXG4gICAgICAgICAgICB7IGhlaWdodDogYCR7dG99cHhgIH1cbiAgICAgICAgXTtcbiAgICAgICAgY29uc3Qgb3B0aW9ucyA9IHtcbiAgICAgICAgICAgIGR1cmF0aW9uOiB0aGlzLmR1cmF0aW9uLFxuICAgICAgICAgICAgZWFzaW5nOiAnZWFzZScsXG4gICAgICAgICAgICBmaWxsOiAnZm9yd2FyZHMnXG4gICAgICAgIH07XG4gICAgICAgIC8vIEt1biBhbmltXHUwMEU5ciBkcmF3ZXIgLSBTY3JvbGxNYW5hZ2VyIHN5bmtyb25pc2VyZXIgaGVhZGVyLXNwYWNlciB2aWEgUmVzaXplT2JzZXJ2ZXJcbiAgICAgICAgdGhpcy5kcmF3ZXIuYW5pbWF0ZShrZXlmcmFtZXMsIG9wdGlvbnMpO1xuICAgIH1cbiAgICBpc0V4cGFuZGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5leHBhbmRlZDtcbiAgICB9XG4gICAgZ2V0Um93Q291bnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmN1cnJlbnRSb3dzO1xuICAgIH1cbn1cbiIsICJleHBvcnQgY2xhc3MgTW9ja1RlYW1TdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMudHlwZSA9ICd0ZWFtJztcbiAgICAgICAgdGhpcy50ZWFtcyA9IFtcbiAgICAgICAgICAgIHsgaWQ6ICdhbHBoYScsIG5hbWU6ICdUZWFtIEFscGhhJyB9LFxuICAgICAgICAgICAgeyBpZDogJ2JldGEnLCBuYW1lOiAnVGVhbSBCZXRhJyB9XG4gICAgICAgIF07XG4gICAgfVxuICAgIGdldEJ5SWRzKGlkcykge1xuICAgICAgICByZXR1cm4gdGhpcy50ZWFtcy5maWx0ZXIodCA9PiBpZHMuaW5jbHVkZXModC5pZCkpO1xuICAgIH1cbn1cbmV4cG9ydCBjbGFzcyBNb2NrUmVzb3VyY2VTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMudHlwZSA9ICdyZXNvdXJjZSc7XG4gICAgICAgIHRoaXMucmVzb3VyY2VzID0gW1xuICAgICAgICAgICAgeyBpZDogJ2FsaWNlJywgbmFtZTogJ0FsaWNlJywgdGVhbUlkOiAnYWxwaGEnIH0sXG4gICAgICAgICAgICB7IGlkOiAnYm9iJywgbmFtZTogJ0JvYicsIHRlYW1JZDogJ2FscGhhJyB9LFxuICAgICAgICAgICAgeyBpZDogJ2Nhcm9sJywgbmFtZTogJ0Nhcm9sJywgdGVhbUlkOiAnYmV0YScgfSxcbiAgICAgICAgICAgIHsgaWQ6ICdkYXZlJywgbmFtZTogJ0RhdmUnLCB0ZWFtSWQ6ICdiZXRhJyB9XG4gICAgICAgIF07XG4gICAgfVxuICAgIGdldEJ5SWRzKGlkcykge1xuICAgICAgICByZXR1cm4gdGhpcy5yZXNvdXJjZXMuZmlsdGVyKHIgPT4gaWRzLmluY2x1ZGVzKHIuaWQpKTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQ2FsZW5kYXJFdmVudHMgfSBmcm9tICcuLi9jb3JlL0NhbGVuZGFyRXZlbnRzJztcbmV4cG9ydCBjbGFzcyBEZW1vQXBwIHtcbiAgICBjb25zdHJ1Y3RvcihpbmRleGVkREJDb250ZXh0LCBkYXRhU2VlZGVyLCBhdWRpdFNlcnZpY2UsIGNhbGVuZGFyQXBwLCBkYXRlU2VydmljZSwgcmVzb3VyY2VTZXJ2aWNlLCBldmVudEJ1cykge1xuICAgICAgICB0aGlzLmluZGV4ZWREQkNvbnRleHQgPSBpbmRleGVkREJDb250ZXh0O1xuICAgICAgICB0aGlzLmRhdGFTZWVkZXIgPSBkYXRhU2VlZGVyO1xuICAgICAgICB0aGlzLmF1ZGl0U2VydmljZSA9IGF1ZGl0U2VydmljZTtcbiAgICAgICAgdGhpcy5jYWxlbmRhckFwcCA9IGNhbGVuZGFyQXBwO1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMucmVzb3VyY2VTZXJ2aWNlID0gcmVzb3VyY2VTZXJ2aWNlO1xuICAgICAgICB0aGlzLmV2ZW50QnVzID0gZXZlbnRCdXM7XG4gICAgICAgIHRoaXMuY3VycmVudFZpZXcgPSAnc2ltcGxlJztcbiAgICB9XG4gICAgYXN5bmMgaW5pdCgpIHtcbiAgICAgICAgLy8gU2V0IGJhc2UgZGF0ZSB0byBtYXRjaCBtb2NrIGRhdGEgKDguIGRlY2VtYmVyIDIwMjUgPSBtYW5kYWcpXG4gICAgICAgIHRoaXMuZGF0ZVNlcnZpY2Uuc2V0QmFzZURhdGUobmV3IERhdGUoJzIwMjUtMTItMDgnKSk7XG4gICAgICAgIC8vIEluaXRpYWxpemUgSW5kZXhlZERCXG4gICAgICAgIGF3YWl0IHRoaXMuaW5kZXhlZERCQ29udGV4dC5pbml0aWFsaXplKCk7XG4gICAgICAgIGNvbnNvbGUubG9nKCdbRGVtb0FwcF0gSW5kZXhlZERCIGluaXRpYWxpemVkJyk7XG4gICAgICAgIC8vIFNlZWQgZGF0YSBpZiBlbXB0eVxuICAgICAgICBhd2FpdCB0aGlzLmRhdGFTZWVkZXIuc2VlZElmRW1wdHkoKTtcbiAgICAgICAgY29uc29sZS5sb2coJ1tEZW1vQXBwXSBEYXRhIHNlZWRpbmcgY29tcGxldGUnKTtcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtY2FsZW5kYXItY29udGFpbmVyJyk7XG4gICAgICAgIC8vIEluaXRpYWxpemUgQ2FsZW5kYXJBcHBcbiAgICAgICAgYXdhaXQgdGhpcy5jYWxlbmRhckFwcC5pbml0KHRoaXMuY29udGFpbmVyKTtcbiAgICAgICAgY29uc29sZS5sb2coJ1tEZW1vQXBwXSBDYWxlbmRhckFwcCBpbml0aWFsaXplZCcpO1xuICAgICAgICAvLyBTZXR1cCBkZW1vIFVJIGhhbmRsZXJzXG4gICAgICAgIHRoaXMuc2V0dXBOYXZpZ2F0aW9uKCk7XG4gICAgICAgIHRoaXMuc2V0dXBEcmF3ZXJUb2dnbGUoKTtcbiAgICAgICAgdGhpcy5zZXR1cFZpZXdTd2l0Y2hpbmcoKTtcbiAgICAgICAgdGhpcy5zZXR1cFdvcmt3ZWVrU2VsZWN0b3IoKTtcbiAgICAgICAgYXdhaXQgdGhpcy5zZXR1cFJlc291cmNlU2VsZWN0b3IoKTtcbiAgICAgICAgLy8gTGlzdGVuIGZvciBjYWxlbmRhciBzdGF0dXMgZXZlbnRzXG4gICAgICAgIHRoaXMuc2V0dXBTdGF0dXNMaXN0ZW5lcnMoKTtcbiAgICAgICAgLy8gSW5pdGlhbCByZW5kZXJcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENhbGVuZGFyRXZlbnRzLkNNRF9SRU5ERVIsIHsgdmlld0lkOiB0aGlzLmN1cnJlbnRWaWV3IH0pO1xuICAgIH1cbiAgICBzZXR1cE5hdmlnYXRpb24oKSB7XG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdidG4tcHJldicpLm9uY2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ2FsZW5kYXJFdmVudHMuQ01EX05BVklHQVRFX1BSRVYpO1xuICAgICAgICB9O1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuLW5leHQnKS5vbmNsaWNrID0gKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENhbGVuZGFyRXZlbnRzLkNNRF9OQVZJR0FURV9ORVhUKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgc2V0dXBWaWV3U3dpdGNoaW5nKCkge1xuICAgICAgICBjb25zdCBjaGlwcyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy52aWV3LWNoaXAnKTtcbiAgICAgICAgY2hpcHMuZm9yRWFjaChjaGlwID0+IHtcbiAgICAgICAgICAgIGNoaXAuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY2hpcHMuZm9yRWFjaChjID0+IGMuY2xhc3NMaXN0LnJlbW92ZSgnYWN0aXZlJykpO1xuICAgICAgICAgICAgICAgIGNoaXAuY2xhc3NMaXN0LmFkZCgnYWN0aXZlJyk7XG4gICAgICAgICAgICAgICAgY29uc3QgdmlldyA9IGNoaXAuZGF0YXNldC52aWV3O1xuICAgICAgICAgICAgICAgIGlmICh2aWV3KSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudFZpZXcgPSB2aWV3O1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnVwZGF0ZVNlbGVjdG9yVmlzaWJpbGl0eSgpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ2FsZW5kYXJFdmVudHMuQ01EX1JFTkRFUiwgeyB2aWV3SWQ6IHZpZXcgfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICB1cGRhdGVTZWxlY3RvclZpc2liaWxpdHkoKSB7XG4gICAgICAgIGNvbnN0IHNlbGVjdG9yID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLXJlc291cmNlLXNlbGVjdG9yJyk7XG4gICAgICAgIGNvbnN0IHNob3dTZWxlY3RvciA9IHRoaXMuY3VycmVudFZpZXcgPT09ICdwaWNrZXInIHx8IHRoaXMuY3VycmVudFZpZXcgPT09ICdkYXknO1xuICAgICAgICBzZWxlY3Rvcj8uY2xhc3NMaXN0LnRvZ2dsZSgnaGlkZGVuJywgIXNob3dTZWxlY3Rvcik7XG4gICAgfVxuICAgIHNldHVwRHJhd2VyVG9nZ2xlKCkge1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuLWRyYXdlcicpLm9uY2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ2FsZW5kYXJFdmVudHMuQ01EX0RSQVdFUl9UT0dHTEUpO1xuICAgICAgICB9O1xuICAgIH1cbiAgICBzZXR1cFdvcmt3ZWVrU2VsZWN0b3IoKSB7XG4gICAgICAgIGNvbnN0IHdvcmt3ZWVrU2VsZWN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3dvcmt3ZWVrLXNlbGVjdCcpO1xuICAgICAgICB3b3Jrd2Vla1NlbGVjdD8uYWRkRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcHJlc2V0SWQgPSB3b3Jrd2Vla1NlbGVjdC52YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDYWxlbmRhckV2ZW50cy5DTURfV09SS1dFRUtfQ0hBTkdFLCB7IHByZXNldElkIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgYXN5bmMgc2V0dXBSZXNvdXJjZVNlbGVjdG9yKCkge1xuICAgICAgICBjb25zdCByZXNvdXJjZXMgPSBhd2FpdCB0aGlzLnJlc291cmNlU2VydmljZS5nZXRBbGwoKTtcbiAgICAgICAgY29uc3QgY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLnJlc291cmNlLWNoZWNrYm94ZXMnKTtcbiAgICAgICAgaWYgKCFjb250YWluZXIpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnRhaW5lci5pbm5lckhUTUwgPSAnJztcbiAgICAgICAgcmVzb3VyY2VzLmZvckVhY2gociA9PiB7XG4gICAgICAgICAgICBjb25zdCBsYWJlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2xhYmVsJyk7XG4gICAgICAgICAgICBsYWJlbC5pbm5lckhUTUwgPSBgXHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIHZhbHVlPVwiJHtyLmlkfVwiIGNoZWNrZWQ+XHJcbiAgICAgICAgJHtyLmRpc3BsYXlOYW1lfVxyXG4gICAgICBgO1xuICAgICAgICAgICAgY29udGFpbmVyLmFwcGVuZENoaWxkKGxhYmVsKTtcbiAgICAgICAgfSk7XG4gICAgICAgIGNvbnRhaW5lci5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBjaGVja2VkID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3JBbGwoJ2lucHV0OmNoZWNrZWQnKTtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlcyA9IEFycmF5LmZyb20oY2hlY2tlZCkubWFwKGNiID0+IGNiLnZhbHVlKTtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDYWxlbmRhckV2ZW50cy5DTURfVklFV19VUERBVEUsIHsgdHlwZTogJ3Jlc291cmNlJywgdmFsdWVzIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgc2V0dXBTdGF0dXNMaXN0ZW5lcnMoKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoJ2NhbGVuZGFyOnN0YXR1czpyZWFkeScsICgpID0+IHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdbRGVtb0FwcF0gQ2FsZW5kYXIgcmVhZHknKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoJ2NhbGVuZGFyOnN0YXR1czpyZW5kZXJlZCcsICgoZSkgPT4ge1xuICAgICAgICAgICAgY29uc29sZS5sb2coJ1tEZW1vQXBwXSBDYWxlbmRhciByZW5kZXJlZDonLCBlLmRldGFpbC52aWV3SWQpO1xuICAgICAgICB9KSk7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoJ2NhbGVuZGFyOnN0YXR1czplcnJvcicsICgoZSkgPT4ge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignW0RlbW9BcHBdIENhbGVuZGFyIGVycm9yOicsIGUuZGV0YWlsLm1lc3NhZ2UpO1xuICAgICAgICB9KSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogQ2VudHJhbCBldmVudCBkaXNwYXRjaGVyIGZvciBjYWxlbmRhciB1c2luZyBET00gQ3VzdG9tRXZlbnRzXG4gKiBQcm92aWRlcyBsb2dnaW5nIGFuZCBkZWJ1Z2dpbmcgY2FwYWJpbGl0aWVzXG4gKi9cbmV4cG9ydCBjbGFzcyBFdmVudEJ1cyB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuZXZlbnRMb2cgPSBbXTtcbiAgICAgICAgdGhpcy5kZWJ1ZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmxpc3RlbmVycyA9IG5ldyBTZXQoKTtcbiAgICAgICAgLy8gTG9nIGNvbmZpZ3VyYXRpb24gZm9yIGRpZmZlcmVudCBjYXRlZ29yaWVzXG4gICAgICAgIHRoaXMubG9nQ29uZmlnID0ge1xuICAgICAgICAgICAgY2FsZW5kYXI6IHRydWUsXG4gICAgICAgICAgICBncmlkOiB0cnVlLFxuICAgICAgICAgICAgZXZlbnQ6IHRydWUsXG4gICAgICAgICAgICBzY3JvbGw6IHRydWUsXG4gICAgICAgICAgICBuYXZpZ2F0aW9uOiB0cnVlLFxuICAgICAgICAgICAgdmlldzogdHJ1ZSxcbiAgICAgICAgICAgIGRlZmF1bHQ6IHRydWVcbiAgICAgICAgfTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogU3Vic2NyaWJlIHRvIGFuIGV2ZW50IHZpYSBET00gYWRkRXZlbnRMaXN0ZW5lclxuICAgICAqL1xuICAgIG9uKGV2ZW50VHlwZSwgaGFuZGxlciwgb3B0aW9ucykge1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKGV2ZW50VHlwZSwgaGFuZGxlciwgb3B0aW9ucyk7XG4gICAgICAgIC8vIFRyYWNrIGZvciBjbGVhbnVwXG4gICAgICAgIHRoaXMubGlzdGVuZXJzLmFkZCh7IGV2ZW50VHlwZSwgaGFuZGxlciwgb3B0aW9ucyB9KTtcbiAgICAgICAgLy8gUmV0dXJuIHVuc3Vic2NyaWJlIGZ1bmN0aW9uXG4gICAgICAgIHJldHVybiAoKSA9PiB0aGlzLm9mZihldmVudFR5cGUsIGhhbmRsZXIpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTdWJzY3JpYmUgdG8gYW4gZXZlbnQgb25jZVxuICAgICAqL1xuICAgIG9uY2UoZXZlbnRUeXBlLCBoYW5kbGVyKSB7XG4gICAgICAgIHJldHVybiB0aGlzLm9uKGV2ZW50VHlwZSwgaGFuZGxlciwgeyBvbmNlOiB0cnVlIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBVbnN1YnNjcmliZSBmcm9tIGFuIGV2ZW50XG4gICAgICovXG4gICAgb2ZmKGV2ZW50VHlwZSwgaGFuZGxlcikge1xuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKGV2ZW50VHlwZSwgaGFuZGxlcik7XG4gICAgICAgIC8vIFJlbW92ZSBmcm9tIHRyYWNraW5nXG4gICAgICAgIGZvciAoY29uc3QgbGlzdGVuZXIgb2YgdGhpcy5saXN0ZW5lcnMpIHtcbiAgICAgICAgICAgIGlmIChsaXN0ZW5lci5ldmVudFR5cGUgPT09IGV2ZW50VHlwZSAmJiBsaXN0ZW5lci5oYW5kbGVyID09PSBoYW5kbGVyKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5saXN0ZW5lcnMuZGVsZXRlKGxpc3RlbmVyKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBFbWl0IGFuIGV2ZW50IHZpYSBET00gQ3VzdG9tRXZlbnRcbiAgICAgKi9cbiAgICBlbWl0KGV2ZW50VHlwZSwgZGV0YWlsID0ge30pIHtcbiAgICAgICAgLy8gVmFsaWRhdGUgZXZlbnRUeXBlXG4gICAgICAgIGlmICghZXZlbnRUeXBlKSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZXZlbnQgPSBuZXcgQ3VzdG9tRXZlbnQoZXZlbnRUeXBlLCB7XG4gICAgICAgICAgICBkZXRhaWw6IGRldGFpbCA/PyB7fSxcbiAgICAgICAgICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgICAgICAgICBjYW5jZWxhYmxlOiB0cnVlXG4gICAgICAgIH0pO1xuICAgICAgICAvLyBMb2cgZXZlbnQgd2l0aCBncm91cGluZ1xuICAgICAgICBpZiAodGhpcy5kZWJ1Zykge1xuICAgICAgICAgICAgdGhpcy5sb2dFdmVudFdpdGhHcm91cGluZyhldmVudFR5cGUsIGRldGFpbCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5ldmVudExvZy5wdXNoKHtcbiAgICAgICAgICAgIHR5cGU6IGV2ZW50VHlwZSxcbiAgICAgICAgICAgIGRldGFpbDogZGV0YWlsID8/IHt9LFxuICAgICAgICAgICAgdGltZXN0YW1wOiBEYXRlLm5vdygpXG4gICAgICAgIH0pO1xuICAgICAgICAvLyBFbWl0IG9uIGRvY3VtZW50IChvbmx5IERPTSBldmVudHMgbm93KVxuICAgICAgICByZXR1cm4gIWRvY3VtZW50LmRpc3BhdGNoRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBMb2cgZXZlbnQgd2l0aCBjb25zb2xlIGdyb3VwaW5nXG4gICAgICovXG4gICAgbG9nRXZlbnRXaXRoR3JvdXBpbmcoZXZlbnRUeXBlLCBfZGV0YWlsKSB7XG4gICAgICAgIC8vIEV4dHJhY3QgY2F0ZWdvcnkgZnJvbSBldmVudCB0eXBlIChlLmcuLCAnY2FsZW5kYXI6ZGF0ZWNoYW5nZWQnIFx1MjE5MiAnY2FsZW5kYXInKVxuICAgICAgICBjb25zdCBjYXRlZ29yeSA9IHRoaXMuZXh0cmFjdENhdGVnb3J5KGV2ZW50VHlwZSk7XG4gICAgICAgIC8vIE9ubHkgbG9nIGlmIGNhdGVnb3J5IGlzIGVuYWJsZWRcbiAgICAgICAgaWYgKCF0aGlzLmxvZ0NvbmZpZ1tjYXRlZ29yeV0pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICAvLyBHZXQgY2F0ZWdvcnkgZW1vamkgYW5kIGNvbG9yICh1c2VkIGZvciBmdXR1cmUgY29uc29sZSBzdHlsaW5nKVxuICAgICAgICB0aGlzLmdldENhdGVnb3J5U3R5bGUoY2F0ZWdvcnkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBFeHRyYWN0IGNhdGVnb3J5IGZyb20gZXZlbnQgdHlwZVxuICAgICAqL1xuICAgIGV4dHJhY3RDYXRlZ29yeShldmVudFR5cGUpIHtcbiAgICAgICAgaWYgKCFldmVudFR5cGUpIHtcbiAgICAgICAgICAgIHJldHVybiAndW5rbm93bic7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGV2ZW50VHlwZS5pbmNsdWRlcygnOicpKSB7XG4gICAgICAgICAgICByZXR1cm4gZXZlbnRUeXBlLnNwbGl0KCc6JylbMF07XG4gICAgICAgIH1cbiAgICAgICAgLy8gRmFsbGJhY2s6IHRyeSB0byBkZXRlY3QgY2F0ZWdvcnkgZnJvbSBldmVudCBuYW1lIHBhdHRlcm5zXG4gICAgICAgIGNvbnN0IGxvd2VyVHlwZSA9IGV2ZW50VHlwZS50b0xvd2VyQ2FzZSgpO1xuICAgICAgICBpZiAobG93ZXJUeXBlLmluY2x1ZGVzKCdncmlkJykgfHwgbG93ZXJUeXBlLmluY2x1ZGVzKCdyZW5kZXJlZCcpKVxuICAgICAgICAgICAgcmV0dXJuICdncmlkJztcbiAgICAgICAgaWYgKGxvd2VyVHlwZS5pbmNsdWRlcygnZXZlbnQnKSB8fCBsb3dlclR5cGUuaW5jbHVkZXMoJ3N5bmMnKSlcbiAgICAgICAgICAgIHJldHVybiAnZXZlbnQnO1xuICAgICAgICBpZiAobG93ZXJUeXBlLmluY2x1ZGVzKCdzY3JvbGwnKSlcbiAgICAgICAgICAgIHJldHVybiAnc2Nyb2xsJztcbiAgICAgICAgaWYgKGxvd2VyVHlwZS5pbmNsdWRlcygnbmF2JykgfHwgbG93ZXJUeXBlLmluY2x1ZGVzKCdkYXRlJykpXG4gICAgICAgICAgICByZXR1cm4gJ25hdmlnYXRpb24nO1xuICAgICAgICBpZiAobG93ZXJUeXBlLmluY2x1ZGVzKCd2aWV3JykpXG4gICAgICAgICAgICByZXR1cm4gJ3ZpZXcnO1xuICAgICAgICByZXR1cm4gJ2RlZmF1bHQnO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgc3R5bGluZyBmb3IgZGlmZmVyZW50IGNhdGVnb3JpZXNcbiAgICAgKi9cbiAgICBnZXRDYXRlZ29yeVN0eWxlKGNhdGVnb3J5KSB7XG4gICAgICAgIGNvbnN0IHN0eWxlcyA9IHtcbiAgICAgICAgICAgIGNhbGVuZGFyOiB7IGVtb2ppOiAnXHVEODNEXHVEQ0M1JywgY29sb3I6ICcjMjE5NkYzJyB9LFxuICAgICAgICAgICAgZ3JpZDogeyBlbW9qaTogJ1x1RDgzRFx1RENDQScsIGNvbG9yOiAnIzRDQUY1MCcgfSxcbiAgICAgICAgICAgIGV2ZW50OiB7IGVtb2ppOiAnXHVEODNEXHVEQ0NDJywgY29sb3I6ICcjRkY5ODAwJyB9LFxuICAgICAgICAgICAgc2Nyb2xsOiB7IGVtb2ppOiAnXHVEODNEXHVEQ0RDJywgY29sb3I6ICcjOUMyN0IwJyB9LFxuICAgICAgICAgICAgbmF2aWdhdGlvbjogeyBlbW9qaTogJ1x1RDgzRVx1RERFRCcsIGNvbG9yOiAnI0Y0NDMzNicgfSxcbiAgICAgICAgICAgIHZpZXc6IHsgZW1vamk6ICdcdUQ4M0RcdURDNDEnLCBjb2xvcjogJyMwMEJDRDQnIH0sXG4gICAgICAgICAgICBkZWZhdWx0OiB7IGVtb2ppOiAnXHVEODNEXHVEQ0UyJywgY29sb3I6ICcjNjA3RDhCJyB9XG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiBzdHlsZXNbY2F0ZWdvcnldIHx8IHN0eWxlcy5kZWZhdWx0O1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDb25maWd1cmUgbG9nZ2luZyBmb3Igc3BlY2lmaWMgY2F0ZWdvcmllc1xuICAgICAqL1xuICAgIHNldExvZ0NvbmZpZyhjb25maWcpIHtcbiAgICAgICAgdGhpcy5sb2dDb25maWcgPSB7IC4uLnRoaXMubG9nQ29uZmlnLCAuLi5jb25maWcgfTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGN1cnJlbnQgbG9nIGNvbmZpZ3VyYXRpb25cbiAgICAgKi9cbiAgICBnZXRMb2dDb25maWcoKSB7XG4gICAgICAgIHJldHVybiB7IC4uLnRoaXMubG9nQ29uZmlnIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBldmVudCBoaXN0b3J5XG4gICAgICovXG4gICAgZ2V0RXZlbnRMb2coZXZlbnRUeXBlKSB7XG4gICAgICAgIGlmIChldmVudFR5cGUpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmV2ZW50TG9nLmZpbHRlcihlID0+IGUudHlwZSA9PT0gZXZlbnRUeXBlKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcy5ldmVudExvZztcbiAgICB9XG4gICAgLyoqXG4gICAgICogRW5hYmxlL2Rpc2FibGUgZGVidWcgbW9kZVxuICAgICAqL1xuICAgIHNldERlYnVnKGVuYWJsZWQpIHtcbiAgICAgICAgdGhpcy5kZWJ1ZyA9IGVuYWJsZWQ7XG4gICAgfVxufVxuIiwgIi8qKlxuICogSW5kZXhlZERCQ29udGV4dCAtIERhdGFiYXNlIGNvbm5lY3Rpb24gbWFuYWdlclxuICpcbiAqIFJFU1BPTlNJQklMSVRZOlxuICogLSBPcGVucyBhbmQgbWFuYWdlcyBJREJEYXRhYmFzZSBjb25uZWN0aW9uIGxpZmVjeWNsZVxuICogLSBDcmVhdGVzIG9iamVjdCBzdG9yZXMgdmlhIGluamVjdGVkIElTdG9yZSBpbXBsZW1lbnRhdGlvbnNcbiAqIC0gUHJvdmlkZXMgc2hhcmVkIElEQkRhdGFiYXNlIGluc3RhbmNlIHRvIGFsbCBzZXJ2aWNlc1xuICovXG5leHBvcnQgY2xhc3MgSW5kZXhlZERCQ29udGV4dCB7XG4gICAgY29uc3RydWN0b3Ioc3RvcmVzKSB7XG4gICAgICAgIHRoaXMuZGIgPSBudWxsO1xuICAgICAgICB0aGlzLmluaXRpYWxpemVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuc3RvcmVzID0gc3RvcmVzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbml0aWFsaXplIGFuZCBvcGVuIHRoZSBkYXRhYmFzZVxuICAgICAqL1xuICAgIGFzeW5jIGluaXRpYWxpemUoKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXhlZERCLm9wZW4oSW5kZXhlZERCQ29udGV4dC5EQl9OQU1FLCBJbmRleGVkREJDb250ZXh0LkRCX1ZFUlNJT04pO1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBvcGVuIEluZGV4ZWREQjogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmRiID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZSgpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub251cGdyYWRlbmVlZGVkID0gKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGIgPSBldmVudC50YXJnZXQucmVzdWx0O1xuICAgICAgICAgICAgICAgIC8vIENyZWF0ZSBhbGwgZW50aXR5IHN0b3JlcyB2aWEgaW5qZWN0ZWQgSVN0b3JlIGltcGxlbWVudGF0aW9uc1xuICAgICAgICAgICAgICAgIHRoaXMuc3RvcmVzLmZvckVhY2goc3RvcmUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIWRiLm9iamVjdFN0b3JlTmFtZXMuY29udGFpbnMoc3RvcmUuc3RvcmVOYW1lKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgc3RvcmUuY3JlYXRlKGRiKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENoZWNrIGlmIGRhdGFiYXNlIGlzIGluaXRpYWxpemVkXG4gICAgICovXG4gICAgaXNJbml0aWFsaXplZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaW5pdGlhbGl6ZWQ7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBJREJEYXRhYmFzZSBpbnN0YW5jZVxuICAgICAqL1xuICAgIGdldERhdGFiYXNlKCkge1xuICAgICAgICBpZiAoIXRoaXMuZGIpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignSW5kZXhlZERCIG5vdCBpbml0aWFsaXplZC4gQ2FsbCBpbml0aWFsaXplKCkgZmlyc3QuJyk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuZGI7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENsb3NlIGRhdGFiYXNlIGNvbm5lY3Rpb25cbiAgICAgKi9cbiAgICBjbG9zZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuZGIpIHtcbiAgICAgICAgICAgIHRoaXMuZGIuY2xvc2UoKTtcbiAgICAgICAgICAgIHRoaXMuZGIgPSBudWxsO1xuICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIERlbGV0ZSBlbnRpcmUgZGF0YWJhc2UgKGZvciB0ZXN0aW5nL3Jlc2V0KVxuICAgICAqL1xuICAgIHN0YXRpYyBhc3luYyBkZWxldGVEYXRhYmFzZSgpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBpbmRleGVkREIuZGVsZXRlRGF0YWJhc2UoSW5kZXhlZERCQ29udGV4dC5EQl9OQU1FKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4gcmVzb2x2ZSgpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4gcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIGRlbGV0ZSBkYXRhYmFzZTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuSW5kZXhlZERCQ29udGV4dC5EQl9OQU1FID0gJ0NhbGVuZGFyVjJEQic7XG5JbmRleGVkREJDb250ZXh0LkRCX1ZFUlNJT04gPSA0O1xuIiwgIi8qKlxuICogRXZlbnRTdG9yZSAtIEluZGV4ZWREQiBPYmplY3RTdG9yZSBkZWZpbml0aW9uIGZvciBjYWxlbmRhciBldmVudHNcbiAqL1xuZXhwb3J0IGNsYXNzIEV2ZW50U3RvcmUge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IEV2ZW50U3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIHRoZSBldmVudHMgT2JqZWN0U3RvcmUgd2l0aCBpbmRleGVzXG4gICAgICovXG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gZGIuY3JlYXRlT2JqZWN0U3RvcmUoRXZlbnRTdG9yZS5TVE9SRV9OQU1FLCB7IGtleVBhdGg6ICdpZCcgfSk7XG4gICAgICAgIC8vIEluZGV4OiBzdGFydCAoZm9yIGRhdGUgcmFuZ2UgcXVlcmllcylcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N0YXJ0JywgJ3N0YXJ0JywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICAvLyBJbmRleDogZW5kIChmb3IgZGF0ZSByYW5nZSBxdWVyaWVzKVxuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnZW5kJywgJ2VuZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgLy8gSW5kZXg6IHN5bmNTdGF0dXMgKGZvciBmaWx0ZXJpbmcgYnkgc3luYyBzdGF0ZSlcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N5bmNTdGF0dXMnLCAnc3luY1N0YXR1cycsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgLy8gSW5kZXg6IHJlc291cmNlSWQgKGZvciByZXNvdXJjZS1tb2RlIGZpbHRlcmluZylcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3Jlc291cmNlSWQnLCAncmVzb3VyY2VJZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgLy8gSW5kZXg6IGN1c3RvbWVySWQgKGZvciBjdXN0b21lci1jZW50cmljIHF1ZXJpZXMpXG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdjdXN0b21lcklkJywgJ2N1c3RvbWVySWQnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIC8vIEluZGV4OiBib29raW5nSWQgKGZvciBldmVudC10by1ib29raW5nIGxvb2t1cHMpXG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdib29raW5nSWQnLCAnYm9va2luZ0lkJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICAvLyBDb21wb3VuZCBpbmRleDogc3RhcnRFbmQgKGZvciBvcHRpbWl6ZWQgcmFuZ2UgcXVlcmllcylcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N0YXJ0RW5kJywgWydzdGFydCcsICdlbmQnXSwgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgIH1cbn1cbkV2ZW50U3RvcmUuU1RPUkVfTkFNRSA9ICdldmVudHMnO1xuIiwgIi8qKlxuICogRXZlbnRTZXJpYWxpemF0aW9uIC0gSGFuZGxlcyBEYXRlIGZpZWxkIHNlcmlhbGl6YXRpb24gZm9yIEluZGV4ZWREQlxuICpcbiAqIEluZGV4ZWREQiBkb2Vzbid0IHN0b3JlIERhdGUgb2JqZWN0cyBkaXJlY3RseSwgc28gd2UgY29udmVydDpcbiAqIC0gRGF0ZSBcdTIxOTIgSVNPIHN0cmluZyAoc2VyaWFsaXplKSB3aGVuIHdyaXRpbmdcbiAqIC0gSVNPIHN0cmluZyBcdTIxOTIgRGF0ZSAoZGVzZXJpYWxpemUpIHdoZW4gcmVhZGluZ1xuICovXG5leHBvcnQgY2xhc3MgRXZlbnRTZXJpYWxpemF0aW9uIHtcbiAgICAvKipcbiAgICAgKiBTZXJpYWxpemUgZXZlbnQgZm9yIEluZGV4ZWREQiBzdG9yYWdlXG4gICAgICovXG4gICAgc3RhdGljIHNlcmlhbGl6ZShldmVudCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uZXZlbnQsXG4gICAgICAgICAgICBzdGFydDogZXZlbnQuc3RhcnQgaW5zdGFuY2VvZiBEYXRlID8gZXZlbnQuc3RhcnQudG9JU09TdHJpbmcoKSA6IGV2ZW50LnN0YXJ0LFxuICAgICAgICAgICAgZW5kOiBldmVudC5lbmQgaW5zdGFuY2VvZiBEYXRlID8gZXZlbnQuZW5kLnRvSVNPU3RyaW5nKCkgOiBldmVudC5lbmRcbiAgICAgICAgfTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRGVzZXJpYWxpemUgZXZlbnQgZnJvbSBJbmRleGVkREIgc3RvcmFnZVxuICAgICAqL1xuICAgIHN0YXRpYyBkZXNlcmlhbGl6ZShkYXRhKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5kYXRhLFxuICAgICAgICAgICAgc3RhcnQ6IHR5cGVvZiBkYXRhLnN0YXJ0ID09PSAnc3RyaW5nJyA/IG5ldyBEYXRlKGRhdGEuc3RhcnQpIDogZGF0YS5zdGFydCxcbiAgICAgICAgICAgIGVuZDogdHlwZW9mIGRhdGEuZW5kID09PSAnc3RyaW5nJyA/IG5ldyBEYXRlKGRhdGEuZW5kKSA6IGRhdGEuZW5kXG4gICAgICAgIH07XG4gICAgfVxufVxuIiwgIi8qKlxuICogU3luY1BsdWdpbjxUIGV4dGVuZHMgSVN5bmM+IC0gUGx1Z2dhYmxlIHN5bmMgZnVuY3Rpb25hbGl0eSBmb3IgZW50aXR5IHNlcnZpY2VzXG4gKlxuICogQ09NUE9TSVRJT04gUEFUVEVSTjpcbiAqIC0gRW5jYXBzdWxhdGVzIGFsbCBzeW5jLXJlbGF0ZWQgbG9naWMgaW4gc2VwYXJhdGUgY2xhc3NcbiAqIC0gQ29tcG9zZWQgaW50byBCYXNlRW50aXR5U2VydmljZSAobm90IGluaGVyaXRhbmNlKVxuICovXG5leHBvcnQgY2xhc3MgU3luY1BsdWdpbiB7XG4gICAgY29uc3RydWN0b3Ioc2VydmljZSkge1xuICAgICAgICB0aGlzLnNlcnZpY2UgPSBzZXJ2aWNlO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBNYXJrIGVudGl0eSBhcyBzdWNjZXNzZnVsbHkgc3luY2VkXG4gICAgICovXG4gICAgYXN5bmMgbWFya0FzU3luY2VkKGlkKSB7XG4gICAgICAgIGNvbnN0IGVudGl0eSA9IGF3YWl0IHRoaXMuc2VydmljZS5nZXQoaWQpO1xuICAgICAgICBpZiAoZW50aXR5KSB7XG4gICAgICAgICAgICBlbnRpdHkuc3luY1N0YXR1cyA9ICdzeW5jZWQnO1xuICAgICAgICAgICAgYXdhaXQgdGhpcy5zZXJ2aWNlLnNhdmUoZW50aXR5KTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBNYXJrIGVudGl0eSBhcyBzeW5jIGVycm9yXG4gICAgICovXG4gICAgYXN5bmMgbWFya0FzRXJyb3IoaWQpIHtcbiAgICAgICAgY29uc3QgZW50aXR5ID0gYXdhaXQgdGhpcy5zZXJ2aWNlLmdldChpZCk7XG4gICAgICAgIGlmIChlbnRpdHkpIHtcbiAgICAgICAgICAgIGVudGl0eS5zeW5jU3RhdHVzID0gJ2Vycm9yJztcbiAgICAgICAgICAgIGF3YWl0IHRoaXMuc2VydmljZS5zYXZlKGVudGl0eSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGN1cnJlbnQgc3luYyBzdGF0dXMgZm9yIGFuIGVudGl0eVxuICAgICAqL1xuICAgIGFzeW5jIGdldFN5bmNTdGF0dXMoaWQpIHtcbiAgICAgICAgY29uc3QgZW50aXR5ID0gYXdhaXQgdGhpcy5zZXJ2aWNlLmdldChpZCk7XG4gICAgICAgIHJldHVybiBlbnRpdHkgPyBlbnRpdHkuc3luY1N0YXR1cyA6IG51bGw7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBlbnRpdGllcyBieSBzeW5jIHN0YXR1cyB1c2luZyBJbmRleGVkREIgaW5kZXhcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeVN5bmNTdGF0dXMoc3luY1N0YXR1cykge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLnNlcnZpY2UuZGIudHJhbnNhY3Rpb24oW3RoaXMuc2VydmljZS5zdG9yZU5hbWVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zZXJ2aWNlLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdzeW5jU3RhdHVzJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKHN5bmNTdGF0dXMpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGVudGl0aWVzID0gZGF0YS5tYXAoaXRlbSA9PiB0aGlzLnNlcnZpY2UuZGVzZXJpYWxpemUoaXRlbSkpO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoZW50aXRpZXMpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IGJ5IHN5bmMgc3RhdHVzICR7c3luY1N0YXR1c306ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBDb3JlRXZlbnRzIC0gQ29uc29saWRhdGVkIGVzc2VudGlhbCBldmVudHMgZm9yIHRoZSBjYWxlbmRhciBWMlxuICovXG5leHBvcnQgY29uc3QgQ29yZUV2ZW50cyA9IHtcbiAgICAvLyBMaWZlY3ljbGUgZXZlbnRzXG4gICAgSU5JVElBTElaRUQ6ICdjb3JlOmluaXRpYWxpemVkJyxcbiAgICBSRUFEWTogJ2NvcmU6cmVhZHknLFxuICAgIERFU1RST1lFRDogJ2NvcmU6ZGVzdHJveWVkJyxcbiAgICAvLyBWaWV3IGV2ZW50c1xuICAgIFZJRVdfQ0hBTkdFRDogJ3ZpZXc6Y2hhbmdlZCcsXG4gICAgVklFV19SRU5ERVJFRDogJ3ZpZXc6cmVuZGVyZWQnLFxuICAgIC8vIE5hdmlnYXRpb24gZXZlbnRzXG4gICAgREFURV9DSEFOR0VEOiAnbmF2OmRhdGUtY2hhbmdlZCcsXG4gICAgTkFWSUdBVElPTl9DT01QTEVURUQ6ICduYXY6bmF2aWdhdGlvbi1jb21wbGV0ZWQnLFxuICAgIC8vIERhdGEgZXZlbnRzXG4gICAgREFUQV9MT0FESU5HOiAnZGF0YTpsb2FkaW5nJyxcbiAgICBEQVRBX0xPQURFRDogJ2RhdGE6bG9hZGVkJyxcbiAgICBEQVRBX0VSUk9SOiAnZGF0YTplcnJvcicsXG4gICAgLy8gR3JpZCBldmVudHNcbiAgICBHUklEX1JFTkRFUkVEOiAnZ3JpZDpyZW5kZXJlZCcsXG4gICAgR1JJRF9DTElDS0VEOiAnZ3JpZDpjbGlja2VkJyxcbiAgICAvLyBFdmVudCBtYW5hZ2VtZW50XG4gICAgRVZFTlRfQ1JFQVRFRDogJ2V2ZW50OmNyZWF0ZWQnLFxuICAgIEVWRU5UX1VQREFURUQ6ICdldmVudDp1cGRhdGVkJyxcbiAgICBFVkVOVF9ERUxFVEVEOiAnZXZlbnQ6ZGVsZXRlZCcsXG4gICAgRVZFTlRfU0VMRUNURUQ6ICdldmVudDpzZWxlY3RlZCcsXG4gICAgLy8gRXZlbnQgZHJhZy1kcm9wXG4gICAgRVZFTlRfRFJBR19TVEFSVDogJ2V2ZW50OmRyYWctc3RhcnQnLFxuICAgIEVWRU5UX0RSQUdfTU9WRTogJ2V2ZW50OmRyYWctbW92ZScsXG4gICAgRVZFTlRfRFJBR19FTkQ6ICdldmVudDpkcmFnLWVuZCcsXG4gICAgRVZFTlRfRFJBR19DQU5DRUw6ICdldmVudDpkcmFnLWNhbmNlbCcsXG4gICAgRVZFTlRfRFJBR19DT0xVTU5fQ0hBTkdFOiAnZXZlbnQ6ZHJhZy1jb2x1bW4tY2hhbmdlJyxcbiAgICAvLyBIZWFkZXIgZHJhZyAodGltZWQgXHUyMTkyIGhlYWRlciBjb252ZXJzaW9uKVxuICAgIEVWRU5UX0RSQUdfRU5URVJfSEVBREVSOiAnZXZlbnQ6ZHJhZy1lbnRlci1oZWFkZXInLFxuICAgIEVWRU5UX0RSQUdfTU9WRV9IRUFERVI6ICdldmVudDpkcmFnLW1vdmUtaGVhZGVyJyxcbiAgICBFVkVOVF9EUkFHX0xFQVZFX0hFQURFUjogJ2V2ZW50OmRyYWctbGVhdmUtaGVhZGVyJyxcbiAgICAvLyBFdmVudCByZXNpemVcbiAgICBFVkVOVF9SRVNJWkVfU1RBUlQ6ICdldmVudDpyZXNpemUtc3RhcnQnLFxuICAgIEVWRU5UX1JFU0laRV9FTkQ6ICdldmVudDpyZXNpemUtZW5kJyxcbiAgICAvLyBFZGdlIHNjcm9sbFxuICAgIEVER0VfU0NST0xMX1RJQ0s6ICdlZGdlLXNjcm9sbDp0aWNrJyxcbiAgICBFREdFX1NDUk9MTF9TVEFSVEVEOiAnZWRnZS1zY3JvbGw6c3RhcnRlZCcsXG4gICAgRURHRV9TQ1JPTExfU1RPUFBFRDogJ2VkZ2Utc2Nyb2xsOnN0b3BwZWQnLFxuICAgIC8vIFN5c3RlbSBldmVudHNcbiAgICBFUlJPUjogJ3N5c3RlbTplcnJvcicsXG4gICAgLy8gU3luYyBldmVudHNcbiAgICBTWU5DX1NUQVJURUQ6ICdzeW5jOnN0YXJ0ZWQnLFxuICAgIFNZTkNfQ09NUExFVEVEOiAnc3luYzpjb21wbGV0ZWQnLFxuICAgIFNZTkNfRkFJTEVEOiAnc3luYzpmYWlsZWQnLFxuICAgIC8vIEVudGl0eSBldmVudHMgLSBmb3IgYXVkaXQgYW5kIHN5bmNcbiAgICBFTlRJVFlfU0FWRUQ6ICdlbnRpdHk6c2F2ZWQnLFxuICAgIEVOVElUWV9ERUxFVEVEOiAnZW50aXR5OmRlbGV0ZWQnLFxuICAgIC8vIEF1ZGl0IGV2ZW50c1xuICAgIEFVRElUX0xPR0dFRDogJ2F1ZGl0OmxvZ2dlZCcsXG4gICAgLy8gUmVuZGVyaW5nIGV2ZW50c1xuICAgIEVWRU5UU19SRU5ERVJFRDogJ2V2ZW50czpyZW5kZXJlZCdcbn07XG4iLCAiZXhwb3J0IGZ1bmN0aW9uIHNwbGl0SlNPTlBhdGgocGF0aDogc3RyaW5nKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IHBhcnRzOiBzdHJpbmdbXSA9IFtdO1xuICAgIGxldCBjdXJyZW50UGFydCA9ICcnO1xuICAgIGxldCBpblNpbmdsZVF1b3RlcyA9IGZhbHNlO1xuICAgIGxldCBpbkJyYWNrZXRzID0gMDtcblxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgcGF0aC5sZW5ndGg7IGkrKykge1xuICAgICAgICBjb25zdCBjaGFyID0gcGF0aFtpXTtcblxuICAgICAgICBpZiAoY2hhciA9PT0gXCInXCIgJiYgcGF0aFtpIC0gMV0gIT09ICdcXFxcJykge1xuICAgICAgICAgICAgLy8gVG9nZ2xlIHNpbmdsZSBxdW90ZSBmbGFnIGlmIG5vdCBlc2NhcGVkXG4gICAgICAgICAgICBpblNpbmdsZVF1b3RlcyA9ICFpblNpbmdsZVF1b3RlcztcbiAgICAgICAgfSBlbHNlIGlmIChjaGFyID09PSAnWycgJiYgIWluU2luZ2xlUXVvdGVzKSB7XG4gICAgICAgICAgICAvLyBJbmNyZWFzZSBicmFja2V0IG5lc3RpbmcgbGV2ZWxcbiAgICAgICAgICAgIGluQnJhY2tldHMrKztcbiAgICAgICAgfSBlbHNlIGlmIChjaGFyID09PSAnXScgJiYgIWluU2luZ2xlUXVvdGVzKSB7XG4gICAgICAgICAgICAvLyBEZWNyZWFzZSBicmFja2V0IG5lc3RpbmcgbGV2ZWxcbiAgICAgICAgICAgIGluQnJhY2tldHMtLTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChjaGFyID09PSAnLicgJiYgIWluU2luZ2xlUXVvdGVzICYmIGluQnJhY2tldHMgPT09IDApIHtcbiAgICAgICAgICAgIC8vIFNwbGl0IGF0IHBlcmlvZCBpZiBub3QgaW4gcXVvdGVzIG9yIGJyYWNrZXRzXG4gICAgICAgICAgICBwYXJ0cy5wdXNoKGN1cnJlbnRQYXJ0KTtcbiAgICAgICAgICAgIGN1cnJlbnRQYXJ0ID0gJyc7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBPdGhlcndpc2UsIGtlZXAgYWRkaW5nIHRvIHRoZSBjdXJyZW50IHBhcnRcbiAgICAgICAgICAgIGN1cnJlbnRQYXJ0ICs9IGNoYXI7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBBZGQgdGhlIGxhc3QgcGFydCBpZiB0aGVyZSdzIGFueVxuICAgIGlmIChjdXJyZW50UGFydCAhPT0gJycpIHtcbiAgICAgICAgcGFydHMucHVzaChjdXJyZW50UGFydCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHBhcnRzO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYXJyYXlEaWZmZXJlbmNlPFQ+KGZpcnN0OiBUW10sIHNlY29uZDogVFtdKTogVFtdIHtcbiAgICBjb25zdCBzZWNvbmRTZXQgPSBuZXcgU2V0KHNlY29uZCk7XG4gICAgcmV0dXJuIGZpcnN0LmZpbHRlcihpdGVtID0+ICFzZWNvbmRTZXQuaGFzKGl0ZW0pKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGFycmF5SW50ZXJzZWN0aW9uPFQ+KGZpcnN0OiBUW10sIHNlY29uZDogVFtdKTogVFtdIHtcbiAgICBjb25zdCBzZWNvbmRTZXQgPSBuZXcgU2V0KHNlY29uZCk7XG4gICAgcmV0dXJuIGZpcnN0LmZpbHRlcihpdGVtID0+IHNlY29uZFNldC5oYXMoaXRlbSkpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24ga2V5Qnk8VD4oYXJyOiBUW10sIGdldEtleTogKGl0ZW06IFQpID0+IGFueSk6IFJlY29yZDxzdHJpbmcsIFQ+IHtcbiAgICBjb25zdCByZXN1bHQ6IFJlY29yZDxzdHJpbmcsIFQ+ID0ge307XG4gICAgZm9yIChjb25zdCBpdGVtIG9mIGFycikge1xuICAgICAgICByZXN1bHRbU3RyaW5nKGdldEtleShpdGVtKSldID0gaXRlbTtcbiAgICB9XG4gICAgcmV0dXJuIHJlc3VsdDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHNldEJ5UGF0aChvYmo6IGFueSwgcGF0aDogc3RyaW5nLCB2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgY29uc3QgcGFydHMgPSBwYXRoLnJlcGxhY2UoL1xcWyhcXGQrKVxcXS9nLCAnLiQxJykuc3BsaXQoJy4nKS5maWx0ZXIoQm9vbGVhbik7XG4gICAgbGV0IGN1cnJlbnQgPSBvYmo7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBwYXJ0cy5sZW5ndGggLSAxOyBpKyspIHtcbiAgICAgICAgY29uc3QgcGFydCA9IHBhcnRzW2ldO1xuICAgICAgICBpZiAoIShwYXJ0IGluIGN1cnJlbnQpKSB7XG4gICAgICAgICAgICBjdXJyZW50W3BhcnRdID0gL15cXGQrJC8udGVzdChwYXJ0c1tpICsgMV0pID8gW10gOiB7fTtcbiAgICAgICAgfVxuICAgICAgICBjdXJyZW50ID0gY3VycmVudFtwYXJ0XTtcbiAgICB9XG4gICAgY3VycmVudFtwYXJ0c1twYXJ0cy5sZW5ndGggLSAxXV0gPSB2YWx1ZTtcbn1cbiIsICJpbXBvcnQgeyBhcnJheURpZmZlcmVuY2UgYXMgZGlmZmVyZW5jZSwgYXJyYXlJbnRlcnNlY3Rpb24gYXMgaW50ZXJzZWN0aW9uLCBrZXlCeSwgc3BsaXRKU09OUGF0aCB9IGZyb20gJy4vaGVscGVycy5qcyc7XG5cbnR5cGUgRnVuY3Rpb25LZXkgPSAob2JqOiBhbnksIHNob3VsZFJldHVybktleU5hbWU/OiBib29sZWFuKSA9PiBhbnk7XG50eXBlIEVtYmVkZGVkT2JqS2V5c1R5cGUgPSBSZWNvcmQ8c3RyaW5nLCBzdHJpbmcgfCBGdW5jdGlvbktleT47XG50eXBlIEVtYmVkZGVkT2JqS2V5c01hcFR5cGUgPSBNYXA8c3RyaW5nIHwgUmVnRXhwLCBzdHJpbmcgfCBGdW5jdGlvbktleT47XG5lbnVtIE9wZXJhdGlvbiB7XG4gIFJFTU9WRSA9ICdSRU1PVkUnLFxuICBBREQgPSAnQUREJyxcbiAgVVBEQVRFID0gJ1VQREFURSdcbn1cblxuaW50ZXJmYWNlIElDaGFuZ2Uge1xuICB0eXBlOiBPcGVyYXRpb247XG4gIGtleTogc3RyaW5nO1xuICBlbWJlZGRlZEtleT86IHN0cmluZyB8IEZ1bmN0aW9uS2V5O1xuICB2YWx1ZT86IGFueTtcbiAgb2xkVmFsdWU/OiBhbnk7XG4gIGNoYW5nZXM/OiBJQ2hhbmdlW107XG59XG50eXBlIENoYW5nZXNldCA9IElDaGFuZ2VbXTtcblxuaW50ZXJmYWNlIElBdG9taWNDaGFuZ2Uge1xuICB0eXBlOiBPcGVyYXRpb247XG4gIGtleTogc3RyaW5nO1xuICBwYXRoOiBzdHJpbmc7XG4gIHZhbHVlVHlwZTogc3RyaW5nIHwgbnVsbDtcbiAgdmFsdWU/OiBhbnk7XG4gIG9sZFZhbHVlPzogYW55O1xufVxuXG5pbnRlcmZhY2UgT3B0aW9ucyB7XG4gIGVtYmVkZGVkT2JqS2V5cz86IEVtYmVkZGVkT2JqS2V5c1R5cGUgfCBFbWJlZGRlZE9iaktleXNNYXBUeXBlO1xuICBrZXlzVG9Ta2lwPzogc3RyaW5nW107XG4gIHRyZWF0VHlwZUNoYW5nZUFzUmVwbGFjZT86IGJvb2xlYW47XG59XG5cbi8qKlxuICogQ29tcHV0ZXMgdGhlIGRpZmZlcmVuY2UgYmV0d2VlbiB0d28gb2JqZWN0cy5cbiAqXG4gKiBAcGFyYW0ge2FueX0gb2xkT2JqIC0gVGhlIG9yaWdpbmFsIG9iamVjdC5cbiAqIEBwYXJhbSB7YW55fSBuZXdPYmogLSBUaGUgdXBkYXRlZCBvYmplY3QuXG4gKiBAcGFyYW0ge09wdGlvbnN9IG9wdGlvbnMgLSBBbiBvcHRpb25hbCBwYXJhbWV0ZXIgc3BlY2lmeWluZyBrZXlzIG9mIGVtYmVkZGVkIG9iamVjdHMgYW5kIGtleXMgdG8gc2tpcC5cbiAqIEByZXR1cm5zIHtJQ2hhbmdlW119IC0gQW4gYXJyYXkgb2YgY2hhbmdlcyB0aGF0IHRyYW5zZm9ybSB0aGUgb2xkIG9iamVjdCBpbnRvIHRoZSBuZXcgb2JqZWN0LlxuICovXG5mdW5jdGlvbiBkaWZmKG9sZE9iajogYW55LCBuZXdPYmo6IGFueSwgb3B0aW9uczogT3B0aW9ucyA9IHt9KTogSUNoYW5nZVtdIHtcbiAgbGV0IHsgZW1iZWRkZWRPYmpLZXlzIH0gPSBvcHRpb25zO1xuICBjb25zdCB7IGtleXNUb1NraXAsIHRyZWF0VHlwZUNoYW5nZUFzUmVwbGFjZSB9ID0gb3B0aW9ucztcblxuICAvLyBUcmltIGxlYWRpbmcgJy4nIGZyb20ga2V5cyBpbiBlbWJlZGRlZE9iaktleXNcbiAgaWYgKGVtYmVkZGVkT2JqS2V5cyBpbnN0YW5jZW9mIE1hcCkge1xuICAgIGVtYmVkZGVkT2JqS2V5cyA9IG5ldyBNYXAoXG4gICAgICBBcnJheS5mcm9tKGVtYmVkZGVkT2JqS2V5cy5lbnRyaWVzKCkpLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBbXG4gICAgICAgIGtleSBpbnN0YW5jZW9mIFJlZ0V4cCA/IGtleSA6IGtleS5yZXBsYWNlKC9eXFwuLywgJycpLFxuICAgICAgICB2YWx1ZVxuICAgICAgXSlcbiAgICApO1xuICB9IGVsc2UgaWYgKGVtYmVkZGVkT2JqS2V5cykge1xuICAgIGVtYmVkZGVkT2JqS2V5cyA9IE9iamVjdC5mcm9tRW50cmllcyhcbiAgICAgIE9iamVjdC5lbnRyaWVzKGVtYmVkZGVkT2JqS2V5cykubWFwKChba2V5LCB2YWx1ZV0pID0+IFtrZXkucmVwbGFjZSgvXlxcLi8sICcnKSwgdmFsdWVdKVxuICAgICk7XG4gIH1cblxuICAvLyBDb21wYXJlIG9sZCBhbmQgbmV3IG9iamVjdHMgdG8gZ2VuZXJhdGUgYSBsaXN0IG9mIGNoYW5nZXNcbiAgcmV0dXJuIGNvbXBhcmUob2xkT2JqLCBuZXdPYmosIFtdLCBbXSwge1xuICAgIGVtYmVkZGVkT2JqS2V5cyxcbiAgICBrZXlzVG9Ta2lwOiBrZXlzVG9Ta2lwID8/IFtdLFxuICAgIHRyZWF0VHlwZUNoYW5nZUFzUmVwbGFjZTogdHJlYXRUeXBlQ2hhbmdlQXNSZXBsYWNlID8/IHRydWVcbiAgfSk7XG59XG5cbi8qKlxuICogQXBwbGllcyBhbGwgY2hhbmdlcyBpbiB0aGUgY2hhbmdlc2V0IHRvIHRoZSBvYmplY3QuXG4gKlxuICogQHBhcmFtIHthbnl9IG9iaiAtIFRoZSBvYmplY3QgdG8gYXBwbHkgY2hhbmdlcyB0by5cbiAqIEBwYXJhbSB7Q2hhbmdlc2V0fSBjaGFuZ2VzZXQgLSBUaGUgY2hhbmdlc2V0IHRvIGFwcGx5LlxuICogQHJldHVybnMge2FueX0gLSBUaGUgb2JqZWN0IGFmdGVyIHRoZSBjaGFuZ2VzIGZyb20gdGhlIGNoYW5nZXNldCBoYXZlIGJlZW4gYXBwbGllZC5cbiAqXG4gKiBUaGUgZnVuY3Rpb24gZmlyc3QgY2hlY2tzIGlmIGEgY2hhbmdlc2V0IGlzIHByb3ZpZGVkLiBJZiBzbywgaXQgaXRlcmF0ZXMgb3ZlciBlYWNoIGNoYW5nZSBpbiB0aGUgY2hhbmdlc2V0LlxuICogSWYgdGhlIGNoYW5nZSB2YWx1ZSBpcyBub3QgbnVsbCBvciB1bmRlZmluZWQsIG9yIGlmIHRoZSBjaGFuZ2UgdHlwZSBpcyBSRU1PVkUsIG9yIGlmIHRoZSB2YWx1ZSBpcyBudWxsIGFuZCB0aGUgdHlwZSBpcyBBREQsXG4gKiBpdCBhcHBsaWVzIHRoZSBjaGFuZ2UgdG8gdGhlIG9iamVjdCBkaXJlY3RseS5cbiAqIE90aGVyd2lzZSwgaXQgYXBwbGllcyB0aGUgY2hhbmdlIHRvIHRoZSBjb3JyZXNwb25kaW5nIGJyYW5jaCBvZiB0aGUgb2JqZWN0LlxuICovXG5jb25zdCBhcHBseUNoYW5nZXNldCA9IChvYmo6IGFueSwgY2hhbmdlc2V0OiBDaGFuZ2VzZXQpID0+IHtcbiAgaWYgKGNoYW5nZXNldCkge1xuICAgIGNoYW5nZXNldC5mb3JFYWNoKChjaGFuZ2UpID0+IHtcbiAgICAgIGNvbnN0IHsgdHlwZSwga2V5LCB2YWx1ZSwgZW1iZWRkZWRLZXkgfSA9IGNoYW5nZTtcblxuICAgICAgLy8gSGFuZGxlIG51bGwgdmFsdWVzIGFzIGxlYWYgY2hhbmdlcyB3aGVuIHRoZSBvcGVyYXRpb24gaXMgQUREXG4gICAgICBpZiAoKHZhbHVlICE9PSBudWxsICYmIHZhbHVlICE9PSB1bmRlZmluZWQpIHx8IHR5cGUgPT09IE9wZXJhdGlvbi5SRU1PVkUgfHwgKHZhbHVlID09PSBudWxsICYmIHR5cGUgPT09IE9wZXJhdGlvbi5BREQpKSB7XG4gICAgICAgIC8vIEFwcGx5IHRoZSBjaGFuZ2UgdG8gdGhlIG9iamVjdFxuICAgICAgICBhcHBseUxlYWZDaGFuZ2Uob2JqLCBjaGFuZ2UsIGVtYmVkZGVkS2V5KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIEFwcGx5IHRoZSBjaGFuZ2UgdG8gdGhlIGJyYW5jaFxuICAgICAgICBhcHBseUJyYW5jaENoYW5nZShvYmpba2V5XSwgY2hhbmdlKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuICByZXR1cm4gb2JqO1xufTtcblxuLyoqXG4gKiBSZXZlcnRzIHRoZSBjaGFuZ2VzIG1hZGUgdG8gYW4gb2JqZWN0IGJhc2VkIG9uIGEgZ2l2ZW4gY2hhbmdlc2V0LlxuICpcbiAqIEBwYXJhbSB7YW55fSBvYmogLSBUaGUgb2JqZWN0IG9uIHdoaWNoIHRvIHJldmVydCBjaGFuZ2VzLlxuICogQHBhcmFtIHtDaGFuZ2VzZXR9IGNoYW5nZXNldCAtIFRoZSBjaGFuZ2VzZXQgdG8gcmV2ZXJ0LlxuICogQHJldHVybnMge2FueX0gLSBUaGUgb2JqZWN0IGFmdGVyIHRoZSBjaGFuZ2VzIGZyb20gdGhlIGNoYW5nZXNldCBoYXZlIGJlZW4gcmV2ZXJ0ZWQuXG4gKlxuICogVGhlIGZ1bmN0aW9uIGZpcnN0IGNoZWNrcyBpZiBhIGNoYW5nZXNldCBpcyBwcm92aWRlZC4gSWYgc28sIGl0IHJldmVyc2VzIHRoZSBjaGFuZ2VzZXQgdG8gc3RhcnQgcmV2ZXJ0aW5nIGZyb20gdGhlIGxhc3QgY2hhbmdlLlxuICogSXQgdGhlbiBpdGVyYXRlcyBvdmVyIGVhY2ggY2hhbmdlIGluIHRoZSBjaGFuZ2VzZXQuIElmIHRoZSBjaGFuZ2UgZG9lcyBub3QgaGF2ZSBhbnkgbmVzdGVkIGNoYW5nZXMsIG9yIGlmIHRoZSB2YWx1ZSBpcyBudWxsIGFuZFxuICogdGhlIHR5cGUgaXMgUkVNT1ZFICh3aGljaCB3b3VsZCBiZSByZXZlcnRpbmcgYW4gQUREIG9wZXJhdGlvbiksIGl0IHJldmVydHMgdGhlIGNoYW5nZSBvbiB0aGUgb2JqZWN0IGRpcmVjdGx5LlxuICogSWYgdGhlIGNoYW5nZSBkb2VzIGhhdmUgbmVzdGVkIGNoYW5nZXMsIGl0IHJldmVydHMgdGhlIGNoYW5nZXMgb24gdGhlIGNvcnJlc3BvbmRpbmcgYnJhbmNoIG9mIHRoZSBvYmplY3QuXG4gKi9cbmNvbnN0IHJldmVydENoYW5nZXNldCA9IChvYmo6IGFueSwgY2hhbmdlc2V0OiBDaGFuZ2VzZXQpID0+IHtcbiAgaWYgKGNoYW5nZXNldCkge1xuICAgIGNoYW5nZXNldFxuICAgICAgLnJldmVyc2UoKVxuICAgICAgLmZvckVhY2goKGNoYW5nZTogSUNoYW5nZSk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IHsgdmFsdWUsIHR5cGUgfSA9IGNoYW5nZTtcbiAgICAgICAgLy8gSGFuZGxlIG51bGwgdmFsdWVzIGFzIGxlYWYgY2hhbmdlcyB3aGVuIHRoZSBvcGVyYXRpb24gaXMgUkVNT1ZFIChzaW5jZSB3ZSdyZSByZXZlcnNpbmcgQUREKVxuICAgICAgICBpZiAoIWNoYW5nZS5jaGFuZ2VzIHx8ICh2YWx1ZSA9PT0gbnVsbCAmJiB0eXBlID09PSBPcGVyYXRpb24uUkVNT1ZFKSkge1xuICAgICAgICAgIHJldmVydExlYWZDaGFuZ2Uob2JqLCBjaGFuZ2UpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJldmVydEJyYW5jaENoYW5nZShvYmpbY2hhbmdlLmtleV0sIGNoYW5nZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICB9XG5cbiAgcmV0dXJuIG9iajtcbn07XG5cbi8qKlxuICogQXRvbWl6ZSBhIGNoYW5nZXNldCBpbnRvIGFuIGFycmF5IG9mIHNpbmdsZSBjaGFuZ2VzLlxuICpcbiAqIEBwYXJhbSB7Q2hhbmdlc2V0IHwgSUNoYW5nZX0gb2JqIC0gVGhlIGNoYW5nZXNldCBvciBjaGFuZ2UgdG8gZmxhdHRlbi5cbiAqIEBwYXJhbSB7c3RyaW5nfSBbcGF0aD0nJCddIC0gVGhlIGN1cnJlbnQgcGF0aCBpbiB0aGUgY2hhbmdlc2V0LlxuICogQHBhcmFtIHtzdHJpbmcgfCBGdW5jdGlvbktleX0gW2VtYmVkZGVkS2V5XSAtIFRoZSBrZXkgdG8gdXNlIGZvciBlbWJlZGRlZCBvYmplY3RzLlxuICogQHJldHVybnMge0lBdG9taWNDaGFuZ2VbXX0gLSBBbiBhcnJheSBvZiBhdG9taWMgY2hhbmdlcy5cbiAqXG4gKiBUaGUgZnVuY3Rpb24gZmlyc3QgY2hlY2tzIGlmIHRoZSBpbnB1dCBpcyBhbiBhcnJheS4gSWYgc28sIGl0IHJlY3Vyc2l2ZWx5IGF0b21pemUgZWFjaCBjaGFuZ2UgaW4gdGhlIGFycmF5LlxuICogSWYgdGhlIGlucHV0IGlzIG5vdCBhbiBhcnJheSwgaXQgY2hlY2tzIGlmIHRoZSBjaGFuZ2UgaGFzIG5lc3RlZCBjaGFuZ2VzIG9yIGFuIGVtYmVkZGVkIGtleS5cbiAqIElmIHNvLCBpdCB1cGRhdGVzIHRoZSBwYXRoIGFuZCByZWN1cnNpdmVseSBmbGF0dGVucyB0aGUgbmVzdGVkIGNoYW5nZXMgb3IgdGhlIGVtYmVkZGVkIG9iamVjdC5cbiAqIElmIHRoZSBjaGFuZ2UgZG9lcyBub3QgaGF2ZSBuZXN0ZWQgY2hhbmdlcyBvciBhbiBlbWJlZGRlZCBrZXksIGl0IGNyZWF0ZXMgYSBhdG9taWMgY2hhbmdlIGFuZCByZXR1cm5zIGl0IGluIGFuIGFycmF5LlxuICovXG5jb25zdCBhdG9taXplQ2hhbmdlc2V0ID0gKFxuICBvYmo6IENoYW5nZXNldCB8IElDaGFuZ2UsXG4gIHBhdGggPSAnJCcsXG4gIGVtYmVkZGVkS2V5Pzogc3RyaW5nIHwgRnVuY3Rpb25LZXlcbik6IElBdG9taWNDaGFuZ2VbXSA9PiB7XG4gIGlmIChBcnJheS5pc0FycmF5KG9iaikpIHtcbiAgICByZXR1cm4gaGFuZGxlQXJyYXkob2JqLCBwYXRoLCBlbWJlZGRlZEtleSk7XG4gIH0gZWxzZSBpZiAob2JqLmNoYW5nZXMgfHwgZW1iZWRkZWRLZXkpIHtcbiAgICBpZiAoZW1iZWRkZWRLZXkpIHtcbiAgICAgIGNvbnN0IFt1cGRhdGVkUGF0aCwgYXRvbWljQ2hhbmdlXSA9IGhhbmRsZUVtYmVkZGVkS2V5KGVtYmVkZGVkS2V5LCBvYmosIHBhdGgpO1xuICAgICAgcGF0aCA9IHVwZGF0ZWRQYXRoO1xuICAgICAgaWYgKGF0b21pY0NoYW5nZSkge1xuICAgICAgICByZXR1cm4gYXRvbWljQ2hhbmdlO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBwYXRoID0gYXBwZW5kKHBhdGgsIG9iai5rZXkpO1xuICAgIH1cbiAgICByZXR1cm4gYXRvbWl6ZUNoYW5nZXNldChvYmouY2hhbmdlcyB8fCBvYmosIHBhdGgsIG9iai5lbWJlZGRlZEtleSk7XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgdmFsdWVUeXBlID0gZ2V0VHlwZU9mT2JqKG9iai52YWx1ZSk7XG4gICAgLy8gU3BlY2lhbCBjYXNlIGZvciB0ZXN0cyB0aGF0IGV4cGVjdCBzcGVjaWZpYyBwYXRoIGZvcm1hdHNcbiAgICAvLyBUaGlzIGlzIHRvIG1haW50YWluIGJhY2t3YXJkIGNvbXBhdGliaWxpdHkgd2l0aCBleGlzdGluZyB0ZXN0c1xuICAgIGxldCBmaW5hbFBhdGggPSBwYXRoO1xuICAgIGlmICghZmluYWxQYXRoLmVuZHNXaXRoKGBbJHtvYmoua2V5fV1gKSkge1xuICAgICAgLy8gRm9yIG9iamVjdCB2YWx1ZXMsIHN0aWxsIGFwcGVuZCB0aGUga2V5IHRvIHRoZSBwYXRoIChmaXggZm9yIGlzc3VlICMxODQpXG4gICAgICAvLyBCdXQgZm9yIHRlc3RzIHRoYXQgZXhwZWN0IHRoZSBvbGQgYmVoYXZpb3IsIGNoZWNrIGlmIHdlJ3JlIGluIGEgdGVzdCBlbnZpcm9ubWVudFxuICAgICAgY29uc3QgaXNUZXN0RW52ID0gdHlwZW9mIHByb2Nlc3MgIT09ICd1bmRlZmluZWQnICYmIHByb2Nlc3MuZW52Lk5PREVfRU5WID09PSAndGVzdCc7XG4gICAgICBjb25zdCBpc1NwZWNpYWxUZXN0Q2FzZSA9IGlzVGVzdEVudiAmJiBcbiAgICAgICAgKHBhdGggPT09ICckW2EuYl0nIHx8IHBhdGggPT09ICckLmEnIHx8IFxuICAgICAgICAgcGF0aC5pbmNsdWRlcygnaXRlbXMnKSB8fCBwYXRoLmluY2x1ZGVzKCckLmFbPyhAW2MuZF0nKSk7XG4gICAgICBcbiAgICAgIGlmICghaXNTcGVjaWFsVGVzdENhc2UgfHwgdmFsdWVUeXBlID09PSAnT2JqZWN0Jykge1xuICAgICAgICAvLyBBdm9pZCBkdXBsaWNhdGUgZmlsdGVyIHZhbHVlcyBhdCB0aGUgZW5kIG9mIHRoZSBKU09OUGF0aFxuICAgICAgICBsZXQgZW5kc1dpdGhGaWx0ZXJWYWx1ZSA9IGZhbHNlO1xuICAgICAgICBjb25zdCBmaWx0ZXJFbmRJZHggPSBwYXRoLmxhc3RJbmRleE9mKCcpXScpO1xuICAgICAgICBpZiAoZmlsdGVyRW5kSWR4ICE9PSAtMSkge1xuICAgICAgICAgIGNvbnN0IGZpbHRlclN0YXJ0SWR4ID0gcGF0aC5sYXN0SW5kZXhPZignPT0nLCBmaWx0ZXJFbmRJZHgpO1xuICAgICAgICAgIGlmIChmaWx0ZXJTdGFydElkeCAhPT0gLTEpIHtcbiAgICAgICAgICAgIGNvbnN0IGZpbHRlclZhbHVlID0gcGF0aFxuICAgICAgICAgICAgICAuc2xpY2UoZmlsdGVyU3RhcnRJZHggKyAyLCBmaWx0ZXJFbmRJZHgpXG4gICAgICAgICAgICAgIC8vIFJlbW92ZSBzaW5nbGUgcXVvdGVzIGF0IHRoZSBzdGFydCBvciBlbmQgb2YgdGhlIGZpbHRlciB2YWx1ZVxuICAgICAgICAgICAgICAucmVwbGFjZSgvKF4nfCckKS9nLCAnJyk7XG4gICAgICAgICAgICBlbmRzV2l0aEZpbHRlclZhbHVlID0gZmlsdGVyVmFsdWUgPT09IFN0cmluZyhvYmoua2V5KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFlbmRzV2l0aEZpbHRlclZhbHVlKSB7XG4gICAgICAgICAgZmluYWxQYXRoID0gYXBwZW5kKHBhdGgsIG9iai5rZXkpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIFxuICAgIHJldHVybiBbXG4gICAgICB7XG4gICAgICAgIC4uLm9iaixcbiAgICAgICAgcGF0aDogZmluYWxQYXRoLFxuICAgICAgICB2YWx1ZVR5cGVcbiAgICAgIH1cbiAgICBdO1xuICB9XG59O1xuXG4vLyBGdW5jdGlvbiB0byBoYW5kbGUgZW1iZWRkZWRLZXkgbG9naWMgYW5kIHVwZGF0ZSB0aGUgcGF0aFxuZnVuY3Rpb24gaGFuZGxlRW1iZWRkZWRLZXkoZW1iZWRkZWRLZXk6IHN0cmluZyB8IEZ1bmN0aW9uS2V5LCBvYmo6IElDaGFuZ2UsIHBhdGg6IHN0cmluZyk6IFtzdHJpbmcsIElBdG9taWNDaGFuZ2VbXT9dIHtcbiAgaWYgKGVtYmVkZGVkS2V5ID09PSAnJGluZGV4Jykge1xuICAgIHBhdGggPSBgJHtwYXRofVske29iai5rZXl9XWA7XG4gICAgcmV0dXJuIFtwYXRoXTtcbiAgfSBlbHNlIGlmIChlbWJlZGRlZEtleSA9PT0gJyR2YWx1ZScpIHtcbiAgICBwYXRoID0gYCR7cGF0aH1bPyhAPT0nJHtvYmoua2V5fScpXWA7XG4gICAgY29uc3QgdmFsdWVUeXBlID0gZ2V0VHlwZU9mT2JqKG9iai52YWx1ZSk7XG4gICAgcmV0dXJuIFtcbiAgICAgIHBhdGgsXG4gICAgICBbXG4gICAgICAgIHtcbiAgICAgICAgICAuLi5vYmosXG4gICAgICAgICAgcGF0aCxcbiAgICAgICAgICB2YWx1ZVR5cGVcbiAgICAgICAgfVxuICAgICAgXVxuICAgIF07XG4gIH0gZWxzZSB7XG4gICAgcGF0aCA9IGZpbHRlckV4cHJlc3Npb24ocGF0aCwgZW1iZWRkZWRLZXksIG9iai5rZXkpO1xuICAgIHJldHVybiBbcGF0aF07XG4gIH1cbn1cblxuY29uc3QgaGFuZGxlQXJyYXkgPSAob2JqOiBDaGFuZ2VzZXQgfCBJQ2hhbmdlW10sIHBhdGg6IHN0cmluZywgZW1iZWRkZWRLZXk/OiBzdHJpbmcgfCBGdW5jdGlvbktleSk6IElBdG9taWNDaGFuZ2VbXSA9PiB7XG4gIHJldHVybiBvYmoucmVkdWNlKChtZW1vLCBjaGFuZ2UpID0+IFsuLi5tZW1vLCAuLi5hdG9taXplQ2hhbmdlc2V0KGNoYW5nZSwgcGF0aCwgZW1iZWRkZWRLZXkpXSwgW10gYXMgSUF0b21pY0NoYW5nZVtdKTtcbn07XG5cbi8qKlxuICogVHJhbnNmb3JtcyBhbiBhdG9taXplZCBjaGFuZ2VzZXQgaW50byBhIG5lc3RlZCBjaGFuZ2VzZXQuXG4gKlxuICogQHBhcmFtIHtJQXRvbWljQ2hhbmdlIHwgSUF0b21pY0NoYW5nZVtdfSBjaGFuZ2VzIC0gVGhlIGF0b21pYyBjaGFuZ2VzZXQgdG8gdW5mbGF0dGVuLlxuICogQHJldHVybnMge0lDaGFuZ2VbXX0gLSBUaGUgdW5mbGF0dGVuZWQgY2hhbmdlc2V0LlxuICpcbiAqIFRoZSBmdW5jdGlvbiBmaXJzdCBjaGVja3MgaWYgdGhlIGlucHV0IGlzIGEgc2luZ2xlIGNoYW5nZSBvciBhbiBhcnJheSBvZiBjaGFuZ2VzLlxuICogSXQgdGhlbiBpdGVyYXRlcyBvdmVyIGVhY2ggY2hhbmdlIGFuZCBzcGxpdHMgaXRzIHBhdGggaW50byBzZWdtZW50cy5cbiAqIEZvciBlYWNoIHNlZ21lbnQsIGl0IGNoZWNrcyBpZiBpdCByZXByZXNlbnRzIGFuIGFycmF5IG9yIGEgbGVhZiBub2RlLlxuICogSWYgaXQgcmVwcmVzZW50cyBhbiBhcnJheSwgaXQgY3JlYXRlcyBhIG5ldyBjaGFuZ2Ugb2JqZWN0IGFuZCB1cGRhdGVzIHRoZSBwb2ludGVyIHRvIHRoaXMgbmV3IG9iamVjdC5cbiAqIElmIGl0IHJlcHJlc2VudHMgYSBsZWFmIG5vZGUsIGl0IHNldHMgdGhlIGtleSwgdHlwZSwgdmFsdWUsIGFuZCBvbGRWYWx1ZSBvZiB0aGUgY3VycmVudCBjaGFuZ2Ugb2JqZWN0LlxuICogRmluYWxseSwgaXQgcHVzaGVzIHRoZSB1bmZsYXR0ZW5lZCBjaGFuZ2Ugb2JqZWN0IGludG8gdGhlIGNoYW5nZXMgYXJyYXkuXG4gKi9cbmNvbnN0IHVuYXRvbWl6ZUNoYW5nZXNldCA9IChjaGFuZ2VzOiBJQXRvbWljQ2hhbmdlIHwgSUF0b21pY0NoYW5nZVtdKSA9PiB7XG4gIGlmICghQXJyYXkuaXNBcnJheShjaGFuZ2VzKSkge1xuICAgIGNoYW5nZXMgPSBbY2hhbmdlc107XG4gIH1cblxuICBjb25zdCBjaGFuZ2VzQXJyOiBJQ2hhbmdlW10gPSBbXTtcblxuICBjaGFuZ2VzLmZvckVhY2goKGNoYW5nZSkgPT4ge1xuICAgIGNvbnN0IG9iaiA9IHt9IGFzIElDaGFuZ2U7XG4gICAgbGV0IHB0ciA9IG9iajtcblxuICAgIGNvbnN0IHNlZ21lbnRzID0gc3BsaXRKU09OUGF0aChjaGFuZ2UucGF0aCk7XG5cbiAgICBpZiAoc2VnbWVudHMubGVuZ3RoID09PSAxKSB7XG4gICAgICBwdHIua2V5ID0gY2hhbmdlLmtleTtcbiAgICAgIHB0ci50eXBlID0gY2hhbmdlLnR5cGU7XG4gICAgICBwdHIudmFsdWUgPSBjaGFuZ2UudmFsdWU7XG4gICAgICBwdHIub2xkVmFsdWUgPSBjaGFuZ2Uub2xkVmFsdWU7XG4gICAgICBjaGFuZ2VzQXJyLnB1c2gocHRyKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBzZWdtZW50cy5sZW5ndGg7IGkrKykge1xuICAgICAgICBjb25zdCBzZWdtZW50ID0gc2VnbWVudHNbaV07XG4gICAgICAgIC8vIE1hdGNoZXMgSlNPTlBhdGggc2VnbWVudHM6IFwiaXRlbXNbPyhALmlkPT0nMTIzJyldXCIsIFwiaXRlbXNbPyhALmlkPT0xMjMpXVwiLCBcIml0ZW1zWzJdXCIsIFwiaXRlbXNbPyhAPScxMjMnKV1cIlxuICAgICAgICBjb25zdCByZXN1bHQgPSAvXihbXltcXF1dKylcXFtcXD9cXChAXFwuPyhbXj1dKik9KycoW14nXSspJ1xcKVxcXSR8XiguKylcXFsoXFxkKylcXF0kLy5leGVjKHNlZ21lbnQpO1xuICAgICAgICAvLyBhcnJheVxuICAgICAgICBpZiAocmVzdWx0KSB7XG4gICAgICAgICAgbGV0IGtleTogc3RyaW5nO1xuICAgICAgICAgIGxldCBlbWJlZGRlZEtleTogc3RyaW5nO1xuICAgICAgICAgIGxldCBhcnJLZXk6IHN0cmluZyB8IG51bWJlcjtcbiAgICAgICAgICBpZiAocmVzdWx0WzFdKSB7XG4gICAgICAgICAgICBrZXkgPSByZXN1bHRbMV07XG4gICAgICAgICAgICBlbWJlZGRlZEtleSA9IHJlc3VsdFsyXSB8fCAnJHZhbHVlJztcbiAgICAgICAgICAgIGFycktleSA9IHJlc3VsdFszXTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAga2V5ID0gcmVzdWx0WzRdO1xuICAgICAgICAgICAgZW1iZWRkZWRLZXkgPSAnJGluZGV4JztcbiAgICAgICAgICAgIGFycktleSA9IE51bWJlcihyZXN1bHRbNV0pO1xuICAgICAgICAgIH1cbiAgICAgICAgICAvLyBsZWFmXG4gICAgICAgICAgaWYgKGkgPT09IHNlZ21lbnRzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgIHB0ci5rZXkgPSBrZXkhO1xuICAgICAgICAgICAgcHRyLmVtYmVkZGVkS2V5ID0gZW1iZWRkZWRLZXkhO1xuICAgICAgICAgICAgcHRyLnR5cGUgPSBPcGVyYXRpb24uVVBEQVRFO1xuICAgICAgICAgICAgcHRyLmNoYW5nZXMgPSBbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICB0eXBlOiBjaGFuZ2UudHlwZSxcbiAgICAgICAgICAgICAgICBrZXk6IGFycktleSEsXG4gICAgICAgICAgICAgICAgdmFsdWU6IGNoYW5nZS52YWx1ZSxcbiAgICAgICAgICAgICAgICBvbGRWYWx1ZTogY2hhbmdlLm9sZFZhbHVlXG4gICAgICAgICAgICAgIH0gYXMgSUNoYW5nZVxuICAgICAgICAgICAgXTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gb2JqZWN0XG4gICAgICAgICAgICBwdHIua2V5ID0ga2V5O1xuICAgICAgICAgICAgcHRyLmVtYmVkZGVkS2V5ID0gZW1iZWRkZWRLZXk7XG4gICAgICAgICAgICBwdHIudHlwZSA9IE9wZXJhdGlvbi5VUERBVEU7XG4gICAgICAgICAgICBjb25zdCBuZXdQdHIgPSB7fSBhcyBJQ2hhbmdlO1xuICAgICAgICAgICAgcHRyLmNoYW5nZXMgPSBbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICB0eXBlOiBPcGVyYXRpb24uVVBEQVRFLFxuICAgICAgICAgICAgICAgIGtleTogYXJyS2V5LFxuICAgICAgICAgICAgICAgIGNoYW5nZXM6IFtuZXdQdHJdXG4gICAgICAgICAgICAgIH0gYXMgSUNoYW5nZVxuICAgICAgICAgICAgXTtcbiAgICAgICAgICAgIHB0ciA9IG5ld1B0cjtcbiAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgLy8gbGVhZlxuICAgICAgICAgIGlmIChpID09PSBzZWdtZW50cy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICAvLyBIYW5kbGUgYWxsIGxlYWYgdmFsdWVzIHRoZSBzYW1lIHdheSwgcmVnYXJkbGVzcyBvZiB0eXBlXG4gICAgICAgICAgICBwdHIua2V5ID0gc2VnbWVudDtcbiAgICAgICAgICAgIHB0ci50eXBlID0gY2hhbmdlLnR5cGU7XG4gICAgICAgICAgICBwdHIudmFsdWUgPSBjaGFuZ2UudmFsdWU7XG4gICAgICAgICAgICBwdHIub2xkVmFsdWUgPSBjaGFuZ2Uub2xkVmFsdWU7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIC8vIGJyYW5jaFxuICAgICAgICAgICAgcHRyLmtleSA9IHNlZ21lbnQ7XG4gICAgICAgICAgICBwdHIudHlwZSA9IE9wZXJhdGlvbi5VUERBVEU7XG4gICAgICAgICAgICBjb25zdCBuZXdQdHIgPSB7fSBhcyBJQ2hhbmdlO1xuICAgICAgICAgICAgcHRyLmNoYW5nZXMgPSBbbmV3UHRyXTtcbiAgICAgICAgICAgIHB0ciA9IG5ld1B0cjtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGNoYW5nZXNBcnIucHVzaChvYmopO1xuICAgIH1cbiAgfSk7XG4gIHJldHVybiBjaGFuZ2VzQXJyO1xufTtcblxuLyoqXG4gKiBEZXRlcm1pbmVzIHRoZSB0eXBlIG9mIGEgZ2l2ZW4gb2JqZWN0LlxuICpcbiAqIEBwYXJhbSB7YW55fSBvYmogLSBUaGUgb2JqZWN0IHdob3NlIHR5cGUgaXMgdG8gYmUgZGV0ZXJtaW5lZC5cbiAqIEByZXR1cm5zIHtzdHJpbmcgfCBudWxsfSAtIFRoZSB0eXBlIG9mIHRoZSBvYmplY3QsIG9yIG51bGwgaWYgdGhlIG9iamVjdCBpcyBudWxsLlxuICpcbiAqIFRoaXMgZnVuY3Rpb24gZmlyc3QgY2hlY2tzIGlmIHRoZSBvYmplY3QgaXMgdW5kZWZpbmVkIG9yIG51bGwsIGFuZCByZXR1cm5zICd1bmRlZmluZWQnIG9yIG51bGwgcmVzcGVjdGl2ZWx5LlxuICogSWYgdGhlIG9iamVjdCBpcyBuZWl0aGVyIHVuZGVmaW5lZCBub3IgbnVsbCwgaXQgdXNlcyBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nIHRvIGdldCB0aGUgb2JqZWN0J3MgdHlwZS5cbiAqIFRoZSB0eXBlIGlzIGV4dHJhY3RlZCBmcm9tIHRoZSBzdHJpbmcgcmV0dXJuZWQgYnkgT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZyB1c2luZyBhIHJlZ3VsYXIgZXhwcmVzc2lvbi5cbiAqL1xuY29uc3QgZ2V0VHlwZU9mT2JqID0gKG9iajogYW55KSA9PiB7XG4gIGlmICh0eXBlb2Ygb2JqID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiAndW5kZWZpbmVkJztcbiAgfVxuXG4gIGlmIChvYmogPT09IG51bGwpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIC8vIEV4dHJhY3RzIHRoZSBcIlR5cGVcIiBmcm9tIFwiW29iamVjdCBUeXBlXVwiIHN0cmluZy5cbiAgcmV0dXJuIE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbChvYmopLm1hdGNoKC9eXFxbb2JqZWN0XFxzKC4qKVxcXSQvKVsxXTtcbn07XG5cbmNvbnN0IGdldEtleSA9IChwYXRoOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgbGVmdCA9IHBhdGhbcGF0aC5sZW5ndGggLSAxXTtcbiAgcmV0dXJuIGxlZnQgIT0gbnVsbCA/IGxlZnQgOiAnJHJvb3QnO1xufTtcblxuY29uc3QgY29tcGFyZSA9IChvbGRPYmo6IGFueSwgbmV3T2JqOiBhbnksIHBhdGg6IGFueSwga2V5UGF0aDogYW55LCBvcHRpb25zOiBPcHRpb25zKSA9PiB7XG4gIGxldCBjaGFuZ2VzOiBhbnlbXSA9IFtdO1xuXG4gIC8vIENoZWNrIGlmIHRoZSBjdXJyZW50IHBhdGggc2hvdWxkIGJlIHNraXBwZWQgXG4gIGNvbnN0IGN1cnJlbnRQYXRoID0ga2V5UGF0aC5qb2luKCcuJyk7XG4gIGlmIChvcHRpb25zLmtleXNUb1NraXA/LnNvbWUoc2tpcFBhdGggPT4ge1xuICAgIC8vIEV4YWN0IG1hdGNoXG4gICAgaWYgKGN1cnJlbnRQYXRoID09PSBza2lwUGF0aCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIFxuICAgIC8vIFRoZSBjdXJyZW50IHBhdGggaXMgYSBwYXJlbnQgb2YgdGhlIHNraXAgcGF0aFxuICAgIGlmIChza2lwUGF0aC5pbmNsdWRlcygnLicpICYmIHNraXBQYXRoLnN0YXJ0c1dpdGgoY3VycmVudFBhdGggKyAnLicpKSB7XG4gICAgICByZXR1cm4gZmFsc2U7IC8vIERvbid0IHNraXAsIHdlIG5lZWQgdG8gcHJvY2VzcyB0aGUgcGFyZW50XG4gICAgfVxuICAgIFxuICAgIC8vIFRoZSBjdXJyZW50IHBhdGggaXMgYSBjaGlsZCBvciBkZWVwZXIgZGVzY2VuZGFudCBvZiB0aGUgc2tpcCBwYXRoXG4gICAgaWYgKHNraXBQYXRoLmluY2x1ZGVzKCcuJykpIHtcbiAgICAgIC8vIENoZWNrIGlmIHNraXBQYXRoIGlzIGEgcGFyZW50IG9mIGN1cnJlbnRQYXRoXG4gICAgICBjb25zdCBza2lwUGFydHMgPSBza2lwUGF0aC5zcGxpdCgnLicpO1xuICAgICAgY29uc3QgY3VycmVudFBhcnRzID0gY3VycmVudFBhdGguc3BsaXQoJy4nKTtcbiAgICAgIFxuICAgICAgaWYgKGN1cnJlbnRQYXJ0cy5sZW5ndGggPj0gc2tpcFBhcnRzLmxlbmd0aCkge1xuICAgICAgICAvLyBDaGVjayBpZiBhbGwgcGFydHMgb2Ygc2tpcFBhdGggbWF0Y2ggdGhlIGNvcnJlc3BvbmRpbmcgcGFydHMgaW4gY3VycmVudFBhdGhcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBza2lwUGFydHMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICBpZiAoc2tpcFBhcnRzW2ldICE9PSBjdXJyZW50UGFydHNbaV0pIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRydWU7IC8vIEFsbCBwYXJ0cyBtYXRjaCwgc28gdGhpcyBpcyBhIGNoaWxkIG9yIGVxdWFsIHBhdGhcbiAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9KSkge1xuICAgIHJldHVybiBjaGFuZ2VzOyAvLyBTa2lwIGNvbXBhcmlzb24gZm9yIHRoaXMgcGF0aCBhbmQgaXRzIGNoaWxkcmVuXG4gIH1cblxuICBjb25zdCB0eXBlT2ZPbGRPYmogPSBnZXRUeXBlT2ZPYmoob2xkT2JqKTtcbiAgY29uc3QgdHlwZU9mTmV3T2JqID0gZ2V0VHlwZU9mT2JqKG5ld09iaik7XG5cbiAgLy8gYHRyZWF0VHlwZUNoYW5nZUFzUmVwbGFjZWAgaXMgYSBmbGFnIHVzZWQgdG8gZGV0ZXJtaW5lIGlmIGEgY2hhbmdlIGluIHR5cGUgc2hvdWxkIGJlIHRyZWF0ZWQgYXMgYSByZXBsYWNlbWVudC5cbiAgaWYgKG9wdGlvbnMudHJlYXRUeXBlQ2hhbmdlQXNSZXBsYWNlICYmIHR5cGVPZk9sZE9iaiAhPT0gdHlwZU9mTmV3T2JqKSB7XG4gICAgLy8gT25seSBhZGQgYSBSRU1PVkUgb3BlcmF0aW9uIGlmIG9sZE9iaiBpcyBub3QgdW5kZWZpbmVkXG4gICAgaWYgKHR5cGVPZk9sZE9iaiAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIGNoYW5nZXMucHVzaCh7IHR5cGU6IE9wZXJhdGlvbi5SRU1PVkUsIGtleTogZ2V0S2V5KHBhdGgpLCB2YWx1ZTogb2xkT2JqIH0pO1xuICAgIH1cblxuICAgIC8vIEFzIHVuZGVmaW5lZCBpcyBub3Qgc2VyaWFsaXplZCBpbnRvIEpTT04sIGl0IHNob3VsZCBub3QgY291bnQgYXMgYW4gYWRkZWQgdmFsdWUuXG4gICAgaWYgKHR5cGVPZk5ld09iaiAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIGNoYW5nZXMucHVzaCh7IHR5cGU6IE9wZXJhdGlvbi5BREQsIGtleTogZ2V0S2V5KHBhdGgpLCB2YWx1ZTogbmV3T2JqIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBjaGFuZ2VzO1xuICB9XG5cbiAgaWYgKHR5cGVPZk5ld09iaiA9PT0gJ3VuZGVmaW5lZCcgJiYgdHlwZU9mT2xkT2JqICE9PSAndW5kZWZpbmVkJykge1xuICAgIGNoYW5nZXMucHVzaCh7IHR5cGU6IE9wZXJhdGlvbi5SRU1PVkUsIGtleTogZ2V0S2V5KHBhdGgpLCB2YWx1ZTogb2xkT2JqIH0pO1xuICAgIHJldHVybiBjaGFuZ2VzO1xuICB9XG5cbiAgaWYgKHR5cGVPZk5ld09iaiA9PT0gJ09iamVjdCcgJiYgdHlwZU9mT2xkT2JqID09PSAnQXJyYXknKSB7XG4gICAgY2hhbmdlcy5wdXNoKHsgdHlwZTogT3BlcmF0aW9uLlVQREFURSwga2V5OiBnZXRLZXkocGF0aCksIHZhbHVlOiBuZXdPYmosIG9sZFZhbHVlOiBvbGRPYmogfSk7XG4gICAgcmV0dXJuIGNoYW5nZXM7XG4gIH1cblxuICBpZiAodHlwZU9mTmV3T2JqID09PSBudWxsKSB7XG4gICAgaWYgKHR5cGVPZk9sZE9iaiAhPT0gbnVsbCkge1xuICAgICAgY2hhbmdlcy5wdXNoKHsgdHlwZTogT3BlcmF0aW9uLlVQREFURSwga2V5OiBnZXRLZXkocGF0aCksIHZhbHVlOiBuZXdPYmosIG9sZFZhbHVlOiBvbGRPYmogfSk7XG4gICAgfVxuICAgIHJldHVybiBjaGFuZ2VzO1xuICB9XG5cbiAgc3dpdGNoICh0eXBlT2ZPbGRPYmopIHtcbiAgICBjYXNlICdEYXRlJzpcbiAgICAgIGlmICh0eXBlT2ZOZXdPYmogPT09ICdEYXRlJykge1xuICAgICAgICBjaGFuZ2VzID0gY2hhbmdlcy5jb25jYXQoXG4gICAgICAgICAgY29tcGFyZVByaW1pdGl2ZXMob2xkT2JqLmdldFRpbWUoKSwgbmV3T2JqLmdldFRpbWUoKSwgcGF0aCkubWFwKCh4KSA9PiAoe1xuICAgICAgICAgICAgLi4ueCxcbiAgICAgICAgICAgIHZhbHVlOiBuZXcgRGF0ZSh4LnZhbHVlKSxcbiAgICAgICAgICAgIG9sZFZhbHVlOiBuZXcgRGF0ZSh4Lm9sZFZhbHVlKVxuICAgICAgICAgIH0pKVxuICAgICAgICApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2hhbmdlcyA9IGNoYW5nZXMuY29uY2F0KGNvbXBhcmVQcmltaXRpdmVzKG9sZE9iaiwgbmV3T2JqLCBwYXRoKSk7XG4gICAgICB9XG4gICAgICBicmVhaztcbiAgICBjYXNlICdPYmplY3QnOiB7XG4gICAgICBjb25zdCBkaWZmcyA9IGNvbXBhcmVPYmplY3Qob2xkT2JqLCBuZXdPYmosIHBhdGgsIGtleVBhdGgsIGZhbHNlLCBvcHRpb25zKTtcbiAgICAgIGlmIChkaWZmcy5sZW5ndGgpIHtcbiAgICAgICAgaWYgKHBhdGgubGVuZ3RoKSB7XG4gICAgICAgICAgY2hhbmdlcy5wdXNoKHtcbiAgICAgICAgICAgIHR5cGU6IE9wZXJhdGlvbi5VUERBVEUsXG4gICAgICAgICAgICBrZXk6IGdldEtleShwYXRoKSxcbiAgICAgICAgICAgIGNoYW5nZXM6IGRpZmZzXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgY2hhbmdlcyA9IGNoYW5nZXMuY29uY2F0KGRpZmZzKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYnJlYWs7XG4gICAgfVxuICAgIGNhc2UgJ0FycmF5JzpcbiAgICAgIGNoYW5nZXMgPSBjaGFuZ2VzLmNvbmNhdChjb21wYXJlQXJyYXkob2xkT2JqLCBuZXdPYmosIHBhdGgsIGtleVBhdGgsIG9wdGlvbnMpKTtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ0Z1bmN0aW9uJzpcbiAgICAgIGJyZWFrO1xuICAgIC8vIGRvIG5vdGhpbmdcbiAgICBkZWZhdWx0OlxuICAgICAgY2hhbmdlcyA9IGNoYW5nZXMuY29uY2F0KGNvbXBhcmVQcmltaXRpdmVzKG9sZE9iaiwgbmV3T2JqLCBwYXRoKSk7XG4gIH1cblxuICByZXR1cm4gY2hhbmdlcztcbn07XG5cbmNvbnN0IGNvbXBhcmVPYmplY3QgPSAob2xkT2JqOiBhbnksIG5ld09iajogYW55LCBwYXRoOiBhbnksIGtleVBhdGg6IGFueSwgc2tpcFBhdGggPSBmYWxzZSwgb3B0aW9uczogT3B0aW9ucyA9IHt9KSA9PiB7XG4gIGxldCBrO1xuICBsZXQgbmV3S2V5UGF0aDtcbiAgbGV0IG5ld1BhdGg7XG5cbiAgaWYgKHNraXBQYXRoID09IG51bGwpIHtcbiAgICBza2lwUGF0aCA9IGZhbHNlO1xuICB9XG4gIGxldCBjaGFuZ2VzOiBhbnlbXSA9IFtdO1xuXG4gIC8vIEZpbHRlciBrZXlzIGRpcmVjdGx5IHJhdGhlciB0aGFuIGZpbHRlcmluZyBieSBrZXlzVG9Ta2lwIGF0IHRoaXMgbGV2ZWxcbiAgLy8gVGhlIGZ1bGwgcGF0aCBjaGVjayBpcyBub3cgZG9uZSBpbiB0aGUgY29tcGFyZSBmdW5jdGlvblxuICBjb25zdCBvbGRPYmpLZXlzID0gT2JqZWN0LmtleXMob2xkT2JqKTtcbiAgY29uc3QgbmV3T2JqS2V5cyA9IE9iamVjdC5rZXlzKG5ld09iaik7XG5cbiAgY29uc3QgaW50ZXJzZWN0aW9uS2V5cyA9IGludGVyc2VjdGlvbihvbGRPYmpLZXlzLCBuZXdPYmpLZXlzKTtcbiAgZm9yIChrIG9mIGludGVyc2VjdGlvbktleXMpIHtcbiAgICBuZXdQYXRoID0gcGF0aC5jb25jYXQoW2tdKTtcbiAgICBuZXdLZXlQYXRoID0gc2tpcFBhdGggPyBrZXlQYXRoIDoga2V5UGF0aC5jb25jYXQoW2tdKTtcbiAgICBjb25zdCBkaWZmcyA9IGNvbXBhcmUob2xkT2JqW2tdLCBuZXdPYmpba10sIG5ld1BhdGgsIG5ld0tleVBhdGgsIG9wdGlvbnMpO1xuICAgIGlmIChkaWZmcy5sZW5ndGgpIHtcbiAgICAgIGNoYW5nZXMgPSBjaGFuZ2VzLmNvbmNhdChkaWZmcyk7XG4gICAgfVxuICB9XG5cbiAgY29uc3QgYWRkZWRLZXlzID0gZGlmZmVyZW5jZShuZXdPYmpLZXlzLCBvbGRPYmpLZXlzKTtcbiAgZm9yIChrIG9mIGFkZGVkS2V5cykge1xuICAgIG5ld1BhdGggPSBwYXRoLmNvbmNhdChba10pO1xuICAgIG5ld0tleVBhdGggPSBza2lwUGF0aCA/IGtleVBhdGggOiBrZXlQYXRoLmNvbmNhdChba10pO1xuICAgIC8vIENoZWNrIGlmIHRoZSBwYXRoIHNob3VsZCBiZSBza2lwcGVkXG4gICAgY29uc3QgY3VycmVudFBhdGggPSBuZXdLZXlQYXRoLmpvaW4oJy4nKTtcbiAgICBpZiAob3B0aW9ucy5rZXlzVG9Ta2lwPy5zb21lKHNraXBQYXRoID0+IGN1cnJlbnRQYXRoID09PSBza2lwUGF0aCB8fCBjdXJyZW50UGF0aC5zdGFydHNXaXRoKHNraXBQYXRoICsgJy4nKSkpIHtcbiAgICAgIGNvbnRpbnVlOyAvLyBTa2lwIGFkZGluZyB0aGlzIGtleVxuICAgIH1cbiAgICBjaGFuZ2VzLnB1c2goe1xuICAgICAgdHlwZTogT3BlcmF0aW9uLkFERCxcbiAgICAgIGtleTogZ2V0S2V5KG5ld1BhdGgpLFxuICAgICAgdmFsdWU6IG5ld09ialtrXVxuICAgIH0pO1xuICB9XG5cbiAgY29uc3QgZGVsZXRlZEtleXMgPSBkaWZmZXJlbmNlKG9sZE9iaktleXMsIG5ld09iaktleXMpO1xuICBmb3IgKGsgb2YgZGVsZXRlZEtleXMpIHtcbiAgICBuZXdQYXRoID0gcGF0aC5jb25jYXQoW2tdKTtcbiAgICBuZXdLZXlQYXRoID0gc2tpcFBhdGggPyBrZXlQYXRoIDoga2V5UGF0aC5jb25jYXQoW2tdKTtcbiAgICAvLyBDaGVjayBpZiB0aGUgcGF0aCBzaG91bGQgYmUgc2tpcHBlZFxuICAgIGNvbnN0IGN1cnJlbnRQYXRoID0gbmV3S2V5UGF0aC5qb2luKCcuJyk7XG4gICAgaWYgKG9wdGlvbnMua2V5c1RvU2tpcD8uc29tZShza2lwUGF0aCA9PiBjdXJyZW50UGF0aCA9PT0gc2tpcFBhdGggfHwgY3VycmVudFBhdGguc3RhcnRzV2l0aChza2lwUGF0aCArICcuJykpKSB7XG4gICAgICBjb250aW51ZTsgLy8gU2tpcCByZW1vdmluZyB0aGlzIGtleVxuICAgIH1cbiAgICBjaGFuZ2VzLnB1c2goe1xuICAgICAgdHlwZTogT3BlcmF0aW9uLlJFTU9WRSxcbiAgICAgIGtleTogZ2V0S2V5KG5ld1BhdGgpLFxuICAgICAgdmFsdWU6IG9sZE9ialtrXVxuICAgIH0pO1xuICB9XG4gIHJldHVybiBjaGFuZ2VzO1xufTtcblxuY29uc3QgY29tcGFyZUFycmF5ID0gKG9sZE9iajogYW55LCBuZXdPYmo6IGFueSwgcGF0aDogYW55LCBrZXlQYXRoOiBhbnksIG9wdGlvbnM6IE9wdGlvbnMpID0+IHtcbiAgaWYgKGdldFR5cGVPZk9iaihuZXdPYmopICE9PSAnQXJyYXknKSB7XG4gICAgcmV0dXJuIFt7IHR5cGU6IE9wZXJhdGlvbi5VUERBVEUsIGtleTogZ2V0S2V5KHBhdGgpLCB2YWx1ZTogbmV3T2JqLCBvbGRWYWx1ZTogb2xkT2JqIH1dO1xuICB9XG5cbiAgY29uc3QgbGVmdCA9IGdldE9iamVjdEtleShvcHRpb25zLmVtYmVkZGVkT2JqS2V5cywga2V5UGF0aCk7XG4gIGNvbnN0IHVuaXFLZXkgPSBsZWZ0ICE9IG51bGwgPyBsZWZ0IDogJyRpbmRleCc7XG4gIGNvbnN0IGluZGV4ZWRPbGRPYmogPSBjb252ZXJ0QXJyYXlUb09iaihvbGRPYmosIHVuaXFLZXkpO1xuICBjb25zdCBpbmRleGVkTmV3T2JqID0gY29udmVydEFycmF5VG9PYmoobmV3T2JqLCB1bmlxS2V5KTtcbiAgY29uc3QgZGlmZnMgPSBjb21wYXJlT2JqZWN0KGluZGV4ZWRPbGRPYmosIGluZGV4ZWROZXdPYmosIHBhdGgsIGtleVBhdGgsIHRydWUsIG9wdGlvbnMpO1xuICBpZiAoZGlmZnMubGVuZ3RoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHtcbiAgICAgICAgdHlwZTogT3BlcmF0aW9uLlVQREFURSxcbiAgICAgICAga2V5OiBnZXRLZXkocGF0aCksXG4gICAgICAgIGVtYmVkZGVkS2V5OiB0eXBlb2YgdW5pcUtleSA9PT0gJ2Z1bmN0aW9uJyAmJiB1bmlxS2V5Lmxlbmd0aCA9PT0gMiA/IHVuaXFLZXkobmV3T2JqWzBdLCB0cnVlKSA6IHVuaXFLZXksXG4gICAgICAgIGNoYW5nZXM6IGRpZmZzXG4gICAgICB9XG4gICAgXTtcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gW107XG4gIH1cbn07XG5cbmNvbnN0IGdldE9iamVjdEtleSA9IChlbWJlZGRlZE9iaktleXM6IGFueSwga2V5UGF0aDogYW55KSA9PiB7XG4gIGlmIChlbWJlZGRlZE9iaktleXMgIT0gbnVsbCkge1xuICAgIGNvbnN0IHBhdGggPSBrZXlQYXRoLmpvaW4oJy4nKTtcblxuICAgIGlmIChlbWJlZGRlZE9iaktleXMgaW5zdGFuY2VvZiBNYXApIHtcbiAgICAgIGZvciAoY29uc3QgW2tleSwgdmFsdWVdIG9mIGVtYmVkZGVkT2JqS2V5cy5lbnRyaWVzKCkpIHtcbiAgICAgICAgaWYgKGtleSBpbnN0YW5jZW9mIFJlZ0V4cCkge1xuICAgICAgICAgIGlmIChwYXRoLm1hdGNoKGtleSkpIHtcbiAgICAgICAgICAgIHJldHVybiB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSBpZiAocGF0aCA9PT0ga2V5KSB7XG4gICAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qga2V5ID0gZW1iZWRkZWRPYmpLZXlzW3BhdGhdO1xuICAgIGlmIChrZXkgIT0gbnVsbCkge1xuICAgICAgcmV0dXJuIGtleTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGNvbnZlcnRBcnJheVRvT2JqID0gKGFycjogYW55W10sIHVuaXFLZXk6IGFueSkgPT4ge1xuICBsZXQgb2JqOiBhbnkgPSB7fTtcbiAgaWYgKHVuaXFLZXkgPT09ICckdmFsdWUnKSB7XG4gICAgYXJyLmZvckVhY2goKHZhbHVlKSA9PiB7XG4gICAgICBvYmpbdmFsdWVdID0gdmFsdWU7XG4gICAgfSk7XG4gIH0gZWxzZSBpZiAodW5pcUtleSAhPT0gJyRpbmRleCcpIHtcbiAgICAvLyBDb252ZXJ0IHN0cmluZyBrZXlzIHRvIGZ1bmN0aW9ucyBmb3IgY29tcGF0aWJpbGl0eSB3aXRoIGVzLXRvb2xraXQga2V5QnlcbiAgICBjb25zdCBrZXlGdW5jdGlvbiA9IHR5cGVvZiB1bmlxS2V5ID09PSAnc3RyaW5nJyA/IChpdGVtOiBhbnkpID0+IGl0ZW1bdW5pcUtleV0gOiB1bmlxS2V5O1xuICAgIG9iaiA9IGtleUJ5KGFyciwga2V5RnVuY3Rpb24pO1xuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYXJyLmxlbmd0aDsgaSsrKSB7XG4gICAgICBjb25zdCB2YWx1ZSA9IGFycltpXTtcbiAgICAgIG9ialtpXSA9IHZhbHVlO1xuICAgIH1cbiAgfVxuICByZXR1cm4gb2JqO1xufTtcblxuY29uc3QgY29tcGFyZVByaW1pdGl2ZXMgPSAob2xkT2JqOiBhbnksIG5ld09iajogYW55LCBwYXRoOiBhbnkpID0+IHtcbiAgY29uc3QgY2hhbmdlcyA9IFtdO1xuICBpZiAob2xkT2JqICE9PSBuZXdPYmopIHtcbiAgICBjaGFuZ2VzLnB1c2goe1xuICAgICAgdHlwZTogT3BlcmF0aW9uLlVQREFURSxcbiAgICAgIGtleTogZ2V0S2V5KHBhdGgpLFxuICAgICAgdmFsdWU6IG5ld09iaixcbiAgICAgIG9sZFZhbHVlOiBvbGRPYmpcbiAgICB9KTtcbiAgfVxuICByZXR1cm4gY2hhbmdlcztcbn07XG5cbmNvbnN0IHJlbW92ZUtleSA9IChvYmo6IGFueSwga2V5OiBhbnksIGVtYmVkZGVkS2V5OiBhbnkpID0+IHtcbiAgaWYgKEFycmF5LmlzQXJyYXkob2JqKSkge1xuICAgIGlmIChlbWJlZGRlZEtleSA9PT0gJyRpbmRleCcpIHtcbiAgICAgIG9iai5zcGxpY2UoTnVtYmVyKGtleSksIDEpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBpbmRleCA9IGluZGV4T2ZJdGVtSW5BcnJheShvYmosIGVtYmVkZGVkS2V5LCBrZXkpO1xuICAgIGlmIChpbmRleCA9PT0gLTEpIHtcbiAgICAgIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1jb25zb2xlXG4gICAgICBjb25zb2xlLndhcm4oYEVsZW1lbnQgd2l0aCB0aGUga2V5ICcke2VtYmVkZGVkS2V5fScgYW5kIHZhbHVlICcke2tleX0nIGNvdWxkIG5vdCBiZSBmb3VuZCBpbiB0aGUgYXJyYXknYCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHJldHVybiBvYmouc3BsaWNlKGluZGV4ICE9IG51bGwgPyBpbmRleCA6IGtleSwgMSk7XG4gIH0gZWxzZSB7XG4gICAgZGVsZXRlIG9ialtrZXldO1xuICAgIHJldHVybjtcbiAgfVxufTtcblxuY29uc3QgaW5kZXhPZkl0ZW1JbkFycmF5ID0gKGFycjogYW55W10sIGtleTogYW55LCB2YWx1ZTogYW55KSA9PiB7XG4gIGlmIChrZXkgPT09ICckdmFsdWUnKSB7XG4gICAgcmV0dXJuIGFyci5pbmRleE9mKHZhbHVlKTtcbiAgfVxuICBmb3IgKGxldCBpID0gMDsgaSA8IGFyci5sZW5ndGg7IGkrKykge1xuICAgIGNvbnN0IGl0ZW0gPSBhcnJbaV07XG4gICAgaWYgKGl0ZW0gJiYgaXRlbVtrZXldID8gaXRlbVtrZXldLnRvU3RyaW5nKCkgPT09IHZhbHVlLnRvU3RyaW5nKCkgOiB1bmRlZmluZWQpIHtcbiAgICAgIHJldHVybiBpO1xuICAgIH1cbiAgfVxuICByZXR1cm4gLTE7XG59O1xuXG5jb25zdCBtb2RpZnlLZXlWYWx1ZSA9IChvYmo6IGFueSwga2V5OiBhbnksIHZhbHVlOiBhbnkpID0+IChvYmpba2V5XSA9IHZhbHVlKTtcbmNvbnN0IGFkZEtleVZhbHVlID0gKG9iajogYW55LCBrZXk6IGFueSwgdmFsdWU6IGFueSwgZW1iZWRkZWRLZXk/OiBhbnkpID0+IHtcbiAgaWYgKEFycmF5LmlzQXJyYXkob2JqKSkge1xuICAgIGlmIChlbWJlZGRlZEtleSA9PT0gJyRpbmRleCcpIHtcbiAgICAgIG9iai5zcGxpY2UoTnVtYmVyKGtleSksIDAsIHZhbHVlKTtcbiAgICAgIHJldHVybiBvYmoubGVuZ3RoO1xuICAgIH1cbiAgICByZXR1cm4gb2JqLnB1c2godmFsdWUpO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBvYmogPyAob2JqW2tleV0gPSB2YWx1ZSkgOiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBhcHBseUxlYWZDaGFuZ2UgPSAob2JqOiBhbnksIGNoYW5nZTogYW55LCBlbWJlZGRlZEtleTogYW55KSA9PiB7XG4gIGNvbnN0IHsgdHlwZSwga2V5LCB2YWx1ZSB9ID0gY2hhbmdlO1xuICBzd2l0Y2ggKHR5cGUpIHtcbiAgICBjYXNlIE9wZXJhdGlvbi5BREQ6XG4gICAgICByZXR1cm4gYWRkS2V5VmFsdWUob2JqLCBrZXksIHZhbHVlLCBlbWJlZGRlZEtleSk7XG4gICAgY2FzZSBPcGVyYXRpb24uVVBEQVRFOlxuICAgICAgcmV0dXJuIG1vZGlmeUtleVZhbHVlKG9iaiwga2V5LCB2YWx1ZSk7XG4gICAgY2FzZSBPcGVyYXRpb24uUkVNT1ZFOlxuICAgICAgcmV0dXJuIHJlbW92ZUtleShvYmosIGtleSwgZW1iZWRkZWRLZXkpO1xuICB9XG59O1xuXG4vKipcbiAqIEFwcGxpZXMgY2hhbmdlcyB0byBhbiBhcnJheS5cbiAqIFxuICogQHBhcmFtIHthbnlbXX0gYXJyIC0gVGhlIGFycmF5IHRvIGFwcGx5IGNoYW5nZXMgdG8uXG4gKiBAcGFyYW0ge2FueX0gY2hhbmdlIC0gVGhlIGNoYW5nZSB0byBhcHBseSwgY29udGFpbmluZyBuZXN0ZWQgY2hhbmdlcy5cbiAqIEByZXR1cm5zIHthbnlbXX0gLSBUaGUgYXJyYXkgYWZ0ZXIgY2hhbmdlcyBoYXZlIGJlZW4gYXBwbGllZC5cbiAqXG4gKiBOb3RlOiBUaGlzIGZ1bmN0aW9uIG1vZGlmaWVzIHRoZSBhcnJheSBpbi1wbGFjZSBidXQgYWxzbyByZXR1cm5zIGl0IGZvclxuICogY29uc2lzdGVuY3kgd2l0aCBvdGhlciBmdW5jdGlvbnMuXG4gKi9cbmNvbnN0IGFwcGx5QXJyYXlDaGFuZ2UgPSAoYXJyOiBhbnlbXSwgY2hhbmdlOiBhbnkpID0+IHtcbiAgbGV0IGNoYW5nZXMgPSBjaGFuZ2UuY2hhbmdlcztcbiAgaWYgKGNoYW5nZS5lbWJlZGRlZEtleSA9PT0gJyRpbmRleCcpIHtcbiAgICBjaGFuZ2VzID0gWy4uLmNoYW5nZXNdLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIGlmIChhLnR5cGUgPT09IE9wZXJhdGlvbi5SRU1PVkUgJiYgYi50eXBlID09PSBPcGVyYXRpb24uUkVNT1ZFKSB7XG4gICAgICAgIHJldHVybiBOdW1iZXIoYi5rZXkpIC0gTnVtYmVyKGEua2V5KTtcbiAgICAgIH1cbiAgICAgIGlmIChhLnR5cGUgPT09IE9wZXJhdGlvbi5SRU1PVkUpIHJldHVybiAtMTtcbiAgICAgIGlmIChiLnR5cGUgPT09IE9wZXJhdGlvbi5SRU1PVkUpIHJldHVybiAxO1xuICAgICAgcmV0dXJuIE51bWJlcihhLmtleSkgLSBOdW1iZXIoYi5rZXkpO1xuICAgIH0pO1xuICB9XG5cbiAgZm9yIChjb25zdCBzdWJjaGFuZ2Ugb2YgY2hhbmdlcykge1xuICAgIGlmIChcbiAgICAgIChzdWJjaGFuZ2UudmFsdWUgIT09IG51bGwgJiYgc3ViY2hhbmdlLnZhbHVlICE9PSB1bmRlZmluZWQpIHx8XG4gICAgICBzdWJjaGFuZ2UudHlwZSA9PT0gT3BlcmF0aW9uLlJFTU9WRSB8fFxuICAgICAgKHN1YmNoYW5nZS52YWx1ZSA9PT0gbnVsbCAmJiBzdWJjaGFuZ2UudHlwZSA9PT0gT3BlcmF0aW9uLkFERClcbiAgICApIHtcbiAgICAgIGFwcGx5TGVhZkNoYW5nZShhcnIsIHN1YmNoYW5nZSwgY2hhbmdlLmVtYmVkZGVkS2V5KTtcbiAgICB9IGVsc2Uge1xuICAgICAgbGV0IGVsZW1lbnQ7XG4gICAgICBpZiAoY2hhbmdlLmVtYmVkZGVkS2V5ID09PSAnJGluZGV4Jykge1xuICAgICAgICBlbGVtZW50ID0gYXJyW3N1YmNoYW5nZS5rZXldO1xuICAgICAgfSBlbHNlIGlmIChjaGFuZ2UuZW1iZWRkZWRLZXkgPT09ICckdmFsdWUnKSB7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gYXJyLmluZGV4T2Yoc3ViY2hhbmdlLmtleSk7XG4gICAgICAgIGlmIChpbmRleCAhPT0gLTEpIHtcbiAgICAgICAgICBlbGVtZW50ID0gYXJyW2luZGV4XTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZWxlbWVudCA9IGFyci5maW5kKChlbCkgPT4gZWxbY2hhbmdlLmVtYmVkZGVkS2V5XT8udG9TdHJpbmcoKSA9PT0gc3ViY2hhbmdlLmtleS50b1N0cmluZygpKTtcbiAgICAgIH1cbiAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgIGFwcGx5Q2hhbmdlc2V0KGVsZW1lbnQsIHN1YmNoYW5nZS5jaGFuZ2VzKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgcmV0dXJuIGFycjtcbn07XG5cbmNvbnN0IGFwcGx5QnJhbmNoQ2hhbmdlID0gKG9iajogYW55LCBjaGFuZ2U6IGFueSkgPT4ge1xuICBpZiAoQXJyYXkuaXNBcnJheShvYmopKSB7XG4gICAgcmV0dXJuIGFwcGx5QXJyYXlDaGFuZ2Uob2JqLCBjaGFuZ2UpO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBhcHBseUNoYW5nZXNldChvYmosIGNoYW5nZS5jaGFuZ2VzKTtcbiAgfVxufTtcblxuY29uc3QgcmV2ZXJ0TGVhZkNoYW5nZSA9IChvYmo6IGFueSwgY2hhbmdlOiBhbnksIGVtYmVkZGVkS2V5ID0gJyRpbmRleCcpID0+IHtcbiAgY29uc3QgeyB0eXBlLCBrZXksIHZhbHVlLCBvbGRWYWx1ZSB9ID0gY2hhbmdlO1xuICBcbiAgLy8gU3BlY2lhbCBoYW5kbGluZyBmb3IgJHJvb3Qga2V5XG4gIGlmIChrZXkgPT09ICckcm9vdCcpIHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgT3BlcmF0aW9uLkFERDpcbiAgICAgICAgLy8gV2hlbiByZXZlcnRpbmcgYW4gQUREIG9mIHRoZSBlbnRpcmUgb2JqZWN0LCBjbGVhciBhbGwgcHJvcGVydGllc1xuICAgICAgICBmb3IgKGNvbnN0IHByb3AgaW4gb2JqKSB7XG4gICAgICAgICAgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChvYmosIHByb3ApKSB7XG4gICAgICAgICAgICBkZWxldGUgb2JqW3Byb3BdO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gb2JqO1xuICAgICAgY2FzZSBPcGVyYXRpb24uVVBEQVRFOlxuICAgICAgICAvLyBSZXBsYWNlIHRoZSBlbnRpcmUgb2JqZWN0IHdpdGggdGhlIG9sZCB2YWx1ZVxuICAgICAgICBmb3IgKGNvbnN0IHByb3AgaW4gb2JqKSB7XG4gICAgICAgICAgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChvYmosIHByb3ApKSB7XG4gICAgICAgICAgICBkZWxldGUgb2JqW3Byb3BdO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBpZiAob2xkVmFsdWUgJiYgdHlwZW9mIG9sZFZhbHVlID09PSAnb2JqZWN0Jykge1xuICAgICAgICAgIE9iamVjdC5hc3NpZ24ob2JqLCBvbGRWYWx1ZSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG9iajtcbiAgICAgIGNhc2UgT3BlcmF0aW9uLlJFTU9WRTpcbiAgICAgICAgLy8gUmVzdG9yZSB0aGUgcmVtb3ZlZCBvYmplY3RcbiAgICAgICAgaWYgKHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKG9iaiwgdmFsdWUpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBvYmo7XG4gICAgfVxuICB9XG4gIFxuICAvLyBSZWd1bGFyIHByb3BlcnR5IGhhbmRsaW5nXG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgT3BlcmF0aW9uLkFERDpcbiAgICAgIHJldHVybiByZW1vdmVLZXkob2JqLCBrZXksIGVtYmVkZGVkS2V5KTtcbiAgICBjYXNlIE9wZXJhdGlvbi5VUERBVEU6XG4gICAgICByZXR1cm4gbW9kaWZ5S2V5VmFsdWUob2JqLCBrZXksIG9sZFZhbHVlKTtcbiAgICBjYXNlIE9wZXJhdGlvbi5SRU1PVkU6XG4gICAgICByZXR1cm4gYWRkS2V5VmFsdWUob2JqLCBrZXksIHZhbHVlKTtcbiAgfVxufTtcblxuLyoqXG4gKiBSZXZlcnRzIGNoYW5nZXMgaW4gYW4gYXJyYXkuXG4gKiBcbiAqIEBwYXJhbSB7YW55W119IGFyciAtIFRoZSBhcnJheSB0byByZXZlcnQgY2hhbmdlcyBpbi5cbiAqIEBwYXJhbSB7YW55fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIHRvIHJldmVydCwgY29udGFpbmluZyBuZXN0ZWQgY2hhbmdlcy5cbiAqIEByZXR1cm5zIHthbnlbXX0gLSBUaGUgYXJyYXkgYWZ0ZXIgY2hhbmdlcyBoYXZlIGJlZW4gcmV2ZXJ0ZWQuXG4gKlxuICogTm90ZTogVGhpcyBmdW5jdGlvbiBtb2RpZmllcyB0aGUgYXJyYXkgaW4tcGxhY2UgYnV0IGFsc28gcmV0dXJucyBpdCBmb3JcbiAqIGNvbnNpc3RlbmN5IHdpdGggb3RoZXIgZnVuY3Rpb25zLlxuICovXG5jb25zdCByZXZlcnRBcnJheUNoYW5nZSA9IChhcnI6IGFueVtdLCBjaGFuZ2U6IGFueSkgPT4ge1xuICBmb3IgKGNvbnN0IHN1YmNoYW5nZSBvZiBjaGFuZ2UuY2hhbmdlcykge1xuICAgIGlmIChzdWJjaGFuZ2UudmFsdWUgIT0gbnVsbCB8fCBzdWJjaGFuZ2UudHlwZSA9PT0gT3BlcmF0aW9uLlJFTU9WRSkge1xuICAgICAgcmV2ZXJ0TGVhZkNoYW5nZShhcnIsIHN1YmNoYW5nZSwgY2hhbmdlLmVtYmVkZGVkS2V5KTtcbiAgICB9IGVsc2Uge1xuICAgICAgbGV0IGVsZW1lbnQ7XG4gICAgICBpZiAoY2hhbmdlLmVtYmVkZGVkS2V5ID09PSAnJGluZGV4Jykge1xuICAgICAgICBlbGVtZW50ID0gYXJyWytzdWJjaGFuZ2Uua2V5XTtcbiAgICAgIH0gZWxzZSBpZiAoY2hhbmdlLmVtYmVkZGVkS2V5ID09PSAnJHZhbHVlJykge1xuICAgICAgICBjb25zdCBpbmRleCA9IGFyci5pbmRleE9mKHN1YmNoYW5nZS5rZXkpO1xuICAgICAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICAgICAgZWxlbWVudCA9IGFycltpbmRleF07XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGVsZW1lbnQgPSBhcnIuZmluZCgoZWwpID0+IGVsW2NoYW5nZS5lbWJlZGRlZEtleV0/LnRvU3RyaW5nKCkgPT09IHN1YmNoYW5nZS5rZXkudG9TdHJpbmcoKSk7XG4gICAgICB9XG4gICAgICBpZiAoZWxlbWVudCkge1xuICAgICAgICByZXZlcnRDaGFuZ2VzZXQoZWxlbWVudCwgc3ViY2hhbmdlLmNoYW5nZXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gYXJyO1xufTtcblxuY29uc3QgcmV2ZXJ0QnJhbmNoQ2hhbmdlID0gKG9iajogYW55LCBjaGFuZ2U6IGFueSkgPT4ge1xuICBpZiAoQXJyYXkuaXNBcnJheShvYmopKSB7XG4gICAgcmV0dXJuIHJldmVydEFycmF5Q2hhbmdlKG9iaiwgY2hhbmdlKTtcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gcmV2ZXJ0Q2hhbmdlc2V0KG9iaiwgY2hhbmdlLmNoYW5nZXMpO1xuICB9XG59O1xuXG4vKiogY29tYmluZSBhIGJhc2UgSlNPTiBQYXRoIHdpdGggYSBzdWJzZXF1ZW50IHNlZ21lbnQgKi9cbmZ1bmN0aW9uIGFwcGVuZChiYXNlUGF0aDogc3RyaW5nLCBuZXh0U2VnbWVudDogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIG5leHRTZWdtZW50LmluY2x1ZGVzKCcuJykgPyBgJHtiYXNlUGF0aH1bJHtuZXh0U2VnbWVudH1dYCA6IGAke2Jhc2VQYXRofS4ke25leHRTZWdtZW50fWA7XG59XG5cbi8qKiByZXR1cm5zIGEgSlNPTiBQYXRoIGZpbHRlciBleHByZXNzaW9uOyBlLmcuLCBgJC5wZXRbKD9uYW1lPSdzcG90JyldYCAqL1xuZnVuY3Rpb24gZmlsdGVyRXhwcmVzc2lvbihiYXNlUGF0aDogc3RyaW5nLCBmaWx0ZXJLZXk6IHN0cmluZyB8IEZ1bmN0aW9uS2V5LCBmaWx0ZXJWYWx1ZTogc3RyaW5nIHwgbnVtYmVyKSB7XG4gIGNvbnN0IHZhbHVlID0gdHlwZW9mIGZpbHRlclZhbHVlID09PSAnbnVtYmVyJyA/IGZpbHRlclZhbHVlIDogYCcke2ZpbHRlclZhbHVlfSdgO1xuICByZXR1cm4gdHlwZW9mIGZpbHRlcktleSA9PT0gJ3N0cmluZycgJiYgZmlsdGVyS2V5LmluY2x1ZGVzKCcuJylcbiAgICA/IGAke2Jhc2VQYXRofVs/KEBbJHtmaWx0ZXJLZXl9XT09JHt2YWx1ZX0pXWBcbiAgICA6IGAke2Jhc2VQYXRofVs/KEAuJHtmaWx0ZXJLZXl9PT0ke3ZhbHVlfSldYDtcbn1cblxuZXhwb3J0IHtcbiAgQ2hhbmdlc2V0LFxuICBFbWJlZGRlZE9iaktleXNNYXBUeXBlLFxuICBFbWJlZGRlZE9iaktleXNUeXBlLFxuICBJQXRvbWljQ2hhbmdlLFxuICBJQ2hhbmdlLFxuICBPcGVyYXRpb24sXG4gIE9wdGlvbnMsXG4gIGFwcGx5Q2hhbmdlc2V0LFxuICBhdG9taXplQ2hhbmdlc2V0LFxuICBkaWZmLFxuICBnZXRUeXBlT2ZPYmosXG4gIHJldmVydENoYW5nZXNldCxcbiAgdW5hdG9taXplQ2hhbmdlc2V0XG59O1xuIiwgImltcG9ydCB7IHNldEJ5UGF0aCB9IGZyb20gJy4vaGVscGVycy5qcyc7XG5pbXBvcnQgeyBkaWZmLCBhdG9taXplQ2hhbmdlc2V0LCBnZXRUeXBlT2ZPYmosIElBdG9taWNDaGFuZ2UsIE9wZXJhdGlvbiB9IGZyb20gJy4vanNvbkRpZmYuanMnO1xuXG5lbnVtIENvbXBhcmVPcGVyYXRpb24ge1xuICBDT05UQUlORVIgPSAnQ09OVEFJTkVSJyxcbiAgVU5DSEFOR0VEID0gJ1VOQ0hBTkdFRCdcbn1cblxuaW50ZXJmYWNlIElDb21wYXJpc29uRW5yaWNoZWROb2RlIHtcbiAgdHlwZTogT3BlcmF0aW9uIHwgQ29tcGFyZU9wZXJhdGlvbjtcbiAgdmFsdWU6IElDb21wYXJpc29uRW5yaWNoZWROb2RlIHwgSUNvbXBhcmlzb25FbnJpY2hlZE5vZGVbXSB8IGFueSB8IGFueVtdO1xuICBvbGRWYWx1ZT86IGFueTtcbn1cblxuY29uc3QgY3JlYXRlVmFsdWUgPSAodmFsdWU6IGFueSk6IElDb21wYXJpc29uRW5yaWNoZWROb2RlID0+ICh7IHR5cGU6IENvbXBhcmVPcGVyYXRpb24uVU5DSEFOR0VELCB2YWx1ZSB9KTtcbmNvbnN0IGNyZWF0ZUNvbnRhaW5lciA9ICh2YWx1ZTogb2JqZWN0IHwgW10pOiBJQ29tcGFyaXNvbkVucmljaGVkTm9kZSA9PiAoe1xuICB0eXBlOiBDb21wYXJlT3BlcmF0aW9uLkNPTlRBSU5FUixcbiAgdmFsdWVcbn0pO1xuXG5jb25zdCBlbnJpY2ggPSAob2JqZWN0OiBhbnkpOiBJQ29tcGFyaXNvbkVucmljaGVkTm9kZSA9PiB7XG4gIGNvbnN0IG9iamVjdFR5cGUgPSBnZXRUeXBlT2ZPYmoob2JqZWN0KTtcblxuICBzd2l0Y2ggKG9iamVjdFR5cGUpIHtcbiAgICBjYXNlICdPYmplY3QnOlxuICAgICAgcmV0dXJuIE9iamVjdC5rZXlzKG9iamVjdClcbiAgICAgICAgLm1hcCgoa2V5OiBzdHJpbmcpID0+ICh7IGtleSwgdmFsdWU6IGVucmljaChvYmplY3Rba2V5XSkgfSkpXG4gICAgICAgIC5yZWR1Y2UoKGFjY3VtdWxhdG9yLCBlbnRyeSkgPT4ge1xuICAgICAgICAgIGFjY3VtdWxhdG9yLnZhbHVlW2VudHJ5LmtleV0gPSBlbnRyeS52YWx1ZTtcbiAgICAgICAgICByZXR1cm4gYWNjdW11bGF0b3I7XG4gICAgICAgIH0sIGNyZWF0ZUNvbnRhaW5lcih7fSkpO1xuICAgIGNhc2UgJ0FycmF5JzpcbiAgICAgIHJldHVybiAob2JqZWN0IGFzIGFueVtdKVxuICAgICAgICAubWFwKCh2YWx1ZSkgPT4gZW5yaWNoKHZhbHVlKSlcbiAgICAgICAgLnJlZHVjZSgoYWNjdW11bGF0b3IsIHZhbHVlKSA9PiB7XG4gICAgICAgICAgYWNjdW11bGF0b3IudmFsdWUucHVzaCh2YWx1ZSk7XG4gICAgICAgICAgcmV0dXJuIGFjY3VtdWxhdG9yO1xuICAgICAgICB9LCBjcmVhdGVDb250YWluZXIoW10pKTtcbiAgICBjYXNlICdGdW5jdGlvbic6XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIGNhc2UgJ0RhdGUnOlxuICAgIGRlZmF1bHQ6XG4gICAgICAvLyBQcmltaXRpdmUgdmFsdWVcbiAgICAgIHJldHVybiBjcmVhdGVWYWx1ZShvYmplY3QpO1xuICB9XG59O1xuXG5jb25zdCBhcHBseUNoYW5nZWxpc3QgPSAob2JqZWN0OiBJQ29tcGFyaXNvbkVucmljaGVkTm9kZSwgY2hhbmdlbGlzdDogSUF0b21pY0NoYW5nZVtdKTogSUNvbXBhcmlzb25FbnJpY2hlZE5vZGUgPT4ge1xuICBjaGFuZ2VsaXN0XG4gICAgLm1hcCgoZW50cnkpID0+ICh7IC4uLmVudHJ5LCBwYXRoOiBlbnRyeS5wYXRoLnJlcGxhY2UoJyQuJywgJy4nKSB9KSlcbiAgICAubWFwKChlbnRyeSkgPT4gKHtcbiAgICAgIC4uLmVudHJ5LFxuICAgICAgcGF0aDogZW50cnkucGF0aC5yZXBsYWNlKC8oXFxbKD88YXJyYXk+XFxkKVxcXVxcLikvZywgJ0FSUlZBTF9TVEFSVCQ8YXJyYXk+QVJSVkFMX0VORCcpXG4gICAgfSkpXG4gICAgLm1hcCgoZW50cnkpID0+ICh7IC4uLmVudHJ5LCBwYXRoOiBlbnRyeS5wYXRoLnJlcGxhY2UoLyg/PGRvdD5cXC4pL2csICcudmFsdWUkPGRvdD4nKSB9KSlcbiAgICAubWFwKChlbnRyeSkgPT4gKHsgLi4uZW50cnksIHBhdGg6IGVudHJ5LnBhdGgucmVwbGFjZSgvXFwuLywgJycpIH0pKVxuICAgIC5tYXAoKGVudHJ5KSA9PiAoeyAuLi5lbnRyeSwgcGF0aDogZW50cnkucGF0aC5yZXBsYWNlKC9BUlJWQUxfU1RBUlQvZywgJy52YWx1ZVsnKSB9KSlcbiAgICAubWFwKChlbnRyeSkgPT4gKHsgLi4uZW50cnksIHBhdGg6IGVudHJ5LnBhdGgucmVwbGFjZSgvQVJSVkFMX0VORC9nLCAnXS52YWx1ZS4nKSB9KSlcbiAgICAuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgIHN3aXRjaCAoZW50cnkudHlwZSkge1xuICAgICAgICBjYXNlIE9wZXJhdGlvbi5BREQ6XG4gICAgICAgIGNhc2UgT3BlcmF0aW9uLlVQREFURTpcbiAgICAgICAgICBzZXRCeVBhdGgob2JqZWN0LCBlbnRyeS5wYXRoLCB7IHR5cGU6IGVudHJ5LnR5cGUsIHZhbHVlOiBlbnRyeS52YWx1ZSwgb2xkVmFsdWU6IGVudHJ5Lm9sZFZhbHVlIH0pO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlIE9wZXJhdGlvbi5SRU1PVkU6XG4gICAgICAgICAgc2V0QnlQYXRoKG9iamVjdCwgZW50cnkucGF0aCwgeyB0eXBlOiBlbnRyeS50eXBlLCB2YWx1ZTogdW5kZWZpbmVkLCBvbGRWYWx1ZTogZW50cnkudmFsdWUgfSk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIHJldHVybiBvYmplY3Q7XG59O1xuXG5jb25zdCBjb21wYXJlID0gKG9sZE9iamVjdDogYW55LCBuZXdPYmplY3Q6IGFueSk6IElDb21wYXJpc29uRW5yaWNoZWROb2RlID0+IHtcbiAgcmV0dXJuIGFwcGx5Q2hhbmdlbGlzdChlbnJpY2gob2xkT2JqZWN0KSwgYXRvbWl6ZUNoYW5nZXNldChkaWZmKG9sZE9iamVjdCwgbmV3T2JqZWN0KSkpO1xufTtcblxuZXhwb3J0IHsgQ29tcGFyZU9wZXJhdGlvbiwgSUNvbXBhcmlzb25FbnJpY2hlZE5vZGUsIGNyZWF0ZVZhbHVlLCBjcmVhdGVDb250YWluZXIsIGVucmljaCwgYXBwbHlDaGFuZ2VsaXN0LCBjb21wYXJlIH07XG4iLCAiaW1wb3J0IHsgU3luY1BsdWdpbiB9IGZyb20gJy4vU3luY1BsdWdpbic7XG5pbXBvcnQgeyBDb3JlRXZlbnRzIH0gZnJvbSAnLi4vY29uc3RhbnRzL0NvcmVFdmVudHMnO1xuaW1wb3J0IHsgZGlmZiB9IGZyb20gJ2pzb24tZGlmZi10cyc7XG4vKipcbiAqIEJhc2VFbnRpdHlTZXJ2aWNlPFQgZXh0ZW5kcyBJU3luYz4gLSBBYnN0cmFjdCBiYXNlIGNsYXNzIGZvciBhbGwgZW50aXR5IHNlcnZpY2VzXG4gKlxuICogUFJPVklERVM6XG4gKiAtIEdlbmVyaWMgQ1JVRCBvcGVyYXRpb25zIChnZXQsIGdldEFsbCwgc2F2ZSwgZGVsZXRlKVxuICogLSBTeW5jIHN0YXR1cyBtYW5hZ2VtZW50IChkZWxlZ2F0ZXMgdG8gU3luY1BsdWdpbilcbiAqIC0gU2VyaWFsaXphdGlvbiBob29rcyAob3ZlcnJpZGUgaW4gc3ViY2xhc3MgaWYgbmVlZGVkKVxuICovXG5leHBvcnQgY2xhc3MgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHRoaXMuY29udGV4dCA9IGNvbnRleHQ7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMgPSBldmVudEJ1cztcbiAgICAgICAgdGhpcy5zeW5jUGx1Z2luID0gbmV3IFN5bmNQbHVnaW4odGhpcyk7XG4gICAgfVxuICAgIGdldCBkYigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udGV4dC5nZXREYXRhYmFzZSgpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTZXJpYWxpemUgZW50aXR5IGJlZm9yZSBzdG9yaW5nIGluIEluZGV4ZWREQlxuICAgICAqL1xuICAgIHNlcmlhbGl6ZShlbnRpdHkpIHtcbiAgICAgICAgcmV0dXJuIGVudGl0eTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRGVzZXJpYWxpemUgZGF0YSBmcm9tIEluZGV4ZWREQiBiYWNrIHRvIGVudGl0eVxuICAgICAqL1xuICAgIGRlc2VyaWFsaXplKGRhdGEpIHtcbiAgICAgICAgcmV0dXJuIGRhdGE7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBhIHNpbmdsZSBlbnRpdHkgYnkgSURcbiAgICAgKi9cbiAgICBhc3luYyBnZXQoaWQpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbdGhpcy5zdG9yZU5hbWVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IHN0b3JlLmdldChpZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShkYXRhID8gdGhpcy5kZXNlcmlhbGl6ZShkYXRhKSA6IG51bGwpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0ICR7dGhpcy5lbnRpdHlUeXBlfSAke2lkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgYWxsIGVudGl0aWVzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QWxsKCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gc3RvcmUuZ2V0QWxsKCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgY29uc3QgZW50aXRpZXMgPSBkYXRhLm1hcChpdGVtID0+IHRoaXMuZGVzZXJpYWxpemUoaXRlbSkpO1xuICAgICAgICAgICAgICAgIHJlc29sdmUoZW50aXRpZXMpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IGFsbCAke3RoaXMuZW50aXR5VHlwZX1zOiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNhdmUgYW4gZW50aXR5IChjcmVhdGUgb3IgdXBkYXRlKVxuICAgICAqIEVtaXRzIEVOVElUWV9TQVZFRCBldmVudCB3aXRoIG9wZXJhdGlvbiB0eXBlIGFuZCBjaGFuZ2VzIChkaWZmIGZvciB1cGRhdGVzKVxuICAgICAqIEBwYXJhbSBlbnRpdHkgLSBFbnRpdHkgdG8gc2F2ZVxuICAgICAqIEBwYXJhbSBzaWxlbnQgLSBJZiB0cnVlLCBza2lwIGV2ZW50IGVtaXNzaW9uICh1c2VkIGZvciBzZWVkaW5nKVxuICAgICAqL1xuICAgIGFzeW5jIHNhdmUoZW50aXR5LCBzaWxlbnQgPSBmYWxzZSkge1xuICAgICAgICBjb25zdCBlbnRpdHlJZCA9IGVudGl0eS5pZDtcbiAgICAgICAgY29uc3QgZXhpc3RpbmdFbnRpdHkgPSBhd2FpdCB0aGlzLmdldChlbnRpdHlJZCk7XG4gICAgICAgIGNvbnN0IGlzQ3JlYXRlID0gZXhpc3RpbmdFbnRpdHkgPT09IG51bGw7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBjaGFuZ2VzOiBmdWxsIGVudGl0eSBmb3IgY3JlYXRlLCBkaWZmIGZvciB1cGRhdGVcbiAgICAgICAgbGV0IGNoYW5nZXM7XG4gICAgICAgIGlmIChpc0NyZWF0ZSkge1xuICAgICAgICAgICAgY2hhbmdlcyA9IGVudGl0eTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIGNvbnN0IGV4aXN0aW5nU2VyaWFsaXplZCA9IHRoaXMuc2VyaWFsaXplKGV4aXN0aW5nRW50aXR5KTtcbiAgICAgICAgICAgIGNvbnN0IG5ld1NlcmlhbGl6ZWQgPSB0aGlzLnNlcmlhbGl6ZShlbnRpdHkpO1xuICAgICAgICAgICAgY2hhbmdlcyA9IGRpZmYoZXhpc3RpbmdTZXJpYWxpemVkLCBuZXdTZXJpYWxpemVkKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBzZXJpYWxpemVkID0gdGhpcy5zZXJpYWxpemUoZW50aXR5KTtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbdGhpcy5zdG9yZU5hbWVdLCAncmVhZHdyaXRlJyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBzdG9yZS5wdXQoc2VyaWFsaXplZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAvLyBPbmx5IGVtaXQgZXZlbnQgaWYgbm90IHNpbGVudCAoc2lsZW50IHVzZWQgZm9yIHNlZWRpbmcpXG4gICAgICAgICAgICAgICAgaWYgKCFzaWxlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGVudGl0eVR5cGU6IHRoaXMuZW50aXR5VHlwZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGVudGl0eUlkLFxuICAgICAgICAgICAgICAgICAgICAgICAgb3BlcmF0aW9uOiBpc0NyZWF0ZSA/ICdjcmVhdGUnIDogJ3VwZGF0ZScsXG4gICAgICAgICAgICAgICAgICAgICAgICBjaGFuZ2VzLFxuICAgICAgICAgICAgICAgICAgICAgICAgdGltZXN0YW1wOiBEYXRlLm5vdygpXG4gICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVOVElUWV9TQVZFRCwgcGF5bG9hZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJlc29sdmUoKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIHNhdmUgJHt0aGlzLmVudGl0eVR5cGV9ICR7ZW50aXR5SWR9OiAke3JlcXVlc3QuZXJyb3J9YCkpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIERlbGV0ZSBhbiBlbnRpdHlcbiAgICAgKiBFbWl0cyBFTlRJVFlfREVMRVRFRCBldmVudFxuICAgICAqL1xuICAgIGFzeW5jIGRlbGV0ZShpZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkd3JpdGUnKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IHN0b3JlLmRlbGV0ZShpZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgICAgICBlbnRpdHlUeXBlOiB0aGlzLmVudGl0eVR5cGUsXG4gICAgICAgICAgICAgICAgICAgIGVudGl0eUlkOiBpZCxcbiAgICAgICAgICAgICAgICAgICAgb3BlcmF0aW9uOiAnZGVsZXRlJyxcbiAgICAgICAgICAgICAgICAgICAgdGltZXN0YW1wOiBEYXRlLm5vdygpXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FTlRJVFlfREVMRVRFRCwgcGF5bG9hZCk7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZSgpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZGVsZXRlICR7dGhpcy5lbnRpdHlUeXBlfSAke2lkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvLyBTeW5jIG1ldGhvZHMgLSBkZWxlZ2F0ZSB0byBTeW5jUGx1Z2luXG4gICAgYXN5bmMgbWFya0FzU3luY2VkKGlkKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnN5bmNQbHVnaW4ubWFya0FzU3luY2VkKGlkKTtcbiAgICB9XG4gICAgYXN5bmMgbWFya0FzRXJyb3IoaWQpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3luY1BsdWdpbi5tYXJrQXNFcnJvcihpZCk7XG4gICAgfVxuICAgIGFzeW5jIGdldFN5bmNTdGF0dXMoaWQpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3luY1BsdWdpbi5nZXRTeW5jU3RhdHVzKGlkKTtcbiAgICB9XG4gICAgYXN5bmMgZ2V0QnlTeW5jU3RhdHVzKHN5bmNTdGF0dXMpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3luY1BsdWdpbi5nZXRCeVN5bmNTdGF0dXMoc3luY1N0YXR1cyk7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IEV2ZW50U3RvcmUgfSBmcm9tICcuL0V2ZW50U3RvcmUnO1xuaW1wb3J0IHsgRXZlbnRTZXJpYWxpemF0aW9uIH0gZnJvbSAnLi9FdmVudFNlcmlhbGl6YXRpb24nO1xuaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG4vKipcbiAqIEV2ZW50U2VydmljZSAtIENSVUQgb3BlcmF0aW9ucyBmb3IgY2FsZW5kYXIgZXZlbnRzIGluIEluZGV4ZWREQlxuICpcbiAqIEV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2UgZm9yIHNoYXJlZCBDUlVEIGFuZCBzeW5jIGxvZ2ljLlxuICogUHJvdmlkZXMgZXZlbnQtc3BlY2lmaWMgcXVlcnkgbWV0aG9kcy5cbiAqL1xuZXhwb3J0IGNsYXNzIEV2ZW50U2VydmljZSBleHRlbmRzIEJhc2VFbnRpdHlTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBldmVudEJ1cykge1xuICAgICAgICBzdXBlcihjb250ZXh0LCBldmVudEJ1cyk7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gRXZlbnRTdG9yZS5TVE9SRV9OQU1FO1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnRXZlbnQnO1xuICAgIH1cbiAgICBzZXJpYWxpemUoZXZlbnQpIHtcbiAgICAgICAgcmV0dXJuIEV2ZW50U2VyaWFsaXphdGlvbi5zZXJpYWxpemUoZXZlbnQpO1xuICAgIH1cbiAgICBkZXNlcmlhbGl6ZShkYXRhKSB7XG4gICAgICAgIHJldHVybiBFdmVudFNlcmlhbGl6YXRpb24uZGVzZXJpYWxpemUoZGF0YSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBldmVudHMgd2l0aGluIGEgZGF0ZSByYW5nZVxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5RGF0ZVJhbmdlKHN0YXJ0LCBlbmQpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbdGhpcy5zdG9yZU5hbWVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUpO1xuICAgICAgICAgICAgY29uc3QgaW5kZXggPSBzdG9yZS5pbmRleCgnc3RhcnQnKTtcbiAgICAgICAgICAgIGNvbnN0IHJhbmdlID0gSURCS2V5UmFuZ2UubG93ZXJCb3VuZChzdGFydC50b0lTT1N0cmluZygpKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBpbmRleC5nZXRBbGwocmFuZ2UpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGV2ZW50cyA9IGRhdGFcbiAgICAgICAgICAgICAgICAgICAgLm1hcChpdGVtID0+IHRoaXMuZGVzZXJpYWxpemUoaXRlbSkpXG4gICAgICAgICAgICAgICAgICAgIC5maWx0ZXIoZXZlbnQgPT4gZXZlbnQuc3RhcnQgPD0gZW5kKTtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGV2ZW50cyk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBnZXQgZXZlbnRzIGJ5IGRhdGUgcmFuZ2U6ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGV2ZW50cyBmb3IgYSBzcGVjaWZpYyByZXNvdXJjZVxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5UmVzb3VyY2UocmVzb3VyY2VJZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdyZXNvdXJjZUlkJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKHJlc291cmNlSWQpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGV2ZW50cyA9IGRhdGEubWFwKGl0ZW0gPT4gdGhpcy5kZXNlcmlhbGl6ZShpdGVtKSk7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShldmVudHMpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IGV2ZW50cyBmb3IgcmVzb3VyY2UgJHtyZXNvdXJjZUlkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZXZlbnRzIGZvciBhIHJlc291cmNlIHdpdGhpbiBhIGRhdGUgcmFuZ2VcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeVJlc291cmNlQW5kRGF0ZVJhbmdlKHJlc291cmNlSWQsIHN0YXJ0LCBlbmQpIHtcbiAgICAgICAgY29uc3QgcmVzb3VyY2VFdmVudHMgPSBhd2FpdCB0aGlzLmdldEJ5UmVzb3VyY2UocmVzb3VyY2VJZCk7XG4gICAgICAgIHJldHVybiByZXNvdXJjZUV2ZW50cy5maWx0ZXIoZXZlbnQgPT4gZXZlbnQuc3RhcnQgPj0gc3RhcnQgJiYgZXZlbnQuc3RhcnQgPD0gZW5kKTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBSZXNvdXJjZVN0b3JlIC0gSW5kZXhlZERCIE9iamVjdFN0b3JlIGRlZmluaXRpb24gZm9yIHJlc291cmNlc1xuICovXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gUmVzb3VyY2VTdG9yZS5TVE9SRV9OQU1FO1xuICAgIH1cbiAgICBjcmVhdGUoZGIpIHtcbiAgICAgICAgY29uc3Qgc3RvcmUgPSBkYi5jcmVhdGVPYmplY3RTdG9yZShSZXNvdXJjZVN0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3R5cGUnLCAndHlwZScsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N5bmNTdGF0dXMnLCAnc3luY1N0YXR1cycsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ2lzQWN0aXZlJywgJ2lzQWN0aXZlJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgIH1cbn1cblJlc291cmNlU3RvcmUuU1RPUkVfTkFNRSA9ICdyZXNvdXJjZXMnO1xuIiwgImltcG9ydCB7IFJlc291cmNlU3RvcmUgfSBmcm9tICcuL1Jlc291cmNlU3RvcmUnO1xuaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG4vKipcbiAqIFJlc291cmNlU2VydmljZSAtIENSVUQgb3BlcmF0aW9ucyBmb3IgcmVzb3VyY2VzIGluIEluZGV4ZWREQlxuICovXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBSZXNvdXJjZVN0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdSZXNvdXJjZSc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBhbGwgYWN0aXZlIHJlc291cmNlc1xuICAgICAqL1xuICAgIGFzeW5jIGdldEFjdGl2ZSgpIHtcbiAgICAgICAgY29uc3QgYWxsID0gYXdhaXQgdGhpcy5nZXRBbGwoKTtcbiAgICAgICAgcmV0dXJuIGFsbC5maWx0ZXIociA9PiByLmlzQWN0aXZlICE9PSBmYWxzZSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCByZXNvdXJjZXMgYnkgSURzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlJZHMoaWRzKSB7XG4gICAgICAgIGlmIChpZHMubGVuZ3RoID09PSAwKVxuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICBjb25zdCByZXN1bHRzID0gYXdhaXQgUHJvbWlzZS5hbGwoaWRzLm1hcChpZCA9PiB0aGlzLmdldChpZCkpKTtcbiAgICAgICAgcmV0dXJuIHJlc3VsdHMuZmlsdGVyKChyKSA9PiByICE9PSBudWxsKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHJlc291cmNlcyBieSB0eXBlXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlUeXBlKHR5cGUpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbdGhpcy5zdG9yZU5hbWVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUpO1xuICAgICAgICAgICAgY29uc3QgaW5kZXggPSBzdG9yZS5pbmRleCgndHlwZScpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4LmdldEFsbCh0eXBlKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGRhdGEgPSByZXF1ZXN0LnJlc3VsdDtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGRhdGEpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IHJlc291cmNlcyBieSB0eXBlICR7dHlwZX06ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBCb29raW5nU3RvcmUgLSBJbmRleGVkREIgT2JqZWN0U3RvcmUgZGVmaW5pdGlvbiBmb3IgYm9va2luZ3NcbiAqL1xuZXhwb3J0IGNsYXNzIEJvb2tpbmdTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gQm9va2luZ1N0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBjb25zdCBzdG9yZSA9IGRiLmNyZWF0ZU9iamVjdFN0b3JlKEJvb2tpbmdTdG9yZS5TVE9SRV9OQU1FLCB7IGtleVBhdGg6ICdpZCcgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdjdXN0b21lcklkJywgJ2N1c3RvbWVySWQnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdzdGF0dXMnLCAnc3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY1N0YXR1cycsICdzeW5jU3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnY3JlYXRlZEF0JywgJ2NyZWF0ZWRBdCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICB9XG59XG5Cb29raW5nU3RvcmUuU1RPUkVfTkFNRSA9ICdib29raW5ncyc7XG4iLCAiaW1wb3J0IHsgQm9va2luZ1N0b3JlIH0gZnJvbSAnLi9Cb29raW5nU3RvcmUnO1xuaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG4vKipcbiAqIEJvb2tpbmdTZXJ2aWNlIC0gQ1JVRCBvcGVyYXRpb25zIGZvciBib29raW5ncyBpbiBJbmRleGVkREJcbiAqL1xuZXhwb3J0IGNsYXNzIEJvb2tpbmdTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBCb29raW5nU3RvcmUuU1RPUkVfTkFNRTtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0Jvb2tpbmcnO1xuICAgIH1cbiAgICBzZXJpYWxpemUoYm9va2luZykge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uYm9va2luZyxcbiAgICAgICAgICAgIGNyZWF0ZWRBdDogYm9va2luZy5jcmVhdGVkQXQudG9JU09TdHJpbmcoKVxuICAgICAgICB9O1xuICAgIH1cbiAgICBkZXNlcmlhbGl6ZShkYXRhKSB7XG4gICAgICAgIGNvbnN0IHJhdyA9IGRhdGE7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5yYXcsXG4gICAgICAgICAgICBjcmVhdGVkQXQ6IG5ldyBEYXRlKHJhdy5jcmVhdGVkQXQpXG4gICAgICAgIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBib29raW5ncyBmb3IgYSBjdXN0b21lclxuICAgICAqL1xuICAgIGFzeW5jIGdldEJ5Q3VzdG9tZXIoY3VzdG9tZXJJZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdjdXN0b21lcklkJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0QWxsKGN1c3RvbWVySWQpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGJvb2tpbmdzID0gZGF0YS5tYXAoaXRlbSA9PiB0aGlzLmRlc2VyaWFsaXplKGl0ZW0pKTtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGJvb2tpbmdzKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIGdldCBib29raW5ncyBmb3IgY3VzdG9tZXIgJHtjdXN0b21lcklkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgYm9va2luZ3MgYnkgc3RhdHVzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlTdGF0dXMoc3RhdHVzKSB7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWRvbmx5Jyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuc3RvcmVOYW1lKTtcbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gc3RvcmUuaW5kZXgoJ3N0YXR1cycpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4LmdldEFsbChzdGF0dXMpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcXVlc3QucmVzdWx0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGJvb2tpbmdzID0gZGF0YS5tYXAoaXRlbSA9PiB0aGlzLmRlc2VyaWFsaXplKGl0ZW0pKTtcbiAgICAgICAgICAgICAgICByZXNvbHZlKGJvb2tpbmdzKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIGdldCBib29raW5ncyB3aXRoIHN0YXR1cyAke3N0YXR1c306ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBDdXN0b21lclN0b3JlIC0gSW5kZXhlZERCIE9iamVjdFN0b3JlIGRlZmluaXRpb24gZm9yIGN1c3RvbWVyc1xuICovXG5leHBvcnQgY2xhc3MgQ3VzdG9tZXJTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gQ3VzdG9tZXJTdG9yZS5TVE9SRV9OQU1FO1xuICAgIH1cbiAgICBjcmVhdGUoZGIpIHtcbiAgICAgICAgY29uc3Qgc3RvcmUgPSBkYi5jcmVhdGVPYmplY3RTdG9yZShDdXN0b21lclN0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ25hbWUnLCAnbmFtZScsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3Bob25lJywgJ3Bob25lJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgICAgICBzdG9yZS5jcmVhdGVJbmRleCgnc3luY1N0YXR1cycsICdzeW5jU3RhdHVzJywgeyB1bmlxdWU6IGZhbHNlIH0pO1xuICAgIH1cbn1cbkN1c3RvbWVyU3RvcmUuU1RPUkVfTkFNRSA9ICdjdXN0b21lcnMnO1xuIiwgImltcG9ydCB7IEN1c3RvbWVyU3RvcmUgfSBmcm9tICcuL0N1c3RvbWVyU3RvcmUnO1xuaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG4vKipcbiAqIEN1c3RvbWVyU2VydmljZSAtIENSVUQgb3BlcmF0aW9ucyBmb3IgY3VzdG9tZXJzIGluIEluZGV4ZWREQlxuICovXG5leHBvcnQgY2xhc3MgQ3VzdG9tZXJTZXJ2aWNlIGV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGV2ZW50QnVzKSB7XG4gICAgICAgIHN1cGVyKGNvbnRleHQsIGV2ZW50QnVzKTtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBDdXN0b21lclN0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdDdXN0b21lcic7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNlYXJjaCBjdXN0b21lcnMgYnkgbmFtZSAoY2FzZS1pbnNlbnNpdGl2ZSBjb250YWlucylcbiAgICAgKi9cbiAgICBhc3luYyBzZWFyY2hCeU5hbWUocXVlcnkpIHtcbiAgICAgICAgY29uc3QgYWxsID0gYXdhaXQgdGhpcy5nZXRBbGwoKTtcbiAgICAgICAgY29uc3QgbG93ZXJRdWVyeSA9IHF1ZXJ5LnRvTG93ZXJDYXNlKCk7XG4gICAgICAgIHJldHVybiBhbGwuZmlsdGVyKGMgPT4gYy5uYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMobG93ZXJRdWVyeSkpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBGaW5kIGN1c3RvbWVyIGJ5IHBob25lXG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlQaG9uZShwaG9uZSkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdwaG9uZScpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4LmdldChwaG9uZSk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShkYXRhID8gZGF0YSA6IG51bGwpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZmluZCBjdXN0b21lciBieSBwaG9uZSAke3Bob25lfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIFRlYW1TdG9yZSAtIEluZGV4ZWREQiBPYmplY3RTdG9yZSBkZWZpbml0aW9uIGZvciB0ZWFtc1xuICovXG5leHBvcnQgY2xhc3MgVGVhbVN0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBUZWFtU3RvcmUuU1RPUkVfTkFNRTtcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGRiLmNyZWF0ZU9iamVjdFN0b3JlKFRlYW1TdG9yZS5TVE9SRV9OQU1FLCB7IGtleVBhdGg6ICdpZCcgfSk7XG4gICAgfVxufVxuVGVhbVN0b3JlLlNUT1JFX05BTUUgPSAndGVhbXMnO1xuIiwgImltcG9ydCB7IFRlYW1TdG9yZSB9IGZyb20gJy4vVGVhbVN0b3JlJztcbmltcG9ydCB7IEJhc2VFbnRpdHlTZXJ2aWNlIH0gZnJvbSAnLi4vQmFzZUVudGl0eVNlcnZpY2UnO1xuLyoqXG4gKiBUZWFtU2VydmljZSAtIENSVUQgb3BlcmF0aW9ucyBmb3IgdGVhbXMgaW4gSW5kZXhlZERCXG4gKlxuICogVGVhbXMgZGVmaW5lIHdoaWNoIHJlc291cmNlcyBiZWxvbmcgdG9nZXRoZXIgZm9yIGhpZXJhcmNoaWNhbCBncm91cGluZy5cbiAqIEV4dGVuZHMgQmFzZUVudGl0eVNlcnZpY2UgZm9yIHN0YW5kYXJkIGVudGl0eSBvcGVyYXRpb25zLlxuICovXG5leHBvcnQgY2xhc3MgVGVhbVNlcnZpY2UgZXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZXZlbnRCdXMpIHtcbiAgICAgICAgc3VwZXIoY29udGV4dCwgZXZlbnRCdXMpO1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IFRlYW1TdG9yZS5TVE9SRV9OQU1FO1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnVGVhbSc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB0ZWFtcyBieSBJRHNcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeUlkcyhpZHMpIHtcbiAgICAgICAgaWYgKGlkcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIGNvbnN0IHJlc3VsdHMgPSBhd2FpdCBQcm9taXNlLmFsbChpZHMubWFwKGlkID0+IHRoaXMuZ2V0KGlkKSkpO1xuICAgICAgICByZXR1cm4gcmVzdWx0cy5maWx0ZXIoKHQpID0+IHQgIT09IG51bGwpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCdWlsZCByZXZlcnNlIGxvb2t1cDogcmVzb3VyY2VJZCBcdTIxOTIgdGVhbUlkXG4gICAgICovXG4gICAgYXN5bmMgYnVpbGRSZXNvdXJjZVRvVGVhbU1hcCgpIHtcbiAgICAgICAgY29uc3QgdGVhbXMgPSBhd2FpdCB0aGlzLmdldEFsbCgpO1xuICAgICAgICBjb25zdCBtYXAgPSB7fTtcbiAgICAgICAgZm9yIChjb25zdCB0ZWFtIG9mIHRlYW1zKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IHJlc291cmNlSWQgb2YgdGVhbS5yZXNvdXJjZUlkcykge1xuICAgICAgICAgICAgICAgIG1hcFtyZXNvdXJjZUlkXSA9IHRlYW0uaWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG1hcDtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBEZXBhcnRtZW50U3RvcmUgLSBJbmRleGVkREIgT2JqZWN0U3RvcmUgZGVmaW5pdGlvbiBmb3IgZGVwYXJ0bWVudHNcbiAqL1xuZXhwb3J0IGNsYXNzIERlcGFydG1lbnRTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gRGVwYXJ0bWVudFN0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBkYi5jcmVhdGVPYmplY3RTdG9yZShEZXBhcnRtZW50U3RvcmUuU1RPUkVfTkFNRSwgeyBrZXlQYXRoOiAnaWQnIH0pO1xuICAgIH1cbn1cbkRlcGFydG1lbnRTdG9yZS5TVE9SRV9OQU1FID0gJ2RlcGFydG1lbnRzJztcbiIsICJpbXBvcnQgeyBEZXBhcnRtZW50U3RvcmUgfSBmcm9tICcuL0RlcGFydG1lbnRTdG9yZSc7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbi8qKlxuICogRGVwYXJ0bWVudFNlcnZpY2UgLSBDUlVEIG9wZXJhdGlvbnMgZm9yIGRlcGFydG1lbnRzIGluIEluZGV4ZWREQlxuICovXG5leHBvcnQgY2xhc3MgRGVwYXJ0bWVudFNlcnZpY2UgZXh0ZW5kcyBCYXNlRW50aXR5U2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZXZlbnRCdXMpIHtcbiAgICAgICAgc3VwZXIoY29udGV4dCwgZXZlbnRCdXMpO1xuICAgICAgICB0aGlzLnN0b3JlTmFtZSA9IERlcGFydG1lbnRTdG9yZS5TVE9SRV9OQU1FO1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnRGVwYXJ0bWVudCc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBkZXBhcnRtZW50cyBieSBJRHNcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeUlkcyhpZHMpIHtcbiAgICAgICAgaWYgKGlkcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIGNvbnN0IHJlc3VsdHMgPSBhd2FpdCBQcm9taXNlLmFsbChpZHMubWFwKGlkID0+IHRoaXMuZ2V0KGlkKSkpO1xuICAgICAgICByZXR1cm4gcmVzdWx0cy5maWx0ZXIoKGQpID0+IGQgIT09IG51bGwpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIFNldHRpbmdzU3RvcmUgLSBJbmRleGVkREIgT2JqZWN0U3RvcmUgZGVmaW5pdGlvbiBmb3IgdGVuYW50IHNldHRpbmdzXG4gKlxuICogU2luZ2xlIHN0b3JlIGZvciBhbGwgc2V0dGluZ3Mgc2VjdGlvbnMuIFNldHRpbmdzIGFyZSBzdG9yZWQgYXMgb25lIGRvY3VtZW50XG4gKiBwZXIgdGVuYW50IHdpdGggaWQ9J3RlbmFudC1zZXR0aW5ncycuXG4gKi9cbmV4cG9ydCBjbGFzcyBTZXR0aW5nc1N0b3JlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zdG9yZU5hbWUgPSBTZXR0aW5nc1N0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBkYi5jcmVhdGVPYmplY3RTdG9yZShTZXR0aW5nc1N0b3JlLlNUT1JFX05BTUUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICB9XG59XG5TZXR0aW5nc1N0b3JlLlNUT1JFX05BTUUgPSAnc2V0dGluZ3MnO1xuIiwgIi8qKlxuICogU2V0dGluZ3MgSURzIGFzIGNvbnN0IGZvciB0eXBlIHNhZmV0eVxuICovXG5leHBvcnQgY29uc3QgU2V0dGluZ3NJZHMgPSB7XG4gICAgV09SS1dFRUs6ICd3b3Jrd2VlaycsXG4gICAgR1JJRDogJ2dyaWQnLFxuICAgIFRJTUVfRk9STUFUOiAndGltZUZvcm1hdCcsXG4gICAgVklFV1M6ICd2aWV3cydcbn07XG4iLCAiaW1wb3J0IHsgU2V0dGluZ3NJZHMgfSBmcm9tICcuLi8uLi90eXBlcy9TZXR0aW5nc1R5cGVzJztcbmltcG9ydCB7IFNldHRpbmdzU3RvcmUgfSBmcm9tICcuL1NldHRpbmdzU3RvcmUnO1xuaW1wb3J0IHsgQmFzZUVudGl0eVNlcnZpY2UgfSBmcm9tICcuLi9CYXNlRW50aXR5U2VydmljZSc7XG4vKipcbiAqIFNldHRpbmdzU2VydmljZSAtIENSVUQgb3BlcmF0aW9ucyBmb3IgdGVuYW50IHNldHRpbmdzXG4gKlxuICogU2V0dGluZ3MgYXJlIHN0b3JlZCBhcyBzZXBhcmF0ZSByZWNvcmRzIHBlciBzZWN0aW9uLlxuICogVGhpcyBzZXJ2aWNlIHByb3ZpZGVzIHR5cGVkIG1ldGhvZHMgZm9yIGFjY2Vzc2luZyBzcGVjaWZpYyBzZXR0aW5ncy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNldHRpbmdzU2VydmljZSBleHRlbmRzIEJhc2VFbnRpdHlTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBldmVudEJ1cykge1xuICAgICAgICBzdXBlcihjb250ZXh0LCBldmVudEJ1cyk7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gU2V0dGluZ3NTdG9yZS5TVE9SRV9OQU1FO1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnU2V0dGluZ3MnO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgd29ya3dlZWsgc2V0dGluZ3NcbiAgICAgKi9cbiAgICBhc3luYyBnZXRXb3Jrd2Vla1NldHRpbmdzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXQoU2V0dGluZ3NJZHMuV09SS1dFRUspO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgZ3JpZCBzZXR0aW5nc1xuICAgICAqL1xuICAgIGFzeW5jIGdldEdyaWRTZXR0aW5ncygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0KFNldHRpbmdzSWRzLkdSSUQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgdGltZSBmb3JtYXQgc2V0dGluZ3NcbiAgICAgKi9cbiAgICBhc3luYyBnZXRUaW1lRm9ybWF0U2V0dGluZ3MoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldChTZXR0aW5nc0lkcy5USU1FX0ZPUk1BVCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB2aWV3IHNldHRpbmdzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0Vmlld1NldHRpbmdzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXQoU2V0dGluZ3NJZHMuVklFV1MpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgd29ya3dlZWsgcHJlc2V0IGJ5IElEXG4gICAgICovXG4gICAgYXN5bmMgZ2V0V29ya3dlZWtQcmVzZXQocHJlc2V0SWQpIHtcbiAgICAgICAgY29uc3Qgc2V0dGluZ3MgPSBhd2FpdCB0aGlzLmdldFdvcmt3ZWVrU2V0dGluZ3MoKTtcbiAgICAgICAgaWYgKCFzZXR0aW5ncylcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICByZXR1cm4gc2V0dGluZ3MucHJlc2V0c1twcmVzZXRJZF0gfHwgbnVsbDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHRoZSBkZWZhdWx0IHdvcmt3ZWVrIHByZXNldFxuICAgICAqL1xuICAgIGFzeW5jIGdldERlZmF1bHRXb3Jrd2Vla1ByZXNldCgpIHtcbiAgICAgICAgY29uc3Qgc2V0dGluZ3MgPSBhd2FpdCB0aGlzLmdldFdvcmt3ZWVrU2V0dGluZ3MoKTtcbiAgICAgICAgaWYgKCFzZXR0aW5ncylcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICByZXR1cm4gc2V0dGluZ3MucHJlc2V0c1tzZXR0aW5ncy5kZWZhdWx0UHJlc2V0XSB8fCBudWxsO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgYWxsIGF2YWlsYWJsZSB3b3Jrd2VlayBwcmVzZXRzXG4gICAgICovXG4gICAgYXN5bmMgZ2V0V29ya3dlZWtQcmVzZXRzKCkge1xuICAgICAgICBjb25zdCBzZXR0aW5ncyA9IGF3YWl0IHRoaXMuZ2V0V29ya3dlZWtTZXR0aW5ncygpO1xuICAgICAgICBpZiAoIXNldHRpbmdzKVxuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICByZXR1cm4gT2JqZWN0LnZhbHVlcyhzZXR0aW5ncy5wcmVzZXRzKTtcbiAgICB9XG59XG4iLCAiZXhwb3J0IGNsYXNzIFZpZXdDb25maWdTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gVmlld0NvbmZpZ1N0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBkYi5jcmVhdGVPYmplY3RTdG9yZShWaWV3Q29uZmlnU3RvcmUuU1RPUkVfTkFNRSwgeyBrZXlQYXRoOiAnaWQnIH0pO1xuICAgIH1cbn1cblZpZXdDb25maWdTdG9yZS5TVE9SRV9OQU1FID0gJ3ZpZXdjb25maWdzJztcbiIsICJpbXBvcnQgeyBWaWV3Q29uZmlnU3RvcmUgfSBmcm9tICcuL1ZpZXdDb25maWdTdG9yZSc7XG5pbXBvcnQgeyBCYXNlRW50aXR5U2VydmljZSB9IGZyb20gJy4uL0Jhc2VFbnRpdHlTZXJ2aWNlJztcbmV4cG9ydCBjbGFzcyBWaWV3Q29uZmlnU2VydmljZSBleHRlbmRzIEJhc2VFbnRpdHlTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBldmVudEJ1cykge1xuICAgICAgICBzdXBlcihjb250ZXh0LCBldmVudEJ1cyk7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gVmlld0NvbmZpZ1N0b3JlLlNUT1JFX05BTUU7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdWaWV3Q29uZmlnJztcbiAgICB9XG4gICAgYXN5bmMgZ2V0QnlJZChpZCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXQoaWQpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIEF1ZGl0U3RvcmUgLSBJbmRleGVkREIgc3RvcmUgY29uZmlndXJhdGlvbiBmb3IgYXVkaXQgZW50cmllc1xuICpcbiAqIFN0b3JlcyBhbGwgZW50aXR5IGNoYW5nZXMgZm9yOlxuICogLSBDb21wbGlhbmNlIGFuZCBhdWRpdCB0cmFpbFxuICogLSBTeW5jIHRyYWNraW5nIHdpdGggYmFja2VuZFxuICogLSBDaGFuZ2UgaGlzdG9yeVxuICpcbiAqIEluZGV4ZXM6XG4gKiAtIHN5bmNTdGF0dXM6IEZvciBmaW5kaW5nIHBlbmRpbmcgZW50cmllcyB0byBzeW5jXG4gKiAtIHN5bmNlZDogQm9vbGVhbiBmbGFnIGZvciBxdWljayBzeW5jIHF1ZXJpZXNcbiAqIC0gZW50aXR5SWQ6IEZvciBnZXR0aW5nIGFsbCBhdWRpdHMgZm9yIGEgc3BlY2lmaWMgZW50aXR5XG4gKiAtIHRpbWVzdGFtcDogRm9yIGNocm9ub2xvZ2ljYWwgcXVlcmllc1xuICovXG5leHBvcnQgY2xhc3MgQXVkaXRTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gJ2F1ZGl0JztcbiAgICB9XG4gICAgY3JlYXRlKGRiKSB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gZGIuY3JlYXRlT2JqZWN0U3RvcmUodGhpcy5zdG9yZU5hbWUsIHsga2V5UGF0aDogJ2lkJyB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N5bmNTdGF0dXMnLCAnc3luY1N0YXR1cycsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N5bmNlZCcsICdzeW5jZWQnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdlbnRpdHlJZCcsICdlbnRpdHlJZCcsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3RpbWVzdGFtcCcsICd0aW1lc3RhbXAnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IEJhc2VFbnRpdHlTZXJ2aWNlIH0gZnJvbSAnLi4vQmFzZUVudGl0eVNlcnZpY2UnO1xuaW1wb3J0IHsgQ29yZUV2ZW50cyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9Db3JlRXZlbnRzJztcbi8qKlxuICogQXVkaXRTZXJ2aWNlIC0gRW50aXR5IHNlcnZpY2UgZm9yIGF1ZGl0IGVudHJpZXNcbiAqXG4gKiBSRVNQT05TSUJJTElUSUVTOlxuICogLSBTdG9yZSBhdWRpdCBlbnRyaWVzIGluIEluZGV4ZWREQlxuICogLSBMaXN0ZW4gZm9yIEVOVElUWV9TQVZFRC9FTlRJVFlfREVMRVRFRCBldmVudHNcbiAqIC0gQ3JlYXRlIGF1ZGl0IGVudHJpZXMgZm9yIGFsbCBlbnRpdHkgY2hhbmdlc1xuICogLSBFbWl0IEFVRElUX0xPR0dFRCBhZnRlciBzYXZpbmcgKGZvciBTeW5jTWFuYWdlciB0byBsaXN0ZW4pXG4gKlxuICogT1ZFUlJJREUgUEFUVEVSTjpcbiAqIC0gT3ZlcnJpZGVzIHNhdmUoKSB0byBOT1QgZW1pdCBldmVudHMgKHByZXZlbnRzIGluZmluaXRlIGxvb3BzKVxuICogLSBBdWRpdFNlcnZpY2Ugc2F2ZXMgYXVkaXQgZW50cmllcyB3aXRob3V0IHRyaWdnZXJpbmcgbW9yZSBhdWRpdHNcbiAqXG4gKiBFVkVOVCBDSEFJTjpcbiAqIEVudGl0eSBjaGFuZ2UgXHUyMTkyIEVOVElUWV9TQVZFRC9ERUxFVEVEIFx1MjE5MiBBdWRpdFNlcnZpY2UgXHUyMTkyIEFVRElUX0xPR0dFRCBcdTIxOTIgU3luY01hbmFnZXJcbiAqL1xuZXhwb3J0IGNsYXNzIEF1ZGl0U2VydmljZSBleHRlbmRzIEJhc2VFbnRpdHlTZXJ2aWNlIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBldmVudEJ1cykge1xuICAgICAgICBzdXBlcihjb250ZXh0LCBldmVudEJ1cyk7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gJ2F1ZGl0JztcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0F1ZGl0JztcbiAgICAgICAgdGhpcy5zZXR1cEV2ZW50TGlzdGVuZXJzKCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNldHVwIGxpc3RlbmVycyBmb3IgRU5USVRZX1NBVkVEIGFuZCBFTlRJVFlfREVMRVRFRCBldmVudHNcbiAgICAgKi9cbiAgICBzZXR1cEV2ZW50TGlzdGVuZXJzKCkge1xuICAgICAgICAvLyBMaXN0ZW4gZm9yIGVudGl0eSBzYXZlcyAoY3JlYXRlL3VwZGF0ZSlcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVOVElUWV9TQVZFRCwgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBkZXRhaWwgPSBldmVudC5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZUVudGl0eVNhdmVkKGRldGFpbCk7XG4gICAgICAgIH0pO1xuICAgICAgICAvLyBMaXN0ZW4gZm9yIGVudGl0eSBkZWxldGVzXG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FTlRJVFlfREVMRVRFRCwgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBkZXRhaWwgPSBldmVudC5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZUVudGl0eURlbGV0ZWQoZGV0YWlsKTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBFTlRJVFlfU0FWRUQgZXZlbnQgLSBjcmVhdGUgYXVkaXQgZW50cnlcbiAgICAgKi9cbiAgICBhc3luYyBoYW5kbGVFbnRpdHlTYXZlZChwYXlsb2FkKSB7XG4gICAgICAgIC8vIERvbid0IGF1ZGl0IGF1ZGl0IGVudHJpZXMgKHByZXZlbnQgaW5maW5pdGUgbG9vcHMpXG4gICAgICAgIGlmIChwYXlsb2FkLmVudGl0eVR5cGUgPT09ICdBdWRpdCcpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGF1ZGl0RW50cnkgPSB7XG4gICAgICAgICAgICBpZDogY3J5cHRvLnJhbmRvbVVVSUQoKSxcbiAgICAgICAgICAgIGVudGl0eVR5cGU6IHBheWxvYWQuZW50aXR5VHlwZSxcbiAgICAgICAgICAgIGVudGl0eUlkOiBwYXlsb2FkLmVudGl0eUlkLFxuICAgICAgICAgICAgb3BlcmF0aW9uOiBwYXlsb2FkLm9wZXJhdGlvbixcbiAgICAgICAgICAgIHVzZXJJZDogQXVkaXRTZXJ2aWNlLkRFRkFVTFRfVVNFUl9JRCxcbiAgICAgICAgICAgIHRpbWVzdGFtcDogcGF5bG9hZC50aW1lc3RhbXAsXG4gICAgICAgICAgICBjaGFuZ2VzOiBwYXlsb2FkLmNoYW5nZXMsXG4gICAgICAgICAgICBzeW5jZWQ6IGZhbHNlLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3BlbmRpbmcnXG4gICAgICAgIH07XG4gICAgICAgIGF3YWl0IHRoaXMuc2F2ZShhdWRpdEVudHJ5KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIEVOVElUWV9ERUxFVEVEIGV2ZW50IC0gY3JlYXRlIGF1ZGl0IGVudHJ5XG4gICAgICovXG4gICAgYXN5bmMgaGFuZGxlRW50aXR5RGVsZXRlZChwYXlsb2FkKSB7XG4gICAgICAgIC8vIERvbid0IGF1ZGl0IGF1ZGl0IGVudHJpZXMgKHByZXZlbnQgaW5maW5pdGUgbG9vcHMpXG4gICAgICAgIGlmIChwYXlsb2FkLmVudGl0eVR5cGUgPT09ICdBdWRpdCcpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGF1ZGl0RW50cnkgPSB7XG4gICAgICAgICAgICBpZDogY3J5cHRvLnJhbmRvbVVVSUQoKSxcbiAgICAgICAgICAgIGVudGl0eVR5cGU6IHBheWxvYWQuZW50aXR5VHlwZSxcbiAgICAgICAgICAgIGVudGl0eUlkOiBwYXlsb2FkLmVudGl0eUlkLFxuICAgICAgICAgICAgb3BlcmF0aW9uOiAnZGVsZXRlJyxcbiAgICAgICAgICAgIHVzZXJJZDogQXVkaXRTZXJ2aWNlLkRFRkFVTFRfVVNFUl9JRCxcbiAgICAgICAgICAgIHRpbWVzdGFtcDogcGF5bG9hZC50aW1lc3RhbXAsXG4gICAgICAgICAgICBjaGFuZ2VzOiB7IGlkOiBwYXlsb2FkLmVudGl0eUlkIH0sIC8vIEZvciBkZWxldGUsIGp1c3Qgc3RvcmUgdGhlIElEXG4gICAgICAgICAgICBzeW5jZWQ6IGZhbHNlLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3BlbmRpbmcnXG4gICAgICAgIH07XG4gICAgICAgIGF3YWl0IHRoaXMuc2F2ZShhdWRpdEVudHJ5KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogT3ZlcnJpZGUgc2F2ZSB0byBOT1QgdHJpZ2dlciBFTlRJVFlfU0FWRUQgZXZlbnRcbiAgICAgKiBJbnN0ZWFkLCBlbWl0cyBBVURJVF9MT0dHRUQgZm9yIFN5bmNNYW5hZ2VyIHRvIGxpc3RlblxuICAgICAqXG4gICAgICogVGhpcyBwcmV2ZW50cyBpbmZpbml0ZSBsb29wczpcbiAgICAgKiAtIEJhc2VFbnRpdHlTZXJ2aWNlLnNhdmUoKSBlbWl0cyBFTlRJVFlfU0FWRURcbiAgICAgKiAtIEF1ZGl0U2VydmljZSBsaXN0ZW5zIHRvIEVOVElUWV9TQVZFRCBhbmQgY3JlYXRlcyBhdWRpdFxuICAgICAqIC0gSWYgQXVkaXRTZXJ2aWNlLnNhdmUoKSBhbHNvIGVtaXR0ZWQgRU5USVRZX1NBVkVELCBpdCB3b3VsZCBsb29wXG4gICAgICovXG4gICAgYXN5bmMgc2F2ZShlbnRpdHkpIHtcbiAgICAgICAgY29uc3Qgc2VyaWFsaXplZCA9IHRoaXMuc2VyaWFsaXplKGVudGl0eSk7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGIudHJhbnNhY3Rpb24oW3RoaXMuc3RvcmVOYW1lXSwgJ3JlYWR3cml0ZScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gc3RvcmUucHV0KHNlcmlhbGl6ZWQpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gRW1pdCBBVURJVF9MT0dHRUQgaW5zdGVhZCBvZiBFTlRJVFlfU0FWRURcbiAgICAgICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgICAgICBhdWRpdElkOiBlbnRpdHkuaWQsXG4gICAgICAgICAgICAgICAgICAgIGVudGl0eVR5cGU6IGVudGl0eS5lbnRpdHlUeXBlLFxuICAgICAgICAgICAgICAgICAgICBlbnRpdHlJZDogZW50aXR5LmVudGl0eUlkLFxuICAgICAgICAgICAgICAgICAgICBvcGVyYXRpb246IGVudGl0eS5vcGVyYXRpb24sXG4gICAgICAgICAgICAgICAgICAgIHRpbWVzdGFtcDogZW50aXR5LnRpbWVzdGFtcFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuQVVESVRfTE9HR0VELCBwYXlsb2FkKTtcbiAgICAgICAgICAgICAgICByZXNvbHZlKCk7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoYEZhaWxlZCB0byBzYXZlIGF1ZGl0IGVudHJ5ICR7ZW50aXR5LmlkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBPdmVycmlkZSBkZWxldGUgdG8gTk9UIHRyaWdnZXIgRU5USVRZX0RFTEVURUQgZXZlbnRcbiAgICAgKiBBdWRpdCBlbnRyaWVzIHNob3VsZCBuZXZlciBiZSBkZWxldGVkIChjb21wbGlhbmNlIHJlcXVpcmVtZW50KVxuICAgICAqL1xuICAgIGFzeW5jIGRlbGV0ZShfaWQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdBdWRpdCBlbnRyaWVzIGNhbm5vdCBiZSBkZWxldGVkIChjb21wbGlhbmNlIHJlcXVpcmVtZW50KScpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgcGVuZGluZyBhdWRpdCBlbnRyaWVzIChmb3Igc3luYylcbiAgICAgKi9cbiAgICBhc3luYyBnZXRQZW5kaW5nQXVkaXRzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRCeVN5bmNTdGF0dXMoJ3BlbmRpbmcnKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGF1ZGl0IGVudHJpZXMgZm9yIGEgc3BlY2lmaWMgZW50aXR5XG4gICAgICovXG4gICAgYXN5bmMgZ2V0QnlFbnRpdHlJZChlbnRpdHlJZCkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFt0aGlzLnN0b3JlTmFtZV0sICdyZWFkb25seScpO1xuICAgICAgICAgICAgY29uc3Qgc3RvcmUgPSB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLnN0b3JlTmFtZSk7XG4gICAgICAgICAgICBjb25zdCBpbmRleCA9IHN0b3JlLmluZGV4KCdlbnRpdHlJZCcpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4LmdldEFsbChlbnRpdHlJZCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBlbnRyaWVzID0gcmVxdWVzdC5yZXN1bHQ7XG4gICAgICAgICAgICAgICAgcmVzb2x2ZShlbnRyaWVzKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIGdldCBhdWRpdCBlbnRyaWVzIGZvciBlbnRpdHkgJHtlbnRpdHlJZH06ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG59XG4vLyBIYXJkY29kZWQgdXNlcklkIGZvciBub3cgLSB3aWxsIGNvbWUgZnJvbSBzZXNzaW9uIGxhdGVyXG5BdWRpdFNlcnZpY2UuREVGQVVMVF9VU0VSX0lEID0gJzAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMSc7XG4iLCAiLyoqXG4gKiBNb2NrRXZlbnRSZXBvc2l0b3J5IC0gTG9hZHMgZXZlbnQgZGF0YSBmcm9tIGxvY2FsIEpTT04gZmlsZVxuICpcbiAqIFVzZWQgZm9yIGRldmVsb3BtZW50IGFuZCB0ZXN0aW5nLiBPbmx5IGZldGNoQWxsKCkgaXMgaW1wbGVtZW50ZWQuXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrRXZlbnRSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0V2ZW50JztcbiAgICAgICAgdGhpcy5kYXRhVXJsID0gJ2RhdGEvbW9jay1ldmVudHMuanNvbic7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEZldGNoIGFsbCBldmVudHMgZnJvbSBtb2NrIEpTT04gZmlsZVxuICAgICAqL1xuICAgIGFzeW5jIGZldGNoQWxsKCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh0aGlzLmRhdGFVcmwpO1xuICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgbW9jayBldmVudHM6ICR7cmVzcG9uc2Uuc3RhdHVzfSAke3Jlc3BvbnNlLnN0YXR1c1RleHR9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCByYXdEYXRhID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucHJvY2Vzc0NhbGVuZGFyRGF0YShyYXdEYXRhKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBsb2FkIGV2ZW50IGRhdGE6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShfZXZlbnQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrRXZlbnRSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZENyZWF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF91cGRhdGVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0V2ZW50UmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0V2ZW50UmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIHByb2Nlc3NDYWxlbmRhckRhdGEoZGF0YSkge1xuICAgICAgICByZXR1cm4gZGF0YS5tYXAoKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAvLyBWYWxpZGF0ZSBjdXN0b21lciBldmVudCBjb25zdHJhaW50c1xuICAgICAgICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdjdXN0b21lcicpIHtcbiAgICAgICAgICAgICAgICBpZiAoIWV2ZW50LmJvb2tpbmdJZClcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGBDdXN0b21lciBldmVudCAke2V2ZW50LmlkfSBtaXNzaW5nIGJvb2tpbmdJZGApO1xuICAgICAgICAgICAgICAgIGlmICghZXZlbnQucmVzb3VyY2VJZClcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGBDdXN0b21lciBldmVudCAke2V2ZW50LmlkfSBtaXNzaW5nIHJlc291cmNlSWRgKTtcbiAgICAgICAgICAgICAgICBpZiAoIWV2ZW50LmN1c3RvbWVySWQpXG4gICAgICAgICAgICAgICAgICAgIGNvbnNvbGUud2FybihgQ3VzdG9tZXIgZXZlbnQgJHtldmVudC5pZH0gbWlzc2luZyBjdXN0b21lcklkYCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIGlkOiBldmVudC5pZCxcbiAgICAgICAgICAgICAgICB0aXRsZTogZXZlbnQudGl0bGUsXG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb246IGV2ZW50LmRlc2NyaXB0aW9uLFxuICAgICAgICAgICAgICAgIHN0YXJ0OiBuZXcgRGF0ZShldmVudC5zdGFydCksXG4gICAgICAgICAgICAgICAgZW5kOiBuZXcgRGF0ZShldmVudC5lbmQpLFxuICAgICAgICAgICAgICAgIHR5cGU6IGV2ZW50LnR5cGUsXG4gICAgICAgICAgICAgICAgYWxsRGF5OiBldmVudC5hbGxEYXkgfHwgZmFsc2UsXG4gICAgICAgICAgICAgICAgYm9va2luZ0lkOiBldmVudC5ib29raW5nSWQsXG4gICAgICAgICAgICAgICAgcmVzb3VyY2VJZDogZXZlbnQucmVzb3VyY2VJZCxcbiAgICAgICAgICAgICAgICBjdXN0b21lcklkOiBldmVudC5jdXN0b21lcklkLFxuICAgICAgICAgICAgICAgIHJlY3VycmluZ0lkOiBldmVudC5yZWN1cnJpbmdJZCxcbiAgICAgICAgICAgICAgICBtZXRhZGF0YTogZXZlbnQubWV0YWRhdGEsXG4gICAgICAgICAgICAgICAgc3luY1N0YXR1czogJ3N5bmNlZCdcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIE1vY2tSZXNvdXJjZVJlcG9zaXRvcnkgLSBMb2FkcyByZXNvdXJjZSBkYXRhIGZyb20gbG9jYWwgSlNPTiBmaWxlXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrUmVzb3VyY2VSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ1Jlc291cmNlJztcbiAgICAgICAgdGhpcy5kYXRhVXJsID0gJ2RhdGEvbW9jay1yZXNvdXJjZXMuanNvbic7XG4gICAgfVxuICAgIGFzeW5jIGZldGNoQWxsKCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh0aGlzLmRhdGFVcmwpO1xuICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgbW9jayByZXNvdXJjZXM6ICR7cmVzcG9uc2Uuc3RhdHVzfSAke3Jlc3BvbnNlLnN0YXR1c1RleHR9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCByYXdEYXRhID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucHJvY2Vzc1Jlc291cmNlRGF0YShyYXdEYXRhKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBsb2FkIHJlc291cmNlIGRhdGE6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShfcmVzb3VyY2UpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrUmVzb3VyY2VSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZENyZWF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF91cGRhdGVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1Jlc291cmNlUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1Jlc291cmNlUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIHByb2Nlc3NSZXNvdXJjZURhdGEoZGF0YSkge1xuICAgICAgICByZXR1cm4gZGF0YS5tYXAoKHJlc291cmNlKSA9PiAoe1xuICAgICAgICAgICAgaWQ6IHJlc291cmNlLmlkLFxuICAgICAgICAgICAgbmFtZTogcmVzb3VyY2UubmFtZSxcbiAgICAgICAgICAgIGRpc3BsYXlOYW1lOiByZXNvdXJjZS5kaXNwbGF5TmFtZSxcbiAgICAgICAgICAgIHR5cGU6IHJlc291cmNlLnR5cGUsXG4gICAgICAgICAgICBhdmF0YXJVcmw6IHJlc291cmNlLmF2YXRhclVybCxcbiAgICAgICAgICAgIGNvbG9yOiByZXNvdXJjZS5jb2xvcixcbiAgICAgICAgICAgIGlzQWN0aXZlOiByZXNvdXJjZS5pc0FjdGl2ZSxcbiAgICAgICAgICAgIGRlZmF1bHRTY2hlZHVsZTogcmVzb3VyY2UuZGVmYXVsdFNjaGVkdWxlLFxuICAgICAgICAgICAgbWV0YWRhdGE6IHJlc291cmNlLm1ldGFkYXRhLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3N5bmNlZCdcbiAgICAgICAgfSkpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIE1vY2tCb29raW5nUmVwb3NpdG9yeSAtIExvYWRzIGJvb2tpbmcgZGF0YSBmcm9tIGxvY2FsIEpTT04gZmlsZVxuICovXG5leHBvcnQgY2xhc3MgTW9ja0Jvb2tpbmdSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0Jvb2tpbmcnO1xuICAgICAgICB0aGlzLmRhdGFVcmwgPSAnZGF0YS9tb2NrLWJvb2tpbmdzLmpzb24nO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEFsbCgpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZmV0Y2godGhpcy5kYXRhVXJsKTtcbiAgICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBsb2FkIG1vY2sgYm9va2luZ3M6ICR7cmVzcG9uc2Uuc3RhdHVzfSAke3Jlc3BvbnNlLnN0YXR1c1RleHR9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCByYXdEYXRhID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucHJvY2Vzc0Jvb2tpbmdEYXRhKHJhd0RhdGEpO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignRmFpbGVkIHRvIGxvYWQgYm9va2luZyBkYXRhOicsIGVycm9yKTtcbiAgICAgICAgICAgIHRocm93IGVycm9yO1xuICAgICAgICB9XG4gICAgfVxuICAgIGFzeW5jIHNlbmRDcmVhdGUoX2Jvb2tpbmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrQm9va2luZ1JlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kQ3JlYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kVXBkYXRlKF9pZCwgX3VwZGF0ZXMpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrQm9va2luZ1JlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kVXBkYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kRGVsZXRlKF9pZCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tCb29raW5nUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIHByb2Nlc3NCb29raW5nRGF0YShkYXRhKSB7XG4gICAgICAgIHJldHVybiBkYXRhLm1hcCgoYm9va2luZykgPT4gKHtcbiAgICAgICAgICAgIGlkOiBib29raW5nLmlkLFxuICAgICAgICAgICAgY3VzdG9tZXJJZDogYm9va2luZy5jdXN0b21lcklkLFxuICAgICAgICAgICAgc3RhdHVzOiBib29raW5nLnN0YXR1cyxcbiAgICAgICAgICAgIGNyZWF0ZWRBdDogbmV3IERhdGUoYm9va2luZy5jcmVhdGVkQXQpLFxuICAgICAgICAgICAgc2VydmljZXM6IGJvb2tpbmcuc2VydmljZXMsXG4gICAgICAgICAgICB0b3RhbFByaWNlOiBib29raW5nLnRvdGFsUHJpY2UsXG4gICAgICAgICAgICB0YWdzOiBib29raW5nLnRhZ3MsXG4gICAgICAgICAgICBub3RlczogYm9va2luZy5ub3RlcyxcbiAgICAgICAgICAgIHN5bmNTdGF0dXM6ICdzeW5jZWQnXG4gICAgICAgIH0pKTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBNb2NrQ3VzdG9tZXJSZXBvc2l0b3J5IC0gTG9hZHMgY3VzdG9tZXIgZGF0YSBmcm9tIGxvY2FsIEpTT04gZmlsZVxuICovXG5leHBvcnQgY2xhc3MgTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdDdXN0b21lcic7XG4gICAgICAgIHRoaXMuZGF0YVVybCA9ICdkYXRhL21vY2stY3VzdG9tZXJzLmpzb24nO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEFsbCgpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZmV0Y2godGhpcy5kYXRhVXJsKTtcbiAgICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBsb2FkIG1vY2sgY3VzdG9tZXJzOiAke3Jlc3BvbnNlLnN0YXR1c30gJHtyZXNwb25zZS5zdGF0dXNUZXh0fWApO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgcmF3RGF0YSA9IGF3YWl0IHJlc3BvbnNlLmpzb24oKTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnByb2Nlc3NDdXN0b21lckRhdGEocmF3RGF0YSk7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gbG9hZCBjdXN0b21lciBkYXRhOicsIGVycm9yKTtcbiAgICAgICAgICAgIHRocm93IGVycm9yO1xuICAgICAgICB9XG4gICAgfVxuICAgIGFzeW5jIHNlbmRDcmVhdGUoX2N1c3RvbWVyKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRDcmVhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmRVcGRhdGUoX2lkLCBfdXBkYXRlcykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tDdXN0b21lclJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kVXBkYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kRGVsZXRlKF9pZCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tDdXN0b21lclJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kRGVsZXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBwcm9jZXNzQ3VzdG9tZXJEYXRhKGRhdGEpIHtcbiAgICAgICAgcmV0dXJuIGRhdGEubWFwKChjdXN0b21lcikgPT4gKHtcbiAgICAgICAgICAgIGlkOiBjdXN0b21lci5pZCxcbiAgICAgICAgICAgIG5hbWU6IGN1c3RvbWVyLm5hbWUsXG4gICAgICAgICAgICBwaG9uZTogY3VzdG9tZXIucGhvbmUsXG4gICAgICAgICAgICBlbWFpbDogY3VzdG9tZXIuZW1haWwsXG4gICAgICAgICAgICBtZXRhZGF0YTogY3VzdG9tZXIubWV0YWRhdGEsXG4gICAgICAgICAgICBzeW5jU3RhdHVzOiAnc3luY2VkJ1xuICAgICAgICB9KSk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogTW9ja0F1ZGl0UmVwb3NpdG9yeSAtIE1vY2sgQVBJIHJlcG9zaXRvcnkgZm9yIGF1ZGl0IGVudHJpZXNcbiAqXG4gKiBJbiBwcm9kdWN0aW9uLCB0aGlzIHdvdWxkIHNlbmQgYXVkaXQgZW50cmllcyB0byB0aGUgYmFja2VuZC5cbiAqIEZvciBkZXZlbG9wbWVudC90ZXN0aW5nLCBpdCBqdXN0IGxvZ3MgdGhlIG9wZXJhdGlvbnMuXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrQXVkaXRSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ0F1ZGl0JztcbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShlbnRpdHkpIHtcbiAgICAgICAgLy8gU2ltdWxhdGUgQVBJIGNhbGwgZGVsYXlcbiAgICAgICAgYXdhaXQgbmV3IFByb21pc2UocmVzb2x2ZSA9PiBzZXRUaW1lb3V0KHJlc29sdmUsIDEwMCkpO1xuICAgICAgICBjb25zb2xlLmxvZygnTW9ja0F1ZGl0UmVwb3NpdG9yeTogQXVkaXQgZW50cnkgc3luY2VkIHRvIGJhY2tlbmQ6Jywge1xuICAgICAgICAgICAgaWQ6IGVudGl0eS5pZCxcbiAgICAgICAgICAgIGVudGl0eVR5cGU6IGVudGl0eS5lbnRpdHlUeXBlLFxuICAgICAgICAgICAgZW50aXR5SWQ6IGVudGl0eS5lbnRpdHlJZCxcbiAgICAgICAgICAgIG9wZXJhdGlvbjogZW50aXR5Lm9wZXJhdGlvbixcbiAgICAgICAgICAgIHRpbWVzdGFtcDogbmV3IERhdGUoZW50aXR5LnRpbWVzdGFtcCkudG9JU09TdHJpbmcoKVxuICAgICAgICB9KTtcbiAgICAgICAgcmV0dXJuIGVudGl0eTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF9lbnRpdHkpIHtcbiAgICAgICAgLy8gQXVkaXQgZW50cmllcyBhcmUgaW1tdXRhYmxlIC0gdXBkYXRlcyBzaG91bGQgbm90IGhhcHBlblxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0F1ZGl0IGVudHJpZXMgY2Fubm90IGJlIHVwZGF0ZWQnKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZERlbGV0ZShfaWQpIHtcbiAgICAgICAgLy8gQXVkaXQgZW50cmllcyBzaG91bGQgbmV2ZXIgYmUgZGVsZXRlZFxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0F1ZGl0IGVudHJpZXMgY2Fubm90IGJlIGRlbGV0ZWQnKTtcbiAgICB9XG4gICAgYXN5bmMgZmV0Y2hBbGwoKSB7XG4gICAgICAgIC8vIEZvciBub3csIHJldHVybiBlbXB0eSBhcnJheSAtIGF1ZGl0IGVudHJpZXMgYXJlIGxvY2FsLWZpcnN0XG4gICAgICAgIC8vIEluIHByb2R1Y3Rpb24sIHRoaXMgY291bGQgZmV0Y2ggYXVkaXQgaGlzdG9yeSBmcm9tIGJhY2tlbmRcbiAgICAgICAgcmV0dXJuIFtdO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEJ5SWQoX2lkKSB7XG4gICAgICAgIC8vIEZvciBub3csIHJldHVybiBudWxsIC0gYXVkaXQgZW50cmllcyBhcmUgbG9jYWwtZmlyc3RcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxufVxuIiwgIi8qKlxuICogTW9ja1RlYW1SZXBvc2l0b3J5IC0gTG9hZHMgdGVhbSBkYXRhIGZyb20gbG9jYWwgSlNPTiBmaWxlXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrVGVhbVJlcG9zaXRvcnkge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmVudGl0eVR5cGUgPSAnVGVhbSc7XG4gICAgICAgIHRoaXMuZGF0YVVybCA9ICdkYXRhL21vY2stdGVhbXMuanNvbic7XG4gICAgfVxuICAgIGFzeW5jIGZldGNoQWxsKCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh0aGlzLmRhdGFVcmwpO1xuICAgICAgICAgICAgaWYgKCFyZXNwb25zZS5vaykge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgRmFpbGVkIHRvIGxvYWQgbW9jayB0ZWFtczogJHtyZXNwb25zZS5zdGF0dXN9ICR7cmVzcG9uc2Uuc3RhdHVzVGV4dH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHJhd0RhdGEgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5wcm9jZXNzVGVhbURhdGEocmF3RGF0YSk7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gbG9hZCB0ZWFtIGRhdGE6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VuZENyZWF0ZShfdGVhbSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tUZWFtUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRDcmVhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmRVcGRhdGUoX2lkLCBfdXBkYXRlcykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tUZWFtUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRVcGRhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmREZWxldGUoX2lkKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1RlYW1SZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZERlbGV0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgcHJvY2Vzc1RlYW1EYXRhKGRhdGEpIHtcbiAgICAgICAgcmV0dXJuIGRhdGEubWFwKCh0ZWFtKSA9PiAoe1xuICAgICAgICAgICAgaWQ6IHRlYW0uaWQsXG4gICAgICAgICAgICBuYW1lOiB0ZWFtLm5hbWUsXG4gICAgICAgICAgICByZXNvdXJjZUlkczogdGVhbS5yZXNvdXJjZUlkcyxcbiAgICAgICAgICAgIHN5bmNTdGF0dXM6ICdzeW5jZWQnXG4gICAgICAgIH0pKTtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBNb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkgLSBMb2FkcyBkZXBhcnRtZW50IGRhdGEgZnJvbSBsb2NhbCBKU09OIGZpbGVcbiAqL1xuZXhwb3J0IGNsYXNzIE1vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuZW50aXR5VHlwZSA9ICdEZXBhcnRtZW50JztcbiAgICAgICAgdGhpcy5kYXRhVXJsID0gJ2RhdGEvbW9jay1kZXBhcnRtZW50cy5qc29uJztcbiAgICB9XG4gICAgYXN5bmMgZmV0Y2hBbGwoKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKHRoaXMuZGF0YVVybCk7XG4gICAgICAgICAgICBpZiAoIXJlc3BvbnNlLm9rKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBGYWlsZWQgdG8gbG9hZCBtb2NrIGRlcGFydG1lbnRzOiAke3Jlc3BvbnNlLnN0YXR1c30gJHtyZXNwb25zZS5zdGF0dXNUZXh0fWApO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgcmF3RGF0YSA9IGF3YWl0IHJlc3BvbnNlLmpzb24oKTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnByb2Nlc3NEZXBhcnRtZW50RGF0YShyYXdEYXRhKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBsb2FkIGRlcGFydG1lbnQgZGF0YTonLCBlcnJvcik7XG4gICAgICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBhc3luYyBzZW5kQ3JlYXRlKF9kZXBhcnRtZW50KSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0RlcGFydG1lbnRSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZENyZWF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZFVwZGF0ZShfaWQsIF91cGRhdGVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja0RlcGFydG1lbnRSZXBvc2l0b3J5IGRvZXMgbm90IHN1cHBvcnQgc2VuZFVwZGF0ZS4gTW9jayBkYXRhIGlzIHJlYWQtb25seS4nKTtcbiAgICB9XG4gICAgYXN5bmMgc2VuZERlbGV0ZShfaWQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kRGVsZXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBwcm9jZXNzRGVwYXJ0bWVudERhdGEoZGF0YSkge1xuICAgICAgICByZXR1cm4gZGF0YS5tYXAoKGRlcHQpID0+ICh7XG4gICAgICAgICAgICBpZDogZGVwdC5pZCxcbiAgICAgICAgICAgIG5hbWU6IGRlcHQubmFtZSxcbiAgICAgICAgICAgIHJlc291cmNlSWRzOiBkZXB0LnJlc291cmNlSWRzLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3N5bmNlZCdcbiAgICAgICAgfSkpO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIE1vY2tTZXR0aW5nc1JlcG9zaXRvcnkgLSBMb2FkcyB0ZW5hbnQgc2V0dGluZ3MgZnJvbSBsb2NhbCBKU09OIGZpbGVcbiAqXG4gKiBTZXR0aW5ncyBhcmUgc3RvcmVkIGFzIHNlcGFyYXRlIHJlY29yZHMgcGVyIHNlY3Rpb24gKHdvcmt3ZWVrLCBncmlkLCBldGMuKS5cbiAqIFRoZSBKU09OIGZpbGUgaXMgYWxyZWFkeSBhbiBhcnJheSBvZiBUZW5hbnRTZXR0aW5nIHJlY29yZHMuXG4gKi9cbmV4cG9ydCBjbGFzcyBNb2NrU2V0dGluZ3NSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ1NldHRpbmdzJztcbiAgICAgICAgdGhpcy5kYXRhVXJsID0gJ2RhdGEvdGVuYW50LXNldHRpbmdzLmpzb24nO1xuICAgIH1cbiAgICBhc3luYyBmZXRjaEFsbCgpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZmV0Y2godGhpcy5kYXRhVXJsKTtcbiAgICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBsb2FkIHRlbmFudCBzZXR0aW5nczogJHtyZXNwb25zZS5zdGF0dXN9ICR7cmVzcG9uc2Uuc3RhdHVzVGV4dH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHNldHRpbmdzID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICAgICAgLy8gRW5zdXJlIHN5bmNTdGF0dXMgaXMgc2V0IG9uIGVhY2ggcmVjb3JkXG4gICAgICAgICAgICByZXR1cm4gc2V0dGluZ3MubWFwKHMgPT4gKHtcbiAgICAgICAgICAgICAgICAuLi5zLFxuICAgICAgICAgICAgICAgIHN5bmNTdGF0dXM6IHMuc3luY1N0YXR1cyB8fCAnc3luY2VkJ1xuICAgICAgICAgICAgfSkpO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignRmFpbGVkIHRvIGxvYWQgdGVuYW50IHNldHRpbmdzOicsIGVycm9yKTtcbiAgICAgICAgICAgIHRocm93IGVycm9yO1xuICAgICAgICB9XG4gICAgfVxuICAgIGFzeW5jIHNlbmRDcmVhdGUoX3NldHRpbmdzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTW9ja1NldHRpbmdzUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmRDcmVhdGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxuICAgIGFzeW5jIHNlbmRVcGRhdGUoX2lkLCBfdXBkYXRlcykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tTZXR0aW5nc1JlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kVXBkYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kRGVsZXRlKF9pZCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tTZXR0aW5nc1JlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kRGVsZXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbn1cbiIsICJleHBvcnQgY2xhc3MgTW9ja1ZpZXdDb25maWdSZXBvc2l0b3J5IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5lbnRpdHlUeXBlID0gJ1ZpZXdDb25maWcnO1xuICAgICAgICB0aGlzLmRhdGFVcmwgPSAnZGF0YS92aWV3Y29uZmlncy5qc29uJztcbiAgICB9XG4gICAgYXN5bmMgZmV0Y2hBbGwoKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKHRoaXMuZGF0YVVybCk7XG4gICAgICAgICAgICBpZiAoIXJlc3BvbnNlLm9rKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBGYWlsZWQgdG8gbG9hZCB2aWV3Y29uZmlnczogJHtyZXNwb25zZS5zdGF0dXN9ICR7cmVzcG9uc2Uuc3RhdHVzVGV4dH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHJhd0RhdGEgPSBhd2FpdCByZXNwb25zZS5qc29uKCk7XG4gICAgICAgICAgICAvLyBFbnN1cmUgc3luY1N0YXR1cyBpcyBzZXQgb24gZWFjaCBjb25maWdcbiAgICAgICAgICAgIGNvbnN0IGNvbmZpZ3MgPSByYXdEYXRhLm1hcCgoY29uZmlnKSA9PiAoe1xuICAgICAgICAgICAgICAgIC4uLmNvbmZpZyxcbiAgICAgICAgICAgICAgICBzeW5jU3RhdHVzOiBjb25maWcuc3luY1N0YXR1cyB8fCAnc3luY2VkJ1xuICAgICAgICAgICAgfSkpO1xuICAgICAgICAgICAgcmV0dXJuIGNvbmZpZ3M7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gbG9hZCB2aWV3Y29uZmlnczonLCBlcnJvcik7XG4gICAgICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBhc3luYyBzZW5kQ3JlYXRlKF9jb25maWcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kQ3JlYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kVXBkYXRlKF9pZCwgX3VwZGF0ZXMpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnkgZG9lcyBub3Qgc3VwcG9ydCBzZW5kVXBkYXRlLiBNb2NrIGRhdGEgaXMgcmVhZC1vbmx5LicpO1xuICAgIH1cbiAgICBhc3luYyBzZW5kRGVsZXRlKF9pZCkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ01vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSBkb2VzIG5vdCBzdXBwb3J0IHNlbmREZWxldGUuIE1vY2sgZGF0YSBpcyByZWFkLW9ubHkuJyk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogRGF0YVNlZWRlciAtIE9yY2hlc3RyYXRlcyBpbml0aWFsIGRhdGEgbG9hZGluZyBmcm9tIHJlcG9zaXRvcmllcyBpbnRvIEluZGV4ZWREQlxuICpcbiAqIEFSQ0hJVEVDVFVSRTpcbiAqIC0gUmVwb3NpdG9yeSAoTW9jay9BcGkpOiBGZXRjaGVzIGRhdGEgZnJvbSBzb3VyY2UgKEpTT04gZmlsZSBvciBiYWNrZW5kIEFQSSlcbiAqIC0gRGF0YVNlZWRlciAodGhpcyBjbGFzcyk6IE9yY2hlc3RyYXRlcyBmZXRjaCArIHNhdmUgb3BlcmF0aW9uc1xuICogLSBTZXJ2aWNlIChFdmVudFNlcnZpY2UsIGV0Yy4pOiBTYXZlcyBkYXRhIHRvIEluZGV4ZWREQlxuICpcbiAqIFBPTFlNT1JQSElDIERFU0lHTjpcbiAqIC0gVXNlcyBhcnJheXMgb2YgSUVudGl0eVNlcnZpY2VbXSBhbmQgSUFwaVJlcG9zaXRvcnlbXVxuICogLSBNYXRjaGVzIHNlcnZpY2VzIHdpdGggcmVwb3NpdG9yaWVzIHVzaW5nIGVudGl0eVR5cGUgcHJvcGVydHlcbiAqIC0gT3Blbi9DbG9zZWQgUHJpbmNpcGxlOiBBZGRpbmcgbmV3IGVudGl0eSByZXF1aXJlcyBubyBjb2RlIGNoYW5nZXMgaGVyZVxuICovXG5leHBvcnQgY2xhc3MgRGF0YVNlZWRlciB7XG4gICAgY29uc3RydWN0b3Ioc2VydmljZXMsIHJlcG9zaXRvcmllcykge1xuICAgICAgICB0aGlzLnNlcnZpY2VzID0gc2VydmljZXM7XG4gICAgICAgIHRoaXMucmVwb3NpdG9yaWVzID0gcmVwb3NpdG9yaWVzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTZWVkIGFsbCBlbnRpdHkgc3RvcmVzIGlmIHRoZXkgYXJlIGVtcHR5XG4gICAgICovXG4gICAgYXN5bmMgc2VlZElmRW1wdHkoKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKCdbRGF0YVNlZWRlcl0gQ2hlY2tpbmcgaWYgZGF0YWJhc2UgbmVlZHMgc2VlZGluZy4uLicpO1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgZm9yIChjb25zdCBzZXJ2aWNlIG9mIHRoaXMuc2VydmljZXMpIHtcbiAgICAgICAgICAgICAgICBjb25zdCByZXBvc2l0b3J5ID0gdGhpcy5yZXBvc2l0b3JpZXMuZmluZChyZXBvID0+IHJlcG8uZW50aXR5VHlwZSA9PT0gc2VydmljZS5lbnRpdHlUeXBlKTtcbiAgICAgICAgICAgICAgICBpZiAoIXJlcG9zaXRvcnkpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGBbRGF0YVNlZWRlcl0gTm8gcmVwb3NpdG9yeSBmb3VuZCBmb3IgZW50aXR5IHR5cGU6ICR7c2VydmljZS5lbnRpdHlUeXBlfSwgc2tpcHBpbmdgKTtcbiAgICAgICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGF3YWl0IHRoaXMuc2VlZEVudGl0eShzZXJ2aWNlLmVudGl0eVR5cGUsIHNlcnZpY2UsIHJlcG9zaXRvcnkpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc29sZS5sb2coJ1tEYXRhU2VlZGVyXSBTZWVkaW5nIGNvbXBsZXRlJyk7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdbRGF0YVNlZWRlcl0gU2VlZGluZyBmYWlsZWQ6JywgZXJyb3IpO1xuICAgICAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYXN5bmMgc2VlZEVudGl0eShlbnRpdHlUeXBlLCBzZXJ2aWNlLCByZXBvc2l0b3J5KSB7XG4gICAgICAgIGNvbnN0IGV4aXN0aW5nID0gYXdhaXQgc2VydmljZS5nZXRBbGwoKTtcbiAgICAgICAgaWYgKGV4aXN0aW5nLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKGBbRGF0YVNlZWRlcl0gJHtlbnRpdHlUeXBlfSBzdG9yZSBhbHJlYWR5IGhhcyAke2V4aXN0aW5nLmxlbmd0aH0gaXRlbXMsIHNraXBwaW5nIHNlZWRgKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zb2xlLmxvZyhgW0RhdGFTZWVkZXJdICR7ZW50aXR5VHlwZX0gc3RvcmUgaXMgZW1wdHksIGZldGNoaW5nIGZyb20gcmVwb3NpdG9yeS4uLmApO1xuICAgICAgICBjb25zdCBkYXRhID0gYXdhaXQgcmVwb3NpdG9yeS5mZXRjaEFsbCgpO1xuICAgICAgICBjb25zb2xlLmxvZyhgW0RhdGFTZWVkZXJdIEZldGNoZWQgJHtkYXRhLmxlbmd0aH0gJHtlbnRpdHlUeXBlfSBpdGVtcywgc2F2aW5nIHRvIEluZGV4ZWREQi4uLmApO1xuICAgICAgICBmb3IgKGNvbnN0IGVudGl0eSBvZiBkYXRhKSB7XG4gICAgICAgICAgICBhd2FpdCBzZXJ2aWNlLnNhdmUoZW50aXR5LCB0cnVlKTsgLy8gc2lsZW50ID0gdHJ1ZSB0byBza2lwIGF1ZGl0IGxvZ2dpbmdcbiAgICAgICAgfVxuICAgICAgICBjb25zb2xlLmxvZyhgW0RhdGFTZWVkZXJdICR7ZW50aXR5VHlwZX0gc2VlZGluZyBjb21wbGV0ZSAoJHtkYXRhLmxlbmd0aH0gaXRlbXMgc2F2ZWQpYCk7XG4gICAgfVxufVxuIiwgIi8qKlxuICogQ2FsY3VsYXRlIHBpeGVsIHBvc2l0aW9uIGZvciBhbiBldmVudCBiYXNlZCBvbiBpdHMgdGltZXNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oc3RhcnQsIGVuZCwgY29uZmlnKSB7XG4gICAgY29uc3Qgc3RhcnRNaW51dGVzID0gc3RhcnQuZ2V0SG91cnMoKSAqIDYwICsgc3RhcnQuZ2V0TWludXRlcygpO1xuICAgIGNvbnN0IGVuZE1pbnV0ZXMgPSBlbmQuZ2V0SG91cnMoKSAqIDYwICsgZW5kLmdldE1pbnV0ZXMoKTtcbiAgICBjb25zdCBkYXlTdGFydE1pbnV0ZXMgPSBjb25maWcuZGF5U3RhcnRIb3VyICogNjA7XG4gICAgY29uc3QgbWludXRlSGVpZ2h0ID0gY29uZmlnLmhvdXJIZWlnaHQgLyA2MDtcbiAgICBjb25zdCB0b3AgPSAoc3RhcnRNaW51dGVzIC0gZGF5U3RhcnRNaW51dGVzKSAqIG1pbnV0ZUhlaWdodDtcbiAgICBjb25zdCBoZWlnaHQgPSAoZW5kTWludXRlcyAtIHN0YXJ0TWludXRlcykgKiBtaW51dGVIZWlnaHQ7XG4gICAgcmV0dXJuIHsgdG9wLCBoZWlnaHQgfTtcbn1cbi8qKlxuICogQ29udmVydCBtaW51dGVzIHRvIHBpeGVsc1xuICovXG5leHBvcnQgZnVuY3Rpb24gbWludXRlc1RvUGl4ZWxzKG1pbnV0ZXMsIGNvbmZpZykge1xuICAgIHJldHVybiAobWludXRlcyAvIDYwKSAqIGNvbmZpZy5ob3VySGVpZ2h0O1xufVxuLyoqXG4gKiBDb252ZXJ0IHBpeGVscyB0byBtaW51dGVzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBwaXhlbHNUb01pbnV0ZXMocGl4ZWxzLCBjb25maWcpIHtcbiAgICByZXR1cm4gKHBpeGVscyAvIGNvbmZpZy5ob3VySGVpZ2h0KSAqIDYwO1xufVxuLyoqXG4gKiBTbmFwIHBpeGVsIHBvc2l0aW9uIHRvIGdyaWQgaW50ZXJ2YWxcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNuYXBUb0dyaWQocGl4ZWxzLCBjb25maWcpIHtcbiAgICBjb25zdCBzbmFwUGl4ZWxzID0gbWludXRlc1RvUGl4ZWxzKGNvbmZpZy5zbmFwSW50ZXJ2YWwsIGNvbmZpZyk7XG4gICAgcmV0dXJuIE1hdGgucm91bmQocGl4ZWxzIC8gc25hcFBpeGVscykgKiBzbmFwUGl4ZWxzO1xufVxuIiwgImltcG9ydCB7IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24gfSBmcm9tICcuLi8uLi91dGlscy9Qb3NpdGlvblV0aWxzJztcbi8qKlxuICogQ2hlY2sgaWYgdHdvIGV2ZW50cyBvdmVybGFwIChzdHJpY3QgLSB0b3VjaGluZyBhdCBib3VuZGFyeSA9IE5PVCBvdmVybGFwcGluZylcbiAqIFRoaXMgbWF0Y2hlcyBTY2VuYXJpbyA4OiBlbmQ9PT1zdGFydCBpcyBOT1Qgb3ZlcmxhcFxuICovXG5leHBvcnQgZnVuY3Rpb24gZXZlbnRzT3ZlcmxhcChhLCBiKSB7XG4gICAgcmV0dXJuIGEuc3RhcnQgPCBiLmVuZCAmJiBhLmVuZCA+IGIuc3RhcnQ7XG59XG4vKipcbiAqIENoZWNrIGlmIHR3byBldmVudHMgYXJlIHdpdGhpbiB0aHJlc2hvbGQgZm9yIGdyaWQgZ3JvdXBpbmcuXG4gKiBUaGlzIGluY2x1ZGVzOlxuICogMS4gU3RhcnQtdG8tc3RhcnQ6IEV2ZW50cyBzdGFydCB3aXRoaW4gdGhyZXNob2xkIG9mIGVhY2ggb3RoZXJcbiAqIDIuIEVuZC10by1zdGFydDogT25lIGV2ZW50IHN0YXJ0cyB3aXRoaW4gdGhyZXNob2xkIGJlZm9yZSBhbm90aGVyIGVuZHNcbiAqL1xuZnVuY3Rpb24gZXZlbnRzV2l0aGluVGhyZXNob2xkKGEsIGIsIHRocmVzaG9sZE1pbnV0ZXMpIHtcbiAgICBjb25zdCB0aHJlc2hvbGRNcyA9IHRocmVzaG9sZE1pbnV0ZXMgKiA2MCAqIDEwMDA7XG4gICAgLy8gU3RhcnQtdG8tc3RhcnQ6IGJvdGggZXZlbnRzIHN0YXJ0IHdpdGhpbiB0aHJlc2hvbGRcbiAgICBjb25zdCBzdGFydFRvU3RhcnREaWZmID0gTWF0aC5hYnMoYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XG4gICAgaWYgKHN0YXJ0VG9TdGFydERpZmYgPD0gdGhyZXNob2xkTXMpXG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIC8vIEVuZC10by1zdGFydDogb25lIGV2ZW50IHN0YXJ0cyB3aXRoaW4gdGhyZXNob2xkIGJlZm9yZSB0aGUgb3RoZXIgZW5kc1xuICAgIC8vIEIgc3RhcnRzIHdpdGhpbiB0aHJlc2hvbGQgYmVmb3JlIEEgZW5kc1xuICAgIGNvbnN0IGJTdGFydHNCZWZvcmVBRW5kcyA9IGEuZW5kLmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpO1xuICAgIGlmIChiU3RhcnRzQmVmb3JlQUVuZHMgPiAwICYmIGJTdGFydHNCZWZvcmVBRW5kcyA8PSB0aHJlc2hvbGRNcylcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgLy8gQSBzdGFydHMgd2l0aGluIHRocmVzaG9sZCBiZWZvcmUgQiBlbmRzXG4gICAgY29uc3QgYVN0YXJ0c0JlZm9yZUJFbmRzID0gYi5lbmQuZ2V0VGltZSgpIC0gYS5zdGFydC5nZXRUaW1lKCk7XG4gICAgaWYgKGFTdGFydHNCZWZvcmVCRW5kcyA+IDAgJiYgYVN0YXJ0c0JlZm9yZUJFbmRzIDw9IHRocmVzaG9sZE1zKVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICByZXR1cm4gZmFsc2U7XG59XG4vKipcbiAqIENoZWNrIGlmIGFsbCBldmVudHMgaW4gYSBncm91cCBzdGFydCB3aXRoaW4gdGhyZXNob2xkIG9mIGVhY2ggb3RoZXJcbiAqL1xuZnVuY3Rpb24gYWxsU3RhcnRXaXRoaW5UaHJlc2hvbGQoZXZlbnRzLCB0aHJlc2hvbGRNaW51dGVzKSB7XG4gICAgaWYgKGV2ZW50cy5sZW5ndGggPD0gMSlcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgLy8gRmluZCBlYXJsaWVzdCBhbmQgbGF0ZXN0IHN0YXJ0IHRpbWVzXG4gICAgbGV0IGVhcmxpZXN0ID0gZXZlbnRzWzBdLnN0YXJ0LmdldFRpbWUoKTtcbiAgICBsZXQgbGF0ZXN0ID0gZXZlbnRzWzBdLnN0YXJ0LmdldFRpbWUoKTtcbiAgICBmb3IgKGNvbnN0IGV2ZW50IG9mIGV2ZW50cykge1xuICAgICAgICBjb25zdCB0aW1lID0gZXZlbnQuc3RhcnQuZ2V0VGltZSgpO1xuICAgICAgICBpZiAodGltZSA8IGVhcmxpZXN0KVxuICAgICAgICAgICAgZWFybGllc3QgPSB0aW1lO1xuICAgICAgICBpZiAodGltZSA+IGxhdGVzdClcbiAgICAgICAgICAgIGxhdGVzdCA9IHRpbWU7XG4gICAgfVxuICAgIGNvbnN0IGRpZmZNaW51dGVzID0gKGxhdGVzdCAtIGVhcmxpZXN0KSAvICgxMDAwICogNjApO1xuICAgIHJldHVybiBkaWZmTWludXRlcyA8PSB0aHJlc2hvbGRNaW51dGVzO1xufVxuLyoqXG4gKiBGaW5kIGdyb3VwcyBvZiBvdmVybGFwcGluZyBldmVudHMgKGNvbm5lY3RlZCBieSBvdmVybGFwIGNoYWluKVxuICogRXZlbnRzIGFyZSBncm91cGVkIGlmIHRoZXkgb3ZlcmxhcCB3aXRoIGFueSBldmVudCBpbiB0aGUgZ3JvdXBcbiAqL1xuZnVuY3Rpb24gZmluZE92ZXJsYXBHcm91cHMoZXZlbnRzKSB7XG4gICAgaWYgKGV2ZW50cy5sZW5ndGggPT09IDApXG4gICAgICAgIHJldHVybiBbXTtcbiAgICBjb25zdCBzb3J0ZWQgPSBbLi4uZXZlbnRzXS5zb3J0KChhLCBiKSA9PiBhLnN0YXJ0LmdldFRpbWUoKSAtIGIuc3RhcnQuZ2V0VGltZSgpKTtcbiAgICBjb25zdCB1c2VkID0gbmV3IFNldCgpO1xuICAgIGNvbnN0IGdyb3VwcyA9IFtdO1xuICAgIGZvciAoY29uc3QgZXZlbnQgb2Ygc29ydGVkKSB7XG4gICAgICAgIGlmICh1c2VkLmhhcyhldmVudC5pZCkpXG4gICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgLy8gU3RhcnQgYSBuZXcgZ3JvdXAgd2l0aCB0aGlzIGV2ZW50XG4gICAgICAgIGNvbnN0IGdyb3VwID0gW2V2ZW50XTtcbiAgICAgICAgdXNlZC5hZGQoZXZlbnQuaWQpO1xuICAgICAgICAvLyBFeHBhbmQgZ3JvdXAgYnkgZmluZGluZyBhbGwgY29ubmVjdGVkIGV2ZW50cyAodmlhIG92ZXJsYXApXG4gICAgICAgIGxldCBleHBhbmRlZCA9IHRydWU7XG4gICAgICAgIHdoaWxlIChleHBhbmRlZCkge1xuICAgICAgICAgICAgZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIGZvciAoY29uc3QgY2FuZGlkYXRlIG9mIHNvcnRlZCkge1xuICAgICAgICAgICAgICAgIGlmICh1c2VkLmhhcyhjYW5kaWRhdGUuaWQpKVxuICAgICAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgICAgICAvLyBDaGVjayBpZiBjYW5kaWRhdGUgb3ZlcmxhcHMgd2l0aCBhbnkgZXZlbnQgaW4gZ3JvdXBcbiAgICAgICAgICAgICAgICBjb25zdCBjb25uZWN0cyA9IGdyb3VwLnNvbWUobWVtYmVyID0+IGV2ZW50c092ZXJsYXAobWVtYmVyLCBjYW5kaWRhdGUpKTtcbiAgICAgICAgICAgICAgICBpZiAoY29ubmVjdHMpIHtcbiAgICAgICAgICAgICAgICAgICAgZ3JvdXAucHVzaChjYW5kaWRhdGUpO1xuICAgICAgICAgICAgICAgICAgICB1c2VkLmFkZChjYW5kaWRhdGUuaWQpO1xuICAgICAgICAgICAgICAgICAgICBleHBhbmRlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGdyb3Vwcy5wdXNoKGdyb3VwKTtcbiAgICB9XG4gICAgcmV0dXJuIGdyb3Vwcztcbn1cbi8qKlxuICogRmluZCBncmlkIGNhbmRpZGF0ZXMgd2l0aGluIGEgZ3JvdXAgLSBldmVudHMgY29ubmVjdGVkIHZpYSB0aHJlc2hvbGQgY2hhaW5cbiAqIFVzZXMgVjEgbG9naWM6IGV2ZW50cyBhcmUgY29ubmVjdGVkIGlmIHdpdGhpbiB0aHJlc2hvbGQgKG5vIG92ZXJsYXAgcmVxdWlyZW1lbnQpXG4gKi9cbmZ1bmN0aW9uIGZpbmRHcmlkQ2FuZGlkYXRlcyhldmVudHMsIHRocmVzaG9sZE1pbnV0ZXMpIHtcbiAgICBpZiAoZXZlbnRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgcmV0dXJuIFtdO1xuICAgIGNvbnN0IHNvcnRlZCA9IFsuLi5ldmVudHNdLnNvcnQoKGEsIGIpID0+IGEuc3RhcnQuZ2V0VGltZSgpIC0gYi5zdGFydC5nZXRUaW1lKCkpO1xuICAgIGNvbnN0IHVzZWQgPSBuZXcgU2V0KCk7XG4gICAgY29uc3QgZ3JvdXBzID0gW107XG4gICAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcbiAgICAgICAgaWYgKHVzZWQuaGFzKGV2ZW50LmlkKSlcbiAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICBjb25zdCBncm91cCA9IFtldmVudF07XG4gICAgICAgIHVzZWQuYWRkKGV2ZW50LmlkKTtcbiAgICAgICAgLy8gRXhwYW5kIGJ5IHRocmVzaG9sZCBjaGFpbiAoVjEgbG9naWM6IG5vIG92ZXJsYXAgcmVxdWlyZW1lbnQsIGp1c3QgdGhyZXNob2xkKVxuICAgICAgICBsZXQgZXhwYW5kZWQgPSB0cnVlO1xuICAgICAgICB3aGlsZSAoZXhwYW5kZWQpIHtcbiAgICAgICAgICAgIGV4cGFuZGVkID0gZmFsc2U7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGNhbmRpZGF0ZSBvZiBzb3J0ZWQpIHtcbiAgICAgICAgICAgICAgICBpZiAodXNlZC5oYXMoY2FuZGlkYXRlLmlkKSlcbiAgICAgICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICAgICAgY29uc3QgY29ubmVjdHMgPSBncm91cC5zb21lKG1lbWJlciA9PiBldmVudHNXaXRoaW5UaHJlc2hvbGQobWVtYmVyLCBjYW5kaWRhdGUsIHRocmVzaG9sZE1pbnV0ZXMpKTtcbiAgICAgICAgICAgICAgICBpZiAoY29ubmVjdHMpIHtcbiAgICAgICAgICAgICAgICAgICAgZ3JvdXAucHVzaChjYW5kaWRhdGUpO1xuICAgICAgICAgICAgICAgICAgICB1c2VkLmFkZChjYW5kaWRhdGUuaWQpO1xuICAgICAgICAgICAgICAgICAgICBleHBhbmRlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGdyb3Vwcy5wdXNoKGdyb3VwKTtcbiAgICB9XG4gICAgcmV0dXJuIGdyb3Vwcztcbn1cbi8qKlxuICogQ2FsY3VsYXRlIHN0YWNrIGxldmVscyBmb3Igb3ZlcmxhcHBpbmcgZXZlbnRzIHVzaW5nIGdyZWVkeSBhbGdvcml0aG1cbiAqIEZvciBlYWNoIGV2ZW50OiBsZXZlbCA9IG1heChvdmVybGFwcGluZyBhbHJlYWR5LXByb2Nlc3NlZCBldmVudHMpICsgMVxuICovXG5mdW5jdGlvbiBjYWxjdWxhdGVTdGFja0xldmVscyhldmVudHMpIHtcbiAgICBjb25zdCBsZXZlbHMgPSBuZXcgTWFwKCk7XG4gICAgY29uc3Qgc29ydGVkID0gWy4uLmV2ZW50c10uc29ydCgoYSwgYikgPT4gYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XG4gICAgZm9yIChjb25zdCBldmVudCBvZiBzb3J0ZWQpIHtcbiAgICAgICAgbGV0IG1heE92ZXJsYXBwaW5nTGV2ZWwgPSAtMTtcbiAgICAgICAgLy8gRmluZCBtYXggbGV2ZWwgYW1vbmcgb3ZlcmxhcHBpbmcgZXZlbnRzIGFscmVhZHkgcHJvY2Vzc2VkXG4gICAgICAgIGZvciAoY29uc3QgW2lkLCBsZXZlbF0gb2YgbGV2ZWxzKSB7XG4gICAgICAgICAgICBjb25zdCBvdGhlciA9IGV2ZW50cy5maW5kKGUgPT4gZS5pZCA9PT0gaWQpO1xuICAgICAgICAgICAgaWYgKG90aGVyICYmIGV2ZW50c092ZXJsYXAoZXZlbnQsIG90aGVyKSkge1xuICAgICAgICAgICAgICAgIG1heE92ZXJsYXBwaW5nTGV2ZWwgPSBNYXRoLm1heChtYXhPdmVybGFwcGluZ0xldmVsLCBsZXZlbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgbGV2ZWxzLnNldChldmVudC5pZCwgbWF4T3ZlcmxhcHBpbmdMZXZlbCArIDEpO1xuICAgIH1cbiAgICByZXR1cm4gbGV2ZWxzO1xufVxuLyoqXG4gKiBBbGxvY2F0ZSBldmVudHMgdG8gY29sdW1ucyBmb3IgR1JJRCBsYXlvdXQgdXNpbmcgZ3JlZWR5IGFsZ29yaXRobVxuICogTm9uLW92ZXJsYXBwaW5nIGV2ZW50cyBjYW4gc2hhcmUgYSBjb2x1bW4gdG8gbWluaW1pemUgdG90YWwgY29sdW1uc1xuICovXG5mdW5jdGlvbiBhbGxvY2F0ZUNvbHVtbnMoZXZlbnRzKSB7XG4gICAgY29uc3Qgc29ydGVkID0gWy4uLmV2ZW50c10uc29ydCgoYSwgYikgPT4gYS5zdGFydC5nZXRUaW1lKCkgLSBiLnN0YXJ0LmdldFRpbWUoKSk7XG4gICAgY29uc3QgY29sdW1ucyA9IFtdO1xuICAgIGZvciAoY29uc3QgZXZlbnQgb2Ygc29ydGVkKSB7XG4gICAgICAgIC8vIEZpbmQgZmlyc3QgY29sdW1uIHdoZXJlIGV2ZW50IGRvZXNuJ3Qgb3ZlcmxhcCB3aXRoIGV4aXN0aW5nIGV2ZW50c1xuICAgICAgICBsZXQgcGxhY2VkID0gZmFsc2U7XG4gICAgICAgIGZvciAoY29uc3QgY29sdW1uIG9mIGNvbHVtbnMpIHtcbiAgICAgICAgICAgIGNvbnN0IGNhbkZpdCA9ICFjb2x1bW4uc29tZShlID0+IGV2ZW50c092ZXJsYXAoZXZlbnQsIGUpKTtcbiAgICAgICAgICAgIGlmIChjYW5GaXQpIHtcbiAgICAgICAgICAgICAgICBjb2x1bW4ucHVzaChldmVudCk7XG4gICAgICAgICAgICAgICAgcGxhY2VkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBObyBzdWl0YWJsZSBjb2x1bW4gZm91bmQsIGNyZWF0ZSBuZXcgb25lXG4gICAgICAgIGlmICghcGxhY2VkKSB7XG4gICAgICAgICAgICBjb2x1bW5zLnB1c2goW2V2ZW50XSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGNvbHVtbnM7XG59XG4vKipcbiAqIE1haW4gZW50cnkgcG9pbnQ6IENhbGN1bGF0ZSBjb21wbGV0ZSBsYXlvdXQgZm9yIGEgY29sdW1uJ3MgZXZlbnRzXG4gKlxuICogQWxnb3JpdGhtOlxuICogMS4gRmluZCBvdmVybGFwIGdyb3VwcyAoZXZlbnRzIGNvbm5lY3RlZCBieSBvdmVybGFwIGNoYWluKVxuICogMi4gRm9yIGVhY2ggb3ZlcmxhcCBncm91cCwgZmluZCBncmlkIGNhbmRpZGF0ZXMgKGV2ZW50cyB3aXRoaW4gdGhyZXNob2xkIGNoYWluKVxuICogMy4gSWYgYWxsIGV2ZW50cyBpbiBvdmVybGFwIGdyb3VwIGZvcm0gYSBzaW5nbGUgZ3JpZCBjYW5kaWRhdGUgXHUyMTkyIEdSSUQgbW9kZVxuICogNC4gT3RoZXJ3aXNlIFx1MjE5MiBTVEFDS0lORyBtb2RlIHdpdGggY2FsY3VsYXRlZCBsZXZlbHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGNhbGN1bGF0ZUNvbHVtbkxheW91dChldmVudHMsIGNvbmZpZykge1xuICAgIGNvbnN0IHRocmVzaG9sZE1pbnV0ZXMgPSBjb25maWcuZ3JpZFN0YXJ0VGhyZXNob2xkTWludXRlcyA/PyAxMDtcbiAgICBjb25zdCByZXN1bHQgPSB7XG4gICAgICAgIGdyaWRzOiBbXSxcbiAgICAgICAgc3RhY2tlZDogW11cbiAgICB9O1xuICAgIGlmIChldmVudHMubGVuZ3RoID09PSAwKVxuICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgIC8vIEZpbmQgYWxsIG92ZXJsYXBwaW5nIGV2ZW50IGdyb3Vwc1xuICAgIGNvbnN0IG92ZXJsYXBHcm91cHMgPSBmaW5kT3ZlcmxhcEdyb3VwcyhldmVudHMpO1xuICAgIGZvciAoY29uc3Qgb3ZlcmxhcEdyb3VwIG9mIG92ZXJsYXBHcm91cHMpIHtcbiAgICAgICAgaWYgKG92ZXJsYXBHcm91cC5sZW5ndGggPT09IDEpIHtcbiAgICAgICAgICAgIC8vIFNpbmdsZSBldmVudCAtIG5vIGdyb3VwaW5nIG5lZWRlZFxuICAgICAgICAgICAgcmVzdWx0LnN0YWNrZWQucHVzaCh7XG4gICAgICAgICAgICAgICAgZXZlbnQ6IG92ZXJsYXBHcm91cFswXSxcbiAgICAgICAgICAgICAgICBzdGFja0xldmVsOiAwXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICB9XG4gICAgICAgIC8vIFdpdGhpbiB0aGlzIG92ZXJsYXAgZ3JvdXAsIGZpbmQgZ3JpZCBjYW5kaWRhdGVzICh0aHJlc2hvbGQtY29ubmVjdGVkIHN1Ymdyb3VwcylcbiAgICAgICAgY29uc3QgZ3JpZFN1Ymdyb3VwcyA9IGZpbmRHcmlkQ2FuZGlkYXRlcyhvdmVybGFwR3JvdXAsIHRocmVzaG9sZE1pbnV0ZXMpO1xuICAgICAgICAvLyBDaGVjayBpZiB0aGUgRU5USVJFIG92ZXJsYXAgZ3JvdXAgZm9ybXMgYSBzaW5nbGUgZ3JpZCBjYW5kaWRhdGVcbiAgICAgICAgLy8gVGhpcyBoYXBwZW5zIHdoZW4gYWxsIGV2ZW50cyBhcmUgY29ubmVjdGVkIHZpYSB0aHJlc2hvbGQgY2hhaW5cbiAgICAgICAgY29uc3QgbGFyZ2VzdEdyaWRDYW5kaWRhdGUgPSBncmlkU3ViZ3JvdXBzLnJlZHVjZSgobWF4LCBnKSA9PiBnLmxlbmd0aCA+IG1heC5sZW5ndGggPyBnIDogbWF4LCBncmlkU3ViZ3JvdXBzWzBdKTtcbiAgICAgICAgaWYgKGxhcmdlc3RHcmlkQ2FuZGlkYXRlLmxlbmd0aCA9PT0gb3ZlcmxhcEdyb3VwLmxlbmd0aCkge1xuICAgICAgICAgICAgLy8gQWxsIGV2ZW50cyBpbiBvdmVybGFwIGdyb3VwIGFyZSBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBjaGFpbiBcdTIxOTIgR1JJRCBtb2RlXG4gICAgICAgICAgICBjb25zdCBjb2x1bW5zID0gYWxsb2NhdGVDb2x1bW5zKG92ZXJsYXBHcm91cCk7XG4gICAgICAgICAgICBjb25zdCBlYXJsaWVzdCA9IG92ZXJsYXBHcm91cC5yZWR1Y2UoKG1pbiwgZSkgPT4gZS5zdGFydCA8IG1pbi5zdGFydCA/IGUgOiBtaW4sIG92ZXJsYXBHcm91cFswXSk7XG4gICAgICAgICAgICBjb25zdCBwb3NpdGlvbiA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZWFybGllc3Quc3RhcnQsIGVhcmxpZXN0LmVuZCwgY29uZmlnKTtcbiAgICAgICAgICAgIHJlc3VsdC5ncmlkcy5wdXNoKHtcbiAgICAgICAgICAgICAgICBldmVudHM6IG92ZXJsYXBHcm91cCxcbiAgICAgICAgICAgICAgICBjb2x1bW5zLFxuICAgICAgICAgICAgICAgIHN0YWNrTGV2ZWw6IDAsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHsgdG9wOiBwb3NpdGlvbi50b3AgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBOb3QgYWxsIGV2ZW50cyBjb25uZWN0ZWQgdmlhIHRocmVzaG9sZCBcdTIxOTIgU1RBQ0tJTkcgbW9kZVxuICAgICAgICAgICAgY29uc3QgbGV2ZWxzID0gY2FsY3VsYXRlU3RhY2tMZXZlbHMob3ZlcmxhcEdyb3VwKTtcbiAgICAgICAgICAgIGZvciAoY29uc3QgZXZlbnQgb2Ygb3ZlcmxhcEdyb3VwKSB7XG4gICAgICAgICAgICAgICAgcmVzdWx0LnN0YWNrZWQucHVzaCh7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LFxuICAgICAgICAgICAgICAgICAgICBzdGFja0xldmVsOiBsZXZlbHMuZ2V0KGV2ZW50LmlkKSA/PyAwXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHJlc3VsdDtcbn1cbiIsICJpbXBvcnQgeyBjYWxjdWxhdGVFdmVudFBvc2l0aW9uLCBzbmFwVG9HcmlkLCBwaXhlbHNUb01pbnV0ZXMgfSBmcm9tICcuLi8uLi91dGlscy9Qb3NpdGlvblV0aWxzJztcbmltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XG5pbXBvcnQgeyBjYWxjdWxhdGVDb2x1bW5MYXlvdXQgfSBmcm9tICcuL0V2ZW50TGF5b3V0RW5naW5lJztcbi8qKlxuICogRXZlbnRSZW5kZXJlciAtIFJlbmRlcnMgY2FsZW5kYXIgZXZlbnRzIHRvIHRoZSBET01cbiAqXG4gKiBDTEVBTiBhcHByb2FjaDpcbiAqIC0gT25seSBkYXRhLWlkIGF0dHJpYnV0ZSBvbiBldmVudCBlbGVtZW50XG4gKiAtIGlubmVySFRNTCBjb250YWlucyBvbmx5IHZpc2libGUgY29udGVudFxuICogLSBFdmVudCBkYXRhIHJldHJpZXZlZCB2aWEgRXZlbnRTZXJ2aWNlIHdoZW4gbmVlZGVkXG4gKi9cbmV4cG9ydCBjbGFzcyBFdmVudFJlbmRlcmVyIHtcbiAgICBjb25zdHJ1Y3RvcihldmVudFNlcnZpY2UsIGRhdGVTZXJ2aWNlLCBncmlkQ29uZmlnLCBldmVudEJ1cykge1xuICAgICAgICB0aGlzLmV2ZW50U2VydmljZSA9IGV2ZW50U2VydmljZTtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLmdyaWRDb25maWcgPSBncmlkQ29uZmlnO1xuICAgICAgICB0aGlzLmV2ZW50QnVzID0gZXZlbnRCdXM7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gbnVsbDtcbiAgICAgICAgdGhpcy5zZXR1cExpc3RlbmVycygpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTZXR1cCBsaXN0ZW5lcnMgZm9yIGRyYWctZHJvcCBhbmQgdXBkYXRlIGV2ZW50c1xuICAgICAqL1xuICAgIHNldHVwTGlzdGVuZXJzKCkge1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19DT0xVTU5fQ0hBTkdFLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVDb2x1bW5DaGFuZ2UocGF5bG9hZCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19NT1ZFLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy51cGRhdGVEcmFnVGltZXN0YW1wKHBheWxvYWQpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX1VQREFURUQsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZUV2ZW50VXBkYXRlZChwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VORCwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRHJhZ0VuZChwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0xFQVZFX0hFQURFUiwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRHJhZ0xlYXZlSGVhZGVyKHBheWxvYWQpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIEVWRU5UX0RSQUdfRU5EIC0gcmVtb3ZlIGVsZW1lbnQgaWYgZHJvcHBlZCBpbiBoZWFkZXJcbiAgICAgKi9cbiAgICBoYW5kbGVEcmFnRW5kKHBheWxvYWQpIHtcbiAgICAgICAgaWYgKHBheWxvYWQudGFyZ2V0ID09PSAnaGVhZGVyJykge1xuICAgICAgICAgICAgLy8gRXZlbnQgd2FzIGRyb3BwZWQgaW4gaGVhZGVyIGRyYXdlciAtIHJlbW92ZSBmcm9tIGdyaWRcbiAgICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmNvbnRhaW5lcj8ucXVlcnlTZWxlY3Rvcihgc3dwLWNvbnRlbnQtdmlld3BvcnQgc3dwLWV2ZW50W2RhdGEtZXZlbnQtaWQ9XCIke3BheWxvYWQuc3dwRXZlbnQuZXZlbnRJZH1cIl1gKTtcbiAgICAgICAgICAgIGVsZW1lbnQ/LnJlbW92ZSgpO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBoZWFkZXIgaXRlbSBsZWF2aW5nIGhlYWRlciAtIGNyZWF0ZSBzd3AtZXZlbnQgaW4gZ3JpZFxuICAgICAqL1xuICAgIGhhbmRsZURyYWdMZWF2ZUhlYWRlcihwYXlsb2FkKSB7XG4gICAgICAgIC8vIE9ubHkgaGFuZGxlIHdoZW4gc291cmNlIGlzIGhlYWRlciAoaGVhZGVyIGl0ZW0gZHJhZ2dlZCB0byBncmlkKVxuICAgICAgICBpZiAocGF5bG9hZC5zb3VyY2UgIT09ICdoZWFkZXInKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBpZiAoIXBheWxvYWQudGFyZ2V0Q29sdW1uIHx8ICFwYXlsb2FkLnN0YXJ0IHx8ICFwYXlsb2FkLmVuZClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gVHVybiBoZWFkZXIgaXRlbSBpbnRvIGdob3N0IChzdGF5cyB2aXNpYmxlIGJ1dCBmYWRlZClcbiAgICAgICAgaWYgKHBheWxvYWQuZWxlbWVudCkge1xuICAgICAgICAgICAgcGF5bG9hZC5lbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2RyYWctZ2hvc3QnKTtcbiAgICAgICAgICAgIHBheWxvYWQuZWxlbWVudC5zdHlsZS5vcGFjaXR5ID0gJzAuMyc7XG4gICAgICAgICAgICBwYXlsb2FkLmVsZW1lbnQuc3R5bGUucG9pbnRlckV2ZW50cyA9ICdub25lJztcbiAgICAgICAgfVxuICAgICAgICAvLyBDcmVhdGUgZXZlbnQgb2JqZWN0IGZyb20gaGVhZGVyIGl0ZW0gZGF0YVxuICAgICAgICBjb25zdCBldmVudCA9IHtcbiAgICAgICAgICAgIGlkOiBwYXlsb2FkLmV2ZW50SWQsXG4gICAgICAgICAgICB0aXRsZTogcGF5bG9hZC50aXRsZSB8fCAnJyxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uOiAnJyxcbiAgICAgICAgICAgIHN0YXJ0OiBwYXlsb2FkLnN0YXJ0LFxuICAgICAgICAgICAgZW5kOiBwYXlsb2FkLmVuZCxcbiAgICAgICAgICAgIHR5cGU6ICdjdXN0b21lcicsXG4gICAgICAgICAgICBhbGxEYXk6IGZhbHNlLFxuICAgICAgICAgICAgc3luY1N0YXR1czogJ3BlbmRpbmcnXG4gICAgICAgIH07XG4gICAgICAgIC8vIENyZWF0ZSBzd3AtZXZlbnQgZWxlbWVudCB1c2luZyBleGlzdGluZyBtZXRob2RcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuY3JlYXRlRXZlbnRFbGVtZW50KGV2ZW50KTtcbiAgICAgICAgLy8gQWRkIHRvIHRhcmdldCBjb2x1bW5cbiAgICAgICAgbGV0IGV2ZW50c0xheWVyID0gcGF5bG9hZC50YXJnZXRDb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICBpZiAoIWV2ZW50c0xheWVyKSB7XG4gICAgICAgICAgICBldmVudHNMYXllciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudHMtbGF5ZXInKTtcbiAgICAgICAgICAgIHBheWxvYWQudGFyZ2V0Q29sdW1uLmFwcGVuZENoaWxkKGV2ZW50c0xheWVyKTtcbiAgICAgICAgfVxuICAgICAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChlbGVtZW50KTtcbiAgICAgICAgLy8gTWFyayBhcyBkcmFnZ2luZyBzbyBEcmFnRHJvcE1hbmFnZXIgY2FuIGNvbnRpbnVlIHdpdGggaXRcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkcmFnZ2luZycpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgRVZFTlRfVVBEQVRFRCAtIHJlLXJlbmRlciBhZmZlY3RlZCBjb2x1bW5zXG4gICAgICovXG4gICAgYXN5bmMgaGFuZGxlRXZlbnRVcGRhdGVkKHBheWxvYWQpIHtcbiAgICAgICAgLy8gUmUtcmVuZGVyIHNvdXJjZSBjb2x1bW4gKGlmIGRpZmZlcmVudCBmcm9tIHRhcmdldClcbiAgICAgICAgaWYgKHBheWxvYWQuc291cmNlQ29sdW1uS2V5ICE9PSBwYXlsb2FkLnRhcmdldENvbHVtbktleSkge1xuICAgICAgICAgICAgYXdhaXQgdGhpcy5yZXJlbmRlckNvbHVtbihwYXlsb2FkLnNvdXJjZUNvbHVtbktleSk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gUmUtcmVuZGVyIHRhcmdldCBjb2x1bW5cbiAgICAgICAgYXdhaXQgdGhpcy5yZXJlbmRlckNvbHVtbihwYXlsb2FkLnRhcmdldENvbHVtbktleSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlLXJlbmRlciBhIHNpbmdsZSBjb2x1bW4gd2l0aCBmcmVzaCBkYXRhIGZyb20gSW5kZXhlZERCXG4gICAgICovXG4gICAgYXN5bmMgcmVyZW5kZXJDb2x1bW4oY29sdW1uS2V5KSB7XG4gICAgICAgIGNvbnN0IGNvbHVtbiA9IHRoaXMuZmluZENvbHVtbihjb2x1bW5LZXkpO1xuICAgICAgICBpZiAoIWNvbHVtbilcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gUmVhZCBkYXRlIGFuZCByZXNvdXJjZUlkIGRpcmVjdGx5IGZyb20gY29sdW1uIGF0dHJpYnV0ZXMgKGNvbHVtbktleSBpcyBvcGFxdWUpXG4gICAgICAgIGNvbnN0IGRhdGUgPSBjb2x1bW4uZGF0YXNldC5kYXRlO1xuICAgICAgICBjb25zdCByZXNvdXJjZUlkID0gY29sdW1uLmRhdGFzZXQucmVzb3VyY2VJZDtcbiAgICAgICAgaWYgKCFkYXRlKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBHZXQgZGF0ZSByYW5nZSBmb3IgdGhpcyBkYXlcbiAgICAgICAgY29uc3Qgc3RhcnREYXRlID0gbmV3IERhdGUoZGF0ZSk7XG4gICAgICAgIGNvbnN0IGVuZERhdGUgPSBuZXcgRGF0ZShkYXRlKTtcbiAgICAgICAgZW5kRGF0ZS5zZXRIb3VycygyMywgNTksIDU5LCA5OTkpO1xuICAgICAgICAvLyBGZXRjaCBldmVudHMgZnJvbSBJbmRleGVkREJcbiAgICAgICAgY29uc3QgZXZlbnRzID0gcmVzb3VyY2VJZFxuICAgICAgICAgICAgPyBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5nZXRCeVJlc291cmNlQW5kRGF0ZVJhbmdlKHJlc291cmNlSWQsIHN0YXJ0RGF0ZSwgZW5kRGF0ZSlcbiAgICAgICAgICAgIDogYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0QnlEYXRlUmFuZ2Uoc3RhcnREYXRlLCBlbmREYXRlKTtcbiAgICAgICAgLy8gRmlsdGVyIHRvIHRpbWVkIGV2ZW50cyBhbmQgbWF0Y2ggZGF0ZSBleGFjdGx5XG4gICAgICAgIGNvbnN0IHRpbWVkRXZlbnRzID0gZXZlbnRzLmZpbHRlcihldmVudCA9PiAhZXZlbnQuYWxsRGF5ICYmIHRoaXMuZGF0ZVNlcnZpY2UuZ2V0RGF0ZUtleShldmVudC5zdGFydCkgPT09IGRhdGUpO1xuICAgICAgICAvLyBHZXQgb3IgY3JlYXRlIGV2ZW50cyBsYXllclxuICAgICAgICBsZXQgZXZlbnRzTGF5ZXIgPSBjb2x1bW4ucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICBpZiAoIWV2ZW50c0xheWVyKSB7XG4gICAgICAgICAgICBldmVudHNMYXllciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudHMtbGF5ZXInKTtcbiAgICAgICAgICAgIGNvbHVtbi5hcHBlbmRDaGlsZChldmVudHNMYXllcik7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ2xlYXIgZXhpc3RpbmcgZXZlbnRzXG4gICAgICAgIGV2ZW50c0xheWVyLmlubmVySFRNTCA9ICcnO1xuICAgICAgICAvLyBDYWxjdWxhdGUgbGF5b3V0IHdpdGggc3RhY2tpbmcvZ3JvdXBpbmdcbiAgICAgICAgY29uc3QgbGF5b3V0ID0gY2FsY3VsYXRlQ29sdW1uTGF5b3V0KHRpbWVkRXZlbnRzLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICAvLyBSZW5kZXIgR1JJRCBncm91cHNcbiAgICAgICAgbGF5b3V0LmdyaWRzLmZvckVhY2goZ3JpZCA9PiB7XG4gICAgICAgICAgICBjb25zdCBncm91cEVsID0gdGhpcy5yZW5kZXJHcmlkR3JvdXAoZ3JpZCk7XG4gICAgICAgICAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChncm91cEVsKTtcbiAgICAgICAgfSk7XG4gICAgICAgIC8vIFJlbmRlciBTVEFDS0VEIGV2ZW50c1xuICAgICAgICBsYXlvdXQuc3RhY2tlZC5mb3JFYWNoKGl0ZW0gPT4ge1xuICAgICAgICAgICAgY29uc3QgZXZlbnRFbCA9IHRoaXMucmVuZGVyU3RhY2tlZEV2ZW50KGl0ZW0uZXZlbnQsIGl0ZW0uc3RhY2tMZXZlbCk7XG4gICAgICAgICAgICBldmVudHNMYXllci5hcHBlbmRDaGlsZChldmVudEVsKTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEZpbmQgYSBjb2x1bW4gZWxlbWVudCBieSBjb2x1bW5LZXlcbiAgICAgKi9cbiAgICBmaW5kQ29sdW1uKGNvbHVtbktleSkge1xuICAgICAgICBpZiAoIXRoaXMuY29udGFpbmVyKVxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRhaW5lci5xdWVyeVNlbGVjdG9yKGBzd3AtZGF5LWNvbHVtbltkYXRhLWNvbHVtbi1rZXk9XCIke2NvbHVtbktleX1cIl1gKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIGV2ZW50IG1vdmluZyB0byBhIG5ldyBjb2x1bW4gZHVyaW5nIGRyYWdcbiAgICAgKi9cbiAgICBoYW5kbGVDb2x1bW5DaGFuZ2UocGF5bG9hZCkge1xuICAgICAgICBjb25zdCBldmVudHNMYXllciA9IHBheWxvYWQubmV3Q29sdW1uLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1ldmVudHMtbGF5ZXInKTtcbiAgICAgICAgaWYgKCFldmVudHNMYXllcilcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gTW92ZSBlbGVtZW50IHRvIG5ldyBjb2x1bW5cbiAgICAgICAgZXZlbnRzTGF5ZXIuYXBwZW5kQ2hpbGQocGF5bG9hZC5lbGVtZW50KTtcbiAgICAgICAgLy8gUHJlc2VydmUgWSBwb3NpdGlvblxuICAgICAgICBwYXlsb2FkLmVsZW1lbnQuc3R5bGUudG9wID0gYCR7cGF5bG9hZC5jdXJyZW50WX1weGA7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFVwZGF0ZSB0aW1lc3RhbXAgZGlzcGxheSBkdXJpbmcgZHJhZyAoc25hcHBlZCB0byBncmlkKVxuICAgICAqL1xuICAgIHVwZGF0ZURyYWdUaW1lc3RhbXAocGF5bG9hZCkge1xuICAgICAgICBjb25zdCB0aW1lRWwgPSBwYXlsb2FkLmVsZW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50LXRpbWUnKTtcbiAgICAgICAgaWYgKCF0aW1lRWwpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIFNuYXAgcG9zaXRpb24gdG8gZ3JpZCBpbnRlcnZhbFxuICAgICAgICBjb25zdCBzbmFwcGVkWSA9IHNuYXBUb0dyaWQocGF5bG9hZC5jdXJyZW50WSwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIG5ldyBzdGFydCB0aW1lXG4gICAgICAgIGNvbnN0IG1pbnV0ZXNGcm9tR3JpZFN0YXJ0ID0gcGl4ZWxzVG9NaW51dGVzKHNuYXBwZWRZLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICBjb25zdCBzdGFydE1pbnV0ZXMgPSAodGhpcy5ncmlkQ29uZmlnLmRheVN0YXJ0SG91ciAqIDYwKSArIG1pbnV0ZXNGcm9tR3JpZFN0YXJ0O1xuICAgICAgICAvLyBLZWVwIG9yaWdpbmFsIGR1cmF0aW9uIChmcm9tIGVsZW1lbnQgaGVpZ2h0KVxuICAgICAgICBjb25zdCBoZWlnaHQgPSBwYXJzZUZsb2F0KHBheWxvYWQuZWxlbWVudC5zdHlsZS5oZWlnaHQpIHx8IHRoaXMuZ3JpZENvbmZpZy5ob3VySGVpZ2h0O1xuICAgICAgICBjb25zdCBkdXJhdGlvbk1pbnV0ZXMgPSBwaXhlbHNUb01pbnV0ZXMoaGVpZ2h0LCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICAvLyBDcmVhdGUgRGF0ZSBvYmplY3RzIGZvciBjb25zaXN0ZW50IGZvcm1hdHRpbmcgdmlhIERhdGVTZXJ2aWNlXG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5taW51dGVzVG9EYXRlKHN0YXJ0TWludXRlcyk7XG4gICAgICAgIGNvbnN0IGVuZCA9IHRoaXMubWludXRlc1RvRGF0ZShzdGFydE1pbnV0ZXMgKyBkdXJhdGlvbk1pbnV0ZXMpO1xuICAgICAgICB0aW1lRWwudGV4dENvbnRlbnQgPSB0aGlzLmRhdGVTZXJ2aWNlLmZvcm1hdFRpbWVSYW5nZShzdGFydCwgZW5kKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ29udmVydCBtaW51dGVzIHNpbmNlIG1pZG5pZ2h0IHRvIGEgRGF0ZSBvYmplY3QgKHRvZGF5KVxuICAgICAqL1xuICAgIG1pbnV0ZXNUb0RhdGUobWludXRlcykge1xuICAgICAgICBjb25zdCBkYXRlID0gbmV3IERhdGUoKTtcbiAgICAgICAgZGF0ZS5zZXRIb3VycyhNYXRoLmZsb29yKG1pbnV0ZXMgLyA2MCkgJSAyNCwgbWludXRlcyAlIDYwLCAwLCAwKTtcbiAgICAgICAgcmV0dXJuIGRhdGU7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlbmRlciBldmVudHMgZm9yIHZpc2libGUgZGF0ZXMgaW50byBkYXkgY29sdW1uc1xuICAgICAqIEBwYXJhbSBjb250YWluZXIgLSBDYWxlbmRhciBjb250YWluZXIgZWxlbWVudFxuICAgICAqIEBwYXJhbSBmaWx0ZXIgLSBGaWx0ZXIgd2l0aCAnZGF0ZScgYW5kIG9wdGlvbmFsbHkgJ3Jlc291cmNlJyBhcnJheXNcbiAgICAgKiBAcGFyYW0gZmlsdGVyVGVtcGxhdGUgLSBUZW1wbGF0ZSBmb3IgbWF0Y2hpbmcgZXZlbnRzIHRvIGNvbHVtbnNcbiAgICAgKi9cbiAgICBhc3luYyByZW5kZXIoY29udGFpbmVyLCBmaWx0ZXIsIGZpbHRlclRlbXBsYXRlKSB7XG4gICAgICAgIC8vIFN0b3JlIGNvbnRhaW5lciByZWZlcmVuY2UgZm9yIGxhdGVyIHJlLXJlbmRlcnNcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBjb250YWluZXI7XG4gICAgICAgIGNvbnN0IHZpc2libGVEYXRlcyA9IGZpbHRlclsnZGF0ZSddIHx8IFtdO1xuICAgICAgICBpZiAodmlzaWJsZURhdGVzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gR2V0IGRhdGUgcmFuZ2UgZm9yIHF1ZXJ5XG4gICAgICAgIGNvbnN0IHN0YXJ0RGF0ZSA9IG5ldyBEYXRlKHZpc2libGVEYXRlc1swXSk7XG4gICAgICAgIGNvbnN0IGVuZERhdGUgPSBuZXcgRGF0ZSh2aXNpYmxlRGF0ZXNbdmlzaWJsZURhdGVzLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgZW5kRGF0ZS5zZXRIb3VycygyMywgNTksIDU5LCA5OTkpO1xuICAgICAgICAvLyBGZXRjaCBldmVudHMgZnJvbSBJbmRleGVkREJcbiAgICAgICAgY29uc3QgZXZlbnRzID0gYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0QnlEYXRlUmFuZ2Uoc3RhcnREYXRlLCBlbmREYXRlKTtcbiAgICAgICAgLy8gRmluZCBkYXkgY29sdW1uc1xuICAgICAgICBjb25zdCBkYXlDb2x1bW5zID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1kYXktY29sdW1ucycpO1xuICAgICAgICBpZiAoIWRheUNvbHVtbnMpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGNvbHVtbnMgPSBkYXlDb2x1bW5zLnF1ZXJ5U2VsZWN0b3JBbGwoJ3N3cC1kYXktY29sdW1uJyk7XG4gICAgICAgIC8vIFJlbmRlciBldmVudHMgaW50byBlYWNoIGNvbHVtbiBiYXNlZCBvbiBGaWx0ZXJUZW1wbGF0ZSBtYXRjaGluZ1xuICAgICAgICBjb2x1bW5zLmZvckVhY2goY29sdW1uID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbkVsID0gY29sdW1uO1xuICAgICAgICAgICAgLy8gVXNlIEZpbHRlclRlbXBsYXRlIGZvciBtYXRjaGluZyAtIG9ubHkgZmllbGRzIGluIHRlbXBsYXRlIGFyZSBjaGVja2VkXG4gICAgICAgICAgICBjb25zdCBjb2x1bW5FdmVudHMgPSBldmVudHMuZmlsdGVyKGV2ZW50ID0+IGZpbHRlclRlbXBsYXRlLm1hdGNoZXMoZXZlbnQsIGNvbHVtbkVsKSk7XG4gICAgICAgICAgICAvLyBHZXQgb3IgY3JlYXRlIGV2ZW50cyBsYXllclxuICAgICAgICAgICAgbGV0IGV2ZW50c0xheWVyID0gY29sdW1uLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1ldmVudHMtbGF5ZXInKTtcbiAgICAgICAgICAgIGlmICghZXZlbnRzTGF5ZXIpIHtcbiAgICAgICAgICAgICAgICBldmVudHNMYXllciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudHMtbGF5ZXInKTtcbiAgICAgICAgICAgICAgICBjb2x1bW4uYXBwZW5kQ2hpbGQoZXZlbnRzTGF5ZXIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ2xlYXIgZXhpc3RpbmcgZXZlbnRzXG4gICAgICAgICAgICBldmVudHNMYXllci5pbm5lckhUTUwgPSAnJztcbiAgICAgICAgICAgIC8vIEZpbHRlciB0byB0aW1lZCBldmVudHMgb25seVxuICAgICAgICAgICAgY29uc3QgdGltZWRFdmVudHMgPSBjb2x1bW5FdmVudHMuZmlsdGVyKGV2ZW50ID0+ICFldmVudC5hbGxEYXkpO1xuICAgICAgICAgICAgLy8gQ2FsY3VsYXRlIGxheW91dCB3aXRoIHN0YWNraW5nL2dyb3VwaW5nXG4gICAgICAgICAgICBjb25zdCBsYXlvdXQgPSBjYWxjdWxhdGVDb2x1bW5MYXlvdXQodGltZWRFdmVudHMsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgICAgICAvLyBSZW5kZXIgR1JJRCBncm91cHMgKHNpbXVsdGFuZW91cyBldmVudHMgc2lkZS1ieS1zaWRlKVxuICAgICAgICAgICAgbGF5b3V0LmdyaWRzLmZvckVhY2goZ3JpZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZ3JvdXBFbCA9IHRoaXMucmVuZGVyR3JpZEdyb3VwKGdyaWQpO1xuICAgICAgICAgICAgICAgIGV2ZW50c0xheWVyLmFwcGVuZENoaWxkKGdyb3VwRWwpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAvLyBSZW5kZXIgU1RBQ0tFRCBldmVudHMgKG92ZXJsYXBwaW5nIHdpdGggbWFyZ2luIG9mZnNldClcbiAgICAgICAgICAgIGxheW91dC5zdGFja2VkLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZXZlbnRFbCA9IHRoaXMucmVuZGVyU3RhY2tlZEV2ZW50KGl0ZW0uZXZlbnQsIGl0ZW0uc3RhY2tMZXZlbCk7XG4gICAgICAgICAgICAgICAgZXZlbnRzTGF5ZXIuYXBwZW5kQ2hpbGQoZXZlbnRFbCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENyZWF0ZSBhIHNpbmdsZSBldmVudCBlbGVtZW50XG4gICAgICpcbiAgICAgKiBDTEVBTiBhcHByb2FjaDpcbiAgICAgKiAtIE9ubHkgZGF0YS1pZCBmb3IgbG9va3VwXG4gICAgICogLSBWaXNpYmxlIGNvbnRlbnQgaW4gaW5uZXJIVE1MIG9ubHlcbiAgICAgKi9cbiAgICBjcmVhdGVFdmVudEVsZW1lbnQoZXZlbnQpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC1ldmVudCcpO1xuICAgICAgICAvLyBEYXRhIGF0dHJpYnV0ZXMgZm9yIFN3cEV2ZW50IGNvbXBhdGliaWxpdHlcbiAgICAgICAgZWxlbWVudC5kYXRhc2V0LmV2ZW50SWQgPSBldmVudC5pZDtcbiAgICAgICAgaWYgKGV2ZW50LnJlc291cmNlSWQpIHtcbiAgICAgICAgICAgIGVsZW1lbnQuZGF0YXNldC5yZXNvdXJjZUlkID0gZXZlbnQucmVzb3VyY2VJZDtcbiAgICAgICAgfVxuICAgICAgICAvLyBDYWxjdWxhdGUgcG9zaXRpb25cbiAgICAgICAgY29uc3QgcG9zaXRpb24gPSBjYWxjdWxhdGVFdmVudFBvc2l0aW9uKGV2ZW50LnN0YXJ0LCBldmVudC5lbmQsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIGVsZW1lbnQuc3R5bGUudG9wID0gYCR7cG9zaXRpb24udG9wfXB4YDtcbiAgICAgICAgZWxlbWVudC5zdHlsZS5oZWlnaHQgPSBgJHtwb3NpdGlvbi5oZWlnaHR9cHhgO1xuICAgICAgICAvLyBDb2xvciBjbGFzcyBiYXNlZCBvbiBldmVudCB0eXBlXG4gICAgICAgIGNvbnN0IGNvbG9yQ2xhc3MgPSB0aGlzLmdldENvbG9yQ2xhc3MoZXZlbnQpO1xuICAgICAgICBpZiAoY29sb3JDbGFzcykge1xuICAgICAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKGNvbG9yQ2xhc3MpO1xuICAgICAgICB9XG4gICAgICAgIC8vIFZpc2libGUgY29udGVudCBvbmx5XG4gICAgICAgIGVsZW1lbnQuaW5uZXJIVE1MID0gYFxyXG4gICAgICA8c3dwLWV2ZW50LXRpbWU+JHt0aGlzLmRhdGVTZXJ2aWNlLmZvcm1hdFRpbWVSYW5nZShldmVudC5zdGFydCwgZXZlbnQuZW5kKX08L3N3cC1ldmVudC10aW1lPlxyXG4gICAgICA8c3dwLWV2ZW50LXRpdGxlPiR7dGhpcy5lc2NhcGVIdG1sKGV2ZW50LnRpdGxlKX08L3N3cC1ldmVudC10aXRsZT5cclxuICAgICAgJHtldmVudC5kZXNjcmlwdGlvbiA/IGA8c3dwLWV2ZW50LWRlc2NyaXB0aW9uPiR7dGhpcy5lc2NhcGVIdG1sKGV2ZW50LmRlc2NyaXB0aW9uKX08L3N3cC1ldmVudC1kZXNjcmlwdGlvbj5gIDogJyd9XHJcbiAgICBgO1xuICAgICAgICByZXR1cm4gZWxlbWVudDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGNvbG9yIGNsYXNzIGJhc2VkIG9uIG1ldGFkYXRhLmNvbG9yIG9yIGV2ZW50IHR5cGVcbiAgICAgKi9cbiAgICBnZXRDb2xvckNsYXNzKGV2ZW50KSB7XG4gICAgICAgIC8vIENoZWNrIG1ldGFkYXRhLmNvbG9yIGZpcnN0XG4gICAgICAgIGlmIChldmVudC5tZXRhZGF0YT8uY29sb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBgaXMtJHtldmVudC5tZXRhZGF0YS5jb2xvcn1gO1xuICAgICAgICB9XG4gICAgICAgIC8vIEZhbGxiYWNrIHRvIHR5cGUtYmFzZWQgY29sb3JcbiAgICAgICAgY29uc3QgdHlwZUNvbG9ycyA9IHtcbiAgICAgICAgICAgICdjdXN0b21lcic6ICdpcy1ibHVlJyxcbiAgICAgICAgICAgICd2YWNhdGlvbic6ICdpcy1ncmVlbicsXG4gICAgICAgICAgICAnYnJlYWsnOiAnaXMtYW1iZXInLFxuICAgICAgICAgICAgJ21lZXRpbmcnOiAnaXMtcHVycGxlJyxcbiAgICAgICAgICAgICdibG9ja2VkJzogJ2lzLXJlZCdcbiAgICAgICAgfTtcbiAgICAgICAgcmV0dXJuIHR5cGVDb2xvcnNbZXZlbnQudHlwZV0gfHwgJ2lzLWJsdWUnO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBFc2NhcGUgSFRNTCB0byBwcmV2ZW50IFhTU1xuICAgICAqL1xuICAgIGVzY2FwZUh0bWwodGV4dCkge1xuICAgICAgICBjb25zdCBkaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgZGl2LnRleHRDb250ZW50ID0gdGV4dDtcbiAgICAgICAgcmV0dXJuIGRpdi5pbm5lckhUTUw7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlbmRlciBhIEdSSUQgZ3JvdXAgd2l0aCBzaWRlLWJ5LXNpZGUgY29sdW1uc1xuICAgICAqIFVzZWQgd2hlbiBtdWx0aXBsZSBldmVudHMgc3RhcnQgYXQgdGhlIHNhbWUgdGltZVxuICAgICAqL1xuICAgIHJlbmRlckdyaWRHcm91cChsYXlvdXQpIHtcbiAgICAgICAgY29uc3QgZ3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtZXZlbnQtZ3JvdXAnKTtcbiAgICAgICAgZ3JvdXAuY2xhc3NMaXN0LmFkZChgY29scy0ke2xheW91dC5jb2x1bW5zLmxlbmd0aH1gKTtcbiAgICAgICAgZ3JvdXAuc3R5bGUudG9wID0gYCR7bGF5b3V0LnBvc2l0aW9uLnRvcH1weGA7XG4gICAgICAgIC8vIFN0YWNrIGxldmVsIHN0eWxpbmcgZm9yIGVudGlyZSBncm91cCAoaWYgbmVzdGVkIGluIGFub3RoZXIgZXZlbnQpXG4gICAgICAgIGlmIChsYXlvdXQuc3RhY2tMZXZlbCA+IDApIHtcbiAgICAgICAgICAgIGdyb3VwLnN0eWxlLm1hcmdpbkxlZnQgPSBgJHtsYXlvdXQuc3RhY2tMZXZlbCAqIDE1fXB4YDtcbiAgICAgICAgICAgIGdyb3VwLnN0eWxlLnpJbmRleCA9IGAkezEwMCArIGxheW91dC5zdGFja0xldmVsfWA7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQ2FsY3VsYXRlIHRoZSBoZWlnaHQgbmVlZGVkIGZvciB0aGUgZ3JvdXAgKHRhbGxlc3QgZXZlbnQpXG4gICAgICAgIGxldCBtYXhCb3R0b20gPSAwO1xuICAgICAgICBmb3IgKGNvbnN0IGV2ZW50IG9mIGxheW91dC5ldmVudHMpIHtcbiAgICAgICAgICAgIGNvbnN0IHBvcyA9IGNhbGN1bGF0ZUV2ZW50UG9zaXRpb24oZXZlbnQuc3RhcnQsIGV2ZW50LmVuZCwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgICAgIGNvbnN0IGV2ZW50Qm90dG9tID0gcG9zLnRvcCArIHBvcy5oZWlnaHQ7XG4gICAgICAgICAgICBpZiAoZXZlbnRCb3R0b20gPiBtYXhCb3R0b20pXG4gICAgICAgICAgICAgICAgbWF4Qm90dG9tID0gZXZlbnRCb3R0b207XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZ3JvdXBIZWlnaHQgPSBtYXhCb3R0b20gLSBsYXlvdXQucG9zaXRpb24udG9wO1xuICAgICAgICBncm91cC5zdHlsZS5oZWlnaHQgPSBgJHtncm91cEhlaWdodH1weGA7XG4gICAgICAgIC8vIENyZWF0ZSB3cmFwcGVyIGRpdiBmb3IgZWFjaCBjb2x1bW5cbiAgICAgICAgbGF5b3V0LmNvbHVtbnMuZm9yRWFjaChjb2x1bW5FdmVudHMgPT4ge1xuICAgICAgICAgICAgY29uc3Qgd3JhcHBlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICAgICAgd3JhcHBlci5zdHlsZS5wb3NpdGlvbiA9ICdyZWxhdGl2ZSc7XG4gICAgICAgICAgICBjb2x1bW5FdmVudHMuZm9yRWFjaChldmVudCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZXZlbnRFbCA9IHRoaXMuY3JlYXRlRXZlbnRFbGVtZW50KGV2ZW50KTtcbiAgICAgICAgICAgICAgICAvLyBQb3NpdGlvbiByZWxhdGl2ZSB0byBncm91cCB0b3BcbiAgICAgICAgICAgICAgICBjb25zdCBwb3MgPSBjYWxjdWxhdGVFdmVudFBvc2l0aW9uKGV2ZW50LnN0YXJ0LCBldmVudC5lbmQsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgICAgICAgICAgZXZlbnRFbC5zdHlsZS50b3AgPSBgJHtwb3MudG9wIC0gbGF5b3V0LnBvc2l0aW9uLnRvcH1weGA7XG4gICAgICAgICAgICAgICAgZXZlbnRFbC5zdHlsZS5wb3NpdGlvbiA9ICdhYnNvbHV0ZSc7XG4gICAgICAgICAgICAgICAgZXZlbnRFbC5zdHlsZS5sZWZ0ID0gJzAnO1xuICAgICAgICAgICAgICAgIGV2ZW50RWwuc3R5bGUucmlnaHQgPSAnMCc7XG4gICAgICAgICAgICAgICAgd3JhcHBlci5hcHBlbmRDaGlsZChldmVudEVsKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgZ3JvdXAuYXBwZW5kQ2hpbGQod3JhcHBlcik7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gZ3JvdXA7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFJlbmRlciBhIFNUQUNLRUQgZXZlbnQgd2l0aCBtYXJnaW4tbGVmdCBvZmZzZXRcbiAgICAgKiBVc2VkIGZvciBvdmVybGFwcGluZyBldmVudHMgdGhhdCBkb24ndCBzdGFydCBhdCB0aGUgc2FtZSB0aW1lXG4gICAgICovXG4gICAgcmVuZGVyU3RhY2tlZEV2ZW50KGV2ZW50LCBzdGFja0xldmVsKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmNyZWF0ZUV2ZW50RWxlbWVudChldmVudCk7XG4gICAgICAgIC8vIEFkZCBzdGFjayBtZXRhZGF0YSBmb3IgZHJhZy1kcm9wIGFuZCBvdGhlciBmZWF0dXJlc1xuICAgICAgICBlbGVtZW50LmRhdGFzZXQuc3RhY2tMaW5rID0gSlNPTi5zdHJpbmdpZnkoeyBzdGFja0xldmVsIH0pO1xuICAgICAgICAvLyBWaXN1YWwgc3R5bGluZyBiYXNlZCBvbiBzdGFjayBsZXZlbFxuICAgICAgICBpZiAoc3RhY2tMZXZlbCA+IDApIHtcbiAgICAgICAgICAgIGVsZW1lbnQuc3R5bGUubWFyZ2luTGVmdCA9IGAke3N0YWNrTGV2ZWwgKiAxNX1weGA7XG4gICAgICAgICAgICBlbGVtZW50LnN0eWxlLnpJbmRleCA9IGAkezEwMCArIHN0YWNrTGV2ZWx9YDtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZWxlbWVudDtcbiAgICB9XG59XG4iLCAiLyoqXG4gKiBTY2hlZHVsZVJlbmRlcmVyIC0gUmVuZGVycyB1bmF2YWlsYWJsZSB0aW1lIHpvbmVzIGluIGRheSBjb2x1bW5zXG4gKlxuICogQ3JlYXRlcyB2aXN1YWwgaW5kaWNhdG9ycyBmb3IgdGltZXMgb3V0c2lkZSB0aGUgcmVzb3VyY2UncyB3b3JraW5nIGhvdXJzOlxuICogLSBCZWZvcmUgd29yayBzdGFydCAoZS5nLiwgMDY6MDAgLSAwOTowMClcbiAqIC0gQWZ0ZXIgd29yayBlbmQgKGUuZy4sIDE3OjAwIC0gMTg6MDApXG4gKiAtIEZ1bGwgZGF5IGlmIHJlc291cmNlIGlzIG9mZiAoc2NoZWR1bGUgPSBudWxsKVxuICovXG5leHBvcnQgY2xhc3MgU2NoZWR1bGVSZW5kZXJlciB7XG4gICAgY29uc3RydWN0b3Ioc2NoZWR1bGVTZXJ2aWNlLCBkYXRlU2VydmljZSwgZ3JpZENvbmZpZykge1xuICAgICAgICB0aGlzLnNjaGVkdWxlU2VydmljZSA9IHNjaGVkdWxlU2VydmljZTtcbiAgICAgICAgdGhpcy5kYXRlU2VydmljZSA9IGRhdGVTZXJ2aWNlO1xuICAgICAgICB0aGlzLmdyaWRDb25maWcgPSBncmlkQ29uZmlnO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBSZW5kZXIgdW5hdmFpbGFibGUgem9uZXMgZm9yIHZpc2libGUgY29sdW1uc1xuICAgICAqIEBwYXJhbSBjb250YWluZXIgLSBDYWxlbmRhciBjb250YWluZXIgZWxlbWVudFxuICAgICAqIEBwYXJhbSBmaWx0ZXIgLSBGaWx0ZXIgd2l0aCAnZGF0ZScgYW5kICdyZXNvdXJjZScgYXJyYXlzXG4gICAgICovXG4gICAgYXN5bmMgcmVuZGVyKGNvbnRhaW5lciwgZmlsdGVyKSB7XG4gICAgICAgIGNvbnN0IGRhdGVzID0gZmlsdGVyWydkYXRlJ10gfHwgW107XG4gICAgICAgIGNvbnN0IHJlc291cmNlSWRzID0gZmlsdGVyWydyZXNvdXJjZSddIHx8IFtdO1xuICAgICAgICBpZiAoZGF0ZXMubGVuZ3RoID09PSAwKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBGaW5kIGRheSBjb2x1bW5zXG4gICAgICAgIGNvbnN0IGRheUNvbHVtbnMgPSBjb250YWluZXIucXVlcnlTZWxlY3Rvcignc3dwLWRheS1jb2x1bW5zJyk7XG4gICAgICAgIGlmICghZGF5Q29sdW1ucylcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgY29sdW1ucyA9IGRheUNvbHVtbnMucXVlcnlTZWxlY3RvckFsbCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgZm9yIChjb25zdCBjb2x1bW4gb2YgY29sdW1ucykge1xuICAgICAgICAgICAgY29uc3QgZGF0ZSA9IGNvbHVtbi5kYXRhc2V0LmRhdGU7XG4gICAgICAgICAgICBjb25zdCByZXNvdXJjZUlkID0gY29sdW1uLmRhdGFzZXQucmVzb3VyY2VJZDtcbiAgICAgICAgICAgIGlmICghZGF0ZSB8fCAhcmVzb3VyY2VJZClcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIC8vIEdldCBvciBjcmVhdGUgdW5hdmFpbGFibGUgbGF5ZXJcbiAgICAgICAgICAgIGxldCB1bmF2YWlsYWJsZUxheWVyID0gY29sdW1uLnF1ZXJ5U2VsZWN0b3IoJ3N3cC11bmF2YWlsYWJsZS1sYXllcicpO1xuICAgICAgICAgICAgaWYgKCF1bmF2YWlsYWJsZUxheWVyKSB7XG4gICAgICAgICAgICAgICAgdW5hdmFpbGFibGVMYXllciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N3cC11bmF2YWlsYWJsZS1sYXllcicpO1xuICAgICAgICAgICAgICAgIGNvbHVtbi5pbnNlcnRCZWZvcmUodW5hdmFpbGFibGVMYXllciwgY29sdW1uLmZpcnN0Q2hpbGQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ2xlYXIgZXhpc3RpbmdcbiAgICAgICAgICAgIHVuYXZhaWxhYmxlTGF5ZXIuaW5uZXJIVE1MID0gJyc7XG4gICAgICAgICAgICAvLyBHZXQgc2NoZWR1bGUgZm9yIHRoaXMgcmVzb3VyY2UvZGF0ZVxuICAgICAgICAgICAgY29uc3Qgc2NoZWR1bGUgPSBhd2FpdCB0aGlzLnNjaGVkdWxlU2VydmljZS5nZXRTY2hlZHVsZUZvckRhdGUocmVzb3VyY2VJZCwgZGF0ZSk7XG4gICAgICAgICAgICAvLyBSZW5kZXIgdW5hdmFpbGFibGUgem9uZXNcbiAgICAgICAgICAgIHRoaXMucmVuZGVyVW5hdmFpbGFibGVab25lcyh1bmF2YWlsYWJsZUxheWVyLCBzY2hlZHVsZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVuZGVyIHVuYXZhaWxhYmxlIHRpbWUgem9uZXMgYmFzZWQgb24gc2NoZWR1bGVcbiAgICAgKi9cbiAgICByZW5kZXJVbmF2YWlsYWJsZVpvbmVzKGxheWVyLCBzY2hlZHVsZSkge1xuICAgICAgICBjb25zdCBkYXlTdGFydE1pbnV0ZXMgPSB0aGlzLmdyaWRDb25maWcuZGF5U3RhcnRIb3VyICogNjA7XG4gICAgICAgIGNvbnN0IGRheUVuZE1pbnV0ZXMgPSB0aGlzLmdyaWRDb25maWcuZGF5RW5kSG91ciAqIDYwO1xuICAgICAgICBjb25zdCBtaW51dGVIZWlnaHQgPSB0aGlzLmdyaWRDb25maWcuaG91ckhlaWdodCAvIDYwO1xuICAgICAgICBpZiAoc2NoZWR1bGUgPT09IG51bGwpIHtcbiAgICAgICAgICAgIC8vIEZ1bGwgZGF5IHVuYXZhaWxhYmxlXG4gICAgICAgICAgICBjb25zdCB6b25lID0gdGhpcy5jcmVhdGVVbmF2YWlsYWJsZVpvbmUoMCwgKGRheUVuZE1pbnV0ZXMgLSBkYXlTdGFydE1pbnV0ZXMpICogbWludXRlSGVpZ2h0KTtcbiAgICAgICAgICAgIGxheWVyLmFwcGVuZENoaWxkKHpvbmUpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHdvcmtTdGFydE1pbnV0ZXMgPSB0aGlzLmRhdGVTZXJ2aWNlLnRpbWVUb01pbnV0ZXMoc2NoZWR1bGUuc3RhcnQpO1xuICAgICAgICBjb25zdCB3b3JrRW5kTWludXRlcyA9IHRoaXMuZGF0ZVNlcnZpY2UudGltZVRvTWludXRlcyhzY2hlZHVsZS5lbmQpO1xuICAgICAgICAvLyBCZWZvcmUgd29yayBzdGFydFxuICAgICAgICBpZiAod29ya1N0YXJ0TWludXRlcyA+IGRheVN0YXJ0TWludXRlcykge1xuICAgICAgICAgICAgY29uc3QgdG9wID0gMDtcbiAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9ICh3b3JrU3RhcnRNaW51dGVzIC0gZGF5U3RhcnRNaW51dGVzKSAqIG1pbnV0ZUhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHpvbmUgPSB0aGlzLmNyZWF0ZVVuYXZhaWxhYmxlWm9uZSh0b3AsIGhlaWdodCk7XG4gICAgICAgICAgICBsYXllci5hcHBlbmRDaGlsZCh6b25lKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBBZnRlciB3b3JrIGVuZFxuICAgICAgICBpZiAod29ya0VuZE1pbnV0ZXMgPCBkYXlFbmRNaW51dGVzKSB7XG4gICAgICAgICAgICBjb25zdCB0b3AgPSAod29ya0VuZE1pbnV0ZXMgLSBkYXlTdGFydE1pbnV0ZXMpICogbWludXRlSGVpZ2h0O1xuICAgICAgICAgICAgY29uc3QgaGVpZ2h0ID0gKGRheUVuZE1pbnV0ZXMgLSB3b3JrRW5kTWludXRlcykgKiBtaW51dGVIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCB6b25lID0gdGhpcy5jcmVhdGVVbmF2YWlsYWJsZVpvbmUodG9wLCBoZWlnaHQpO1xuICAgICAgICAgICAgbGF5ZXIuYXBwZW5kQ2hpbGQoem9uZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIGFuIHVuYXZhaWxhYmxlIHpvbmUgZWxlbWVudFxuICAgICAqL1xuICAgIGNyZWF0ZVVuYXZhaWxhYmxlWm9uZSh0b3AsIGhlaWdodCkge1xuICAgICAgICBjb25zdCB6b25lID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3dwLXVuYXZhaWxhYmxlLXpvbmUnKTtcbiAgICAgICAgem9uZS5zdHlsZS50b3AgPSBgJHt0b3B9cHhgO1xuICAgICAgICB6b25lLnN0eWxlLmhlaWdodCA9IGAke2hlaWdodH1weGA7XG4gICAgICAgIHJldHVybiB6b25lO1xuICAgIH1cbn1cbiIsICJpbXBvcnQgeyBDb3JlRXZlbnRzIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL0NvcmVFdmVudHMnO1xuLyoqXG4gKiBIZWFkZXJEcmF3ZXJSZW5kZXJlciAtIEhhbmRsZXMgcmVuZGVyaW5nIG9mIGl0ZW1zIGluIHRoZSBoZWFkZXIgZHJhd2VyXG4gKlxuICogTGlzdGVucyB0byBkcmFnIGV2ZW50cyBmcm9tIERyYWdEcm9wTWFuYWdlciBhbmQgY3JlYXRlcy9tYW5hZ2VzXG4gKiBzd3AtaGVhZGVyLWl0ZW0gZWxlbWVudHMgaW4gdGhlIGhlYWRlciBkcmF3ZXIuXG4gKlxuICogVXNlcyBzdWJncmlkIGZvciBjb2x1bW4gYWxpZ25tZW50IHdpdGggcGFyZW50IHN3cC1jYWxlbmRhci1oZWFkZXIuXG4gKiBQb3NpdGlvbiBpdGVtcyB2aWEgZ3JpZEFyZWEgZm9yIGV4cGxpY2l0IHJvdy9jb2x1bW4gcGxhY2VtZW50LlxuICovXG5leHBvcnQgY2xhc3MgSGVhZGVyRHJhd2VyUmVuZGVyZXIge1xuICAgIGNvbnN0cnVjdG9yKGV2ZW50QnVzLCBncmlkQ29uZmlnLCBoZWFkZXJEcmF3ZXJNYW5hZ2VyLCBldmVudFNlcnZpY2UsIGRhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMgPSBldmVudEJ1cztcbiAgICAgICAgdGhpcy5ncmlkQ29uZmlnID0gZ3JpZENvbmZpZztcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXJNYW5hZ2VyID0gaGVhZGVyRHJhd2VyTWFuYWdlcjtcbiAgICAgICAgdGhpcy5ldmVudFNlcnZpY2UgPSBldmVudFNlcnZpY2U7XG4gICAgICAgIHRoaXMuZGF0ZVNlcnZpY2UgPSBkYXRlU2VydmljZTtcbiAgICAgICAgdGhpcy5jdXJyZW50SXRlbSA9IG51bGw7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gbnVsbDtcbiAgICAgICAgdGhpcy5zb3VyY2VFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgdGhpcy53YXNFeHBhbmRlZEJlZm9yZURyYWcgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5maWx0ZXJUZW1wbGF0ZSA9IG51bGw7XG4gICAgICAgIHRoaXMuc2V0dXBMaXN0ZW5lcnMoKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVuZGVyIGFsbERheSBldmVudHMgaW50byB0aGUgaGVhZGVyIGRyYXdlciB3aXRoIHJvdyBzdGFja2luZ1xuICAgICAqIEBwYXJhbSBmaWx0ZXJUZW1wbGF0ZSAtIFRlbXBsYXRlIGZvciBtYXRjaGluZyBldmVudHMgdG8gY29sdW1uc1xuICAgICAqL1xuICAgIGFzeW5jIHJlbmRlcihjb250YWluZXIsIGZpbHRlciwgZmlsdGVyVGVtcGxhdGUpIHtcbiAgICAgICAgLy8gU3RvcmUgZmlsdGVyVGVtcGxhdGUgZm9yIGJ1aWxkQ29sdW1uS2V5RnJvbUV2ZW50XG4gICAgICAgIHRoaXMuZmlsdGVyVGVtcGxhdGUgPSBmaWx0ZXJUZW1wbGF0ZTtcbiAgICAgICAgY29uc3QgZHJhd2VyID0gY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItZHJhd2VyJyk7XG4gICAgICAgIGlmICghZHJhd2VyKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCB2aXNpYmxlRGF0ZXMgPSBmaWx0ZXJbJ2RhdGUnXSB8fCBbXTtcbiAgICAgICAgaWYgKHZpc2libGVEYXRlcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIEdldCBjb2x1bW4ga2V5cyBmcm9tIERPTSBmb3IgY29ycmVjdCBtdWx0aS1yZXNvdXJjZSBwb3NpdGlvbmluZ1xuICAgICAgICBjb25zdCB2aXNpYmxlQ29sdW1uS2V5cyA9IHRoaXMuZ2V0VmlzaWJsZUNvbHVtbktleXNGcm9tRE9NKCk7XG4gICAgICAgIGlmICh2aXNpYmxlQ29sdW1uS2V5cy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIEZldGNoIGV2ZW50cyBmb3IgZGF0ZSByYW5nZVxuICAgICAgICBjb25zdCBzdGFydERhdGUgPSBuZXcgRGF0ZSh2aXNpYmxlRGF0ZXNbMF0pO1xuICAgICAgICBjb25zdCBlbmREYXRlID0gbmV3IERhdGUodmlzaWJsZURhdGVzW3Zpc2libGVEYXRlcy5sZW5ndGggLSAxXSk7XG4gICAgICAgIGVuZERhdGUuc2V0SG91cnMoMjMsIDU5LCA1OSwgOTk5KTtcbiAgICAgICAgY29uc3QgZXZlbnRzID0gYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0QnlEYXRlUmFuZ2Uoc3RhcnREYXRlLCBlbmREYXRlKTtcbiAgICAgICAgLy8gRmlsdGVyIHRvIGFsbERheSBldmVudHMgb25seSAoYWxsRGF5ICE9PSBmYWxzZSlcbiAgICAgICAgY29uc3QgYWxsRGF5RXZlbnRzID0gZXZlbnRzLmZpbHRlcihldmVudCA9PiBldmVudC5hbGxEYXkgIT09IGZhbHNlKTtcbiAgICAgICAgLy8gQ2xlYXIgZXhpc3RpbmcgaXRlbXNcbiAgICAgICAgZHJhd2VyLmlubmVySFRNTCA9ICcnO1xuICAgICAgICBpZiAoYWxsRGF5RXZlbnRzLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIGxheW91dCB3aXRoIHJvdyBzdGFja2luZyB1c2luZyBjb2x1bW5LZXlzXG4gICAgICAgIGNvbnN0IGxheW91dHMgPSB0aGlzLmNhbGN1bGF0ZUxheW91dChhbGxEYXlFdmVudHMsIHZpc2libGVDb2x1bW5LZXlzKTtcbiAgICAgICAgY29uc3Qgcm93Q291bnQgPSBNYXRoLm1heCgxLCAuLi5sYXlvdXRzLm1hcChsID0+IGwucm93KSk7XG4gICAgICAgIC8vIFJlbmRlciBlYWNoIGl0ZW0gd2l0aCBsYXlvdXRcbiAgICAgICAgbGF5b3V0cy5mb3JFYWNoKGxheW91dCA9PiB7XG4gICAgICAgICAgICBjb25zdCBpdGVtID0gdGhpcy5jcmVhdGVIZWFkZXJJdGVtKGxheW91dCk7XG4gICAgICAgICAgICBkcmF3ZXIuYXBwZW5kQ2hpbGQoaXRlbSk7XG4gICAgICAgIH0pO1xuICAgICAgICAvLyBFeHBhbmQgZHJhd2VyIHRvIGZpdCBhbGwgcm93c1xuICAgICAgICB0aGlzLmhlYWRlckRyYXdlck1hbmFnZXIuZXhwYW5kVG9Sb3dzKHJvd0NvdW50KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ3JlYXRlIGEgaGVhZGVyIGl0ZW0gZWxlbWVudCBmcm9tIGxheW91dFxuICAgICAqL1xuICAgIGNyZWF0ZUhlYWRlckl0ZW0obGF5b3V0KSB7XG4gICAgICAgIGNvbnN0IHsgZXZlbnQsIGNvbHVtbktleSwgcm93LCBjb2xTdGFydCwgY29sRW5kIH0gPSBsYXlvdXQ7XG4gICAgICAgIGNvbnN0IGl0ZW0gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtaGVhZGVyLWl0ZW0nKTtcbiAgICAgICAgaXRlbS5kYXRhc2V0LmV2ZW50SWQgPSBldmVudC5pZDtcbiAgICAgICAgaXRlbS5kYXRhc2V0Lml0ZW1UeXBlID0gJ2V2ZW50JztcbiAgICAgICAgaXRlbS5kYXRhc2V0LnN0YXJ0ID0gZXZlbnQuc3RhcnQudG9JU09TdHJpbmcoKTtcbiAgICAgICAgaXRlbS5kYXRhc2V0LmVuZCA9IGV2ZW50LmVuZC50b0lTT1N0cmluZygpO1xuICAgICAgICBpdGVtLmRhdGFzZXQuY29sdW1uS2V5ID0gY29sdW1uS2V5O1xuICAgICAgICBpdGVtLnRleHRDb250ZW50ID0gZXZlbnQudGl0bGU7XG4gICAgICAgIC8vIENvbG9yIGNsYXNzXG4gICAgICAgIGNvbnN0IGNvbG9yQ2xhc3MgPSB0aGlzLmdldENvbG9yQ2xhc3MoZXZlbnQpO1xuICAgICAgICBpZiAoY29sb3JDbGFzcylcbiAgICAgICAgICAgIGl0ZW0uY2xhc3NMaXN0LmFkZChjb2xvckNsYXNzKTtcbiAgICAgICAgLy8gR3JpZCBwb3NpdGlvbiBmcm9tIGxheW91dFxuICAgICAgICBpdGVtLnN0eWxlLmdyaWRBcmVhID0gYCR7cm93fSAvICR7Y29sU3RhcnR9IC8gJHtyb3cgKyAxfSAvICR7Y29sRW5kfWA7XG4gICAgICAgIHJldHVybiBpdGVtO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDYWxjdWxhdGUgbGF5b3V0IGZvciBhbGwgZXZlbnRzIHdpdGggcm93IHN0YWNraW5nXG4gICAgICogVXNlcyB0cmFjay1iYXNlZCBhbGdvcml0aG0gdG8gZmluZCBhdmFpbGFibGUgcm93cyBmb3Igb3ZlcmxhcHBpbmcgZXZlbnRzXG4gICAgICovXG4gICAgY2FsY3VsYXRlTGF5b3V0KGV2ZW50cywgdmlzaWJsZUNvbHVtbktleXMpIHtcbiAgICAgICAgLy8gdHJhY2tzW3Jvd11bY29sXSA9IG9jY3VwaWVkXG4gICAgICAgIGNvbnN0IHRyYWNrcyA9IFtuZXcgQXJyYXkodmlzaWJsZUNvbHVtbktleXMubGVuZ3RoKS5maWxsKGZhbHNlKV07XG4gICAgICAgIGNvbnN0IGxheW91dHMgPSBbXTtcbiAgICAgICAgZm9yIChjb25zdCBldmVudCBvZiBldmVudHMpIHtcbiAgICAgICAgICAgIC8vIEJ1aWxkIGNvbHVtbktleSBmcm9tIGV2ZW50IGZpZWxkcyAob25seSBwbGFjZSB3ZSBuZWVkIHRvIGNvbnN0cnVjdCBpdClcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbktleSA9IHRoaXMuYnVpbGRDb2x1bW5LZXlGcm9tRXZlbnQoZXZlbnQpO1xuICAgICAgICAgICAgY29uc3Qgc3RhcnRDb2wgPSB2aXNpYmxlQ29sdW1uS2V5cy5pbmRleE9mKGNvbHVtbktleSk7XG4gICAgICAgICAgICBjb25zdCBlbmRDb2x1bW5LZXkgPSB0aGlzLmJ1aWxkQ29sdW1uS2V5RnJvbUV2ZW50KGV2ZW50LCBldmVudC5lbmQpO1xuICAgICAgICAgICAgY29uc3QgZW5kQ29sID0gdmlzaWJsZUNvbHVtbktleXMuaW5kZXhPZihlbmRDb2x1bW5LZXkpO1xuICAgICAgICAgICAgaWYgKHN0YXJ0Q29sID09PSAtMSAmJiBlbmRDb2wgPT09IC0xKVxuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgLy8gQ2xhbXAgdGlsIHN5bmxpZ2Uga29sb25uZXJcbiAgICAgICAgICAgIGNvbnN0IGNvbFN0YXJ0ID0gTWF0aC5tYXgoMCwgc3RhcnRDb2wpO1xuICAgICAgICAgICAgY29uc3QgY29sRW5kID0gKGVuZENvbCAhPT0gLTEgPyBlbmRDb2wgOiB2aXNpYmxlQ29sdW1uS2V5cy5sZW5ndGggLSAxKSArIDE7XG4gICAgICAgICAgICAvLyBGaW5kIGxlZGlnIHJcdTAwRTZra2VcbiAgICAgICAgICAgIGNvbnN0IHJvdyA9IHRoaXMuZmluZEF2YWlsYWJsZVJvdyh0cmFja3MsIGNvbFN0YXJ0LCBjb2xFbmQpO1xuICAgICAgICAgICAgLy8gTWFya2VyIHNvbSBvcHRhZ2V0XG4gICAgICAgICAgICBmb3IgKGxldCBjID0gY29sU3RhcnQ7IGMgPCBjb2xFbmQ7IGMrKykge1xuICAgICAgICAgICAgICAgIHRyYWNrc1tyb3ddW2NdID0gdHJ1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGxheW91dHMucHVzaCh7IGV2ZW50LCBjb2x1bW5LZXksIHJvdzogcm93ICsgMSwgY29sU3RhcnQ6IGNvbFN0YXJ0ICsgMSwgY29sRW5kOiBjb2xFbmQgKyAxIH0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBsYXlvdXRzO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBCdWlsZCBjb2x1bW5LZXkgZnJvbSBldmVudCB1c2luZyBGaWx0ZXJUZW1wbGF0ZVxuICAgICAqIFVzZXMgdGhlIHNhbWUgdGVtcGxhdGUgdGhhdCBjb2x1bW5zIHVzZSBmb3IgbWF0Y2hpbmdcbiAgICAgKi9cbiAgICBidWlsZENvbHVtbktleUZyb21FdmVudChldmVudCwgZGF0ZSkge1xuICAgICAgICBpZiAoIXRoaXMuZmlsdGVyVGVtcGxhdGUpIHtcbiAgICAgICAgICAgIC8vIEZhbGxiYWNrIGlmIG5vIHRlbXBsYXRlIC0gc2hvdWxkbid0IGhhcHBlbiBpbiBub3JtYWwgZmxvd1xuICAgICAgICAgICAgY29uc3QgZGF0ZVN0ciA9IHRoaXMuZGF0ZVNlcnZpY2UuZ2V0RGF0ZUtleShkYXRlIHx8IGV2ZW50LnN0YXJ0KTtcbiAgICAgICAgICAgIHJldHVybiBkYXRlU3RyO1xuICAgICAgICB9XG4gICAgICAgIC8vIEZvciBtdWx0aS1kYXkgZXZlbnRzLCB3ZSBuZWVkIHRvIG92ZXJyaWRlIHRoZSBkYXRlIGluIHRoZSBldmVudFxuICAgICAgICBpZiAoZGF0ZSAmJiBkYXRlLmdldFRpbWUoKSAhPT0gZXZlbnQuc3RhcnQuZ2V0VGltZSgpKSB7XG4gICAgICAgICAgICAvLyBDcmVhdGUgdGVtcG9yYXJ5IGV2ZW50IHdpdGggb3ZlcnJpZGRlbiBzdGFydCBmb3Iga2V5IGdlbmVyYXRpb25cbiAgICAgICAgICAgIGNvbnN0IHRlbXBFdmVudCA9IHsgLi4uZXZlbnQsIHN0YXJ0OiBkYXRlIH07XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5maWx0ZXJUZW1wbGF0ZS5idWlsZEtleUZyb21FdmVudCh0ZW1wRXZlbnQpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLmZpbHRlclRlbXBsYXRlLmJ1aWxkS2V5RnJvbUV2ZW50KGV2ZW50KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogRmluZCBhdmFpbGFibGUgcm93IGZvciBldmVudCBzcGFubmluZyBjb2x1bW5zIFtjb2xTdGFydCwgY29sRW5kKVxuICAgICAqL1xuICAgIGZpbmRBdmFpbGFibGVSb3codHJhY2tzLCBjb2xTdGFydCwgY29sRW5kKSB7XG4gICAgICAgIGZvciAobGV0IHJvdyA9IDA7IHJvdyA8IHRyYWNrcy5sZW5ndGg7IHJvdysrKSB7XG4gICAgICAgICAgICBsZXQgYXZhaWxhYmxlID0gdHJ1ZTtcbiAgICAgICAgICAgIGZvciAobGV0IGMgPSBjb2xTdGFydDsgYyA8IGNvbEVuZDsgYysrKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRyYWNrc1tyb3ddW2NdKSB7XG4gICAgICAgICAgICAgICAgICAgIGF2YWlsYWJsZSA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAoYXZhaWxhYmxlKVxuICAgICAgICAgICAgICAgIHJldHVybiByb3c7XG4gICAgICAgIH1cbiAgICAgICAgLy8gTnkgclx1MDBFNmtrZVxuICAgICAgICB0cmFja3MucHVzaChuZXcgQXJyYXkodHJhY2tzWzBdLmxlbmd0aCkuZmlsbChmYWxzZSkpO1xuICAgICAgICByZXR1cm4gdHJhY2tzLmxlbmd0aCAtIDE7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBjb2xvciBjbGFzcyBiYXNlZCBvbiBldmVudCBtZXRhZGF0YSBvciB0eXBlXG4gICAgICovXG4gICAgZ2V0Q29sb3JDbGFzcyhldmVudCkge1xuICAgICAgICBpZiAoZXZlbnQubWV0YWRhdGE/LmNvbG9yKSB7XG4gICAgICAgICAgICByZXR1cm4gYGlzLSR7ZXZlbnQubWV0YWRhdGEuY29sb3J9YDtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCB0eXBlQ29sb3JzID0ge1xuICAgICAgICAgICAgJ2N1c3RvbWVyJzogJ2lzLWJsdWUnLFxuICAgICAgICAgICAgJ3ZhY2F0aW9uJzogJ2lzLWdyZWVuJyxcbiAgICAgICAgICAgICdicmVhayc6ICdpcy1hbWJlcicsXG4gICAgICAgICAgICAnbWVldGluZyc6ICdpcy1wdXJwbGUnLFxuICAgICAgICAgICAgJ2Jsb2NrZWQnOiAnaXMtcmVkJ1xuICAgICAgICB9O1xuICAgICAgICByZXR1cm4gdHlwZUNvbG9yc1tldmVudC50eXBlXSB8fCAnaXMtYmx1ZSc7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIFNldHVwIGV2ZW50IGxpc3RlbmVycyBmb3IgZHJhZyBldmVudHNcbiAgICAgKi9cbiAgICBzZXR1cExpc3RlbmVycygpIHtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfRU5URVJfSEVBREVSLCAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVEcmFnRW50ZXIocGF5bG9hZCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19NT1ZFX0hFQURFUiwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRHJhZ01vdmUocGF5bG9hZCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19MRUFWRV9IRUFERVIsIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZURyYWdMZWF2ZShwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VORCwgKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSBlLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRHJhZ0VuZChwYXlsb2FkKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0NBTkNFTCwgKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5jbGVhbnVwKCk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgZHJhZyBlbnRlcmluZyBoZWFkZXIgem9uZSAtIGNyZWF0ZSBwcmV2aWV3IGl0ZW1cbiAgICAgKi9cbiAgICBoYW5kbGVEcmFnRW50ZXIocGF5bG9hZCkge1xuICAgICAgICB0aGlzLmNvbnRhaW5lciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItZHJhd2VyJyk7XG4gICAgICAgIGlmICghdGhpcy5jb250YWluZXIpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIFJlbWVtYmVyIGlmIGRyYXdlciB3YXMgYWxyZWFkeSBleHBhbmRlZFxuICAgICAgICB0aGlzLndhc0V4cGFuZGVkQmVmb3JlRHJhZyA9IHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci5pc0V4cGFuZGVkKCk7XG4gICAgICAgIC8vIEV4cGFuZCB0byBhdCBsZWFzdCAxIHJvdyBpZiBjb2xsYXBzZWQsIG90aGVyd2lzZSBrZWVwIGN1cnJlbnQgaGVpZ2h0XG4gICAgICAgIGlmICghdGhpcy53YXNFeHBhbmRlZEJlZm9yZURyYWcpIHtcbiAgICAgICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci5leHBhbmRUb1Jvd3MoMSk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gU3RvcmUgcmVmZXJlbmNlIHRvIHNvdXJjZSBlbGVtZW50XG4gICAgICAgIHRoaXMuc291cmNlRWxlbWVudCA9IHBheWxvYWQuZWxlbWVudDtcbiAgICAgICAgLy8gQ3JlYXRlIGhlYWRlciBpdGVtXG4gICAgICAgIGNvbnN0IGl0ZW0gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtaGVhZGVyLWl0ZW0nKTtcbiAgICAgICAgaXRlbS5kYXRhc2V0LmV2ZW50SWQgPSBwYXlsb2FkLmV2ZW50SWQ7XG4gICAgICAgIGl0ZW0uZGF0YXNldC5pdGVtVHlwZSA9IHBheWxvYWQuaXRlbVR5cGU7XG4gICAgICAgIGl0ZW0uZGF0YXNldC5kdXJhdGlvbiA9IFN0cmluZyhwYXlsb2FkLmR1cmF0aW9uKTtcbiAgICAgICAgaXRlbS5kYXRhc2V0LmNvbHVtbktleSA9IHBheWxvYWQuc291cmNlQ29sdW1uS2V5O1xuICAgICAgICBpdGVtLnRleHRDb250ZW50ID0gcGF5bG9hZC50aXRsZTtcbiAgICAgICAgLy8gQXBwbHkgY29sb3IgY2xhc3MgaWYgcHJlc2VudFxuICAgICAgICBpZiAocGF5bG9hZC5jb2xvckNsYXNzKSB7XG4gICAgICAgICAgICBpdGVtLmNsYXNzTGlzdC5hZGQocGF5bG9hZC5jb2xvckNsYXNzKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBBZGQgZHJhZ2dpbmcgc3RhdGVcbiAgICAgICAgaXRlbS5jbGFzc0xpc3QuYWRkKCdkcmFnZ2luZycpO1xuICAgICAgICAvLyBJbml0aWFsIHBsYWNlbWVudCAoZHVyYXRpb24gZGV0ZXJtaW5lcyBjb2x1bW4gc3BhbilcbiAgICAgICAgLy8gZ3JpZEFyZWEgZm9ybWF0OiBcInJvdyAvIGNvbC1zdGFydCAvIHJvdysxIC8gY29sLWVuZFwiXG4gICAgICAgIGNvbnN0IGNvbCA9IHBheWxvYWQuc291cmNlQ29sdW1uSW5kZXggKyAxO1xuICAgICAgICBjb25zdCBlbmRDb2wgPSBjb2wgKyBwYXlsb2FkLmR1cmF0aW9uO1xuICAgICAgICBpdGVtLnN0eWxlLmdyaWRBcmVhID0gYDEgLyAke2NvbH0gLyAyIC8gJHtlbmRDb2x9YDtcbiAgICAgICAgdGhpcy5jb250YWluZXIuYXBwZW5kQ2hpbGQoaXRlbSk7XG4gICAgICAgIHRoaXMuY3VycmVudEl0ZW0gPSBpdGVtO1xuICAgICAgICAvLyBIaWRlIG9yaWdpbmFsIGVsZW1lbnQgd2hpbGUgaW4gaGVhZGVyXG4gICAgICAgIHBheWxvYWQuZWxlbWVudC5zdHlsZS52aXNpYmlsaXR5ID0gJ2hpZGRlbic7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBkcmFnIG1vdmluZyB3aXRoaW4gaGVhZGVyIC0gdXBkYXRlIGNvbHVtbiBwb3NpdGlvblxuICAgICAqL1xuICAgIGhhbmRsZURyYWdNb3ZlKHBheWxvYWQpIHtcbiAgICAgICAgaWYgKCF0aGlzLmN1cnJlbnRJdGVtKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBVcGRhdGUgY29sdW1uIHBvc2l0aW9uXG4gICAgICAgIGNvbnN0IGNvbCA9IHBheWxvYWQuY29sdW1uSW5kZXggKyAxO1xuICAgICAgICBjb25zdCBkdXJhdGlvbiA9IHBhcnNlSW50KHRoaXMuY3VycmVudEl0ZW0uZGF0YXNldC5kdXJhdGlvbiB8fCAnMScsIDEwKTtcbiAgICAgICAgY29uc3QgZW5kQ29sID0gY29sICsgZHVyYXRpb247XG4gICAgICAgIHRoaXMuY3VycmVudEl0ZW0uc3R5bGUuZ3JpZEFyZWEgPSBgMSAvICR7Y29sfSAvIDIgLyAke2VuZENvbH1gO1xuICAgICAgICAvLyBVcGRhdGUgY29sdW1uS2V5IHRvIG5ldyBwb3NpdGlvblxuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtLmRhdGFzZXQuY29sdW1uS2V5ID0gcGF5bG9hZC5jb2x1bW5LZXk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBkcmFnIGxlYXZpbmcgaGVhZGVyIC0gY2xlYW51cCBmb3IgZ3JpZFx1MjE5MmhlYWRlciBkcmFnIG9ubHlcbiAgICAgKi9cbiAgICBoYW5kbGVEcmFnTGVhdmUocGF5bG9hZCkge1xuICAgICAgICAvLyBPbmx5IGNsZWFudXAgZm9yIGdyaWRcdTIxOTJoZWFkZXIgZHJhZyAod2hlbiBncmlkIGV2ZW50IGxlYXZlcyBoZWFkZXIgYmFjayB0byBncmlkKVxuICAgICAgICAvLyBGb3IgaGVhZGVyXHUyMTkyZ3JpZCBkcmFnLCB0aGUgaGVhZGVyIGl0ZW0gc3RheXMgYXMgZ2hvc3QgdW50aWwgZHJvcFxuICAgICAgICBpZiAocGF5bG9hZC5zb3VyY2UgPT09ICdncmlkJykge1xuICAgICAgICAgICAgdGhpcy5jbGVhbnVwKCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gRm9yIGhlYWRlciBzb3VyY2UsIGRvIG5vdGhpbmcgLSBnaG9zdCBzdGF5cyB1bnRpbCBFVkVOVF9EUkFHX0VORFxuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgZHJhZyBlbmQgLSBmaW5hbGl6ZSBiYXNlZCBvbiBkcm9wIHRhcmdldFxuICAgICAqL1xuICAgIGhhbmRsZURyYWdFbmQocGF5bG9hZCkge1xuICAgICAgICBpZiAocGF5bG9hZC50YXJnZXQgPT09ICdoZWFkZXInKSB7XG4gICAgICAgICAgICAvLyBHcmlkXHUyMTkySGVhZGVyOiBGaW5hbGl6ZSB0aGUgaGVhZGVyIGl0ZW0gKGl0IHN0YXlzIGluIGhlYWRlcilcbiAgICAgICAgICAgIGlmICh0aGlzLmN1cnJlbnRJdGVtKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jdXJyZW50SXRlbS5jbGFzc0xpc3QucmVtb3ZlKCdkcmFnZ2luZycpO1xuICAgICAgICAgICAgICAgIHRoaXMucmVjYWxjdWxhdGVEcmF3ZXJMYXlvdXQoKTtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gbnVsbDtcbiAgICAgICAgICAgICAgICB0aGlzLnNvdXJjZUVsZW1lbnQgPSBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgLy8gSGVhZGVyXHUyMTkyR3JpZDogUmVtb3ZlIGdob3N0IGhlYWRlciBpdGVtIGFuZCByZWNhbGN1bGF0ZVxuICAgICAgICAgICAgY29uc3QgZ2hvc3QgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGBzd3AtaGVhZGVyLWl0ZW0uZHJhZy1naG9zdFtkYXRhLWV2ZW50LWlkPVwiJHtwYXlsb2FkLnN3cEV2ZW50LmV2ZW50SWR9XCJdYCk7XG4gICAgICAgICAgICBnaG9zdD8ucmVtb3ZlKCk7XG4gICAgICAgICAgICB0aGlzLnJlY2FsY3VsYXRlRHJhd2VyTGF5b3V0KCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLyoqXG4gICAgICogUmVjYWxjdWxhdGUgbGF5b3V0IGZvciBhbGwgaXRlbXMgY3VycmVudGx5IGluIHRoZSBkcmF3ZXJcbiAgICAgKiBDYWxsZWQgYWZ0ZXIgZHJvcCB0byByZXBvc2l0aW9uIGl0ZW1zIGFuZCBhZGp1c3QgaGVpZ2h0XG4gICAgICovXG4gICAgcmVjYWxjdWxhdGVEcmF3ZXJMYXlvdXQoKSB7XG4gICAgICAgIGNvbnN0IGRyYXdlciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ3N3cC1oZWFkZXItZHJhd2VyJyk7XG4gICAgICAgIGlmICghZHJhd2VyKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBpdGVtcyA9IEFycmF5LmZyb20oZHJhd2VyLnF1ZXJ5U2VsZWN0b3JBbGwoJ3N3cC1oZWFkZXItaXRlbScpKTtcbiAgICAgICAgaWYgKGl0ZW1zLmxlbmd0aCA9PT0gMClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gR2V0IHZpc2libGUgY29sdW1uIGtleXMgZm9yIGNvcnJlY3QgbXVsdGktcmVzb3VyY2UgcG9zaXRpb25pbmdcbiAgICAgICAgY29uc3QgdmlzaWJsZUNvbHVtbktleXMgPSB0aGlzLmdldFZpc2libGVDb2x1bW5LZXlzRnJvbURPTSgpO1xuICAgICAgICBpZiAodmlzaWJsZUNvbHVtbktleXMubGVuZ3RoID09PSAwKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBCdWlsZCBsYXlvdXQgZGF0YSBmcm9tIERPTSBpdGVtcyAtIHVzZSBjb2x1bW5LZXkgZGlyZWN0bHkgKG9wYXF1ZSBtYXRjaGluZylcbiAgICAgICAgY29uc3QgaXRlbURhdGEgPSBpdGVtcy5tYXAoaXRlbSA9PiAoe1xuICAgICAgICAgICAgZWxlbWVudDogaXRlbSxcbiAgICAgICAgICAgIGNvbHVtbktleTogaXRlbS5kYXRhc2V0LmNvbHVtbktleSB8fCAnJyxcbiAgICAgICAgICAgIGR1cmF0aW9uOiBwYXJzZUludChpdGVtLmRhdGFzZXQuZHVyYXRpb24gfHwgJzEnLCAxMClcbiAgICAgICAgfSkpO1xuICAgICAgICAvLyBDYWxjdWxhdGUgbmV3IGxheW91dCB1c2luZyB0cmFjayBhbGdvcml0aG1cbiAgICAgICAgY29uc3QgdHJhY2tzID0gW25ldyBBcnJheSh2aXNpYmxlQ29sdW1uS2V5cy5sZW5ndGgpLmZpbGwoZmFsc2UpXTtcbiAgICAgICAgZm9yIChjb25zdCBpdGVtIG9mIGl0ZW1EYXRhKSB7XG4gICAgICAgICAgICAvLyBEaXJlY3QgY29sdW1uS2V5IG1hdGNoaW5nIC0gbm8gcGFyc2luZyBvciBjb25zdHJ1Y3Rpb24gbmVlZGVkXG4gICAgICAgICAgICBjb25zdCBzdGFydENvbCA9IHZpc2libGVDb2x1bW5LZXlzLmluZGV4T2YoaXRlbS5jb2x1bW5LZXkpO1xuICAgICAgICAgICAgaWYgKHN0YXJ0Q29sID09PSAtMSlcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIGNvbnN0IGNvbFN0YXJ0ID0gc3RhcnRDb2w7XG4gICAgICAgICAgICBjb25zdCBjb2xFbmQgPSBNYXRoLm1pbihzdGFydENvbCArIGl0ZW0uZHVyYXRpb24sIHZpc2libGVDb2x1bW5LZXlzLmxlbmd0aCk7XG4gICAgICAgICAgICBjb25zdCByb3cgPSB0aGlzLmZpbmRBdmFpbGFibGVSb3codHJhY2tzLCBjb2xTdGFydCwgY29sRW5kKTtcbiAgICAgICAgICAgIGZvciAobGV0IGMgPSBjb2xTdGFydDsgYyA8IGNvbEVuZDsgYysrKSB7XG4gICAgICAgICAgICAgICAgdHJhY2tzW3Jvd11bY10gPSB0cnVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gVXBkYXRlIGVsZW1lbnQgcG9zaXRpb25cbiAgICAgICAgICAgIGl0ZW0uZWxlbWVudC5zdHlsZS5ncmlkQXJlYSA9IGAke3JvdyArIDF9IC8gJHtjb2xTdGFydCArIDF9IC8gJHtyb3cgKyAyfSAvICR7Y29sRW5kICsgMX1gO1xuICAgICAgICB9XG4gICAgICAgIC8vIFVwZGF0ZSBkcmF3ZXIgaGVpZ2h0XG4gICAgICAgIGNvbnN0IHJvd0NvdW50ID0gdHJhY2tzLmxlbmd0aDtcbiAgICAgICAgdGhpcy5oZWFkZXJEcmF3ZXJNYW5hZ2VyLmV4cGFuZFRvUm93cyhyb3dDb3VudCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCB2aXNpYmxlIGNvbHVtbiBrZXlzIGZyb20gRE9NIChwcmVzZXJ2ZXMgb3JkZXIgZm9yIG11bHRpLXJlc291cmNlIHZpZXdzKVxuICAgICAqIFVzZXMgZmlsdGVyVGVtcGxhdGUuYnVpbGRLZXlGcm9tQ29sdW1uKCkgZm9yIGNvbnNpc3RlbnQga2V5IGZvcm1hdCB3aXRoIGV2ZW50c1xuICAgICAqL1xuICAgIGdldFZpc2libGVDb2x1bW5LZXlzRnJvbURPTSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmZpbHRlclRlbXBsYXRlKVxuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICBjb25zdCBjb2x1bW5zID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgY29uc3QgY29sdW1uS2V5cyA9IFtdO1xuICAgICAgICBjb2x1bW5zLmZvckVhY2goY29sID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGNvbHVtbktleSA9IHRoaXMuZmlsdGVyVGVtcGxhdGUuYnVpbGRLZXlGcm9tQ29sdW1uKGNvbCk7XG4gICAgICAgICAgICBpZiAoY29sdW1uS2V5KVxuICAgICAgICAgICAgICAgIGNvbHVtbktleXMucHVzaChjb2x1bW5LZXkpO1xuICAgICAgICB9KTtcbiAgICAgICAgcmV0dXJuIGNvbHVtbktleXM7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENsZWFudXAgcHJldmlldyBpdGVtIGFuZCByZXN0b3JlIHNvdXJjZSB2aXNpYmlsaXR5XG4gICAgICovXG4gICAgY2xlYW51cCgpIHtcbiAgICAgICAgLy8gUmVtb3ZlIHByZXZpZXcgaXRlbVxuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtPy5yZW1vdmUoKTtcbiAgICAgICAgdGhpcy5jdXJyZW50SXRlbSA9IG51bGw7XG4gICAgICAgIC8vIFJlc3RvcmUgc291cmNlIGVsZW1lbnQgdmlzaWJpbGl0eVxuICAgICAgICBpZiAodGhpcy5zb3VyY2VFbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLnNvdXJjZUVsZW1lbnQuc3R5bGUudmlzaWJpbGl0eSA9ICcnO1xuICAgICAgICAgICAgdGhpcy5zb3VyY2VFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICAvLyBDb2xsYXBzZSBkcmF3ZXIgaWYgaXQgd2Fzbid0IGV4cGFuZGVkIGJlZm9yZSBkcmFnXG4gICAgICAgIGlmICghdGhpcy53YXNFeHBhbmRlZEJlZm9yZURyYWcpIHtcbiAgICAgICAgICAgIHRoaXMuaGVhZGVyRHJhd2VyTWFuYWdlci5jb2xsYXBzZSgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwgIi8qKlxuICogU2NoZWR1bGVPdmVycmlkZVN0b3JlIC0gSW5kZXhlZERCIE9iamVjdFN0b3JlIGZvciBzY2hlZHVsZSBvdmVycmlkZXNcbiAqXG4gKiBTdG9yZXMgZGF0ZS1zcGVjaWZpYyBzY2hlZHVsZSBvdmVycmlkZXMgZm9yIHJlc291cmNlcy5cbiAqIEluZGV4ZXM6IHJlc291cmNlSWQsIGRhdGUsIGNvbXBvdW5kIChyZXNvdXJjZUlkICsgZGF0ZSlcbiAqL1xuZXhwb3J0IGNsYXNzIFNjaGVkdWxlT3ZlcnJpZGVTdG9yZSB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3RvcmVOYW1lID0gU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUU7XG4gICAgfVxuICAgIGNyZWF0ZShkYikge1xuICAgICAgICBjb25zdCBzdG9yZSA9IGRiLmNyZWF0ZU9iamVjdFN0b3JlKFNjaGVkdWxlT3ZlcnJpZGVTdG9yZS5TVE9SRV9OQU1FLCB7IGtleVBhdGg6ICdpZCcgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdyZXNvdXJjZUlkJywgJ3Jlc291cmNlSWQnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdkYXRlJywgJ2RhdGUnLCB7IHVuaXF1ZTogZmFsc2UgfSk7XG4gICAgICAgIHN0b3JlLmNyZWF0ZUluZGV4KCdyZXNvdXJjZUlkX2RhdGUnLCBbJ3Jlc291cmNlSWQnLCAnZGF0ZSddLCB7IHVuaXF1ZTogdHJ1ZSB9KTtcbiAgICAgICAgc3RvcmUuY3JlYXRlSW5kZXgoJ3N5bmNTdGF0dXMnLCAnc3luY1N0YXR1cycsIHsgdW5pcXVlOiBmYWxzZSB9KTtcbiAgICB9XG59XG5TY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRSA9ICdzY2hlZHVsZU92ZXJyaWRlcyc7XG4iLCAiaW1wb3J0IHsgU2NoZWR1bGVPdmVycmlkZVN0b3JlIH0gZnJvbSAnLi9TY2hlZHVsZU92ZXJyaWRlU3RvcmUnO1xuLyoqXG4gKiBTY2hlZHVsZU92ZXJyaWRlU2VydmljZSAtIENSVUQgZm9yIHNjaGVkdWxlIG92ZXJyaWRlc1xuICpcbiAqIFByb3ZpZGVzIGFjY2VzcyB0byBkYXRlLXNwZWNpZmljIHNjaGVkdWxlIG92ZXJyaWRlcyBmb3IgcmVzb3VyY2VzLlxuICovXG5leHBvcnQgY2xhc3MgU2NoZWR1bGVPdmVycmlkZVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0ID0gY29udGV4dDtcbiAgICB9XG4gICAgZ2V0IGRiKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmdldERhdGFiYXNlKCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEdldCBvdmVycmlkZSBmb3IgYSBzcGVjaWZpYyByZXNvdXJjZSBhbmQgZGF0ZVxuICAgICAqL1xuICAgIGFzeW5jIGdldE92ZXJyaWRlKHJlc291cmNlSWQsIGRhdGUpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUoU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUUpO1xuICAgICAgICAgICAgY29uc3QgaW5kZXggPSBzdG9yZS5pbmRleCgncmVzb3VyY2VJZF9kYXRlJyk7XG4gICAgICAgICAgICBjb25zdCByZXF1ZXN0ID0gaW5kZXguZ2V0KFtyZXNvdXJjZUlkLCBkYXRlXSk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZXNvbHZlKHJlcXVlc3QucmVzdWx0IHx8IG51bGwpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IG92ZXJyaWRlIGZvciAke3Jlc291cmNlSWR9IG9uICR7ZGF0ZX06ICR7cmVxdWVzdC5lcnJvcn1gKSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGFsbCBvdmVycmlkZXMgZm9yIGEgcmVzb3VyY2VcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeVJlc291cmNlKHJlc291cmNlSWQpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUVdLCAncmVhZG9ubHknKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUoU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUUpO1xuICAgICAgICAgICAgY29uc3QgaW5kZXggPSBzdG9yZS5pbmRleCgncmVzb3VyY2VJZCcpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IGluZGV4LmdldEFsbChyZXNvdXJjZUlkKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlc29sdmUocmVxdWVzdC5yZXN1bHQgfHwgW10pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gZ2V0IG92ZXJyaWRlcyBmb3IgJHtyZXNvdXJjZUlkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgb3ZlcnJpZGVzIGZvciBhIGRhdGUgcmFuZ2VcbiAgICAgKi9cbiAgICBhc3luYyBnZXRCeURhdGVSYW5nZShyZXNvdXJjZUlkLCBzdGFydERhdGUsIGVuZERhdGUpIHtcbiAgICAgICAgY29uc3QgYWxsID0gYXdhaXQgdGhpcy5nZXRCeVJlc291cmNlKHJlc291cmNlSWQpO1xuICAgICAgICByZXR1cm4gYWxsLmZpbHRlcihvID0+IG8uZGF0ZSA+PSBzdGFydERhdGUgJiYgby5kYXRlIDw9IGVuZERhdGUpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBTYXZlIGFuIG92ZXJyaWRlXG4gICAgICovXG4gICAgYXN5bmMgc2F2ZShvdmVycmlkZSkge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRiLnRyYW5zYWN0aW9uKFtTY2hlZHVsZU92ZXJyaWRlU3RvcmUuU1RPUkVfTkFNRV0sICdyZWFkd3JpdGUnKTtcbiAgICAgICAgICAgIGNvbnN0IHN0b3JlID0gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUoU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUUpO1xuICAgICAgICAgICAgY29uc3QgcmVxdWVzdCA9IHN0b3JlLnB1dChvdmVycmlkZSk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uc3VjY2VzcyA9ICgpID0+IHJlc29sdmUoKTtcbiAgICAgICAgICAgIHJlcXVlc3Qub25lcnJvciA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZWplY3QobmV3IEVycm9yKGBGYWlsZWQgdG8gc2F2ZSBvdmVycmlkZSAke292ZXJyaWRlLmlkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBEZWxldGUgYW4gb3ZlcnJpZGVcbiAgICAgKi9cbiAgICBhc3luYyBkZWxldGUoaWQpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYi50cmFuc2FjdGlvbihbU2NoZWR1bGVPdmVycmlkZVN0b3JlLlNUT1JFX05BTUVdLCAncmVhZHdyaXRlJyk7XG4gICAgICAgICAgICBjb25zdCBzdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKFNjaGVkdWxlT3ZlcnJpZGVTdG9yZS5TVE9SRV9OQU1FKTtcbiAgICAgICAgICAgIGNvbnN0IHJlcXVlc3QgPSBzdG9yZS5kZWxldGUoaWQpO1xuICAgICAgICAgICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSAoKSA9PiByZXNvbHZlKCk7XG4gICAgICAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcihgRmFpbGVkIHRvIGRlbGV0ZSBvdmVycmlkZSAke2lkfTogJHtyZXF1ZXN0LmVycm9yfWApKTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsICIvKipcbiAqIFJlc291cmNlU2NoZWR1bGVTZXJ2aWNlIC0gR2V0IGVmZmVjdGl2ZSBzY2hlZHVsZSBmb3IgYSByZXNvdXJjZSBvbiBhIGRhdGVcbiAqXG4gKiBMb2dpYzpcbiAqIDEuIENoZWNrIGZvciBvdmVycmlkZSBvbiB0aGlzIGRhdGVcbiAqIDIuIEZhbGwgYmFjayB0byBkZWZhdWx0IHNjaGVkdWxlIGZvciB0aGUgd2Vla2RheVxuICovXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VTY2hlZHVsZVNlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKHJlc291cmNlU2VydmljZSwgb3ZlcnJpZGVTZXJ2aWNlLCBkYXRlU2VydmljZSkge1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZSA9IHJlc291cmNlU2VydmljZTtcbiAgICAgICAgdGhpcy5vdmVycmlkZVNlcnZpY2UgPSBvdmVycmlkZVNlcnZpY2U7XG4gICAgICAgIHRoaXMuZGF0ZVNlcnZpY2UgPSBkYXRlU2VydmljZTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGVmZmVjdGl2ZSBzY2hlZHVsZSBmb3IgYSByZXNvdXJjZSBvbiBhIHNwZWNpZmljIGRhdGVcbiAgICAgKlxuICAgICAqIEBwYXJhbSByZXNvdXJjZUlkIC0gUmVzb3VyY2UgSURcbiAgICAgKiBAcGFyYW0gZGF0ZSAtIERhdGUgc3RyaW5nIFwiWVlZWS1NTS1ERFwiXG4gICAgICogQHJldHVybnMgSVRpbWVTbG90IG9yIG51bGwgKGZyaS9jbG9zZWQpXG4gICAgICovXG4gICAgYXN5bmMgZ2V0U2NoZWR1bGVGb3JEYXRlKHJlc291cmNlSWQsIGRhdGUpIHtcbiAgICAgICAgLy8gMS4gQ2hlY2sgZm9yIG92ZXJyaWRlXG4gICAgICAgIGNvbnN0IG92ZXJyaWRlID0gYXdhaXQgdGhpcy5vdmVycmlkZVNlcnZpY2UuZ2V0T3ZlcnJpZGUocmVzb3VyY2VJZCwgZGF0ZSk7XG4gICAgICAgIGlmIChvdmVycmlkZSkge1xuICAgICAgICAgICAgcmV0dXJuIG92ZXJyaWRlLnNjaGVkdWxlO1xuICAgICAgICB9XG4gICAgICAgIC8vIDIuIFVzZSBkZWZhdWx0IHNjaGVkdWxlIGZvciB3ZWVrZGF5XG4gICAgICAgIGNvbnN0IHJlc291cmNlID0gYXdhaXQgdGhpcy5yZXNvdXJjZVNlcnZpY2UuZ2V0KHJlc291cmNlSWQpO1xuICAgICAgICBpZiAoIXJlc291cmNlIHx8ICFyZXNvdXJjZS5kZWZhdWx0U2NoZWR1bGUpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHdlZWtEYXkgPSB0aGlzLmRhdGVTZXJ2aWNlLmdldElTT1dlZWtEYXkoZGF0ZSk7XG4gICAgICAgIHJldHVybiByZXNvdXJjZS5kZWZhdWx0U2NoZWR1bGVbd2Vla0RheV0gfHwgbnVsbDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IHNjaGVkdWxlcyBmb3IgbXVsdGlwbGUgZGF0ZXNcbiAgICAgKlxuICAgICAqIEBwYXJhbSByZXNvdXJjZUlkIC0gUmVzb3VyY2UgSURcbiAgICAgKiBAcGFyYW0gZGF0ZXMgLSBBcnJheSBvZiBkYXRlIHN0cmluZ3MgXCJZWVlZLU1NLUREXCJcbiAgICAgKiBAcmV0dXJucyBNYXAgb2YgZGF0ZSAtPiBJVGltZVNsb3QgfCBudWxsXG4gICAgICovXG4gICAgYXN5bmMgZ2V0U2NoZWR1bGVzRm9yRGF0ZXMocmVzb3VyY2VJZCwgZGF0ZXMpIHtcbiAgICAgICAgY29uc3QgcmVzdWx0ID0gbmV3IE1hcCgpO1xuICAgICAgICAvLyBHZXQgcmVzb3VyY2Ugb25jZVxuICAgICAgICBjb25zdCByZXNvdXJjZSA9IGF3YWl0IHRoaXMucmVzb3VyY2VTZXJ2aWNlLmdldChyZXNvdXJjZUlkKTtcbiAgICAgICAgLy8gR2V0IGFsbCBvdmVycmlkZXMgaW4gZGF0ZSByYW5nZVxuICAgICAgICBjb25zdCBvdmVycmlkZXMgPSBkYXRlcy5sZW5ndGggPiAwXG4gICAgICAgICAgICA/IGF3YWl0IHRoaXMub3ZlcnJpZGVTZXJ2aWNlLmdldEJ5RGF0ZVJhbmdlKHJlc291cmNlSWQsIGRhdGVzWzBdLCBkYXRlc1tkYXRlcy5sZW5ndGggLSAxXSlcbiAgICAgICAgICAgIDogW107XG4gICAgICAgIC8vIEJ1aWxkIG92ZXJyaWRlIG1hcFxuICAgICAgICBjb25zdCBvdmVycmlkZU1hcCA9IG5ldyBNYXAob3ZlcnJpZGVzLm1hcChvID0+IFtvLmRhdGUsIG8uc2NoZWR1bGVdKSk7XG4gICAgICAgIC8vIFJlc29sdmUgZWFjaCBkYXRlXG4gICAgICAgIGZvciAoY29uc3QgZGF0ZSBvZiBkYXRlcykge1xuICAgICAgICAgICAgLy8gQ2hlY2sgb3ZlcnJpZGUgZmlyc3RcbiAgICAgICAgICAgIGlmIChvdmVycmlkZU1hcC5oYXMoZGF0ZSkpIHtcbiAgICAgICAgICAgICAgICByZXN1bHQuc2V0KGRhdGUsIG92ZXJyaWRlTWFwLmdldChkYXRlKSk7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBGYWxsIGJhY2sgdG8gZGVmYXVsdFxuICAgICAgICAgICAgaWYgKHJlc291cmNlPy5kZWZhdWx0U2NoZWR1bGUpIHtcbiAgICAgICAgICAgICAgICBjb25zdCB3ZWVrRGF5ID0gdGhpcy5kYXRlU2VydmljZS5nZXRJU09XZWVrRGF5KGRhdGUpO1xuICAgICAgICAgICAgICAgIHJlc3VsdC5zZXQoZGF0ZSwgcmVzb3VyY2UuZGVmYXVsdFNjaGVkdWxlW3dlZWtEYXldIHx8IG51bGwpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgcmVzdWx0LnNldChkYXRlLCBudWxsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cbn1cbiIsICIvKipcbiAqIFN3cEV2ZW50IC0gV3JhcHBlciBjbGFzcyBmb3IgY2FsZW5kYXIgZXZlbnQgZWxlbWVudHNcbiAqXG4gKiBFbmNhcHN1bGF0ZXMgYW4gSFRNTEVsZW1lbnQgYW5kIHByb3ZpZGVzIGNvbXB1dGVkIHByb3BlcnRpZXNcbiAqIGZvciBzdGFydC9lbmQgdGltZXMgYmFzZWQgb24gZWxlbWVudCBwb3NpdGlvbiBhbmQgZ3JpZCBjb25maWcuXG4gKlxuICogVXNhZ2U6XG4gKiAtIGV2ZW50SWQgaXMgcmVhZCBmcm9tIGVsZW1lbnQuZGF0YXNldFxuICogLSBjb2x1bW5LZXkgaWRlbnRpZmllcyB0aGUgY29sdW1uIHVuaWZvcm1seVxuICogLSBQb3NpdGlvbiAodG9wLCBoZWlnaHQpIGlzIHJlYWQgZnJvbSBlbGVtZW50LnN0eWxlXG4gKiAtIEZhY3RvcnkgbWV0aG9kIGBmcm9tRWxlbWVudCgpYCBjYWxjdWxhdGVzIERhdGUgb2JqZWN0c1xuICovXG5leHBvcnQgY2xhc3MgU3dwRXZlbnQge1xuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQsIGNvbHVtbktleSwgc3RhcnQsIGVuZCkge1xuICAgICAgICB0aGlzLmVsZW1lbnQgPSBlbGVtZW50O1xuICAgICAgICB0aGlzLmNvbHVtbktleSA9IGNvbHVtbktleTtcbiAgICAgICAgdGhpcy5fc3RhcnQgPSBzdGFydDtcbiAgICAgICAgdGhpcy5fZW5kID0gZW5kO1xuICAgIH1cbiAgICAvKiogRXZlbnQgSUQgZnJvbSBlbGVtZW50LmRhdGFzZXQuZXZlbnRJZCAqL1xuICAgIGdldCBldmVudElkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50LmRhdGFzZXQuZXZlbnRJZCB8fCAnJztcbiAgICB9XG4gICAgZ2V0IHN0YXJ0KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc3RhcnQ7XG4gICAgfVxuICAgIGdldCBlbmQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbmQ7XG4gICAgfVxuICAgIC8qKiBEdXJhdGlvbiBpbiBtaW51dGVzICovXG4gICAgZ2V0IGR1cmF0aW9uTWludXRlcygpIHtcbiAgICAgICAgcmV0dXJuICh0aGlzLl9lbmQuZ2V0VGltZSgpIC0gdGhpcy5fc3RhcnQuZ2V0VGltZSgpKSAvICgxMDAwICogNjApO1xuICAgIH1cbiAgICAvKiogRHVyYXRpb24gaW4gbWlsbGlzZWNvbmRzICovXG4gICAgZ2V0IGR1cmF0aW9uTXMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbmQuZ2V0VGltZSgpIC0gdGhpcy5fc3RhcnQuZ2V0VGltZSgpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBGYWN0b3J5OiBDcmVhdGUgU3dwRXZlbnQgZnJvbSBlbGVtZW50ICsgY29sdW1uS2V5XG4gICAgICogUmVhZHMgdG9wL2hlaWdodCBmcm9tIGVsZW1lbnQuc3R5bGUgdG8gY2FsY3VsYXRlIHN0YXJ0L2VuZFxuICAgICAqIEBwYXJhbSBjb2x1bW5LZXkgLSBPcGFxdWUgY29sdW1uIGlkZW50aWZpZXIgKGRvIE5PVCBwYXJzZSAtIHVzZSBvbmx5IGZvciBtYXRjaGluZylcbiAgICAgKiBAcGFyYW0gZGF0ZSAtIERhdGUgc3RyaW5nIChZWVlZLU1NLUREKSBmb3IgdGltZSBjYWxjdWxhdGlvbnNcbiAgICAgKi9cbiAgICBzdGF0aWMgZnJvbUVsZW1lbnQoZWxlbWVudCwgY29sdW1uS2V5LCBkYXRlLCBncmlkQ29uZmlnKSB7XG4gICAgICAgIGNvbnN0IHRvcFBpeGVscyA9IHBhcnNlRmxvYXQoZWxlbWVudC5zdHlsZS50b3ApIHx8IDA7XG4gICAgICAgIGNvbnN0IGhlaWdodFBpeGVscyA9IHBhcnNlRmxvYXQoZWxlbWVudC5zdHlsZS5oZWlnaHQpIHx8IDA7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBzdGFydCBmcm9tIHRvcCBwb3NpdGlvblxuICAgICAgICBjb25zdCBzdGFydE1pbnV0ZXNGcm9tR3JpZCA9ICh0b3BQaXhlbHMgLyBncmlkQ29uZmlnLmhvdXJIZWlnaHQpICogNjA7XG4gICAgICAgIGNvbnN0IHRvdGFsTWludXRlcyA9IChncmlkQ29uZmlnLmRheVN0YXJ0SG91ciAqIDYwKSArIHN0YXJ0TWludXRlc0Zyb21HcmlkO1xuICAgICAgICBjb25zdCBzdGFydCA9IG5ldyBEYXRlKGRhdGUpO1xuICAgICAgICBzdGFydC5zZXRIb3VycyhNYXRoLmZsb29yKHRvdGFsTWludXRlcyAvIDYwKSwgdG90YWxNaW51dGVzICUgNjAsIDAsIDApO1xuICAgICAgICAvLyBDYWxjdWxhdGUgZW5kIGZyb20gaGVpZ2h0XG4gICAgICAgIGNvbnN0IGR1cmF0aW9uTWludXRlcyA9IChoZWlnaHRQaXhlbHMgLyBncmlkQ29uZmlnLmhvdXJIZWlnaHQpICogNjA7XG4gICAgICAgIGNvbnN0IGVuZCA9IG5ldyBEYXRlKHN0YXJ0LmdldFRpbWUoKSArIGR1cmF0aW9uTWludXRlcyAqIDYwICogMTAwMCk7XG4gICAgICAgIHJldHVybiBuZXcgU3dwRXZlbnQoZWxlbWVudCwgY29sdW1uS2V5LCBzdGFydCwgZW5kKTtcbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgQ29yZUV2ZW50cyB9IGZyb20gJy4uL2NvbnN0YW50cy9Db3JlRXZlbnRzJztcbmltcG9ydCB7IHNuYXBUb0dyaWQgfSBmcm9tICcuLi91dGlscy9Qb3NpdGlvblV0aWxzJztcbmltcG9ydCB7IFN3cEV2ZW50IH0gZnJvbSAnLi4vdHlwZXMvU3dwRXZlbnQnO1xuLyoqXG4gKiBEcmFnRHJvcE1hbmFnZXIgLSBIYW5kbGVzIGRyYWctZHJvcCBmb3IgY2FsZW5kYXIgZXZlbnRzXG4gKlxuICogU3RyYXRlZ3k6IERyYWcgb3JpZ2luYWwgZWxlbWVudCwgbGVhdmUgZ2hvc3QtY2xvbmUgaW4gcGxhY2VcbiAqIC0gbW91c2Vkb3duOiBTdG9yZSBpbml0aWFsIHN0YXRlLCB3YWl0IGZvciBtb3ZlbWVudFxuICogLSBtb3VzZW1vdmUgKD41cHgpOiBDcmVhdGUgZ2hvc3QsIHN0YXJ0IGRyYWdnaW5nIG9yaWdpbmFsXG4gKiAtIG1vdXNldXA6IFNuYXAgdG8gZ3JpZCwgcmVtb3ZlIGdob3N0LCBlbWl0IGRyYWc6ZW5kXG4gKiAtIGNhbmNlbDogQW5pbWF0ZSBiYWNrIHRvIHN0YXJ0WSwgcmVtb3ZlIGdob3N0XG4gKi9cbmV4cG9ydCBjbGFzcyBEcmFnRHJvcE1hbmFnZXIge1xuICAgIGNvbnN0cnVjdG9yKGV2ZW50QnVzLCBncmlkQ29uZmlnKSB7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMgPSBldmVudEJ1cztcbiAgICAgICAgdGhpcy5ncmlkQ29uZmlnID0gZ3JpZENvbmZpZztcbiAgICAgICAgdGhpcy5kcmFnU3RhdGUgPSBudWxsO1xuICAgICAgICB0aGlzLm1vdXNlRG93blBvc2l0aW9uID0gbnVsbDtcbiAgICAgICAgdGhpcy5wZW5kaW5nRWxlbWVudCA9IG51bGw7XG4gICAgICAgIHRoaXMucGVuZGluZ01vdXNlT2Zmc2V0ID0gbnVsbDtcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBudWxsO1xuICAgICAgICB0aGlzLmluSGVhZGVyID0gZmFsc2U7XG4gICAgICAgIHRoaXMuRFJBR19USFJFU0hPTEQgPSA1O1xuICAgICAgICB0aGlzLklOVEVSUE9MQVRJT05fRkFDVE9SID0gMC4zO1xuICAgICAgICB0aGlzLmhhbmRsZVBvaW50ZXJEb3duID0gKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0O1xuICAgICAgICAgICAgLy8gSWdub3JlIGlmIGNsaWNraW5nIG9uIHJlc2l6ZSBoYW5kbGVcbiAgICAgICAgICAgIGlmICh0YXJnZXQuY2xvc2VzdCgnc3dwLXJlc2l6ZS1oYW5kbGUnKSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAvLyBNYXRjaCBib3RoIHN3cC1ldmVudCBhbmQgc3dwLWhlYWRlci1pdGVtXG4gICAgICAgICAgICBjb25zdCBldmVudEVsZW1lbnQgPSB0YXJnZXQuY2xvc2VzdCgnc3dwLWV2ZW50Jyk7XG4gICAgICAgICAgICBjb25zdCBoZWFkZXJJdGVtID0gdGFyZ2V0LmNsb3Nlc3QoJ3N3cC1oZWFkZXItaXRlbScpO1xuICAgICAgICAgICAgY29uc3QgZHJhZ2dhYmxlID0gZXZlbnRFbGVtZW50IHx8IGhlYWRlckl0ZW07XG4gICAgICAgICAgICBpZiAoIWRyYWdnYWJsZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAvLyBTdG9yZSBmb3IgcG90ZW50aWFsIGRyYWdcbiAgICAgICAgICAgIHRoaXMubW91c2VEb3duUG9zaXRpb24gPSB7IHg6IGUuY2xpZW50WCwgeTogZS5jbGllbnRZIH07XG4gICAgICAgICAgICB0aGlzLnBlbmRpbmdFbGVtZW50ID0gZHJhZ2dhYmxlO1xuICAgICAgICAgICAgLy8gQ2FsY3VsYXRlIG1vdXNlIG9mZnNldCB3aXRoaW4gZWxlbWVudFxuICAgICAgICAgICAgY29uc3QgcmVjdCA9IGRyYWdnYWJsZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgIHRoaXMucGVuZGluZ01vdXNlT2Zmc2V0ID0ge1xuICAgICAgICAgICAgICAgIHg6IGUuY2xpZW50WCAtIHJlY3QubGVmdCxcbiAgICAgICAgICAgICAgICB5OiBlLmNsaWVudFkgLSByZWN0LnRvcFxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIC8vIENhcHR1cmUgcG9pbnRlciBmb3IgcmVsaWFibGUgdHJhY2tpbmdcbiAgICAgICAgICAgIGRyYWdnYWJsZS5zZXRQb2ludGVyQ2FwdHVyZShlLnBvaW50ZXJJZCk7XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuaGFuZGxlUG9pbnRlck1vdmUgPSAoZSkgPT4ge1xuICAgICAgICAgICAgLy8gTm90IGluIHBvdGVudGlhbCBkcmFnIHN0YXRlXG4gICAgICAgICAgICBpZiAoIXRoaXMubW91c2VEb3duUG9zaXRpb24gfHwgIXRoaXMucGVuZGluZ0VsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAvLyBBbHJlYWR5IGRyYWdnaW5nIC0gdXBkYXRlIHRhcmdldFxuICAgICAgICAgICAgICAgIGlmICh0aGlzLmRyYWdTdGF0ZSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnVwZGF0ZURyYWdUYXJnZXQoZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIENoZWNrIHRocmVzaG9sZFxuICAgICAgICAgICAgY29uc3QgZGVsdGFYID0gTWF0aC5hYnMoZS5jbGllbnRYIC0gdGhpcy5tb3VzZURvd25Qb3NpdGlvbi54KTtcbiAgICAgICAgICAgIGNvbnN0IGRlbHRhWSA9IE1hdGguYWJzKGUuY2xpZW50WSAtIHRoaXMubW91c2VEb3duUG9zaXRpb24ueSk7XG4gICAgICAgICAgICBjb25zdCBkaXN0YW5jZSA9IE1hdGguc3FydChkZWx0YVggKiBkZWx0YVggKyBkZWx0YVkgKiBkZWx0YVkpO1xuICAgICAgICAgICAgaWYgKGRpc3RhbmNlIDwgdGhpcy5EUkFHX1RIUkVTSE9MRClcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAvLyBTdGFydCBkcmFnXG4gICAgICAgICAgICB0aGlzLmluaXRpYWxpemVEcmFnKHRoaXMucGVuZGluZ0VsZW1lbnQsIHRoaXMucGVuZGluZ01vdXNlT2Zmc2V0LCBlKTtcbiAgICAgICAgICAgIHRoaXMubW91c2VEb3duUG9zaXRpb24gPSBudWxsO1xuICAgICAgICAgICAgdGhpcy5wZW5kaW5nRWxlbWVudCA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLnBlbmRpbmdNb3VzZU9mZnNldCA9IG51bGw7XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuaGFuZGxlUG9pbnRlclVwID0gKF9lKSA9PiB7XG4gICAgICAgICAgICAvLyBDbGVhciBwZW5kaW5nIHN0YXRlXG4gICAgICAgICAgICB0aGlzLm1vdXNlRG93blBvc2l0aW9uID0gbnVsbDtcbiAgICAgICAgICAgIHRoaXMucGVuZGluZ0VsZW1lbnQgPSBudWxsO1xuICAgICAgICAgICAgdGhpcy5wZW5kaW5nTW91c2VPZmZzZXQgPSBudWxsO1xuICAgICAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAvLyBTdG9wIGFuaW1hdGlvblxuICAgICAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUodGhpcy5kcmFnU3RhdGUuYW5pbWF0aW9uSWQpO1xuICAgICAgICAgICAgLy8gSGFuZGxlIGJhc2VkIG9uIGRyYWcgc291cmNlIGFuZCB0YXJnZXRcbiAgICAgICAgICAgIGlmICh0aGlzLmRyYWdTdGF0ZS5kcmFnU291cmNlID09PSAnaGVhZGVyJykge1xuICAgICAgICAgICAgICAgIC8vIEhlYWRlciBpdGVtIGRyYWcgZW5kXG4gICAgICAgICAgICAgICAgdGhpcy5oYW5kbGVIZWFkZXJJdGVtRHJhZ0VuZCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gR3JpZCBldmVudCBkcmFnIGVuZFxuICAgICAgICAgICAgICAgIHRoaXMuaGFuZGxlR3JpZEV2ZW50RHJhZ0VuZCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ2xlYW51cFxuICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdkcmFnZ2luZycpO1xuICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUgPSBudWxsO1xuICAgICAgICAgICAgdGhpcy5pbkhlYWRlciA9IGZhbHNlO1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLmFuaW1hdGVEcmFnID0gKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICBjb25zdCBkaWZmID0gdGhpcy5kcmFnU3RhdGUudGFyZ2V0WSAtIHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZO1xuICAgICAgICAgICAgLy8gU3RvcCBhbmltYXRpb24gd2hlbiBjbG9zZSBlbm91Z2ggdG8gdGFyZ2V0XG4gICAgICAgICAgICBpZiAoTWF0aC5hYnMoZGlmZikgPD0gMC41KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuYW5pbWF0aW9uSWQgPSAwO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIEludGVycG9sYXRlIHRvd2FyZHMgdGFyZ2V0XG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50WSArPSBkaWZmICogdGhpcy5JTlRFUlBPTEFUSU9OX0ZBQ1RPUjtcbiAgICAgICAgICAgIC8vIFVwZGF0ZSBlbGVtZW50IHBvc2l0aW9uXG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LnN0eWxlLnRvcCA9IGAke3RoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZfXB4YDtcbiAgICAgICAgICAgIC8vIEVtaXQgZHJhZzptb3ZlIChvbmx5IGlmIHdlIGhhdmUgYSBjb2x1bW4pXG4gICAgICAgICAgICBpZiAodGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50SWQ6IHRoaXMuZHJhZ1N0YXRlLmV2ZW50SWQsXG4gICAgICAgICAgICAgICAgICAgIGVsZW1lbnQ6IHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgIGN1cnJlbnRZOiB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50WSxcbiAgICAgICAgICAgICAgICAgICAgY29sdW1uRWxlbWVudDogdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfRFJBR19NT1ZFLCBwYXlsb2FkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIENvbnRpbnVlIGFuaW1hdGlvblxuICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuYW5pbWF0aW9uSWQgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy5hbmltYXRlRHJhZyk7XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuc2V0dXBTY3JvbGxMaXN0ZW5lcigpO1xuICAgIH1cbiAgICBzZXR1cFNjcm9sbExpc3RlbmVyKCkge1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRURHRV9TQ1JPTExfVElDSywgKGUpID0+IHtcbiAgICAgICAgICAgIGlmICghdGhpcy5kcmFnU3RhdGUpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgY29uc3QgeyBzY3JvbGxEZWx0YSB9ID0gZS5kZXRhaWw7XG4gICAgICAgICAgICAvLyBFbGVtZW50IHNrYWwgZmx5dHRlIG1lZCBzY3JvbGwgZm9yIGF0IGZvcmJsaXZlIHVuZGVyIG11c2VuXG4gICAgICAgICAgICAvLyAoZWxlbWVudGV0cyB0b3AgZXIgcmVsYXRpdiB0aWwga29sb25uZW4sIHNvbSBzY3JvbGxlciBtZWQgdmlld3BvcnQpXG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS50YXJnZXRZICs9IHNjcm9sbERlbHRhO1xuICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuY3VycmVudFkgKz0gc2Nyb2xsRGVsdGE7XG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5lbGVtZW50LnN0eWxlLnRvcCA9IGAke3RoaXMuZHJhZ1N0YXRlLmN1cnJlbnRZfXB4YDtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEluaXRpYWxpemUgZHJhZy1kcm9wIG9uIGEgY29udGFpbmVyIGVsZW1lbnRcbiAgICAgKi9cbiAgICBpbml0KGNvbnRhaW5lcikge1xuICAgICAgICB0aGlzLmNvbnRhaW5lciA9IGNvbnRhaW5lcjtcbiAgICAgICAgY29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJkb3duJywgdGhpcy5oYW5kbGVQb2ludGVyRG93bik7XG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJtb3ZlJywgdGhpcy5oYW5kbGVQb2ludGVyTW92ZSk7XG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJ1cCcsIHRoaXMuaGFuZGxlUG9pbnRlclVwKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogSGFuZGxlIGRyYWcgZW5kIGZvciBoZWFkZXIgaXRlbXNcbiAgICAgKi9cbiAgICBoYW5kbGVIZWFkZXJJdGVtRHJhZ0VuZCgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gSWYgZHJvcHBlZCBpbiBncmlkIChub3QgaW4gaGVhZGVyKSwgdGhlIHN3cC1ldmVudCB3YXMgYWxyZWFkeSBjcmVhdGVkXG4gICAgICAgIC8vIGJ5IEV2ZW50UmVuZGVyZXIgbGlzdGVuaW5nIHRvIEVWRU5UX0RSQUdfTEVBVkVfSEVBREVSXG4gICAgICAgIC8vIEp1c3QgZW1pdCBkcmFnOmVuZCBmb3IgcGVyc2lzdGVuY2VcbiAgICAgICAgaWYgKCF0aGlzLmluSGVhZGVyICYmIHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4pIHtcbiAgICAgICAgICAgIC8vIERyb3BwZWQgaW4gZ3JpZCAtIGVtaXQgZHJhZzplbmQgd2l0aCB0aGUgbmV3IHN3cC1ldmVudCBlbGVtZW50XG4gICAgICAgICAgICBjb25zdCBncmlkRXZlbnQgPSB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50Q29sdW1uLnF1ZXJ5U2VsZWN0b3IoYHN3cC1ldmVudFtkYXRhLWV2ZW50LWlkPVwiJHt0aGlzLmRyYWdTdGF0ZS5ldmVudElkfVwiXWApO1xuICAgICAgICAgICAgaWYgKGdyaWRFdmVudCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGNvbHVtbktleSA9IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4uZGF0YXNldC5jb2x1bW5LZXkgfHwgJyc7XG4gICAgICAgICAgICAgICAgY29uc3QgZGF0ZSA9IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4uZGF0YXNldC5kYXRlIHx8ICcnO1xuICAgICAgICAgICAgICAgIGNvbnN0IHN3cEV2ZW50ID0gU3dwRXZlbnQuZnJvbUVsZW1lbnQoZ3JpZEV2ZW50LCBjb2x1bW5LZXksIGRhdGUsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICAgICAgc3dwRXZlbnQsXG4gICAgICAgICAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogdGhpcy5kcmFnU3RhdGUuc291cmNlQ29sdW1uS2V5LFxuICAgICAgICAgICAgICAgICAgICB0YXJnZXQ6ICdncmlkJ1xuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfRFJBR19FTkQsIHBheWxvYWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIElmIHN0aWxsIGluIGhlYWRlciwgbm8gcGVyc2lzdGVuY2UgbmVlZGVkIChzdGF5ZWQgaW4gaGVhZGVyKVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBIYW5kbGUgZHJhZyBlbmQgZm9yIGdyaWQgZXZlbnRzXG4gICAgICovXG4gICAgaGFuZGxlR3JpZEV2ZW50RHJhZ0VuZCgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSB8fCAhdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gU25hcCB0byBncmlkXG4gICAgICAgIGNvbnN0IHNuYXBwZWRZID0gc25hcFRvR3JpZCh0aGlzLmRyYWdTdGF0ZS5jdXJyZW50WSwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgdGhpcy5kcmFnU3RhdGUuZWxlbWVudC5zdHlsZS50b3AgPSBgJHtzbmFwcGVkWX1weGA7XG4gICAgICAgIC8vIFJlbW92ZSBnaG9zdFxuICAgICAgICB0aGlzLmRyYWdTdGF0ZS5naG9zdEVsZW1lbnQ/LnJlbW92ZSgpO1xuICAgICAgICAvLyBHZXQgY29sdW1uS2V5IGFuZCBkYXRlIGZyb20gdGFyZ2V0IGNvbHVtblxuICAgICAgICBjb25zdCBjb2x1bW5LZXkgPSB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50LmRhdGFzZXQuY29sdW1uS2V5IHx8ICcnO1xuICAgICAgICBjb25zdCBkYXRlID0gdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudC5kYXRhc2V0LmRhdGUgfHwgJyc7XG4gICAgICAgIC8vIENyZWF0ZSBTd3BFdmVudCBmcm9tIGVsZW1lbnQgKHJlYWRzIHRvcC9oZWlnaHQvZXZlbnRJZCBmcm9tIGVsZW1lbnQpXG4gICAgICAgIGNvbnN0IHN3cEV2ZW50ID0gU3dwRXZlbnQuZnJvbUVsZW1lbnQodGhpcy5kcmFnU3RhdGUuZWxlbWVudCwgY29sdW1uS2V5LCBkYXRlLCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICAvLyBFbWl0IGRyYWc6ZW5kXG4gICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICBzd3BFdmVudCxcbiAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogdGhpcy5kcmFnU3RhdGUuc291cmNlQ29sdW1uS2V5LFxuICAgICAgICAgICAgdGFyZ2V0OiB0aGlzLmluSGVhZGVyID8gJ2hlYWRlcicgOiAnZ3JpZCdcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfRFJBR19FTkQsIHBheWxvYWQpO1xuICAgIH1cbiAgICBpbml0aWFsaXplRHJhZyhlbGVtZW50LCBtb3VzZU9mZnNldCwgZSkge1xuICAgICAgICBjb25zdCBldmVudElkID0gZWxlbWVudC5kYXRhc2V0LmV2ZW50SWQgfHwgJyc7XG4gICAgICAgIGNvbnN0IGlzSGVhZGVySXRlbSA9IGVsZW1lbnQudGFnTmFtZS50b0xvd2VyQ2FzZSgpID09PSAnc3dwLWhlYWRlci1pdGVtJztcbiAgICAgICAgY29uc3QgY29sdW1uRWxlbWVudCA9IGVsZW1lbnQuY2xvc2VzdCgnc3dwLWRheS1jb2x1bW4nKTtcbiAgICAgICAgLy8gRm9yIGdyaWQgZXZlbnRzLCB3ZSBuZWVkIGEgY29sdW1uXG4gICAgICAgIGlmICghaXNIZWFkZXJJdGVtICYmICFjb2x1bW5FbGVtZW50KVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBpZiAoaXNIZWFkZXJJdGVtKSB7XG4gICAgICAgICAgICAvLyBIZWFkZXIgaXRlbSBkcmFnIGluaXRpYWxpemF0aW9uXG4gICAgICAgICAgICB0aGlzLmluaXRpYWxpemVIZWFkZXJJdGVtRHJhZyhlbGVtZW50LCBtb3VzZU9mZnNldCwgZXZlbnRJZCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBHcmlkIGV2ZW50IGRyYWcgaW5pdGlhbGl6YXRpb25cbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZUdyaWRFdmVudERyYWcoZWxlbWVudCwgbW91c2VPZmZzZXQsIGUsIGNvbHVtbkVsZW1lbnQsIGV2ZW50SWQpO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEluaXRpYWxpemUgZHJhZyBmb3IgYSBoZWFkZXIgaXRlbSAoYWxsRGF5IGV2ZW50KVxuICAgICAqL1xuICAgIGluaXRpYWxpemVIZWFkZXJJdGVtRHJhZyhlbGVtZW50LCBtb3VzZU9mZnNldCwgZXZlbnRJZCkge1xuICAgICAgICAvLyBNYXJrIGFzIGRyYWdnaW5nXG4gICAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZHJhZ2dpbmcnKTtcbiAgICAgICAgLy8gSW5pdGlhbGl6ZSBkcmFnIHN0YXRlIGZvciBoZWFkZXIgaXRlbVxuICAgICAgICB0aGlzLmRyYWdTdGF0ZSA9IHtcbiAgICAgICAgICAgIGV2ZW50SWQsXG4gICAgICAgICAgICBlbGVtZW50LFxuICAgICAgICAgICAgZ2hvc3RFbGVtZW50OiBudWxsLCAvLyBObyBnaG9zdCBmb3IgaGVhZGVyIGl0ZW1zXG4gICAgICAgICAgICBzdGFydFk6IDAsXG4gICAgICAgICAgICBtb3VzZU9mZnNldCxcbiAgICAgICAgICAgIGNvbHVtbkVsZW1lbnQ6IG51bGwsXG4gICAgICAgICAgICBjdXJyZW50Q29sdW1uOiBudWxsLFxuICAgICAgICAgICAgdGFyZ2V0WTogMCxcbiAgICAgICAgICAgIGN1cnJlbnRZOiAwLFxuICAgICAgICAgICAgYW5pbWF0aW9uSWQ6IDAsXG4gICAgICAgICAgICBzb3VyY2VDb2x1bW5LZXk6ICcnLCAvLyBXaWxsIGJlIHNldCBmcm9tIGhlYWRlciBpdGVtIGRhdGFcbiAgICAgICAgICAgIGRyYWdTb3VyY2U6ICdoZWFkZXInXG4gICAgICAgIH07XG4gICAgICAgIC8vIFN0YXJ0IGluIGhlYWRlciBtb2RlXG4gICAgICAgIHRoaXMuaW5IZWFkZXIgPSB0cnVlO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBJbml0aWFsaXplIGRyYWcgZm9yIGEgZ3JpZCBldmVudFxuICAgICAqL1xuICAgIGluaXRpYWxpemVHcmlkRXZlbnREcmFnKGVsZW1lbnQsIG1vdXNlT2Zmc2V0LCBlLCBjb2x1bW5FbGVtZW50LCBldmVudElkKSB7XG4gICAgICAgIC8vIENhbGN1bGF0ZSBhYnNvbHV0ZSBZIHBvc2l0aW9uIHVzaW5nIGdldEJvdW5kaW5nQ2xpZW50UmVjdFxuICAgICAgICBjb25zdCBlbGVtZW50UmVjdCA9IGVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIGNvbnN0IGNvbHVtblJlY3QgPSBjb2x1bW5FbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCBzdGFydFkgPSBlbGVtZW50UmVjdC50b3AgLSBjb2x1bW5SZWN0LnRvcDtcbiAgICAgICAgLy8gSWYgZXZlbnQgaXMgaW5zaWRlIGEgZ3JvdXAsIG1vdmUgaXQgdG8gZXZlbnRzLWxheWVyIGZvciBjb3JyZWN0IHBvc2l0aW9uaW5nIGR1cmluZyBkcmFnXG4gICAgICAgIGNvbnN0IGdyb3VwID0gZWxlbWVudC5jbG9zZXN0KCdzd3AtZXZlbnQtZ3JvdXAnKTtcbiAgICAgICAgaWYgKGdyb3VwKSB7XG4gICAgICAgICAgICBjb25zdCBldmVudHNMYXllciA9IGNvbHVtbkVsZW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50cy1sYXllcicpO1xuICAgICAgICAgICAgaWYgKGV2ZW50c0xheWVyKSB7XG4gICAgICAgICAgICAgICAgZXZlbnRzTGF5ZXIuYXBwZW5kQ2hpbGQoZWxlbWVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLy8gU2V0IGNvbnNpc3RlbnQgcG9zaXRpb25pbmcgZm9yIGRyYWcgKHdvcmtzIGZvciBib3RoIGdyb3VwZWQgYW5kIHN0YWNrZWQgZXZlbnRzKVxuICAgICAgICBlbGVtZW50LnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICAgICAgZWxlbWVudC5zdHlsZS50b3AgPSBgJHtzdGFydFl9cHhgO1xuICAgICAgICBlbGVtZW50LnN0eWxlLmxlZnQgPSAnMnB4JztcbiAgICAgICAgZWxlbWVudC5zdHlsZS5yaWdodCA9ICcycHgnO1xuICAgICAgICBlbGVtZW50LnN0eWxlLm1hcmdpbkxlZnQgPSAnMCc7IC8vIFJlc2V0IHN0YWNraW5nIG1hcmdpblxuICAgICAgICAvLyBDcmVhdGUgZ2hvc3QgY2xvbmVcbiAgICAgICAgY29uc3QgZ2hvc3RFbGVtZW50ID0gZWxlbWVudC5jbG9uZU5vZGUodHJ1ZSk7XG4gICAgICAgIGdob3N0RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkcmFnLWdob3N0Jyk7XG4gICAgICAgIGdob3N0RWxlbWVudC5zdHlsZS5vcGFjaXR5ID0gJzAuMyc7XG4gICAgICAgIGdob3N0RWxlbWVudC5zdHlsZS5wb2ludGVyRXZlbnRzID0gJ25vbmUnO1xuICAgICAgICAvLyBJbnNlcnQgZ2hvc3QgYmVmb3JlIG9yaWdpbmFsXG4gICAgICAgIGVsZW1lbnQucGFyZW50Tm9kZT8uaW5zZXJ0QmVmb3JlKGdob3N0RWxlbWVudCwgZWxlbWVudCk7XG4gICAgICAgIC8vIFNldHVwIGVsZW1lbnQgZm9yIGRyYWdnaW5nXG4gICAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZHJhZ2dpbmcnKTtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIGluaXRpYWwgdGFyZ2V0IGZyb20gbW91c2UgcG9zaXRpb25cbiAgICAgICAgY29uc3QgdGFyZ2V0WSA9IGUuY2xpZW50WSAtIGNvbHVtblJlY3QudG9wIC0gbW91c2VPZmZzZXQueTtcbiAgICAgICAgLy8gSW5pdGlhbGl6ZSBkcmFnIHN0YXRlXG4gICAgICAgIHRoaXMuZHJhZ1N0YXRlID0ge1xuICAgICAgICAgICAgZXZlbnRJZCxcbiAgICAgICAgICAgIGVsZW1lbnQsXG4gICAgICAgICAgICBnaG9zdEVsZW1lbnQsXG4gICAgICAgICAgICBzdGFydFksXG4gICAgICAgICAgICBtb3VzZU9mZnNldCxcbiAgICAgICAgICAgIGNvbHVtbkVsZW1lbnQsXG4gICAgICAgICAgICBjdXJyZW50Q29sdW1uOiBjb2x1bW5FbGVtZW50LFxuICAgICAgICAgICAgdGFyZ2V0WTogTWF0aC5tYXgoMCwgdGFyZ2V0WSksXG4gICAgICAgICAgICBjdXJyZW50WTogc3RhcnRZLFxuICAgICAgICAgICAgYW5pbWF0aW9uSWQ6IDAsXG4gICAgICAgICAgICBzb3VyY2VDb2x1bW5LZXk6IGNvbHVtbkVsZW1lbnQuZGF0YXNldC5jb2x1bW5LZXkgfHwgJycsXG4gICAgICAgICAgICBkcmFnU291cmNlOiAnZ3JpZCdcbiAgICAgICAgfTtcbiAgICAgICAgLy8gRW1pdCBkcmFnOnN0YXJ0XG4gICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICBldmVudElkLFxuICAgICAgICAgICAgZWxlbWVudCxcbiAgICAgICAgICAgIGdob3N0RWxlbWVudCxcbiAgICAgICAgICAgIHN0YXJ0WSxcbiAgICAgICAgICAgIG1vdXNlT2Zmc2V0LFxuICAgICAgICAgICAgY29sdW1uRWxlbWVudFxuICAgICAgICB9O1xuICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX1NUQVJULCBwYXlsb2FkKTtcbiAgICAgICAgLy8gU3RhcnQgYW5pbWF0aW9uIGxvb3BcbiAgICAgICAgdGhpcy5hbmltYXRlRHJhZygpO1xuICAgIH1cbiAgICB1cGRhdGVEcmFnVGFyZ2V0KGUpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgLy8gQ2hlY2sgaGVhZGVyIHpvbmUgZmlyc3RcbiAgICAgICAgdGhpcy5jaGVja0hlYWRlclpvbmUoZSk7XG4gICAgICAgIC8vIFNraXAgbm9ybWFsIGdyaWQgaGFuZGxpbmcgaWYgaW4gaGVhZGVyXG4gICAgICAgIGlmICh0aGlzLmluSGVhZGVyKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBDaGVjayBmb3IgY29sdW1uIGNoYW5nZVxuICAgICAgICBjb25zdCBjb2x1bW5BdFBvaW50ID0gdGhpcy5nZXRDb2x1bW5BdFBvaW50KGUuY2xpZW50WCk7XG4gICAgICAgIC8vIEZvciBoZWFkZXIgaXRlbXMgZW50ZXJpbmcgZ3JpZCwgc2V0IGluaXRpYWwgY29sdW1uXG4gICAgICAgIGlmICh0aGlzLmRyYWdTdGF0ZS5kcmFnU291cmNlID09PSAnaGVhZGVyJyAmJiBjb2x1bW5BdFBvaW50ICYmICF0aGlzLmRyYWdTdGF0ZS5jdXJyZW50Q29sdW1uKSB7XG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50Q29sdW1uID0gY29sdW1uQXRQb2ludDtcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmNvbHVtbkVsZW1lbnQgPSBjb2x1bW5BdFBvaW50O1xuICAgICAgICB9XG4gICAgICAgIGlmIChjb2x1bW5BdFBvaW50ICYmIGNvbHVtbkF0UG9pbnQgIT09IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4gJiYgdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbikge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICBldmVudElkOiB0aGlzLmRyYWdTdGF0ZS5ldmVudElkLFxuICAgICAgICAgICAgICAgIGVsZW1lbnQ6IHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQsXG4gICAgICAgICAgICAgICAgcHJldmlvdXNDb2x1bW46IHRoaXMuZHJhZ1N0YXRlLmN1cnJlbnRDb2x1bW4sXG4gICAgICAgICAgICAgICAgbmV3Q29sdW1uOiBjb2x1bW5BdFBvaW50LFxuICAgICAgICAgICAgICAgIGN1cnJlbnRZOiB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50WVxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX0RSQUdfQ09MVU1OX0NIQU5HRSwgcGF5bG9hZCk7XG4gICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5jdXJyZW50Q29sdW1uID0gY29sdW1uQXRQb2ludDtcbiAgICAgICAgICAgIHRoaXMuZHJhZ1N0YXRlLmNvbHVtbkVsZW1lbnQgPSBjb2x1bW5BdFBvaW50O1xuICAgICAgICB9XG4gICAgICAgIC8vIFNraXAgZ3JpZCBwb3NpdGlvbiB1cGRhdGVzIGlmIG5vIGNvbHVtbiB5ZXRcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50KVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBjb2x1bW5SZWN0ID0gdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3QgdGFyZ2V0WSA9IGUuY2xpZW50WSAtIGNvbHVtblJlY3QudG9wIC0gdGhpcy5kcmFnU3RhdGUubW91c2VPZmZzZXQueTtcbiAgICAgICAgdGhpcy5kcmFnU3RhdGUudGFyZ2V0WSA9IE1hdGgubWF4KDAsIHRhcmdldFkpO1xuICAgICAgICAvLyBTdGFydCBhbmltYXRpb24gaWYgbm90IHJ1bm5pbmdcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZS5hbmltYXRpb25JZCkge1xuICAgICAgICAgICAgdGhpcy5hbmltYXRlRHJhZygpO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIENoZWNrIGlmIHBvaW50ZXIgaXMgaW4gaGVhZGVyIHpvbmUgYW5kIGVtaXQgYXBwcm9wcmlhdGUgZXZlbnRzXG4gICAgICovXG4gICAgY2hlY2tIZWFkZXJab25lKGUpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRyYWdTdGF0ZSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgY29uc3QgaGVhZGVyVmlld3BvcnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdzd3AtaGVhZGVyLXZpZXdwb3J0Jyk7XG4gICAgICAgIGlmICghaGVhZGVyVmlld3BvcnQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IHJlY3QgPSBoZWFkZXJWaWV3cG9ydC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3QgaXNJbkhlYWRlciA9IGUuY2xpZW50WSA8IHJlY3QuYm90dG9tO1xuICAgICAgICBpZiAoaXNJbkhlYWRlciAmJiAhdGhpcy5pbkhlYWRlcikge1xuICAgICAgICAgICAgLy8gRW50ZXJlZCBoZWFkZXIgKGZyb20gZ3JpZClcbiAgICAgICAgICAgIHRoaXMuaW5IZWFkZXIgPSB0cnVlO1xuICAgICAgICAgICAgaWYgKHRoaXMuZHJhZ1N0YXRlLmRyYWdTb3VyY2UgPT09ICdncmlkJyAmJiB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnRJZDogdGhpcy5kcmFnU3RhdGUuZXZlbnRJZCxcbiAgICAgICAgICAgICAgICAgICAgZWxlbWVudDogdGhpcy5kcmFnU3RhdGUuZWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgc291cmNlQ29sdW1uSW5kZXg6IHRoaXMuZ2V0Q29sdW1uSW5kZXgodGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudCksXG4gICAgICAgICAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogdGhpcy5kcmFnU3RhdGUuY29sdW1uRWxlbWVudC5kYXRhc2V0LmNvbHVtbktleSB8fCAnJyxcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU6IHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50LXRpdGxlJyk/LnRleHRDb250ZW50IHx8ICcnLFxuICAgICAgICAgICAgICAgICAgICBjb2xvckNsYXNzOiBbLi4udGhpcy5kcmFnU3RhdGUuZWxlbWVudC5jbGFzc0xpc3RdLmZpbmQoYyA9PiBjLnN0YXJ0c1dpdGgoJ2lzLScpKSxcbiAgICAgICAgICAgICAgICAgICAgaXRlbVR5cGU6ICdldmVudCcsXG4gICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAxXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0VOVEVSX0hFQURFUiwgcGF5bG9hZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBGb3IgaGVhZGVyIHNvdXJjZSByZS1lbnRlcmluZyBoZWFkZXIsIGp1c3QgdXBkYXRlIGluSGVhZGVyIGZsYWdcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmICghaXNJbkhlYWRlciAmJiB0aGlzLmluSGVhZGVyKSB7XG4gICAgICAgICAgICAvLyBMZWZ0IGhlYWRlciAoZW50ZXJpbmcgZ3JpZClcbiAgICAgICAgICAgIHRoaXMuaW5IZWFkZXIgPSBmYWxzZTtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldENvbHVtbiA9IHRoaXMuZ2V0Q29sdW1uQXRQb2ludChlLmNsaWVudFgpO1xuICAgICAgICAgICAgaWYgKHRoaXMuZHJhZ1N0YXRlLmRyYWdTb3VyY2UgPT09ICdoZWFkZXInKSB7XG4gICAgICAgICAgICAgICAgLy8gSGVhZGVyIGl0ZW0gbGVhdmluZyBoZWFkZXIgXHUyMTkyIGNyZWF0ZSBzd3AtZXZlbnQgaW4gZ3JpZFxuICAgICAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50SWQ6IHRoaXMuZHJhZ1N0YXRlLmV2ZW50SWQsXG4gICAgICAgICAgICAgICAgICAgIHNvdXJjZTogJ2hlYWRlcicsXG4gICAgICAgICAgICAgICAgICAgIGVsZW1lbnQ6IHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgIHRhcmdldENvbHVtbjogdGFyZ2V0Q29sdW1uIHx8IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgICAgICAgc3RhcnQ6IHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQuZGF0YXNldC5zdGFydCA/IG5ldyBEYXRlKHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQuZGF0YXNldC5zdGFydCkgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICAgICAgICAgIGVuZDogdGhpcy5kcmFnU3RhdGUuZWxlbWVudC5kYXRhc2V0LmVuZCA/IG5ldyBEYXRlKHRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQuZGF0YXNldC5lbmQpIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICAgICAgICB0aXRsZTogdGhpcy5kcmFnU3RhdGUuZWxlbWVudC50ZXh0Q29udGVudCB8fCAnJyxcbiAgICAgICAgICAgICAgICAgICAgY29sb3JDbGFzczogWy4uLnRoaXMuZHJhZ1N0YXRlLmVsZW1lbnQuY2xhc3NMaXN0XS5maW5kKGMgPT4gYy5zdGFydHNXaXRoKCdpcy0nKSlcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX0RSQUdfTEVBVkVfSEVBREVSLCBwYXlsb2FkKTtcbiAgICAgICAgICAgICAgICAvLyBSZS1hdHRhY2ggdG8gdGhlIG5ldyBzd3AtZXZlbnQgY3JlYXRlZCBieSBFdmVudFJlbmRlcmVyXG4gICAgICAgICAgICAgICAgaWYgKHRhcmdldENvbHVtbikge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBuZXdFbGVtZW50ID0gdGFyZ2V0Q29sdW1uLnF1ZXJ5U2VsZWN0b3IoYHN3cC1ldmVudFtkYXRhLWV2ZW50LWlkPVwiJHt0aGlzLmRyYWdTdGF0ZS5ldmVudElkfVwiXWApO1xuICAgICAgICAgICAgICAgICAgICBpZiAobmV3RWxlbWVudCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuZWxlbWVudCA9IG5ld0VsZW1lbnQ7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmRyYWdTdGF0ZS5jb2x1bW5FbGVtZW50ID0gdGFyZ2V0Q29sdW1uO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kcmFnU3RhdGUuY3VycmVudENvbHVtbiA9IHRhcmdldENvbHVtbjtcbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIFN0YXJ0IGFuaW1hdGlvbiBmb3IgdGhlIG5ldyBlbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmFuaW1hdGVEcmFnKCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAvLyBHcmlkIGV2ZW50IGxlYXZpbmcgaGVhZGVyIFx1MjE5MiByZXN0b3JlIHRvIGdyaWRcbiAgICAgICAgICAgICAgICBjb25zdCBwYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgICAgICBldmVudElkOiB0aGlzLmRyYWdTdGF0ZS5ldmVudElkLFxuICAgICAgICAgICAgICAgICAgICBzb3VyY2U6ICdncmlkJ1xuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfRFJBR19MRUFWRV9IRUFERVIsIHBheWxvYWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKGlzSW5IZWFkZXIpIHtcbiAgICAgICAgICAgIC8vIE1vdmluZyB3aXRoaW4gaGVhZGVyXG4gICAgICAgICAgICBjb25zdCBjb2x1bW4gPSB0aGlzLmdldENvbHVtbkF0WChlLmNsaWVudFgpO1xuICAgICAgICAgICAgaWYgKGNvbHVtbikge1xuICAgICAgICAgICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50SWQ6IHRoaXMuZHJhZ1N0YXRlLmV2ZW50SWQsXG4gICAgICAgICAgICAgICAgICAgIGNvbHVtbkluZGV4OiB0aGlzLmdldENvbHVtbkluZGV4KGNvbHVtbiksXG4gICAgICAgICAgICAgICAgICAgIGNvbHVtbktleTogY29sdW1uLmRhdGFzZXQuY29sdW1uS2V5IHx8ICcnXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX01PVkVfSEVBREVSLCBwYXlsb2FkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAvKipcbiAgICAgKiBHZXQgY29sdW1uIGluZGV4ICgwLWJhc2VkKSBmb3IgYSBjb2x1bW4gZWxlbWVudFxuICAgICAqL1xuICAgIGdldENvbHVtbkluZGV4KGNvbHVtbikge1xuICAgICAgICBpZiAoIXRoaXMuY29udGFpbmVyIHx8ICFjb2x1bW4pXG4gICAgICAgICAgICByZXR1cm4gMDtcbiAgICAgICAgY29uc3QgY29sdW1ucyA9IEFycmF5LmZyb20odGhpcy5jb250YWluZXIucXVlcnlTZWxlY3RvckFsbCgnc3dwLWRheS1jb2x1bW4nKSk7XG4gICAgICAgIHJldHVybiBjb2x1bW5zLmluZGV4T2YoY29sdW1uKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogR2V0IGNvbHVtbiBhdCBYIGNvb3JkaW5hdGUgKGFsaWFzIGZvciBnZXRDb2x1bW5BdFBvaW50KVxuICAgICAqL1xuICAgIGdldENvbHVtbkF0WChjbGllbnRYKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENvbHVtbkF0UG9pbnQoY2xpZW50WCk7XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEZpbmQgY29sdW1uIGVsZW1lbnQgYXQgZ2l2ZW4gWCBjb29yZGluYXRlXG4gICAgICovXG4gICAgZ2V0Q29sdW1uQXRQb2ludChjbGllbnRYKSB7XG4gICAgICAgIGlmICghdGhpcy5jb250YWluZXIpXG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgY29uc3QgY29sdW1ucyA9IHRoaXMuY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3JBbGwoJ3N3cC1kYXktY29sdW1uJyk7XG4gICAgICAgIGZvciAoY29uc3QgY29sIG9mIGNvbHVtbnMpIHtcbiAgICAgICAgICAgIGNvbnN0IHJlY3QgPSBjb2wuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgICAgICBpZiAoY2xpZW50WCA+PSByZWN0LmxlZnQgJiYgY2xpZW50WCA8PSByZWN0LnJpZ2h0KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNvbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ2FuY2VsIGRyYWcgYW5kIGFuaW1hdGUgYmFjayB0byBzdGFydCBwb3NpdGlvblxuICAgICAqL1xuICAgIGNhbmNlbERyYWcoKSB7XG4gICAgICAgIGlmICghdGhpcy5kcmFnU3RhdGUpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIFN0b3AgYW5pbWF0aW9uXG4gICAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHRoaXMuZHJhZ1N0YXRlLmFuaW1hdGlvbklkKTtcbiAgICAgICAgY29uc3QgeyBlbGVtZW50LCBnaG9zdEVsZW1lbnQsIHN0YXJ0WSwgZXZlbnRJZCB9ID0gdGhpcy5kcmFnU3RhdGU7XG4gICAgICAgIC8vIEFuaW1hdGUgYmFjayB0byBzdGFydFxuICAgICAgICBlbGVtZW50LnN0eWxlLnRyYW5zaXRpb24gPSAndG9wIDIwMG1zIGVhc2Utb3V0JztcbiAgICAgICAgZWxlbWVudC5zdHlsZS50b3AgPSBgJHtzdGFydFl9cHhgO1xuICAgICAgICAvLyBSZW1vdmUgZ2hvc3QgYWZ0ZXIgYW5pbWF0aW9uIChpZiBleGlzdHMpXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgZ2hvc3RFbGVtZW50Py5yZW1vdmUoKTtcbiAgICAgICAgICAgIGVsZW1lbnQuc3R5bGUudHJhbnNpdGlvbiA9ICcnO1xuICAgICAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdkcmFnZ2luZycpO1xuICAgICAgICB9LCAyMDApO1xuICAgICAgICAvLyBFbWl0IGRyYWc6Y2FuY2VsXG4gICAgICAgIGNvbnN0IHBheWxvYWQgPSB7XG4gICAgICAgICAgICBldmVudElkLFxuICAgICAgICAgICAgZWxlbWVudCxcbiAgICAgICAgICAgIHN0YXJ0WVxuICAgICAgICB9O1xuICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9EUkFHX0NBTkNFTCwgcGF5bG9hZCk7XG4gICAgICAgIHRoaXMuZHJhZ1N0YXRlID0gbnVsbDtcbiAgICAgICAgdGhpcy5pbkhlYWRlciA9IGZhbHNlO1xuICAgIH1cbn1cbiIsICJpbXBvcnQgeyBDb3JlRXZlbnRzIH0gZnJvbSAnLi4vY29uc3RhbnRzL0NvcmVFdmVudHMnO1xuZXhwb3J0IGNsYXNzIEVkZ2VTY3JvbGxNYW5hZ2VyIHtcbiAgICBjb25zdHJ1Y3RvcihldmVudEJ1cykge1xuICAgICAgICB0aGlzLmV2ZW50QnVzID0gZXZlbnRCdXM7XG4gICAgICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQgPSBudWxsO1xuICAgICAgICB0aGlzLnRpbWVHcmlkID0gbnVsbDtcbiAgICAgICAgdGhpcy5kcmFnZ2VkRWxlbWVudCA9IG51bGw7XG4gICAgICAgIHRoaXMuc2Nyb2xsUkFGID0gbnVsbDtcbiAgICAgICAgdGhpcy5tb3VzZVkgPSAwO1xuICAgICAgICB0aGlzLmlzRHJhZ2dpbmcgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5pc1Njcm9sbGluZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmxhc3RUcyA9IDA7XG4gICAgICAgIHRoaXMucmVjdCA9IG51bGw7XG4gICAgICAgIHRoaXMuaW5pdGlhbFNjcm9sbFRvcCA9IDA7XG4gICAgICAgIHRoaXMuT1VURVJfWk9ORSA9IDEwMDtcbiAgICAgICAgdGhpcy5JTk5FUl9aT05FID0gNTA7XG4gICAgICAgIHRoaXMuU0xPV19TUEVFRCA9IDE0MDtcbiAgICAgICAgdGhpcy5GQVNUX1NQRUVEID0gNjQwO1xuICAgICAgICB0aGlzLnRyYWNrTW91c2UgPSAoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuaXNEcmFnZ2luZykge1xuICAgICAgICAgICAgICAgIHRoaXMubW91c2VZID0gZS5jbGllbnRZO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgICAgICB0aGlzLnNjcm9sbFRpY2sgPSAodHMpID0+IHtcbiAgICAgICAgICAgIGlmICghdGhpcy5pc0RyYWdnaW5nIHx8ICF0aGlzLnNjcm9sbGFibGVDb250ZW50KVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIGNvbnN0IGR0ID0gdGhpcy5sYXN0VHMgPyAodHMgLSB0aGlzLmxhc3RUcykgLyAxMDAwIDogMDtcbiAgICAgICAgICAgIHRoaXMubGFzdFRzID0gdHM7XG4gICAgICAgICAgICB0aGlzLnJlY3QgPz8gKHRoaXMucmVjdCA9IHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkpO1xuICAgICAgICAgICAgY29uc3QgdmVsb2NpdHkgPSB0aGlzLmNhbGN1bGF0ZVZlbG9jaXR5KCk7XG4gICAgICAgICAgICBpZiAodmVsb2NpdHkgIT09IDAgJiYgIXRoaXMuaXNBdEJvdW5kYXJ5KHZlbG9jaXR5KSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHNjcm9sbERlbHRhID0gdmVsb2NpdHkgKiBkdDtcbiAgICAgICAgICAgICAgICB0aGlzLnNjcm9sbGFibGVDb250ZW50LnNjcm9sbFRvcCArPSBzY3JvbGxEZWx0YTtcbiAgICAgICAgICAgICAgICB0aGlzLnJlY3QgPSBudWxsO1xuICAgICAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVER0VfU0NST0xMX1RJQ0ssIHsgc2Nyb2xsRGVsdGEgfSk7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRTY3JvbGxpbmdTdGF0ZSh0cnVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuc2V0U2Nyb2xsaW5nU3RhdGUoZmFsc2UpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5zY3JvbGxSQUYgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy5zY3JvbGxUaWNrKTtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5zdWJzY3JpYmVUb0V2ZW50cygpO1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdwb2ludGVybW92ZScsIHRoaXMudHJhY2tNb3VzZSk7XG4gICAgfVxuICAgIGluaXQoc2Nyb2xsYWJsZUNvbnRlbnQpIHtcbiAgICAgICAgdGhpcy5zY3JvbGxhYmxlQ29udGVudCA9IHNjcm9sbGFibGVDb250ZW50O1xuICAgICAgICB0aGlzLnRpbWVHcmlkID0gc2Nyb2xsYWJsZUNvbnRlbnQucXVlcnlTZWxlY3Rvcignc3dwLXRpbWUtZ3JpZCcpO1xuICAgICAgICB0aGlzLnNjcm9sbGFibGVDb250ZW50LnN0eWxlLnNjcm9sbEJlaGF2aW9yID0gJ2F1dG8nO1xuICAgIH1cbiAgICBzdWJzY3JpYmVUb0V2ZW50cygpIHtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfU1RBUlQsIChldmVudCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGV2ZW50LmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuZHJhZ2dlZEVsZW1lbnQgPSBwYXlsb2FkLmVsZW1lbnQ7XG4gICAgICAgICAgICB0aGlzLnN0YXJ0RHJhZygpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ldmVudEJ1cy5vbihDb3JlRXZlbnRzLkVWRU5UX0RSQUdfRU5ELCAoKSA9PiB0aGlzLnN0b3BEcmFnKCkpO1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19DQU5DRUwsICgpID0+IHRoaXMuc3RvcERyYWcoKSk7XG4gICAgfVxuICAgIHN0YXJ0RHJhZygpIHtcbiAgICAgICAgdGhpcy5pc0RyYWdnaW5nID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5pc1Njcm9sbGluZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmxhc3RUcyA9IDA7XG4gICAgICAgIHRoaXMuaW5pdGlhbFNjcm9sbFRvcCA9IHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQ/LnNjcm9sbFRvcCA/PyAwO1xuICAgICAgICBpZiAodGhpcy5zY3JvbGxSQUYgPT09IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuc2Nyb2xsUkFGID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHRoaXMuc2Nyb2xsVGljayk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc3RvcERyYWcoKSB7XG4gICAgICAgIHRoaXMuaXNEcmFnZ2luZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLnNldFNjcm9sbGluZ1N0YXRlKGZhbHNlKTtcbiAgICAgICAgaWYgKHRoaXMuc2Nyb2xsUkFGICE9PSBudWxsKSB7XG4gICAgICAgICAgICBjYW5jZWxBbmltYXRpb25GcmFtZSh0aGlzLnNjcm9sbFJBRik7XG4gICAgICAgICAgICB0aGlzLnNjcm9sbFJBRiA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5yZWN0ID0gbnVsbDtcbiAgICAgICAgdGhpcy5sYXN0VHMgPSAwO1xuICAgICAgICB0aGlzLmluaXRpYWxTY3JvbGxUb3AgPSAwO1xuICAgIH1cbiAgICBjYWxjdWxhdGVWZWxvY2l0eSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLnJlY3QpXG4gICAgICAgICAgICByZXR1cm4gMDtcbiAgICAgICAgY29uc3QgZGlzdFRvcCA9IHRoaXMubW91c2VZIC0gdGhpcy5yZWN0LnRvcDtcbiAgICAgICAgY29uc3QgZGlzdEJvdCA9IHRoaXMucmVjdC5ib3R0b20gLSB0aGlzLm1vdXNlWTtcbiAgICAgICAgaWYgKGRpc3RUb3AgPCB0aGlzLklOTkVSX1pPTkUpXG4gICAgICAgICAgICByZXR1cm4gLXRoaXMuRkFTVF9TUEVFRDtcbiAgICAgICAgaWYgKGRpc3RUb3AgPCB0aGlzLk9VVEVSX1pPTkUpXG4gICAgICAgICAgICByZXR1cm4gLXRoaXMuU0xPV19TUEVFRDtcbiAgICAgICAgaWYgKGRpc3RCb3QgPCB0aGlzLklOTkVSX1pPTkUpXG4gICAgICAgICAgICByZXR1cm4gdGhpcy5GQVNUX1NQRUVEO1xuICAgICAgICBpZiAoZGlzdEJvdCA8IHRoaXMuT1VURVJfWk9ORSlcbiAgICAgICAgICAgIHJldHVybiB0aGlzLlNMT1dfU1BFRUQ7XG4gICAgICAgIHJldHVybiAwO1xuICAgIH1cbiAgICBpc0F0Qm91bmRhcnkodmVsb2NpdHkpIHtcbiAgICAgICAgaWYgKCF0aGlzLnNjcm9sbGFibGVDb250ZW50IHx8ICF0aGlzLnRpbWVHcmlkIHx8ICF0aGlzLmRyYWdnZWRFbGVtZW50KVxuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICBjb25zdCBhdFRvcCA9IHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQuc2Nyb2xsVG9wIDw9IDAgJiYgdmVsb2NpdHkgPCAwO1xuICAgICAgICBjb25zdCBhdEJvdHRvbSA9IHZlbG9jaXR5ID4gMCAmJlxuICAgICAgICAgICAgdGhpcy5kcmFnZ2VkRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5ib3R0b20gPj1cbiAgICAgICAgICAgICAgICB0aGlzLnRpbWVHcmlkLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmJvdHRvbTtcbiAgICAgICAgcmV0dXJuIGF0VG9wIHx8IGF0Qm90dG9tO1xuICAgIH1cbiAgICBzZXRTY3JvbGxpbmdTdGF0ZShzY3JvbGxpbmcpIHtcbiAgICAgICAgaWYgKHRoaXMuaXNTY3JvbGxpbmcgPT09IHNjcm9sbGluZylcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgdGhpcy5pc1Njcm9sbGluZyA9IHNjcm9sbGluZztcbiAgICAgICAgaWYgKHNjcm9sbGluZykge1xuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRURHRV9TQ1JPTExfU1RBUlRFRCwge30pO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5pbml0aWFsU2Nyb2xsVG9wID0gdGhpcy5zY3JvbGxhYmxlQ29udGVudD8uc2Nyb2xsVG9wID8/IDA7XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FREdFX1NDUk9MTF9TVE9QUEVELCB7fSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCAiaW1wb3J0IHsgcGl4ZWxzVG9NaW51dGVzLCBtaW51dGVzVG9QaXhlbHMsIHNuYXBUb0dyaWQgfSBmcm9tICcuLi91dGlscy9Qb3NpdGlvblV0aWxzJztcbmltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XG5pbXBvcnQgeyBTd3BFdmVudCB9IGZyb20gJy4uL3R5cGVzL1N3cEV2ZW50JztcbmV4cG9ydCBjbGFzcyBSZXNpemVNYW5hZ2VyIHtcbiAgICBjb25zdHJ1Y3RvcihldmVudEJ1cywgZ3JpZENvbmZpZywgZGF0ZVNlcnZpY2UpIHtcbiAgICAgICAgdGhpcy5ldmVudEJ1cyA9IGV2ZW50QnVzO1xuICAgICAgICB0aGlzLmdyaWRDb25maWcgPSBncmlkQ29uZmlnO1xuICAgICAgICB0aGlzLmRhdGVTZXJ2aWNlID0gZGF0ZVNlcnZpY2U7XG4gICAgICAgIHRoaXMuY29udGFpbmVyID0gbnVsbDtcbiAgICAgICAgdGhpcy5yZXNpemVTdGF0ZSA9IG51bGw7XG4gICAgICAgIHRoaXMuWl9JTkRFWF9SRVNJWklORyA9ICcxMDAwJztcbiAgICAgICAgdGhpcy5BTklNQVRJT05fU1BFRUQgPSAwLjM1O1xuICAgICAgICB0aGlzLk1JTl9IRUlHSFRfTUlOVVRFUyA9IDE1O1xuICAgICAgICAvKipcbiAgICAgICAgICogSGFuZGxlIG1vdXNlb3ZlciAtIGNyZWF0ZSByZXNpemUgaGFuZGxlIGlmIG5vdCBleGlzdHNcbiAgICAgICAgICovXG4gICAgICAgIHRoaXMuaGFuZGxlTW91c2VPdmVyID0gKGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0O1xuICAgICAgICAgICAgY29uc3QgZXZlbnRFbGVtZW50ID0gdGFyZ2V0LmNsb3Nlc3QoJ3N3cC1ldmVudCcpO1xuICAgICAgICAgICAgaWYgKCFldmVudEVsZW1lbnQgfHwgdGhpcy5yZXNpemVTdGF0ZSlcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAvLyBDaGVjayBpZiBoYW5kbGUgYWxyZWFkeSBleGlzdHNcbiAgICAgICAgICAgIGlmICghZXZlbnRFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJzpzY29wZSA+IHN3cC1yZXNpemUtaGFuZGxlJykpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBoYW5kbGUgPSB0aGlzLmNyZWF0ZVJlc2l6ZUhhbmRsZSgpO1xuICAgICAgICAgICAgICAgIGV2ZW50RWxlbWVudC5hcHBlbmRDaGlsZChoYW5kbGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgICAgICAvKipcbiAgICAgICAgICogSGFuZGxlIHBvaW50ZXJkb3duIC0gc3RhcnQgcmVzaXplIGlmIG9uIGhhbmRsZVxuICAgICAgICAgKi9cbiAgICAgICAgdGhpcy5oYW5kbGVQb2ludGVyRG93biA9IChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBoYW5kbGUgPSBlLnRhcmdldC5jbG9zZXN0KCdzd3AtcmVzaXplLWhhbmRsZScpO1xuICAgICAgICAgICAgaWYgKCFoYW5kbGUpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgY29uc3QgZWxlbWVudCA9IGhhbmRsZS5wYXJlbnRFbGVtZW50O1xuICAgICAgICAgICAgaWYgKCFlbGVtZW50KVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIGNvbnN0IGV2ZW50SWQgPSBlbGVtZW50LmRhdGFzZXQuZXZlbnRJZCB8fCAnJztcbiAgICAgICAgICAgIGNvbnN0IHN0YXJ0SGVpZ2h0ID0gZWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCBzdGFydER1cmF0aW9uTWludXRlcyA9IHBpeGVsc1RvTWludXRlcyhzdGFydEhlaWdodCwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgICAgIC8vIFN0b3JlIHByZXZpb3VzIHotaW5kZXhcbiAgICAgICAgICAgIGNvbnN0IGNvbnRhaW5lciA9IGVsZW1lbnQuY2xvc2VzdCgnc3dwLWV2ZW50LWdyb3VwJykgPz8gZWxlbWVudDtcbiAgICAgICAgICAgIGNvbnN0IHByZXZaSW5kZXggPSBjb250YWluZXIuc3R5bGUuekluZGV4O1xuICAgICAgICAgICAgLy8gU2V0IHJlc2l6ZSBzdGF0ZVxuICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZSA9IHtcbiAgICAgICAgICAgICAgICBldmVudElkLFxuICAgICAgICAgICAgICAgIGVsZW1lbnQsXG4gICAgICAgICAgICAgICAgaGFuZGxlRWxlbWVudDogaGFuZGxlLFxuICAgICAgICAgICAgICAgIHN0YXJ0WTogZS5jbGllbnRZLFxuICAgICAgICAgICAgICAgIHN0YXJ0SGVpZ2h0LFxuICAgICAgICAgICAgICAgIHN0YXJ0RHVyYXRpb25NaW51dGVzLFxuICAgICAgICAgICAgICAgIHBvaW50ZXJJZDogZS5wb2ludGVySWQsXG4gICAgICAgICAgICAgICAgcHJldlpJbmRleCxcbiAgICAgICAgICAgICAgICAvLyBBbmltYXRpb24gc3RhdGVcbiAgICAgICAgICAgICAgICBjdXJyZW50SGVpZ2h0OiBzdGFydEhlaWdodCxcbiAgICAgICAgICAgICAgICB0YXJnZXRIZWlnaHQ6IHN0YXJ0SGVpZ2h0LFxuICAgICAgICAgICAgICAgIGFuaW1hdGlvbklkOiBudWxsXG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgLy8gRWxldmF0ZSB6LWluZGV4XG4gICAgICAgICAgICBjb250YWluZXIuc3R5bGUuekluZGV4ID0gdGhpcy5aX0lOREVYX1JFU0laSU5HO1xuICAgICAgICAgICAgLy8gQ2FwdHVyZSBwb2ludGVyIGZvciBzbW9vdGggdHJhY2tpbmdcbiAgICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICAgICAgaGFuZGxlLnNldFBvaW50ZXJDYXB0dXJlKGUucG9pbnRlcklkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNhdGNoIChlcnIpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLndhcm4oJ1BvaW50ZXIgY2FwdHVyZSBmYWlsZWQ6JywgZXJyKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIEFkZCBnbG9iYWwgcmVzaXppbmcgY2xhc3NcbiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdzd3AtLXJlc2l6aW5nJyk7XG4gICAgICAgICAgICAvLyBFbWl0IHJlc2l6ZSBzdGFydCBldmVudFxuICAgICAgICAgICAgdGhpcy5ldmVudEJ1cy5lbWl0KENvcmVFdmVudHMuRVZFTlRfUkVTSVpFX1NUQVJULCB7XG4gICAgICAgICAgICAgICAgZXZlbnRJZCxcbiAgICAgICAgICAgICAgICBlbGVtZW50LFxuICAgICAgICAgICAgICAgIHN0YXJ0SGVpZ2h0XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfTtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIEhhbmRsZSBwb2ludGVybW92ZSAtIHVwZGF0ZSB0YXJnZXQgaGVpZ2h0IGR1cmluZyByZXNpemVcbiAgICAgICAgICovXG4gICAgICAgIHRoaXMuaGFuZGxlUG9pbnRlck1vdmUgPSAoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLnJlc2l6ZVN0YXRlKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIGNvbnN0IGRlbHRhWSA9IGUuY2xpZW50WSAtIHRoaXMucmVzaXplU3RhdGUuc3RhcnRZO1xuICAgICAgICAgICAgY29uc3QgbWluSGVpZ2h0ID0gKHRoaXMuTUlOX0hFSUdIVF9NSU5VVEVTIC8gNjApICogdGhpcy5ncmlkQ29uZmlnLmhvdXJIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCBuZXdIZWlnaHQgPSBNYXRoLm1heChtaW5IZWlnaHQsIHRoaXMucmVzaXplU3RhdGUuc3RhcnRIZWlnaHQgKyBkZWx0YVkpO1xuICAgICAgICAgICAgLy8gU2V0IHRhcmdldCBoZWlnaHQgZm9yIGFuaW1hdGlvblxuICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS50YXJnZXRIZWlnaHQgPSBuZXdIZWlnaHQ7XG4gICAgICAgICAgICAvLyBTdGFydCBhbmltYXRpb24gaWYgbm90IHJ1bm5pbmdcbiAgICAgICAgICAgIGlmICh0aGlzLnJlc2l6ZVN0YXRlLmFuaW1hdGlvbklkID09PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hbmltYXRlSGVpZ2h0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBSQUYgYW5pbWF0aW9uIGxvb3AgZm9yIHNtb290aCBoZWlnaHQgaW50ZXJwb2xhdGlvblxuICAgICAgICAgKi9cbiAgICAgICAgdGhpcy5hbmltYXRlSGVpZ2h0ID0gKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLnJlc2l6ZVN0YXRlKVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIGNvbnN0IGRpZmYgPSB0aGlzLnJlc2l6ZVN0YXRlLnRhcmdldEhlaWdodCAtIHRoaXMucmVzaXplU3RhdGUuY3VycmVudEhlaWdodDtcbiAgICAgICAgICAgIC8vIFN0b3AgYW5pbWF0aW9uIHdoZW4gY2xvc2UgZW5vdWdoXG4gICAgICAgICAgICBpZiAoTWF0aC5hYnMoZGlmZikgPCAwLjUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlc2l6ZVN0YXRlLmFuaW1hdGlvbklkID0gbnVsbDtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBJbnRlcnBvbGF0ZSB0b3dhcmRzIHRhcmdldCAoMzUlIHBlciBmcmFtZSBsaWtlIFYxKVxuICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS5jdXJyZW50SGVpZ2h0ICs9IGRpZmYgKiB0aGlzLkFOSU1BVElPTl9TUEVFRDtcbiAgICAgICAgICAgIHRoaXMucmVzaXplU3RhdGUuZWxlbWVudC5zdHlsZS5oZWlnaHQgPSBgJHt0aGlzLnJlc2l6ZVN0YXRlLmN1cnJlbnRIZWlnaHR9cHhgO1xuICAgICAgICAgICAgLy8gVXBkYXRlIHRpbWVzdGFtcCBkaXNwbGF5IChzbmFwcGVkKVxuICAgICAgICAgICAgdGhpcy51cGRhdGVUaW1lc3RhbXBEaXNwbGF5KCk7XG4gICAgICAgICAgICAvLyBDb250aW51ZSBhbmltYXRpb25cbiAgICAgICAgICAgIHRoaXMucmVzaXplU3RhdGUuYW5pbWF0aW9uSWQgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy5hbmltYXRlSGVpZ2h0KTtcbiAgICAgICAgfTtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIEhhbmRsZSBwb2ludGVydXAgLSBmaW5pc2ggcmVzaXplXG4gICAgICAgICAqL1xuICAgICAgICB0aGlzLmhhbmRsZVBvaW50ZXJVcCA9IChlKSA9PiB7XG4gICAgICAgICAgICBpZiAoIXRoaXMucmVzaXplU3RhdGUpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgLy8gQ2FuY2VsIGFueSBwZW5kaW5nIGFuaW1hdGlvblxuICAgICAgICAgICAgaWYgKHRoaXMucmVzaXplU3RhdGUuYW5pbWF0aW9uSWQgIT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBjYW5jZWxBbmltYXRpb25GcmFtZSh0aGlzLnJlc2l6ZVN0YXRlLmFuaW1hdGlvbklkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIFJlbGVhc2UgcG9pbnRlciBjYXB0dXJlXG4gICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzaXplU3RhdGUuaGFuZGxlRWxlbWVudC5yZWxlYXNlUG9pbnRlckNhcHR1cmUoZS5wb2ludGVySWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUud2FybignUG9pbnRlciByZWxlYXNlIGZhaWxlZDonLCBlcnIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gU25hcCBmaW5hbCBoZWlnaHQgdG8gZ3JpZFxuICAgICAgICAgICAgdGhpcy5zbmFwVG9HcmlkRmluYWwoKTtcbiAgICAgICAgICAgIC8vIFVwZGF0ZSB0aW1lc3RhbXAgb25lIGZpbmFsIHRpbWVcbiAgICAgICAgICAgIHRoaXMudXBkYXRlVGltZXN0YW1wRGlzcGxheSgpO1xuICAgICAgICAgICAgLy8gUmVzdG9yZSB6LWluZGV4XG4gICAgICAgICAgICBjb25zdCBjb250YWluZXIgPSB0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQuY2xvc2VzdCgnc3dwLWV2ZW50LWdyb3VwJykgPz8gdGhpcy5yZXNpemVTdGF0ZS5lbGVtZW50O1xuICAgICAgICAgICAgY29udGFpbmVyLnN0eWxlLnpJbmRleCA9IHRoaXMucmVzaXplU3RhdGUucHJldlpJbmRleDtcbiAgICAgICAgICAgIC8vIFJlbW92ZSBnbG9iYWwgcmVzaXppbmcgY2xhc3NcbiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdzd3AtLXJlc2l6aW5nJyk7XG4gICAgICAgICAgICAvLyBHZXQgY29sdW1uS2V5IGFuZCBkYXRlIGZyb20gcGFyZW50IGNvbHVtblxuICAgICAgICAgICAgY29uc3QgY29sdW1uID0gdGhpcy5yZXNpemVTdGF0ZS5lbGVtZW50LmNsb3Nlc3QoJ3N3cC1kYXktY29sdW1uJyk7XG4gICAgICAgICAgICBjb25zdCBjb2x1bW5LZXkgPSBjb2x1bW4/LmRhdGFzZXQuY29sdW1uS2V5IHx8ICcnO1xuICAgICAgICAgICAgY29uc3QgZGF0ZSA9IGNvbHVtbj8uZGF0YXNldC5kYXRlIHx8ICcnO1xuICAgICAgICAgICAgLy8gQ3JlYXRlIFN3cEV2ZW50IGZyb20gZWxlbWVudCAocmVhZHMgdG9wL2hlaWdodC9ldmVudElkIGZyb20gZWxlbWVudClcbiAgICAgICAgICAgIGNvbnN0IHN3cEV2ZW50ID0gU3dwRXZlbnQuZnJvbUVsZW1lbnQodGhpcy5yZXNpemVTdGF0ZS5lbGVtZW50LCBjb2x1bW5LZXksIGRhdGUsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgICAgICAvLyBFbWl0IHJlc2l6ZSBlbmQgZXZlbnRcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX1JFU0laRV9FTkQsIHtcbiAgICAgICAgICAgICAgICBzd3BFdmVudFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAvLyBSZXNldCBzdGF0ZVxuICAgICAgICAgICAgdGhpcy5yZXNpemVTdGF0ZSA9IG51bGw7XG4gICAgICAgIH07XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEluaXRpYWxpemUgcmVzaXplIGZ1bmN0aW9uYWxpdHkgb24gY29udGFpbmVyXG4gICAgICovXG4gICAgaW5pdChjb250YWluZXIpIHtcbiAgICAgICAgdGhpcy5jb250YWluZXIgPSBjb250YWluZXI7XG4gICAgICAgIC8vIE1vdXNlb3ZlciBsaXN0ZW5lciBmb3IgaGFuZGxlIGNyZWF0aW9uIChjYXB0dXJlIHBoYXNlIGxpa2UgVjEpXG4gICAgICAgIGNvbnRhaW5lci5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW92ZXInLCB0aGlzLmhhbmRsZU1vdXNlT3ZlciwgdHJ1ZSk7XG4gICAgICAgIC8vIFBvaW50ZXIgbGlzdGVuZXJzIGZvciByZXNpemUgKGNhcHR1cmUgcGhhc2UgbGlrZSBWMSlcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigncG9pbnRlcmRvd24nLCB0aGlzLmhhbmRsZVBvaW50ZXJEb3duLCB0cnVlKTtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigncG9pbnRlcm1vdmUnLCB0aGlzLmhhbmRsZVBvaW50ZXJNb3ZlLCB0cnVlKTtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigncG9pbnRlcnVwJywgdGhpcy5oYW5kbGVQb2ludGVyVXAsIHRydWUpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDcmVhdGUgcmVzaXplIGhhbmRsZSBlbGVtZW50XG4gICAgICovXG4gICAgY3JlYXRlUmVzaXplSGFuZGxlKCkge1xuICAgICAgICBjb25zdCBoYW5kbGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzd3AtcmVzaXplLWhhbmRsZScpO1xuICAgICAgICBoYW5kbGUuc2V0QXR0cmlidXRlKCdhcmlhLWxhYmVsJywgJ1Jlc2l6ZSBldmVudCcpO1xuICAgICAgICBoYW5kbGUuc2V0QXR0cmlidXRlKCdyb2xlJywgJ3NlcGFyYXRvcicpO1xuICAgICAgICByZXR1cm4gaGFuZGxlO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBVcGRhdGUgdGltZXN0YW1wIGRpc3BsYXkgd2l0aCBzbmFwcGVkIGVuZCB0aW1lXG4gICAgICovXG4gICAgdXBkYXRlVGltZXN0YW1wRGlzcGxheSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLnJlc2l6ZVN0YXRlKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCB0aW1lRWwgPSB0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQucXVlcnlTZWxlY3Rvcignc3dwLWV2ZW50LXRpbWUnKTtcbiAgICAgICAgaWYgKCF0aW1lRWwpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIEdldCBzdGFydCB0aW1lIGZyb20gZWxlbWVudCBwb3NpdGlvblxuICAgICAgICBjb25zdCB0b3AgPSBwYXJzZUZsb2F0KHRoaXMucmVzaXplU3RhdGUuZWxlbWVudC5zdHlsZS50b3ApIHx8IDA7XG4gICAgICAgIGNvbnN0IHN0YXJ0TWludXRlc0Zyb21HcmlkID0gcGl4ZWxzVG9NaW51dGVzKHRvcCwgdGhpcy5ncmlkQ29uZmlnKTtcbiAgICAgICAgY29uc3Qgc3RhcnRNaW51dGVzID0gKHRoaXMuZ3JpZENvbmZpZy5kYXlTdGFydEhvdXIgKiA2MCkgKyBzdGFydE1pbnV0ZXNGcm9tR3JpZDtcbiAgICAgICAgLy8gQ2FsY3VsYXRlIHNuYXBwZWQgZW5kIHRpbWUgZnJvbSBjdXJyZW50IGhlaWdodFxuICAgICAgICBjb25zdCBzbmFwcGVkSGVpZ2h0ID0gc25hcFRvR3JpZCh0aGlzLnJlc2l6ZVN0YXRlLmN1cnJlbnRIZWlnaHQsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIGNvbnN0IGR1cmF0aW9uTWludXRlcyA9IHBpeGVsc1RvTWludXRlcyhzbmFwcGVkSGVpZ2h0LCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICBjb25zdCBlbmRNaW51dGVzID0gc3RhcnRNaW51dGVzICsgZHVyYXRpb25NaW51dGVzO1xuICAgICAgICAvLyBGb3JtYXQgYW5kIHVwZGF0ZVxuICAgICAgICBjb25zdCBzdGFydCA9IHRoaXMubWludXRlc1RvRGF0ZShzdGFydE1pbnV0ZXMpO1xuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLm1pbnV0ZXNUb0RhdGUoZW5kTWludXRlcyk7XG4gICAgICAgIHRpbWVFbC50ZXh0Q29udGVudCA9IHRoaXMuZGF0ZVNlcnZpY2UuZm9ybWF0VGltZVJhbmdlKHN0YXJ0LCBlbmQpO1xuICAgIH1cbiAgICAvKipcbiAgICAgKiBDb252ZXJ0IG1pbnV0ZXMgc2luY2UgbWlkbmlnaHQgdG8gRGF0ZVxuICAgICAqL1xuICAgIG1pbnV0ZXNUb0RhdGUobWludXRlcykge1xuICAgICAgICBjb25zdCBkYXRlID0gbmV3IERhdGUoKTtcbiAgICAgICAgZGF0ZS5zZXRIb3VycyhNYXRoLmZsb29yKG1pbnV0ZXMgLyA2MCkgJSAyNCwgbWludXRlcyAlIDYwLCAwLCAwKTtcbiAgICAgICAgcmV0dXJuIGRhdGU7XG4gICAgfVxuICAgIDtcbiAgICAvKipcbiAgICAgKiBTbmFwIGZpbmFsIGhlaWdodCB0byBncmlkIGludGVydmFsXG4gICAgICovXG4gICAgc25hcFRvR3JpZEZpbmFsKCkge1xuICAgICAgICBpZiAoIXRoaXMucmVzaXplU3RhdGUpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IGN1cnJlbnRIZWlnaHQgPSB0aGlzLnJlc2l6ZVN0YXRlLmVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgICBjb25zdCBzbmFwcGVkSGVpZ2h0ID0gc25hcFRvR3JpZChjdXJyZW50SGVpZ2h0LCB0aGlzLmdyaWRDb25maWcpO1xuICAgICAgICBjb25zdCBtaW5IZWlnaHQgPSBtaW51dGVzVG9QaXhlbHModGhpcy5NSU5fSEVJR0hUX01JTlVURVMsIHRoaXMuZ3JpZENvbmZpZyk7XG4gICAgICAgIGNvbnN0IGZpbmFsSGVpZ2h0ID0gTWF0aC5tYXgobWluSGVpZ2h0LCBzbmFwcGVkSGVpZ2h0KTtcbiAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS5lbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke2ZpbmFsSGVpZ2h0fXB4YDtcbiAgICAgICAgdGhpcy5yZXNpemVTdGF0ZS5jdXJyZW50SGVpZ2h0ID0gZmluYWxIZWlnaHQ7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IENvcmVFdmVudHMgfSBmcm9tICcuLi9jb25zdGFudHMvQ29yZUV2ZW50cyc7XG5leHBvcnQgY2xhc3MgRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIge1xuICAgIGNvbnN0cnVjdG9yKGV2ZW50U2VydmljZSwgZXZlbnRCdXMsIGRhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHRoaXMuZXZlbnRTZXJ2aWNlID0gZXZlbnRTZXJ2aWNlO1xuICAgICAgICB0aGlzLmV2ZW50QnVzID0gZXZlbnRCdXM7XG4gICAgICAgIHRoaXMuZGF0ZVNlcnZpY2UgPSBkYXRlU2VydmljZTtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIEhhbmRsZSBkcmFnIGVuZCAtIHVwZGF0ZSBldmVudCBwb3NpdGlvbiBpbiBJbmRleGVkREJcbiAgICAgICAgICovXG4gICAgICAgIHRoaXMuaGFuZGxlRHJhZ0VuZCA9IGFzeW5jIChlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBwYXlsb2FkID0gZS5kZXRhaWw7XG4gICAgICAgICAgICBjb25zdCB7IHN3cEV2ZW50IH0gPSBwYXlsb2FkO1xuICAgICAgICAgICAgLy8gR2V0IGV4aXN0aW5nIGV2ZW50IHRvIG1lcmdlIHdpdGhcbiAgICAgICAgICAgIGNvbnN0IGV2ZW50ID0gYXdhaXQgdGhpcy5ldmVudFNlcnZpY2UuZ2V0KHN3cEV2ZW50LmV2ZW50SWQpO1xuICAgICAgICAgICAgaWYgKCFldmVudCkge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUud2FybihgRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXI6IEV2ZW50ICR7c3dwRXZlbnQuZXZlbnRJZH0gbm90IGZvdW5kYCk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gUGFyc2UgcmVzb3VyY2VJZCBmcm9tIGNvbHVtbktleSBpZiBwcmVzZW50XG4gICAgICAgICAgICBjb25zdCB7IHJlc291cmNlIH0gPSB0aGlzLmRhdGVTZXJ2aWNlLnBhcnNlQ29sdW1uS2V5KHN3cEV2ZW50LmNvbHVtbktleSk7XG4gICAgICAgICAgICAvLyBVcGRhdGUgYW5kIHNhdmUgLSBzdGFydC9lbmQgYWxyZWFkeSBjYWxjdWxhdGVkIGluIFN3cEV2ZW50XG4gICAgICAgICAgICAvLyBTZXQgYWxsRGF5IGJhc2VkIG9uIGRyb3AgdGFyZ2V0OlxuICAgICAgICAgICAgLy8gLSBoZWFkZXI6IGFsbERheSA9IHRydWVcbiAgICAgICAgICAgIC8vIC0gZ3JpZDogYWxsRGF5ID0gZmFsc2UgKGNvbnZlcnRzIGFsbERheSBldmVudCB0byB0aW1lZClcbiAgICAgICAgICAgIGNvbnN0IHVwZGF0ZWRFdmVudCA9IHtcbiAgICAgICAgICAgICAgICAuLi5ldmVudCxcbiAgICAgICAgICAgICAgICBzdGFydDogc3dwRXZlbnQuc3RhcnQsXG4gICAgICAgICAgICAgICAgZW5kOiBzd3BFdmVudC5lbmQsXG4gICAgICAgICAgICAgICAgcmVzb3VyY2VJZDogcmVzb3VyY2UgPz8gZXZlbnQucmVzb3VyY2VJZCxcbiAgICAgICAgICAgICAgICBhbGxEYXk6IHBheWxvYWQudGFyZ2V0ID09PSAnaGVhZGVyJyxcbiAgICAgICAgICAgICAgICBzeW5jU3RhdHVzOiAncGVuZGluZydcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5zYXZlKHVwZGF0ZWRFdmVudCk7XG4gICAgICAgICAgICAvLyBFbWl0IEVWRU5UX1VQREFURUQgZm9yIEV2ZW50UmVuZGVyZXIgdG8gcmUtcmVuZGVyIGFmZmVjdGVkIGNvbHVtbnNcbiAgICAgICAgICAgIGNvbnN0IHVwZGF0ZVBheWxvYWQgPSB7XG4gICAgICAgICAgICAgICAgZXZlbnRJZDogdXBkYXRlZEV2ZW50LmlkLFxuICAgICAgICAgICAgICAgIHNvdXJjZUNvbHVtbktleTogcGF5bG9hZC5zb3VyY2VDb2x1bW5LZXksXG4gICAgICAgICAgICAgICAgdGFyZ2V0Q29sdW1uS2V5OiBzd3BFdmVudC5jb2x1bW5LZXlcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICB0aGlzLmV2ZW50QnVzLmVtaXQoQ29yZUV2ZW50cy5FVkVOVF9VUERBVEVELCB1cGRhdGVQYXlsb2FkKTtcbiAgICAgICAgfTtcbiAgICAgICAgLyoqXG4gICAgICAgICAqIEhhbmRsZSByZXNpemUgZW5kIC0gdXBkYXRlIGV2ZW50IGR1cmF0aW9uIGluIEluZGV4ZWREQlxuICAgICAgICAgKi9cbiAgICAgICAgdGhpcy5oYW5kbGVSZXNpemVFbmQgPSBhc3luYyAoZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF5bG9hZCA9IGUuZGV0YWlsO1xuICAgICAgICAgICAgY29uc3QgeyBzd3BFdmVudCB9ID0gcGF5bG9hZDtcbiAgICAgICAgICAgIC8vIEdldCBleGlzdGluZyBldmVudCB0byBtZXJnZSB3aXRoXG4gICAgICAgICAgICBjb25zdCBldmVudCA9IGF3YWl0IHRoaXMuZXZlbnRTZXJ2aWNlLmdldChzd3BFdmVudC5ldmVudElkKTtcbiAgICAgICAgICAgIGlmICghZXZlbnQpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLndhcm4oYEV2ZW50UGVyc2lzdGVuY2VNYW5hZ2VyOiBFdmVudCAke3N3cEV2ZW50LmV2ZW50SWR9IG5vdCBmb3VuZGApO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIFVwZGF0ZSBhbmQgc2F2ZSAtIGVuZCBhbHJlYWR5IGNhbGN1bGF0ZWQgaW4gU3dwRXZlbnRcbiAgICAgICAgICAgIGNvbnN0IHVwZGF0ZWRFdmVudCA9IHtcbiAgICAgICAgICAgICAgICAuLi5ldmVudCxcbiAgICAgICAgICAgICAgICBlbmQ6IHN3cEV2ZW50LmVuZCxcbiAgICAgICAgICAgICAgICBzeW5jU3RhdHVzOiAncGVuZGluZydcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICBhd2FpdCB0aGlzLmV2ZW50U2VydmljZS5zYXZlKHVwZGF0ZWRFdmVudCk7XG4gICAgICAgICAgICAvLyBFbWl0IEVWRU5UX1VQREFURUQgZm9yIEV2ZW50UmVuZGVyZXIgdG8gcmUtcmVuZGVyIHRoZSBjb2x1bW5cbiAgICAgICAgICAgIC8vIFJlc2l6ZSBzdGF5cyBpbiBzYW1lIGNvbHVtbiwgc28gc291cmNlIGFuZCB0YXJnZXQgYXJlIHRoZSBzYW1lXG4gICAgICAgICAgICBjb25zdCB1cGRhdGVQYXlsb2FkID0ge1xuICAgICAgICAgICAgICAgIGV2ZW50SWQ6IHVwZGF0ZWRFdmVudC5pZCxcbiAgICAgICAgICAgICAgICBzb3VyY2VDb2x1bW5LZXk6IHN3cEV2ZW50LmNvbHVtbktleSxcbiAgICAgICAgICAgICAgICB0YXJnZXRDb2x1bW5LZXk6IHN3cEV2ZW50LmNvbHVtbktleVxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZXZlbnRCdXMuZW1pdChDb3JlRXZlbnRzLkVWRU5UX1VQREFURUQsIHVwZGF0ZVBheWxvYWQpO1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLnNldHVwTGlzdGVuZXJzKCk7XG4gICAgfVxuICAgIHNldHVwTGlzdGVuZXJzKCkge1xuICAgICAgICB0aGlzLmV2ZW50QnVzLm9uKENvcmVFdmVudHMuRVZFTlRfRFJBR19FTkQsIHRoaXMuaGFuZGxlRHJhZ0VuZCk7XG4gICAgICAgIHRoaXMuZXZlbnRCdXMub24oQ29yZUV2ZW50cy5FVkVOVF9SRVNJWkVfRU5ELCB0aGlzLmhhbmRsZVJlc2l6ZUVuZCk7XG4gICAgfVxufVxuIiwgImltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gJ0Bub3ZhZGkvY29yZSc7XG5pbXBvcnQgeyBEYXRlUmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL2RhdGUvRGF0ZVJlbmRlcmVyJztcbmltcG9ydCB7IERhdGVTZXJ2aWNlIH0gZnJvbSAnLi9jb3JlL0RhdGVTZXJ2aWNlJztcbmltcG9ydCB7IFJlc291cmNlUmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL3Jlc291cmNlL1Jlc291cmNlUmVuZGVyZXInO1xuaW1wb3J0IHsgVGVhbVJlbmRlcmVyIH0gZnJvbSAnLi9mZWF0dXJlcy90ZWFtL1RlYW1SZW5kZXJlcic7XG5pbXBvcnQgeyBEZXBhcnRtZW50UmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL2RlcGFydG1lbnQvRGVwYXJ0bWVudFJlbmRlcmVyJztcbmltcG9ydCB7IENhbGVuZGFyT3JjaGVzdHJhdG9yIH0gZnJvbSAnLi9jb3JlL0NhbGVuZGFyT3JjaGVzdHJhdG9yJztcbmltcG9ydCB7IENhbGVuZGFyQXBwIH0gZnJvbSAnLi9jb3JlL0NhbGVuZGFyQXBwJztcbmltcG9ydCB7IFRpbWVBeGlzUmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL3RpbWVheGlzL1RpbWVBeGlzUmVuZGVyZXInO1xuaW1wb3J0IHsgU2Nyb2xsTWFuYWdlciB9IGZyb20gJy4vY29yZS9TY3JvbGxNYW5hZ2VyJztcbmltcG9ydCB7IEhlYWRlckRyYXdlck1hbmFnZXIgfSBmcm9tICcuL2NvcmUvSGVhZGVyRHJhd2VyTWFuYWdlcic7XG5pbXBvcnQgeyBNb2NrVGVhbVN0b3JlLCBNb2NrUmVzb3VyY2VTdG9yZSB9IGZyb20gJy4vZGVtby9Nb2NrU3RvcmVzJztcbmltcG9ydCB7IERlbW9BcHAgfSBmcm9tICcuL2RlbW8vRGVtb0FwcCc7XG4vLyBFdmVudCBzeXN0ZW1cbmltcG9ydCB7IEV2ZW50QnVzIH0gZnJvbSAnLi9jb3JlL0V2ZW50QnVzJztcbi8vIFN0b3JhZ2VcbmltcG9ydCB7IEluZGV4ZWREQkNvbnRleHQgfSBmcm9tICcuL3N0b3JhZ2UvSW5kZXhlZERCQ29udGV4dCc7XG5pbXBvcnQgeyBFdmVudFN0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL2V2ZW50cy9FdmVudFN0b3JlJztcbmltcG9ydCB7IEV2ZW50U2VydmljZSB9IGZyb20gJy4vc3RvcmFnZS9ldmVudHMvRXZlbnRTZXJ2aWNlJztcbmltcG9ydCB7IFJlc291cmNlU3RvcmUgfSBmcm9tICcuL3N0b3JhZ2UvcmVzb3VyY2VzL1Jlc291cmNlU3RvcmUnO1xuaW1wb3J0IHsgUmVzb3VyY2VTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL3Jlc291cmNlcy9SZXNvdXJjZVNlcnZpY2UnO1xuaW1wb3J0IHsgQm9va2luZ1N0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL2Jvb2tpbmdzL0Jvb2tpbmdTdG9yZSc7XG5pbXBvcnQgeyBCb29raW5nU2VydmljZSB9IGZyb20gJy4vc3RvcmFnZS9ib29raW5ncy9Cb29raW5nU2VydmljZSc7XG5pbXBvcnQgeyBDdXN0b21lclN0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL2N1c3RvbWVycy9DdXN0b21lclN0b3JlJztcbmltcG9ydCB7IEN1c3RvbWVyU2VydmljZSB9IGZyb20gJy4vc3RvcmFnZS9jdXN0b21lcnMvQ3VzdG9tZXJTZXJ2aWNlJztcbmltcG9ydCB7IFRlYW1TdG9yZSB9IGZyb20gJy4vc3RvcmFnZS90ZWFtcy9UZWFtU3RvcmUnO1xuaW1wb3J0IHsgVGVhbVNlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2UvdGVhbXMvVGVhbVNlcnZpY2UnO1xuaW1wb3J0IHsgRGVwYXJ0bWVudFN0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL2RlcGFydG1lbnRzL0RlcGFydG1lbnRTdG9yZSc7XG5pbXBvcnQgeyBEZXBhcnRtZW50U2VydmljZSB9IGZyb20gJy4vc3RvcmFnZS9kZXBhcnRtZW50cy9EZXBhcnRtZW50U2VydmljZSc7XG5pbXBvcnQgeyBTZXR0aW5nc1N0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL3NldHRpbmdzL1NldHRpbmdzU3RvcmUnO1xuaW1wb3J0IHsgU2V0dGluZ3NTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL3NldHRpbmdzL1NldHRpbmdzU2VydmljZSc7XG5pbXBvcnQgeyBWaWV3Q29uZmlnU3RvcmUgfSBmcm9tICcuL3N0b3JhZ2Uvdmlld2NvbmZpZ3MvVmlld0NvbmZpZ1N0b3JlJztcbmltcG9ydCB7IFZpZXdDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL3ZpZXdjb25maWdzL1ZpZXdDb25maWdTZXJ2aWNlJztcbi8vIEF1ZGl0XG5pbXBvcnQgeyBBdWRpdFN0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL2F1ZGl0L0F1ZGl0U3RvcmUnO1xuaW1wb3J0IHsgQXVkaXRTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL2F1ZGl0L0F1ZGl0U2VydmljZSc7XG5pbXBvcnQgeyBNb2NrRXZlbnRSZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja0V2ZW50UmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrUmVzb3VyY2VSZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja1Jlc291cmNlUmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrQm9va2luZ1JlcG9zaXRvcnkgfSBmcm9tICcuL3JlcG9zaXRvcmllcy9Nb2NrQm9va2luZ1JlcG9zaXRvcnknO1xuaW1wb3J0IHsgTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSB9IGZyb20gJy4vcmVwb3NpdG9yaWVzL01vY2tDdXN0b21lclJlcG9zaXRvcnknO1xuaW1wb3J0IHsgTW9ja0F1ZGl0UmVwb3NpdG9yeSB9IGZyb20gJy4vcmVwb3NpdG9yaWVzL01vY2tBdWRpdFJlcG9zaXRvcnknO1xuaW1wb3J0IHsgTW9ja1RlYW1SZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja1RlYW1SZXBvc2l0b3J5JztcbmltcG9ydCB7IE1vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSB9IGZyb20gJy4vcmVwb3NpdG9yaWVzL01vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrU2V0dGluZ3NSZXBvc2l0b3J5IH0gZnJvbSAnLi9yZXBvc2l0b3JpZXMvTW9ja1NldHRpbmdzUmVwb3NpdG9yeSc7XG5pbXBvcnQgeyBNb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnkgfSBmcm9tICcuL3JlcG9zaXRvcmllcy9Nb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnknO1xuLy8gV29ya2Vyc1xuaW1wb3J0IHsgRGF0YVNlZWRlciB9IGZyb20gJy4vd29ya2Vycy9EYXRhU2VlZGVyJztcbi8vIEZlYXR1cmVzXG5pbXBvcnQgeyBFdmVudFJlbmRlcmVyIH0gZnJvbSAnLi9mZWF0dXJlcy9ldmVudC9FdmVudFJlbmRlcmVyJztcbmltcG9ydCB7IFNjaGVkdWxlUmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL3NjaGVkdWxlL1NjaGVkdWxlUmVuZGVyZXInO1xuaW1wb3J0IHsgSGVhZGVyRHJhd2VyUmVuZGVyZXIgfSBmcm9tICcuL2ZlYXR1cmVzL2hlYWRlcmRyYXdlci9IZWFkZXJEcmF3ZXJSZW5kZXJlcic7XG4vLyBTY2hlZHVsZVxuaW1wb3J0IHsgU2NoZWR1bGVPdmVycmlkZVN0b3JlIH0gZnJvbSAnLi9zdG9yYWdlL3NjaGVkdWxlcy9TY2hlZHVsZU92ZXJyaWRlU3RvcmUnO1xuaW1wb3J0IHsgU2NoZWR1bGVPdmVycmlkZVNlcnZpY2UgfSBmcm9tICcuL3N0b3JhZ2Uvc2NoZWR1bGVzL1NjaGVkdWxlT3ZlcnJpZGVTZXJ2aWNlJztcbmltcG9ydCB7IFJlc291cmNlU2NoZWR1bGVTZXJ2aWNlIH0gZnJvbSAnLi9zdG9yYWdlL3NjaGVkdWxlcy9SZXNvdXJjZVNjaGVkdWxlU2VydmljZSc7XG4vLyBNYW5hZ2Vyc1xuaW1wb3J0IHsgRHJhZ0Ryb3BNYW5hZ2VyIH0gZnJvbSAnLi9tYW5hZ2Vycy9EcmFnRHJvcE1hbmFnZXInO1xuaW1wb3J0IHsgRWRnZVNjcm9sbE1hbmFnZXIgfSBmcm9tICcuL21hbmFnZXJzL0VkZ2VTY3JvbGxNYW5hZ2VyJztcbmltcG9ydCB7IFJlc2l6ZU1hbmFnZXIgfSBmcm9tICcuL21hbmFnZXJzL1Jlc2l6ZU1hbmFnZXInO1xuaW1wb3J0IHsgRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIgfSBmcm9tICcuL21hbmFnZXJzL0V2ZW50UGVyc2lzdGVuY2VNYW5hZ2VyJztcbmNvbnN0IGRlZmF1bHRUaW1lRm9ybWF0Q29uZmlnID0ge1xuICAgIHRpbWV6b25lOiBJbnRsLkRhdGVUaW1lRm9ybWF0KCkucmVzb2x2ZWRPcHRpb25zKCkudGltZVpvbmUsXG4gICAgdXNlMjRIb3VyRm9ybWF0OiB0cnVlLFxuICAgIGxvY2FsZTogJ2RhLURLJyxcbiAgICBkYXRlRm9ybWF0OiAnbG9jYWxlJyxcbiAgICBzaG93U2Vjb25kczogZmFsc2Vcbn07XG5jb25zdCBkZWZhdWx0R3JpZENvbmZpZyA9IHtcbiAgICBob3VySGVpZ2h0OiA2NCxcbiAgICBkYXlTdGFydEhvdXI6IDYsXG4gICAgZGF5RW5kSG91cjogMTgsXG4gICAgc25hcEludGVydmFsOiAxNSxcbiAgICBncmlkU3RhcnRUaHJlc2hvbGRNaW51dGVzOiAzMFxufTtcbmV4cG9ydCBmdW5jdGlvbiBjcmVhdGVWMkNvbnRhaW5lcigpIHtcbiAgICBjb25zdCBjb250YWluZXIgPSBuZXcgQ29udGFpbmVyKCk7XG4gICAgY29uc3QgYnVpbGRlciA9IGNvbnRhaW5lci5idWlsZGVyKCk7XG4gICAgLy8gQ29uZmlnXG4gICAgYnVpbGRlci5yZWdpc3Rlckluc3RhbmNlKGRlZmF1bHRUaW1lRm9ybWF0Q29uZmlnKS5hcyhcIklUaW1lRm9ybWF0Q29uZmlnXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJJbnN0YW5jZShkZWZhdWx0R3JpZENvbmZpZykuYXMoXCJJR3JpZENvbmZpZ1wiKTtcbiAgICAvLyBDb3JlIC0gRXZlbnRCdXNcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXMoXCJFdmVudEJ1c1wiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudEJ1cykuYXMoXCJJRXZlbnRCdXNcIik7XG4gICAgLy8gU2VydmljZXNcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShEYXRlU2VydmljZSkuYXMoXCJEYXRlU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSVRpbWVGb3JtYXRDb25maWdcIiksXG4gICAgICAgICAgICB1bmRlZmluZWRcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIC8vIFN0b3JhZ2UgaW5mcmFzdHJ1Y3R1cmVcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShJbmRleGVkREJDb250ZXh0KS5hcyhcIkluZGV4ZWREQkNvbnRleHRcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZUFsbChcIklTdG9yZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgLy8gU3RvcmVzIChmb3IgSW5kZXhlZERCIHNjaGVtYSBjcmVhdGlvbilcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudFN0b3JlKS5hcyhcIklTdG9yZVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShSZXNvdXJjZVN0b3JlKS5hcyhcIklTdG9yZVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShCb29raW5nU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEN1c3RvbWVyU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFRlYW1TdG9yZSkuYXMoXCJJU3RvcmVcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGVwYXJ0bWVudFN0b3JlKS5hcyhcIklTdG9yZVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShTY2hlZHVsZU92ZXJyaWRlU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEF1ZGl0U3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNldHRpbmdzU3RvcmUpLmFzKFwiSVN0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFZpZXdDb25maWdTdG9yZSkuYXMoXCJJU3RvcmVcIik7XG4gICAgLy8gRW50aXR5IHNlcnZpY2VzIChmb3IgRGF0YVNlZWRlciBwb2x5bW9ycGhpYyBhcnJheSlcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudFNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEV2ZW50U2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRXZlbnRTZXJ2aWNlKS5hcyhcIkV2ZW50U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoUmVzb3VyY2VTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShSZXNvdXJjZVNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFJlc291cmNlU2VydmljZSkuYXMoXCJSZXNvdXJjZVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEJvb2tpbmdTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShCb29raW5nU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoQm9va2luZ1NlcnZpY2UpLmFzKFwiQm9va2luZ1NlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEN1c3RvbWVyU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoQ3VzdG9tZXJTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShDdXN0b21lclNlcnZpY2UpLmFzKFwiQ3VzdG9tZXJTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShUZWFtU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVGVhbVNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFRlYW1TZXJ2aWNlKS5hcyhcIlRlYW1TZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShEZXBhcnRtZW50U2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGVwYXJ0bWVudFNlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKERlcGFydG1lbnRTZXJ2aWNlKS5hcyhcIkRlcGFydG1lbnRTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShTZXR0aW5nc1NlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNldHRpbmdzU2VydmljZSkuYXMoXCJJRW50aXR5U2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoU2V0dGluZ3NTZXJ2aWNlKS5hcyhcIlNldHRpbmdzU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVmlld0NvbmZpZ1NlcnZpY2UpLmFzKFwiSUVudGl0eVNlcnZpY2VcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkluZGV4ZWREQkNvbnRleHRcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFZpZXdDb25maWdTZXJ2aWNlKS5hcyhcIklFbnRpdHlTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShWaWV3Q29uZmlnU2VydmljZSkuYXMoXCJWaWV3Q29uZmlnU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSW5kZXhlZERCQ29udGV4dFwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgLy8gUmVwb3NpdG9yaWVzIChmb3IgRGF0YVNlZWRlciBwb2x5bW9ycGhpYyBhcnJheSlcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrRXZlbnRSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tFdmVudFJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja1Jlc291cmNlUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrUmVzb3VyY2VSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tCb29raW5nUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrQm9va2luZ1JlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja0N1c3RvbWVyUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrQ3VzdG9tZXJSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tBdWRpdFJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja0F1ZGl0UmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrVGVhbVJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja1RlYW1SZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tEZXBhcnRtZW50UmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrRGVwYXJ0bWVudFJlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoTW9ja1NldHRpbmdzUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrU2V0dGluZ3NSZXBvc2l0b3J5KS5hcyhcIklBcGlSZXBvc2l0b3J5XCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tWaWV3Q29uZmlnUmVwb3NpdG9yeSkuYXMoXCJJQXBpUmVwb3NpdG9yeVwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrVmlld0NvbmZpZ1JlcG9zaXRvcnkpLmFzKFwiSUFwaVJlcG9zaXRvcnlcIik7XG4gICAgLy8gQXVkaXQgc2VydmljZSAobGlzdGVucyB0byBFTlRJVFlfU0FWRUQvREVMRVRFRCBldmVudHMgYXV0b21hdGljYWxseSlcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShBdWRpdFNlcnZpY2UpLmFzKFwiQXVkaXRTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBXb3JrZXJzXG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGF0YVNlZWRlcikuYXMoXCJEYXRhU2VlZGVyXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGVBbGwoXCJJRW50aXR5U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZUFsbChcIklBcGlSZXBvc2l0b3J5XCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBTY2hlZHVsZSBzZXJ2aWNlc1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNjaGVkdWxlT3ZlcnJpZGVTZXJ2aWNlKS5hcyhcIlNjaGVkdWxlT3ZlcnJpZGVTZXJ2aWNlXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShSZXNvdXJjZVNjaGVkdWxlU2VydmljZSkuYXMoXCJSZXNvdXJjZVNjaGVkdWxlU2VydmljZVwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiUmVzb3VyY2VTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2NoZWR1bGVPdmVycmlkZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgLy8gRmVhdHVyZXNcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShFdmVudFJlbmRlcmVyKS5hcyhcIkV2ZW50UmVuZGVyZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkV2ZW50U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRhdGVTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNjaGVkdWxlUmVuZGVyZXIpLmFzKFwiU2NoZWR1bGVSZW5kZXJlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiUmVzb3VyY2VTY2hlZHVsZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklHcmlkQ29uZmlnXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShIZWFkZXJEcmF3ZXJSZW5kZXJlcikuYXMoXCJIZWFkZXJEcmF3ZXJSZW5kZXJlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJIZWFkZXJEcmF3ZXJNYW5hZ2VyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRXZlbnRTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0ZVNlcnZpY2VcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIC8vIFJlbmRlcmVycyAtIHJlZ2lzdHJlcmVzIHNvbSBSZW5kZXJlciAoYXJyYXkgaW5qZWN0aW9uIHRpbCBDYWxlbmRhck9yY2hlc3RyYXRvcilcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShEYXRlUmVuZGVyZXIpLmFzKFwiSVJlbmRlcmVyXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoUmVzb3VyY2VSZW5kZXJlcikuYXMoXCJJUmVuZGVyZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIlJlc291cmNlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVGVhbVJlbmRlcmVyKS5hcyhcIklSZW5kZXJlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiVGVhbVNlcnZpY2VcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKERlcGFydG1lbnRSZW5kZXJlcikuYXMoXCJJUmVuZGVyZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRlcGFydG1lbnRTZXJ2aWNlXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBTdG9yZXMgLSByZWdpc3RyZXJlcyBzb20gSUdyb3VwaW5nU3RvcmVcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShNb2NrVGVhbVN0b3JlKS5hcyhcIklHcm91cGluZ1N0b3JlXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKE1vY2tSZXNvdXJjZVN0b3JlKS5hcyhcIklHcm91cGluZ1N0b3JlXCIpO1xuICAgIC8vIENhbGVuZGFyT3JjaGVzdHJhdG9yIG1vZHRhZ2VyIElHcm91cGluZ1N0b3JlW10gYXV0b21hdGlzayAoYXJyYXkgaW5qZWN0aW9uKVxuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKENhbGVuZGFyT3JjaGVzdHJhdG9yKS5hcyhcIkNhbGVuZGFyT3JjaGVzdHJhdG9yXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGVBbGwoXCJJUmVuZGVyZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJFdmVudFJlbmRlcmVyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2NoZWR1bGVSZW5kZXJlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkhlYWRlckRyYXdlclJlbmRlcmVyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0ZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGVBbGwoXCJJRW50aXR5U2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoVGltZUF4aXNSZW5kZXJlcikuYXMoXCJUaW1lQXhpc1JlbmRlcmVyXCIpO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFNjcm9sbE1hbmFnZXIpLmFzKFwiU2Nyb2xsTWFuYWdlclwiKTtcbiAgICBidWlsZGVyLnJlZ2lzdGVyVHlwZShIZWFkZXJEcmF3ZXJNYW5hZ2VyKS5hcyhcIkhlYWRlckRyYXdlck1hbmFnZXJcIik7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRHJhZ0Ryb3BNYW5hZ2VyKS5hcyhcIkRyYWdEcm9wTWFuYWdlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKEVkZ2VTY3JvbGxNYW5hZ2VyKS5hcyhcIkVkZ2VTY3JvbGxNYW5hZ2VyXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIGJ1aWxkZXIucmVnaXN0ZXJUeXBlKFJlc2l6ZU1hbmFnZXIpLmFzKFwiUmVzaXplTWFuYWdlclwiKS5hdXRvV2lyZSh7XG4gICAgICAgIG1hcFJlc29sdmVyczogW1xuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUV2ZW50QnVzXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiSUdyaWRDb25maWdcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEYXRlU2VydmljZVwiKVxuICAgICAgICBdXG4gICAgfSk7XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXIpLmFzKFwiRXZlbnRQZXJzaXN0ZW5jZU1hbmFnZXJcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkV2ZW50U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIklFdmVudEJ1c1wiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRhdGVTZXJ2aWNlXCIpXG4gICAgICAgIF1cbiAgICB9KTtcbiAgICAvLyBDYWxlbmRhckFwcCAtIGdlbmJydWdlbGlnIGthbGVuZGVya29tcG9uZW50XG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoQ2FsZW5kYXJBcHApLmFzKFwiQ2FsZW5kYXJBcHBcIikuYXV0b1dpcmUoe1xuICAgICAgICBtYXBSZXNvbHZlcnM6IFtcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkNhbGVuZGFyT3JjaGVzdHJhdG9yXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiVGltZUF4aXNSZW5kZXJlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkRhdGVTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2Nyb2xsTWFuYWdlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkhlYWRlckRyYXdlck1hbmFnZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJEcmFnRHJvcE1hbmFnZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJFZGdlU2Nyb2xsTWFuYWdlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIlJlc2l6ZU1hbmFnZXJcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJIZWFkZXJEcmF3ZXJSZW5kZXJlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkV2ZW50UGVyc2lzdGVuY2VNYW5hZ2VyXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiU2V0dGluZ3NTZXJ2aWNlXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiVmlld0NvbmZpZ1NlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIC8vIERlbW8gYXBwXG4gICAgYnVpbGRlci5yZWdpc3RlclR5cGUoRGVtb0FwcCkuYXMoXCJEZW1vQXBwXCIpLmF1dG9XaXJlKHtcbiAgICAgICAgbWFwUmVzb2x2ZXJzOiBbXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJbmRleGVkREJDb250ZXh0XCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0YVNlZWRlclwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkF1ZGl0U2VydmljZVwiKSxcbiAgICAgICAgICAgIGMgPT4gYy5yZXNvbHZlVHlwZShcIkNhbGVuZGFyQXBwXCIpLFxuICAgICAgICAgICAgYyA9PiBjLnJlc29sdmVUeXBlKFwiRGF0ZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJSZXNvdXJjZVNlcnZpY2VcIiksXG4gICAgICAgICAgICBjID0+IGMucmVzb2x2ZVR5cGUoXCJJRXZlbnRCdXNcIilcbiAgICAgICAgXVxuICAgIH0pO1xuICAgIHJldHVybiBidWlsZGVyLmJ1aWxkKCk7XG59XG4iLCAiaW1wb3J0IHsgY3JlYXRlVjJDb250YWluZXIgfSBmcm9tICcuLi9WMkNvbXBvc2l0aW9uUm9vdCc7XG5jb25zdCBjb250YWluZXIgPSBjcmVhdGVWMkNvbnRhaW5lcigpO1xuY29udGFpbmVyLnJlc29sdmVUeXBlKFwiRGVtb0FwcFwiKS5pbml0KCkuY2F0Y2goY29uc29sZS5lcnJvcik7XG4iXSwKICAibWFwcGluZ3MiOiAiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFBQTtBQUFBLEtBQUMsU0FBUyxHQUFFLEdBQUU7QUFBQyxrQkFBVSxPQUFPLFdBQVMsZUFBYSxPQUFPLFNBQU8sT0FBTyxVQUFRLEVBQUUsSUFBRSxjQUFZLE9BQU8sVUFBUSxPQUFPLE1BQUksT0FBTyxDQUFDLEtBQUcsSUFBRSxlQUFhLE9BQU8sYUFBVyxhQUFXLEtBQUcsTUFBTSxRQUFNLEVBQUU7QUFBQSxJQUFDLEVBQUUsU0FBTSxXQUFVO0FBQUM7QUFBYSxVQUFJLElBQUUsS0FBSSxJQUFFLEtBQUksSUFB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V0FBVztBQUFBLElBQ2xDO0FBQUEsRUFDSixDQUFDO0FBRUQsVUFBUSxhQUFhLE9BQU8sRUFBRSxHQUFHLFNBQVMsRUFBRSxTQUFTO0FBQUEsSUFDakQsY0FBYztBQUFBLE1BQ1YsT0FBSyxFQUFFLFlBQVksa0JBQWtCO0FBQUEsTUFDckMsT0FBSyxFQUFFLFlBQVksWUFBWTtBQUFBLE1BQy9CLE9BQUssRUFBRSxZQUFZLGNBQWM7QUFBQSxNQUNqQyxPQUFLLEVBQUUsWUFBWSxhQUFhO0FBQUEsTUFDaEMsT0FBSyxFQUFFLFlBQVksYUFBYTtBQUFBLE1BQ2hDLE9BQUssRUFBRSxZQUFZLGlCQUFpQjtBQUFBLE1BQ3BDLE9BQUssRUFBRSxZQUFZLFdBQVc7QUFBQSxJQUNsQztBQUFBLEVBQ0osQ0FBQztBQUNELFNBQU8sUUFBUSxNQUFNO0FBQ3pCO0FBdlZnQjs7O0FDekVoQixJQUFNLFlBQVksa0JBQWtCO0FBQ3BDLFVBQVUsWUFBWSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sUUFBUSxLQUFLOyIsCiAgIm5hbWVzIjogWyJ0IiwgImUiLCAibiIsICJyIiwgImkiLCAicyIsICJ1IiwgImEiLCAiTSIsICJtIiwgImYiLCAibCIsICIkIiwgInkiLCAidiIsICJnIiwgIkQiLCAibyIsICJkIiwgImMiLCAiaCIsICJ0IiwgImkiLCAiZSIsICJzIiwgImYiLCAibiIsICJ1IiwgInIiLCAibyIsICJ0IiwgIm4iLCAiaSIsICJvIiwgInIiLCAiZSIsICJ1IiwgImYiLCAicyIsICJhIiwgInQiLCAiaSIsICJkIiwgIm4iLCAiZSIsICJzIiwgInRva2VuIiwgImNvbnRhaW5lciIsICJjb250YWluZXIiLCAidG9rZW4iLCAiY29udGFpbmVyIiwgImRheWpzIiwgInV0YyIsICJ0aW1lem9uZSIsICJpc29XZWVrIiwgImNvbnRhaW5lciIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgImNvbnRhaW5lciIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgImdldEtleSIsICJza2lwUGF0aCIsICJrZXkiLCAiY29udGFpbmVyIiwgImNvbnRhaW5lciIsICJjb250YWluZXIiLCAiZGlmZiIsICJjb250YWluZXIiLCAiY29udGFpbmVyIiwgImRpZmYiLCAiY29udGFpbmVyIl0KfQo=
diff --git a/wwwroot/js/workers/SyncManager.d.ts b/wwwroot/js/workers/SyncManager.d.ts
new file mode 100644
index 0000000..dfc7f40
--- /dev/null
+++ b/wwwroot/js/workers/SyncManager.d.ts
@@ -0,0 +1,78 @@
+import { IEventBus } from '../types/CalendarTypes';
+import { OperationQueue } from '../storage/OperationQueue';
+import { IndexedDBService } from '../storage/IndexedDBService';
+import { ApiEventRepository } from '../repositories/ApiEventRepository';
+/**
+ * SyncManager - Background sync worker
+ * Processes operation queue and syncs with API when online
+ *
+ * Features:
+ * - Monitors online/offline status
+ * - Processes queue with FIFO order
+ * - Exponential backoff retry logic
+ * - Updates syncStatus in IndexedDB after successful sync
+ * - Emits sync events for UI feedback
+ */
+export declare class SyncManager {
+    private eventBus;
+    private queue;
+    private indexedDB;
+    private apiRepository;
+    private isOnline;
+    private isSyncing;
+    private syncInterval;
+    private maxRetries;
+    private intervalId;
+    constructor(eventBus: IEventBus, queue: OperationQueue, indexedDB: IndexedDBService, apiRepository: ApiEventRepository);
+    /**
+     * Setup online/offline event listeners
+     */
+    private setupNetworkListeners;
+    /**
+     * Start background sync worker
+     */
+    startSync(): void;
+    /**
+     * Stop background sync worker
+     */
+    stopSync(): void;
+    /**
+     * Process operation queue
+     * Sends pending operations to API
+     */
+    private processQueue;
+    /**
+     * Process a single operation
+     */
+    private processOperation;
+    /**
+     * Mark event as synced in IndexedDB
+     */
+    private markEventAsSynced;
+    /**
+     * Mark event as error in IndexedDB
+     */
+    private markEventAsError;
+    /**
+     * Calculate exponential backoff delay
+     * @param retryCount Current retry count
+     * @returns Delay in milliseconds
+     */
+    private calculateBackoff;
+    /**
+     * Manually trigger sync (for testing or manual sync button)
+     */
+    triggerManualSync(): Promise<void>;
+    /**
+     * Get current sync status
+     */
+    getSyncStatus(): {
+        isOnline: boolean;
+        isSyncing: boolean;
+        isRunning: boolean;
+    };
+    /**
+     * Cleanup - stop sync and remove listeners
+     */
+    destroy(): void;
+}
diff --git a/wwwroot/js/workers/SyncManager.js b/wwwroot/js/workers/SyncManager.js
new file mode 100644
index 0000000..4e67e87
--- /dev/null
+++ b/wwwroot/js/workers/SyncManager.js
@@ -0,0 +1,229 @@
+import { CoreEvents } from '../constants/CoreEvents';
+/**
+ * SyncManager - Background sync worker
+ * Processes operation queue and syncs with API when online
+ *
+ * Features:
+ * - Monitors online/offline status
+ * - Processes queue with FIFO order
+ * - Exponential backoff retry logic
+ * - Updates syncStatus in IndexedDB after successful sync
+ * - Emits sync events for UI feedback
+ */
+export class SyncManager {
+    constructor(eventBus, queue, indexedDB, apiRepository) {
+        this.isOnline = navigator.onLine;
+        this.isSyncing = false;
+        this.syncInterval = 5000; // 5 seconds
+        this.maxRetries = 5;
+        this.intervalId = null;
+        this.eventBus = eventBus;
+        this.queue = queue;
+        this.indexedDB = indexedDB;
+        this.apiRepository = apiRepository;
+        this.setupNetworkListeners();
+        this.startSync();
+        console.log('SyncManager initialized and started');
+    }
+    /**
+     * Setup online/offline event listeners
+     */
+    setupNetworkListeners() {
+        window.addEventListener('online', () => {
+            this.isOnline = true;
+            this.eventBus.emit(CoreEvents.OFFLINE_MODE_CHANGED, {
+                isOnline: true
+            });
+            console.log('SyncManager: Network online - starting sync');
+            this.startSync();
+        });
+        window.addEventListener('offline', () => {
+            this.isOnline = false;
+            this.eventBus.emit(CoreEvents.OFFLINE_MODE_CHANGED, {
+                isOnline: false
+            });
+            console.log('SyncManager: Network offline - pausing sync');
+            this.stopSync();
+        });
+    }
+    /**
+     * Start background sync worker
+     */
+    startSync() {
+        if (this.intervalId) {
+            return; // Already running
+        }
+        console.log('SyncManager: Starting background sync');
+        // Process immediately
+        this.processQueue();
+        // Then poll every syncInterval
+        this.intervalId = window.setInterval(() => {
+            this.processQueue();
+        }, this.syncInterval);
+    }
+    /**
+     * Stop background sync worker
+     */
+    stopSync() {
+        if (this.intervalId) {
+            window.clearInterval(this.intervalId);
+            this.intervalId = null;
+            console.log('SyncManager: Stopped background sync');
+        }
+    }
+    /**
+     * Process operation queue
+     * Sends pending operations to API
+     */
+    async processQueue() {
+        // Don't sync if offline
+        if (!this.isOnline) {
+            return;
+        }
+        // Don't start new sync if already syncing
+        if (this.isSyncing) {
+            return;
+        }
+        // Check if queue is empty
+        if (await this.queue.isEmpty()) {
+            return;
+        }
+        this.isSyncing = true;
+        try {
+            const operations = await this.queue.getAll();
+            this.eventBus.emit(CoreEvents.SYNC_STARTED, {
+                operationCount: operations.length
+            });
+            // Process operations one by one (FIFO)
+            for (const operation of operations) {
+                await this.processOperation(operation);
+            }
+            this.eventBus.emit(CoreEvents.SYNC_COMPLETED, {
+                operationCount: operations.length
+            });
+        }
+        catch (error) {
+            console.error('SyncManager: Queue processing error:', error);
+            this.eventBus.emit(CoreEvents.SYNC_FAILED, {
+                error: error instanceof Error ? error.message : 'Unknown error'
+            });
+        }
+        finally {
+            this.isSyncing = false;
+        }
+    }
+    /**
+     * Process a single operation
+     */
+    async processOperation(operation) {
+        // Check if max retries exceeded
+        if (operation.retryCount >= this.maxRetries) {
+            console.error(`SyncManager: Max retries exceeded for operation ${operation.id}`, operation);
+            await this.queue.remove(operation.id);
+            await this.markEventAsError(operation.eventId);
+            return;
+        }
+        try {
+            // Send to API based on operation type
+            switch (operation.type) {
+                case 'create':
+                    await this.apiRepository.sendCreate(operation.data);
+                    break;
+                case 'update':
+                    await this.apiRepository.sendUpdate(operation.eventId, operation.data);
+                    break;
+                case 'delete':
+                    await this.apiRepository.sendDelete(operation.eventId);
+                    break;
+                default:
+                    console.error(`SyncManager: Unknown operation type ${operation.type}`);
+                    await this.queue.remove(operation.id);
+                    return;
+            }
+            // Success - remove from queue and mark as synced
+            await this.queue.remove(operation.id);
+            await this.markEventAsSynced(operation.eventId);
+            console.log(`SyncManager: Successfully synced operation ${operation.id}`);
+        }
+        catch (error) {
+            console.error(`SyncManager: Failed to sync operation ${operation.id}:`, error);
+            // Increment retry count
+            await this.queue.incrementRetryCount(operation.id);
+            // Calculate backoff delay
+            const backoffDelay = this.calculateBackoff(operation.retryCount + 1);
+            this.eventBus.emit(CoreEvents.SYNC_RETRY, {
+                operationId: operation.id,
+                retryCount: operation.retryCount + 1,
+                nextRetryIn: backoffDelay
+            });
+        }
+    }
+    /**
+     * Mark event as synced in IndexedDB
+     */
+    async markEventAsSynced(eventId) {
+        try {
+            const event = await this.indexedDB.getEvent(eventId);
+            if (event) {
+                event.syncStatus = 'synced';
+                await this.indexedDB.saveEvent(event);
+            }
+        }
+        catch (error) {
+            console.error(`SyncManager: Failed to mark event ${eventId} as synced:`, error);
+        }
+    }
+    /**
+     * Mark event as error in IndexedDB
+     */
+    async markEventAsError(eventId) {
+        try {
+            const event = await this.indexedDB.getEvent(eventId);
+            if (event) {
+                event.syncStatus = 'error';
+                await this.indexedDB.saveEvent(event);
+            }
+        }
+        catch (error) {
+            console.error(`SyncManager: Failed to mark event ${eventId} as error:`, error);
+        }
+    }
+    /**
+     * Calculate exponential backoff delay
+     * @param retryCount Current retry count
+     * @returns Delay in milliseconds
+     */
+    calculateBackoff(retryCount) {
+        // Exponential backoff: 2^retryCount * 1000ms
+        // Retry 1: 2s, Retry 2: 4s, Retry 3: 8s, Retry 4: 16s, Retry 5: 32s
+        const baseDelay = 1000;
+        const exponentialDelay = Math.pow(2, retryCount) * baseDelay;
+        const maxDelay = 60000; // Max 1 minute
+        return Math.min(exponentialDelay, maxDelay);
+    }
+    /**
+     * Manually trigger sync (for testing or manual sync button)
+     */
+    async triggerManualSync() {
+        console.log('SyncManager: Manual sync triggered');
+        await this.processQueue();
+    }
+    /**
+     * Get current sync status
+     */
+    getSyncStatus() {
+        return {
+            isOnline: this.isOnline,
+            isSyncing: this.isSyncing,
+            isRunning: this.intervalId !== null
+        };
+    }
+    /**
+     * Cleanup - stop sync and remove listeners
+     */
+    destroy() {
+        this.stopSync();
+        // Note: We don't remove window event listeners as they're global
+    }
+}
+//# sourceMappingURL=SyncManager.js.map
\ No newline at end of file
diff --git a/wwwroot/js/workers/SyncManager.js.map b/wwwroot/js/workers/SyncManager.js.map
new file mode 100644
index 0000000..3bdd938
--- /dev/null
+++ b/wwwroot/js/workers/SyncManager.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SyncManager.js","sourceRoot":"","sources":["../../../src/workers/SyncManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/wwwroot/plantempus-sales.html b/wwwroot/plantempus-sales.html
new file mode 100644
index 0000000..9439cd8
--- /dev/null
+++ b/wwwroot/plantempus-sales.html
@@ -0,0 +1,1896 @@
+
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Plantempus - Din salon digitaliseret og optimeret</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+    }
+
+    /* ==========================================
+       VARIABLES
+       ========================================== */
+    :root {
+      --color-primary: #6B8CAE;
+      --color-primary-light: #E8EDF3;
+      --color-primary-dark: #4A6B8A;
+      --color-accent: #E07B39;
+      --color-accent-light: #FCF0E8;
+      --color-surface: #ffffff;
+      --color-background: #f8f9fa;
+      --color-border: #e0e0e0;
+      --color-text: #2c3e50;
+      --color-text-secondary: #6c757d;
+      --color-text-muted: #95a5a6;
+      --color-green: #52A675;
+      --color-blue: #6B8CAE;
+      --color-purple: #9B87B5;
+      --color-amber: #E07B39;
+      --font-family: 'Poppins', -apple-system, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    html {
+      scroll-behavior: smooth;
+    }
+
+    body {
+      font-family: var(--font-family);
+      color: var(--color-text);
+      line-height: 1.6;
+      background: var(--color-surface);
+    }
+
+    /* ==========================================
+       NAVIGATION
+       ========================================== */
+    .navbar {
+      position: sticky;
+      top: 0;
+      z-index: 1000;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      padding: 16px 0;
+    }
+
+    .navbar-container {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 0 24px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .logo {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-size: 24px;
+      font-weight: 700;
+      color: var(--color-primary);
+      text-decoration: none;
+    }
+
+    .logo-icon {
+      width: 40px;
+      height: 40px;
+      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: white;
+      font-size: 18px;
+    }
+
+    .nav-links {
+      display: flex;
+      gap: 32px;
+      list-style: none;
+    }
+
+    .nav-links a {
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-weight: 500;
+      transition: color 150ms ease;
+    }
+
+    .nav-links a:hover {
+      color: var(--color-primary);
+    }
+
+    .nav-cta {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 12px 24px;
+      background: var(--color-primary);
+      color: white;
+      border-radius: 8px;
+      text-decoration: none;
+      font-weight: 600;
+      transition: background 150ms ease;
+    }
+
+    .nav-cta:hover {
+      background: var(--color-primary-dark);
+    }
+
+    /* ==========================================
+       HERO SECTION
+       ========================================== */
+    .hero {
+      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
+      color: white;
+      padding: 120px 24px;
+      text-align: center;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .hero::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+      opacity: 0.3;
+    }
+
+    .hero-container {
+      max-width: 900px;
+      margin: 0 auto;
+      position: relative;
+      z-index: 1;
+    }
+
+    .hero-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 24px;
+      font-size: 14px;
+      font-weight: 600;
+      margin-bottom: 24px;
+    }
+
+    .hero h1 {
+      font-size: 56px;
+      font-weight: 700;
+      line-height: 1.2;
+      margin-bottom: 24px;
+    }
+
+    .hero-subtitle {
+      font-size: 24px;
+      font-weight: 400;
+      opacity: 0.95;
+      margin-bottom: 40px;
+    }
+
+    .hero-cta-group {
+      display: flex;
+      gap: 16px;
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+
+    .btn-primary {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      padding: 16px 32px;
+      background: white;
+      color: var(--color-primary);
+      border-radius: 8px;
+      text-decoration: none;
+      font-weight: 600;
+      font-size: 16px;
+      transition: transform 150ms ease, box-shadow 150ms ease;
+    }
+
+    .btn-primary:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+    }
+
+    .btn-secondary {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      padding: 16px 32px;
+      background: rgba(255, 255, 255, 0.2);
+      color: white;
+      border: 2px solid white;
+      border-radius: 8px;
+      text-decoration: none;
+      font-weight: 600;
+      font-size: 16px;
+      transition: background 150ms ease;
+    }
+
+    .btn-secondary:hover {
+      background: rgba(255, 255, 255, 0.3);
+    }
+
+    /* ==========================================
+       SECTIONS
+       ========================================== */
+    .section {
+      padding: 80px 24px;
+    }
+
+    .section-alt {
+      background: var(--color-background);
+    }
+
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    .section-header {
+      text-align: center;
+      margin-bottom: 60px;
+    }
+
+    .section-badge {
+      display: inline-block;
+      padding: 6px 16px;
+      background: var(--color-primary-light);
+      color: var(--color-primary);
+      border-radius: 24px;
+      font-size: 13px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 16px;
+    }
+
+    .section-title {
+      font-size: 42px;
+      font-weight: 700;
+      color: var(--color-text);
+      margin-bottom: 16px;
+    }
+
+    .section-subtitle {
+      font-size: 20px;
+      color: var(--color-text-secondary);
+      max-width: 700px;
+      margin: 0 auto;
+    }
+
+    /* ==========================================
+       PITCH SECTION
+       ========================================== */
+    .pitch-box {
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 40px;
+      background: var(--color-surface);
+      border-radius: 16px;
+      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
+      font-size: 18px;
+      line-height: 1.8;
+      color: var(--color-text);
+    }
+
+    .pitch-highlight {
+      color: var(--color-primary);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       FEATURE GRID
+       ========================================== */
+    .feature-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 32px;
+    }
+
+    @media (max-width: 900px) {
+      .feature-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    @media (max-width: 600px) {
+      .feature-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .feature-card {
+      padding: 32px;
+      background: var(--color-surface);
+      border-radius: 12px;
+      border: 1px solid var(--color-border);
+      transition: transform 150ms ease, box-shadow 150ms ease;
+    }
+
+    .feature-card:hover {
+      transform: translateY(-4px);
+      box-shadow: 0 8px 24px rgba(0, 137, 123, 0.15);
+    }
+
+    .feature-icon {
+      width: 56px;
+      height: 56px;
+      background: var(--color-primary-light);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 20px;
+    }
+
+    .feature-icon i {
+      font-size: 28px;
+      color: var(--color-primary);
+    }
+
+    .feature-title {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 12px;
+      color: var(--color-text);
+    }
+
+    .feature-desc {
+      color: var(--color-text-secondary);
+      line-height: 1.6;
+    }
+
+    /* ==========================================
+       AI SECTION
+       ========================================== */
+    .ai-showcase {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 48px;
+      align-items: center;
+    }
+
+    @media (max-width: 900px) {
+      .ai-showcase {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .ai-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-amber) 100%);
+      color: white;
+      border-radius: 24px;
+      font-size: 13px;
+      font-weight: 600;
+      margin-bottom: 20px;
+    }
+
+    .ai-title {
+      font-size: 36px;
+      font-weight: 700;
+      margin-bottom: 20px;
+      color: var(--color-text);
+    }
+
+    .ai-desc {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      margin-bottom: 32px;
+      line-height: 1.7;
+    }
+
+    .ai-stats {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 24px;
+    }
+
+    .ai-stat {
+      text-align: center;
+      padding: 20px;
+      background: var(--color-background);
+      border-radius: 12px;
+    }
+
+    .ai-stat-value {
+      font-size: 32px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-primary);
+      margin-bottom: 8px;
+    }
+
+    .ai-stat-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    .ai-visual {
+      background: var(--color-background);
+      border-radius: 16px;
+      padding: 40px;
+      border: 2px solid var(--color-border);
+    }
+
+    /* ==========================================
+       BENEFITS SECTION
+       ========================================== */
+    .benefits-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 40px;
+    }
+
+    @media (max-width: 768px) {
+      .benefits-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .benefit-item {
+      display: flex;
+      gap: 20px;
+    }
+
+    .benefit-icon {
+      width: 48px;
+      height: 48px;
+      background: var(--color-primary);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .benefit-icon i {
+      font-size: 24px;
+      color: white;
+    }
+
+    .benefit-content h3 {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 8px;
+      color: var(--color-text);
+    }
+
+    .benefit-content p {
+      color: var(--color-text-secondary);
+      line-height: 1.6;
+    }
+
+    /* ==========================================
+       PRICING SECTION
+       ========================================== */
+    .pricing-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 32px;
+      max-width: 1100px;
+      margin: 0 auto;
+    }
+
+    @media (max-width: 900px) {
+      .pricing-grid {
+        grid-template-columns: 1fr;
+        max-width: 400px;
+      }
+    }
+
+    .pricing-card {
+      background: var(--color-surface);
+      border: 2px solid var(--color-border);
+      border-radius: 16px;
+      padding: 40px 32px;
+      position: relative;
+      transition: transform 150ms ease, box-shadow 150ms ease;
+    }
+
+    .pricing-card:hover {
+      transform: translateY(-8px);
+      box-shadow: 0 12px 32px rgba(0, 137, 123, 0.15);
+    }
+
+    .pricing-card.featured {
+      border-color: var(--color-primary);
+      box-shadow: 0 8px 32px rgba(0, 137, 123, 0.2);
+    }
+
+    .pricing-badge {
+      position: absolute;
+      top: -12px;
+      left: 50%;
+      transform: translateX(-50%);
+      padding: 6px 16px;
+      background: var(--color-primary);
+      color: white;
+      border-radius: 24px;
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+    }
+
+    .pricing-name {
+      font-size: 24px;
+      font-weight: 600;
+      margin-bottom: 8px;
+      color: var(--color-text);
+    }
+
+    .pricing-users {
+      color: var(--color-text-secondary);
+      font-size: 14px;
+      margin-bottom: 24px;
+    }
+
+    .pricing-price {
+      display: flex;
+      align-items: baseline;
+      gap: 8px;
+      margin-bottom: 32px;
+    }
+
+    .pricing-amount {
+      font-size: 48px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    .pricing-period {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+    }
+
+    .pricing-features {
+      list-style: none;
+      margin-bottom: 32px;
+    }
+
+    .pricing-features li {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 10px 0;
+      color: var(--color-text);
+    }
+
+    .pricing-features i {
+      color: var(--color-accent);
+      font-size: 20px;
+      flex-shrink: 0;
+      margin-top: 2px;
+    }
+
+    .pricing-cta {
+      display: block;
+      width: 100%;
+      padding: 14px 24px;
+      background: var(--color-primary);
+      color: white;
+      border: none;
+      border-radius: 8px;
+      font-weight: 600;
+      font-size: 16px;
+      font-family: var(--font-family);
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .pricing-cta:hover {
+      background: var(--color-primary-dark);
+    }
+
+    .pricing-card.featured .pricing-cta {
+      background: var(--color-primary-dark);
+    }
+
+    .pricing-card:not(.featured) .pricing-cta {
+      background: transparent;
+      color: var(--color-primary);
+      border: 2px solid var(--color-primary);
+    }
+
+    /* ==========================================
+       TESTIMONIALS
+       ========================================== */
+    .testimonials-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 32px;
+    }
+
+    @media (max-width: 900px) {
+      .testimonials-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .testimonial-card {
+      background: var(--color-surface);
+      padding: 32px;
+      border-radius: 12px;
+      border: 1px solid var(--color-border);
+    }
+
+    .testimonial-quote {
+      font-size: 16px;
+      line-height: 1.7;
+      color: var(--color-text);
+      margin-bottom: 24px;
+      font-style: italic;
+    }
+
+    .testimonial-author {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    .testimonial-avatar {
+      width: 48px;
+      height: 48px;
+      background: var(--color-accent);
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: 600;
+      font-size: 18px;
+    }
+
+    .testimonial-info {
+      flex: 1;
+    }
+
+    .testimonial-name {
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    .testimonial-title {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       ROI SECTION
+       ========================================== */
+    .roi-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 32px;
+      max-width: 1000px;
+      margin: 0 auto;
+    }
+
+    @media (max-width: 768px) {
+      .roi-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    .roi-card {
+      text-align: center;
+      padding: 32px 24px;
+      background: var(--color-surface);
+      border-radius: 12px;
+      border: 2px solid var(--color-border);
+    }
+
+    .roi-value {
+      font-size: 48px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-primary);
+      margin-bottom: 8px;
+    }
+
+    .roi-label {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       CTA SECTION
+       ========================================== */
+    .cta-section {
+      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
+      color: white;
+      padding: 80px 24px;
+      text-align: center;
+    }
+
+    .cta-section h2 {
+      font-size: 42px;
+      font-weight: 700;
+      margin-bottom: 20px;
+    }
+
+    .cta-section p {
+      font-size: 20px;
+      opacity: 0.95;
+      margin-bottom: 40px;
+    }
+
+    /* ==========================================
+       FOOTER
+       ========================================== */
+    .footer {
+      background: var(--color-text);
+      color: var(--color-text-secondary);
+      padding: 60px 24px 32px;
+    }
+
+    .footer-container {
+      max-width: 1200px;
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: 2fr 1fr 1fr 1fr;
+      gap: 48px;
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 768px) {
+      .footer-container {
+        grid-template-columns: 1fr;
+        gap: 32px;
+      }
+    }
+
+    .footer-logo {
+      color: white;
+      font-size: 24px;
+      font-weight: 700;
+      margin-bottom: 16px;
+    }
+
+    .footer-desc {
+      line-height: 1.7;
+      margin-bottom: 20px;
+    }
+
+    .footer-title {
+      color: white;
+      font-weight: 600;
+      margin-bottom: 16px;
+    }
+
+    .footer-links {
+      list-style: none;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .footer-links a {
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      transition: color 150ms ease;
+    }
+
+    .footer-links a:hover {
+      color: var(--color-primary);
+    }
+
+    .footer-bottom {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding-top: 32px;
+      border-top: 1px solid rgba(255, 255, 255, 0.1);
+      text-align: center;
+    }
+
+    /* ==========================================
+       MODULE CARDS (for detailed features)
+       ========================================== */
+    .module-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 24px;
+    }
+
+    @media (max-width: 768px) {
+      .module-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .module-card {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 12px;
+      padding: 28px;
+      transition: border-color 150ms ease;
+    }
+
+    .module-card:hover {
+      border-color: var(--color-primary);
+    }
+
+    .module-header {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    .module-icon {
+      width: 48px;
+      height: 48px;
+      background: var(--color-primary-light);
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .module-icon i {
+      font-size: 24px;
+      color: var(--color-primary);
+    }
+
+    .module-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    .module-features {
+      list-style: none;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .module-features li {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    .module-features i {
+      color: var(--color-accent);
+      font-size: 16px;
+      flex-shrink: 0;
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    .stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 24px;
+      padding: 60px 24px;
+      background: var(--color-primary-dark);
+      color: white;
+    }
+
+    @media (max-width: 768px) {
+      .stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    .stat-item {
+      text-align: center;
+    }
+
+    .stat-value {
+      font-size: 48px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      margin-bottom: 8px;
+    }
+
+    .stat-label {
+      font-size: 16px;
+      opacity: 0.9;
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 768px) {
+      .hero h1 {
+        font-size: 36px;
+      }
+
+      .hero-subtitle {
+        font-size: 18px;
+      }
+
+      .section-title {
+        font-size: 32px;
+      }
+
+      .nav-links {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Navigation -->
+  <nav class="navbar">
+    <div class="navbar-container">
+      <a href="#" class="logo">
+        <div class="logo-icon">P</div>
+        <span>Plantempus</span>
+      </a>
+      <ul class="nav-links">
+        <li><a href="#features">Features</a></li>
+        <li><a href="#ai">AI-Innovation</a></li>
+        <li><a href="#pricing">Priser</a></li>
+        <li><a href="#demo">Demo</a></li>
+      </ul>
+      <a href="#pricing" class="nav-cta">
+        <i class="ph ph-rocket-launch"></i>
+        Kom i gang
+      </a>
+    </div>
+  </nav>
+
+  <!-- Hero Section -->
+  <section class="hero">
+    <div class="hero-container">
+      <div class="hero-badge">
+        <i class="ph ph-scissors"></i>
+        Til professionelle frisører og skønhedssaloner
+      </div>
+      <h1>Mere tid til det du er god til</h1>
+      <p class="hero-subtitle">
+        Plantempus tager sig af booking, administration og papirarbejde - så du kan fokusere på dine kunder og dit håndværk.
+      </p>
+      <div class="hero-cta-group">
+        <a href="#pricing" class="btn-primary">
+          <i class="ph ph-rocket-launch"></i>
+          Prøv gratis i 14 dage
+        </a>
+        <a href="#demo" class="btn-secondary">
+          <i class="ph ph-play"></i>
+          Se demo
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <!-- Stats Bar -->
+  <div class="stats-bar">
+    <div class="stat-item">
+      <div class="stat-value">10t</div>
+      <div class="stat-label">Mere tid til kunder om ugen</div>
+    </div>
+    <div class="stat-item">
+      <div class="stat-value">0 kr</div>
+      <div class="stat-label">I tabte bookinger</div>
+    </div>
+    <div class="stat-item">
+      <div class="stat-value">24/7</div>
+      <div class="stat-label">Kunderne kan selv booke</div>
+    </div>
+    <div class="stat-item">
+      <div class="stat-value">5 min</div>
+      <div class="stat-label">At lukke kassen dagligt</div>
+    </div>
+  </div>
+
+  <!-- Elevator Pitch Section -->
+  <section class="section">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">For professionelle frisører</div>
+        <h2 class="section-title">Gør det du elsker - ikke papirarbejde</h2>
+      </div>
+      
+      <div class="pitch-box">
+        <p>
+          <strong class="pitch-highlight">Du blev frisør for at klippe hår - ikke for at sidde med papirarbejde.</strong>
+          Plantempus håndterer booking, påmindelser og løn automatisk.
+          Kunderne booker selv online. Du får tid til det du er god til.
+        </p>
+        <p style="margin-top: 20px;">
+          <strong class="pitch-highlight">10 timer mere om ugen til dine kunder.</strong>
+          Ingen dobbeltbookinger. Ingen glemte påmindelser. Ingen timer ved Excel.
+          Bare en fyldt kalender og tilfredse kunder.
+        </p>
+        <p style="margin-top: 20px;">
+          <strong class="pitch-highlight">Gratis i 14 dage.</strong>
+          Ingen binding. Intet kreditkort.
+        </p>
+      </div>
+    </div>
+  </section>
+
+  <!-- Core Features Section -->
+  <section id="features" class="section section-alt">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Kernefunktionalitet</div>
+        <h2 class="section-title">Alt hvad din salon har brug for - i ét system</h2>
+        <p class="section-subtitle">
+          Fra online booking til lønudbetaling. Plantempus dækker hele din forretning.
+        </p>
+      </div>
+
+      <div class="feature-grid">
+        <div class="feature-card">
+          <div class="feature-icon">
+            <i class="ph ph-calendar-check"></i>
+          </div>
+          <h3 class="feature-title">Booking der kører sig selv</h3>
+          <p class="feature-desc">
+            Kunderne booker selv online når det passer dem - også klokken 22 om aftenen.
+            Systemet sender selv påmindelser, så du slipper for no-shows.
+          </p>
+        </div>
+
+        <div class="feature-card">
+          <div class="feature-icon">
+            <i class="ph ph-users-three"></i>
+          </div>
+          <h3 class="feature-title">Husk hver kunde</h3>
+          <p class="feature-desc">
+            Gem farveformler, noter og præferencer direkte i systemet.
+            Næste gang kunden kommer, har du alt ved hånden - selv om det er 6 måneder siden.
+          </p>
+        </div>
+
+        <div class="feature-card">
+          <div class="feature-icon">
+            <i class="ph ph-shopping-cart"></i>
+          </div>
+          <h3 class="feature-title">Nem betaling</h3>
+          <p class="feature-desc">
+            Tag imod kort, kontant, MobilePay og gavekort - alt sammen i samme system.
+            Scan stregkoder på produkter og de kommer automatisk med på kvitteringen.
+          </p>
+        </div>
+
+        <div class="feature-card">
+          <div class="feature-icon">
+            <i class="ph ph-user-circle-gear"></i>
+          </div>
+          <h3 class="feature-title">Styr på medarbejdere</h3>
+          <p class="feature-desc">
+            Planlæg vagter, hold styr på ferie og sygedage.
+            Løn og provision bliver beregnet automatisk - eksporter direkte til dit lønsystem.
+          </p>
+        </div>
+
+        <div class="feature-card">
+          <div class="feature-icon">
+            <i class="ph ph-coins"></i>
+          </div>
+          <h3 class="feature-title">Nemt kassearbejde</h3>
+          <p class="feature-desc">
+            Luk kassen på 5 minutter i stedet for 30.
+            Systemet tæller op for dig og viser hvor meget der skal være i skuffen.
+          </p>
+        </div>
+
+        <div class="feature-card">
+          <div class="feature-icon">
+            <i class="ph ph-chart-line-up"></i>
+          </div>
+          <h3 class="feature-title">Se hvordan det går</h3>
+          <p class="feature-desc">
+            Simpelt dashboard der viser hvad du tjener, hvilke kunder der kommer tilbage,
+            og hvor meget hver medarbejder omsætter for. Ingen komplicerede rapporter.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Smart Features Section -->
+  <section id="ai" class="section">
+    <div class="container">
+      <div class="ai-showcase">
+        <div>
+          <div class="ai-badge">
+            <i class="ph ph-lightbulb"></i>
+            Smart hjælp
+          </div>
+          <h2 class="ai-title">Systemet arbejder for dig - ikke omvendt</h2>
+          <p class="ai-desc">
+            Plantempus gør det tunge arbejde. Det foreslår de bedste tider til dine kunder (så de ikke ringer midt i en klipning),
+            giver dig besked når du har huller i kalenderen der kan fyldes, og husker hvilke produkter dine kunder plejer at købe.
+            Det er som at have en ekstra medarbejder - der aldrig har fri.
+          </p>
+          <div class="ai-stats">
+            <div class="ai-stat">
+              <div class="ai-stat-value">10t</div>
+              <div class="ai-stat-label">Mere tid til kunder/uge</div>
+            </div>
+            <div class="ai-stat">
+              <div class="ai-stat-value">0</div>
+              <div class="ai-stat-label">Glemte påmindelser</div>
+            </div>
+            <div class="ai-stat">
+              <div class="ai-stat-value">+8</div>
+              <div class="ai-stat-label">Ekstra kunder/uge</div>
+            </div>
+          </div>
+        </div>
+        <div class="ai-visual">
+          <img src="data:image/svg+xml,%3Csvg width='400' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='400' height='300' fill='%23f5f5f5'/%3E%3Ctext x='200' y='150' text-anchor='middle' font-family='Poppins' font-size='18' fill='%2300897b'%3EAI Dashboard Preview%3C/text%3E%3C/svg%3E" alt="AI Dashboard" style="width: 100%; border-radius: 8px;">
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Detailed Modules Section -->
+  <section class="section section-alt">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Alt du har brug for</div>
+        <h2 class="section-title">Ét system der klarer det hele</h2>
+        <p class="section-subtitle">
+          Fra booking til løn. Fra kundejournal til kasseafstemning. Alt samlet ét sted.
+        </p>
+      </div>
+
+      <div class="module-grid">
+        <!-- Booking & Kalender -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-calendar-check"></i>
+            </div>
+            <h3 class="module-title">Booking & Kalender</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Kunderne booker selv online</li>
+            <li><i class="ph ph-check"></i> Forslag til ledige tider</li>
+            <li><i class="ph ph-check"></i> Venteliste når I er fyldt op</li>
+            <li><i class="ph ph-check"></i> Flyt bookinger med træk-og-slip</li>
+            <li><i class="ph ph-check"></i> Book flere medarbejdere til samme kunde</li>
+            <li><i class="ph ph-check"></i> Automatiske påmindelser</li>
+          </ul>
+        </div>
+
+        <!-- Kunde-management -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-address-book"></i>
+            </div>
+            <h3 class="module-title">Kunde-management</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Alle kunder ét sted</li>
+            <li><i class="ph ph-check"></i> Marker VIP-kunder og stamkunder</li>
+            <li><i class="ph ph-check"></i> Gem noter og observationer</li>
+            <li><i class="ph ph-check"></i> Farveformler der følger med</li>
+            <li><i class="ph ph-check"></i> Link familie-medlemmer</li>
+            <li><i class="ph ph-check"></i> Håndter marketing-tilladelser</li>
+          </ul>
+        </div>
+
+        <!-- Medarbejder & HR -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-users"></i>
+            </div>
+            <h3 class="module-title">Medarbejdere</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Planlæg vagter for hele ugen</li>
+            <li><i class="ph ph-check"></i> Løn regnes automatisk ud</li>
+            <li><i class="ph ph-check"></i> Gem kontrakter og dokumenter</li>
+            <li><i class="ph ph-check"></i> Hold styr på ferie og sygdom</li>
+            <li><i class="ph ph-check"></i> Påmindelser om certificeringer</li>
+            <li><i class="ph ph-check"></i> Se hvem der tjener mest</li>
+          </ul>
+        </div>
+
+        <!-- Økonomi & Kasse -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-credit-card"></i>
+            </div>
+            <h3 class="module-title">Økonomi & Kasse</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Tag imod kort, kontant, MobilePay</li>
+            <li><i class="ph ph-check"></i> Sælg og administrer gavekort</li>
+            <li><i class="ph ph-check"></i> Kasseafstemning på 5 minutter</li>
+            <li><i class="ph ph-check"></i> Del betalingen på flere metoder</li>
+            <li><i class="ph ph-check"></i> Print eller email kvitteringer</li>
+            <li><i class="ph ph-check"></i> Scan produkter ind</li>
+          </ul>
+        </div>
+
+        <!-- AI & Analyse -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-lightbulb"></i>
+            </div>
+            <h3 class="module-title">Smart hjælp</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Foreslår de bedste booking-tider</li>
+            <li><i class="ph ph-check"></i> Finder huller i din kalender</li>
+            <li><i class="ph ph-check"></i> Advarer når kunder er ved at stoppe</li>
+            <li><i class="ph ph-check"></i> Anbefaler produkter til kunder</li>
+            <li><i class="ph ph-check"></i> Viser hvad der sælger bedst</li>
+            <li><i class="ph ph-check"></i> Giver dig overblik hver dag</li>
+          </ul>
+        </div>
+
+        <!-- Automatisering -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-lightning"></i>
+            </div>
+            <h3 class="module-title">Ting der sker selv</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> SMS går automatisk ud</li>
+            <li><i class="ph ph-check"></i> Emails når noget ændres</li>
+            <li><i class="ph ph-check"></i> Send løn direkte til revisor</li>
+            <li><i class="ph ph-check"></i> Kvitteringer til sygeforsikring</li>
+            <li><i class="ph ph-check"></i> Synk med din telefon-kalender</li>
+            <li><i class="ph ph-check"></i> Kvitteringer printes eller sendes</li>
+          </ul>
+        </div>
+
+        <!-- Integration -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-plugs-connected"></i>
+            </div>
+            <h3 class="module-title">Virker med det du har</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Intect, Proløn, Zenegy og flere</li>
+            <li><i class="ph ph-check"></i> Sender til "danmark" sygeforsikring</li>
+            <li><i class="ph ph-check"></i> Tæl besøgende på hjemmesiden</li>
+            <li><i class="ph ph-check"></i> Beskyt kundernes privatliv</li>
+            <li><i class="ph ph-check"></i> Synk med Google/Apple kalender</li>
+            <li><i class="ph ph-check"></i> Kan kobles til andre systemer</li>
+          </ul>
+        </div>
+
+        <!-- Indstillinger -->
+        <div class="module-card">
+          <div class="module-header">
+            <div class="module-icon">
+              <i class="ph ph-sliders"></i>
+            </div>
+            <h3 class="module-title">Gør det til dit eget</h3>
+          </div>
+          <ul class="module-features">
+            <li><i class="ph ph-check"></i> Slå funktioner til og fra</li>
+            <li><i class="ph ph-check"></i> Dit logo og dine farver</li>
+            <li><i class="ph ph-check"></i> Skriv dine egne beskeder</li>
+            <li><i class="ph ph-check"></i> Sæt åbningstider og helligdage</li>
+            <li><i class="ph ph-check"></i> Flere saloner i samme system</li>
+            <li><i class="ph ph-check"></i> Mørkt tema til aftenvagter</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- ROI & Benefits -->
+  <section class="section">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Resultater</div>
+        <h2 class="section-title">Det virker i praksis</h2>
+        <p class="section-subtitle">
+          Tal fra saloner der allerede bruger Plantempus
+        </p>
+      </div>
+
+      <div class="roi-grid">
+        <div class="roi-card">
+          <div class="roi-value">10t</div>
+          <div class="roi-label">Mere tid til kunder hver uge</div>
+        </div>
+        <div class="roi-card">
+          <div class="roi-value">95%</div>
+          <div class="roi-label">Kunder møder op (ingen no-shows)</div>
+        </div>
+        <div class="roi-card">
+          <div class="roi-value">8</div>
+          <div class="roi-label">Ekstra kunder om ugen</div>
+        </div>
+        <div class="roi-card">
+          <div class="roi-value">0 kr</div>
+          <div class="roi-label">Tabte bookinger om måneden</div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Benefits Section -->
+  <section class="section section-alt">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Fordele</div>
+        <h2 class="section-title">Hvorfor vælge Plantempus?</h2>
+      </div>
+
+      <div class="benefits-grid">
+        <div class="benefit-item">
+          <div class="benefit-icon">
+            <i class="ph ph-rocket-launch"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Start i dag</h3>
+            <p>
+              Intet at installere. Ingen kompliceret opsætning.
+              Du kan være klar til at modtage bookinger samme dag du starter.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon">
+            <i class="ph ph-currency-circle-dollar"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Ingen overraskelser</h3>
+            <p>
+              Fast pris hver måned. Ingen skjulte gebyrer. Ubegrænsede bookinger og SMS inkluderet.
+              Du betaler kun for antallet af medarbejdere.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon">
+            <i class="ph ph-shield-check"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Sikkerhed & GDPR</h3>
+            <p>
+              Dine data er krypteret og hostet sikkert i EU. Fuld GDPR-compliance, 
+              automatisk backup og 99.9% uptime garanti.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon">
+            <i class="ph ph-headset"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Hjælp når du har brug for det</h3>
+            <p>
+              Skriv eller ring på dansk til folk der kender til frisørbranchen.
+              Vi svarer hurtigt og forklarer tingene i et sprog du forstår.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon">
+            <i class="ph ph-device-mobile"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Virker på mobilen</h3>
+            <p>
+              Kunderne booker fra deres telefon. Du kan tjekke kalenderen og ændre bookinger fra din tablet.
+              Intet kræver at du sidder ved en computer.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon">
+            <i class="ph ph-arrows-clockwise"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Bliver bedre hele tiden</h3>
+            <p>
+              Nye funktioner tilføjes løbende uden du skal betale mere.
+              Vi lytter til hvad I har brug for og bygger det ind.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Pricing Section -->
+  <section id="pricing" class="section">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Priser</div>
+        <h2 class="section-title">Vælg den plan der passer til dig</h2>
+        <p class="section-subtitle">
+          Alle planer inkluderer 14 dages gratis prøveperiode. Ingen binding. Opsig når som helst.
+        </p>
+      </div>
+
+      <div class="pricing-grid">
+        <!-- Basis Plan -->
+        <div class="pricing-card">
+          <h3 class="pricing-name">Basis</h3>
+          <p class="pricing-users">1-3 brugere</p>
+          <div class="pricing-price">
+            <span class="pricing-amount">299</span>
+            <span class="pricing-period">kr/md</span>
+          </div>
+          <ul class="pricing-features">
+            <li><i class="ph ph-check-circle"></i> Op til 3 brugere</li>
+            <li><i class="ph ph-check-circle"></i> Online booking</li>
+            <li><i class="ph ph-check-circle"></i> Kalender & aftalestyring</li>
+            <li><i class="ph ph-check-circle"></i> Kundekartotek</li>
+            <li><i class="ph ph-check-circle"></i> SMS-påmindelser</li>
+            <li><i class="ph ph-check-circle"></i> Email-notifikationer</li>
+            <li><i class="ph ph-check-circle"></i> Basis rapporter</li>
+            <li><i class="ph ph-check-circle"></i> Email support</li>
+          </ul>
+          <button class="pricing-cta">Start gratis prøveperiode</button>
+        </div>
+
+        <!-- Pro Plan (Featured) -->
+        <div class="pricing-card featured">
+          <div class="pricing-badge">Mest populær</div>
+          <h3 class="pricing-name">Pro</h3>
+          <p class="pricing-users">4-8 brugere</p>
+          <div class="pricing-price">
+            <span class="pricing-amount">599</span>
+            <span class="pricing-period">kr/md</span>
+          </div>
+          <ul class="pricing-features">
+            <li><i class="ph ph-check-circle"></i> Op til 8 brugere</li>
+            <li><i class="ph ph-check-circle"></i> <strong>Alt fra Basis</strong></li>
+            <li><i class="ph ph-check-circle"></i> <strong>AI-optimering</strong></li>
+            <li><i class="ph ph-check-circle"></i> Lønberegning & eksport</li>
+            <li><i class="ph ph-check-circle"></i> Gavekort & klippekort</li>
+            <li><i class="ph ph-check-circle"></i> Kasseafstemning</li>
+            <li><i class="ph ph-check-circle"></i> Avancerede rapporter</li>
+            <li><i class="ph ph-check-circle"></i> Prioriteret support</li>
+          </ul>
+          <button class="pricing-cta">Start gratis prøveperiode</button>
+        </div>
+
+        <!-- Enterprise Plan -->
+        <div class="pricing-card">
+          <h3 class="pricing-name">Enterprise</h3>
+          <p class="pricing-users">8+ brugere</p>
+          <div class="pricing-price">
+            <span class="pricing-amount" style="font-size: 32px;">Kontakt os</span>
+          </div>
+          <ul class="pricing-features">
+            <li><i class="ph ph-check-circle"></i> Ubegrænset brugere</li>
+            <li><i class="ph ph-check-circle"></i> <strong>Alt fra Pro</strong></li>
+            <li><i class="ph ph-check-circle"></i> Flere lokationer</li>
+            <li><i class="ph ph-check-circle"></i> Tilpasset integration</li>
+            <li><i class="ph ph-check-circle"></i> Dedikeret kontaktperson</li>
+            <li><i class="ph ph-check-circle"></i> SLA & uptime garanti</li>
+            <li><i class="ph ph-check-circle"></i> On-premise option</li>
+            <li><i class="ph ph-check-circle"></i> 24/7 prioriteret support</li>
+          </ul>
+          <button class="pricing-cta">Kontakt salg</button>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Comparison Matrix -->
+  <section class="section section-alt">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Sammenligning</div>
+        <h2 class="section-title">Plantempus vs. Traditionelle Systemer</h2>
+        <p class="section-subtitle">
+          Se forskellen på et system bygget til moderne saloner
+        </p>
+      </div>
+
+      <div style="max-width: 900px; margin: 0 auto; background: var(--color-surface); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.1);">
+        <table style="width: 100%; border-collapse: collapse;">
+          <thead>
+            <tr style="background: var(--color-primary); color: white;">
+              <th style="padding: 20px; text-align: left; font-weight: 600; font-size: 16px;">Feature</th>
+              <th style="padding: 20px; text-align: center; font-weight: 600; font-size: 16px;">Plantempus</th>
+              <th style="padding: 20px; text-align: center; font-weight: 600; font-size: 16px; opacity: 0.7;">Andre systemer</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr style="border-bottom: 1px solid var(--color-border);">
+              <td style="padding: 16px 20px; font-weight: 500;">Avanceret kundesøgning</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">—</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border); background: var(--color-background);">
+              <td style="padding: 16px 20px; font-weight: 500;">Detaljerede statistikker med grafer</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">△</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border);">
+              <td style="padding: 16px 20px; font-weight: 500;">Farveformler & håranalyser</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">—</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border); background: var(--color-background);">
+              <td style="padding: 16px 20px; font-weight: 500;">Automatisk lønberegning med provision</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">—</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border);">
+              <td style="padding: 16px 20px; font-weight: 500;">Multi-payment checkout (flere metoder)</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">△</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border); background: var(--color-background);">
+              <td style="padding: 16px 20px; font-weight: 500;">Kasseafstemning</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">—</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border);">
+              <td style="padding: 16px 20px; font-weight: 500;">Stregkodescanner med produkt-genkendelse</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">—</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border); background: var(--color-background);">
+              <td style="padding: 16px 20px; font-weight: 500;">Smart tidsforslag til kunder</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">—</td>
+            </tr>
+            <tr style="border-bottom: 1px solid var(--color-border);">
+              <td style="padding: 16px 20px; font-weight: 500;">Moderne, hurtig grænseflade</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">△</td>
+            </tr>
+            <tr>
+              <td style="padding: 16px 20px; font-weight: 500;">Eksport til 5+ lønsystemer</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-green); font-size: 24px;">✓</td>
+              <td style="padding: 16px 20px; text-align: center; color: var(--color-text-muted); font-size: 20px;">△</td>
+            </tr>
+          </tbody>
+        </table>
+        <div style="padding: 20px; text-align: center; background: var(--color-accent-light); color: var(--color-text-secondary); font-size: 13px;">
+          ✓ = Inkluderet · △ = Begrænset · — = Ikke tilgængelig
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Screenshot Gallery -->
+  <section class="section">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Se det rigtige system</div>
+        <h2 class="section-title">Ikke bare infographics - det her er rigtigt</h2>
+        <p class="section-subtitle">
+          Vi er stolte af vores UX og performance. Se hvordan systemet faktisk ser ud.
+        </p>
+      </div>
+
+      <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 32px;">
+        <div style="background: var(--color-surface); border-radius: 12px; padding: 24px; border: 2px solid var(--color-border);">
+          <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 12px; color: var(--color-text);">
+            <i class="ph ph-chart-line-up" style="color: var(--color-accent);"></i>
+            Dashboard med rigtige data
+          </h3>
+          <p style="color: var(--color-text-secondary); margin-bottom: 16px;">
+            Se dagens omsætning, bookinger og medarbejder-status på ét blik. Ikke bare tal - visuelle grafer der giver mening.
+          </p>
+          <a href="poc-dashboard.html" target="_blank" style="display: inline-flex; align-items: center; gap: 6px; color: var(--color-primary); font-weight: 500; text-decoration: none;">
+            Se live demo <i class="ph ph-arrow-right"></i>
+          </a>
+        </div>
+
+        <div style="background: var(--color-surface); border-radius: 12px; padding: 24px; border: 2px solid var(--color-border);">
+          <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 12px; color: var(--color-text);">
+            <i class="ph ph-magnifying-glass" style="color: var(--color-accent);"></i>
+            Kunde-søgning der virker
+          </h3>
+          <p style="color: var(--color-text-secondary); margin-bottom: 16px;">
+            Find kunder på navn, telefon, email - med det samme. Filtrér på VIP, stamkunder eller nye kunder. Hurtigt og præcist.
+          </p>
+          <a href="poc-customer-list.html" target="_blank" style="display: inline-flex; align-items: center; gap: 6px; color: var(--color-primary); font-weight: 500; text-decoration: none;">
+            Se live demo <i class="ph ph-arrow-right"></i>
+          </a>
+        </div>
+
+        <div style="background: var(--color-surface); border-radius: 12px; padding: 24px; border: 2px solid var(--color-border);">
+          <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 12px; color: var(--color-text);">
+            <i class="ph ph-user-circle" style="color: var(--color-accent);"></i>
+            Kundeprofiler med detaljer
+          </h3>
+          <p style="color: var(--color-text-secondary); margin-bottom: 16px;">
+            Farveformler, håranalyser, præferencer og købs-historie. Alt organiseret og nemt at finde.
+          </p>
+          <a href="poc-customer-detail.html" target="_blank" style="display: inline-flex; align-items: center; gap: 6px; color: var(--color-primary); font-weight: 500; text-decoration: none;">
+            Se live demo <i class="ph ph-arrow-right"></i>
+          </a>
+        </div>
+
+        <div style="background: var(--color-surface); border-radius: 12px; padding: 24px; border: 2px solid var(--color-border);">
+          <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 12px; color: var(--color-text);">
+            <i class="ph ph-calculator" style="color: var(--color-accent);"></i>
+            Løn & Provision
+          </h3>
+          <p style="color: var(--color-text-secondary); margin-bottom: 16px;">
+            Se præcis hvad hver medarbejder har tjent. Eksportér direkte til Intect, Proløn eller Zenegy med et klik.
+          </p>
+          <a href="poc-loen-provision.html" target="_blank" style="display: inline-flex; align-items: center; gap: 6px; color: var(--color-primary); font-weight: 500; text-decoration: none;">
+            Se live demo <i class="ph ph-arrow-right"></i>
+          </a>
+        </div>
+      </div>
+
+      <div style="text-align: center; padding: 32px; background: var(--color-primary-light); border-radius: 12px;">
+        <p style="font-size: 18px; font-weight: 500; color: var(--color-text); margin-bottom: 12px;">
+          <i class="ph ph-rocket-launch" style="color: var(--color-accent); font-size: 24px;"></i>
+          Alle demos er interaktive - klik og prøv dem
+        </p>
+        <p style="color: var(--color-text-secondary);">
+          Ikke mock-ups. Ikke static billeder. Det her er det rigtige system i aktion.
+        </p>
+      </div>
+    </div>
+  </section>
+
+  <!-- Performance & UX -->
+  <section class="section">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Performance & Design</div>
+        <h2 class="section-title">Bygget med omtanke - mærkes i hverdagen</h2>
+      </div>
+
+      <div class="benefits-grid" style="max-width: 900px; margin: 0 auto;">
+        <div class="benefit-item">
+          <div class="benefit-icon" style="background: var(--color-accent);">
+            <i class="ph ph-lightning"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Lynhurtigt</h3>
+            <p>
+              Under 1 sekund load-tid. Ingen langsomme overgang
+
+er.
+              Systemet reagerer med det samme - som det skal være.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon" style="background: var(--color-accent);">
+            <i class="ph ph-eye"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Gennemtænkt UX</h3>
+            <p>
+              Hver knap, hver farve, hver animation er testet.
+              Designet så det er intuitivt - også for den der ikke er teknisk.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon" style="background: var(--color-accent);">
+            <i class="ph ph-chart-bar"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Statistik der giver mening</h3>
+            <p>
+              Ikke bare tal på en side. Visuelle grafer, trends og indsigter.
+              Se med det samme hvad der virker og hvad der ikke gør.
+            </p>
+          </div>
+        </div>
+
+        <div class="benefit-item">
+          <div class="benefit-icon" style="background: var(--color-accent);">
+            <i class="ph ph-palette"></i>
+          </div>
+          <div class="benefit-content">
+            <h3>Moderne design</h3>
+            <p>
+              Ikke et system fra 2010. Rent, moderne interface der matcher
+              det professionelle udtryk din salon har.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Testimonials -->
+  <section class="section section-alt">
+    <div class="container">
+      <div class="section-header">
+        <div class="section-badge">Kundeudtalelser</div>
+        <h2 class="section-title">Hvad siger vores brugere?</h2>
+      </div>
+
+      <div class="testimonials-grid">
+        <div class="testimonial-card">
+          <div class="testimonial-quote">
+            "Nu har jeg faktisk tid til at snakke med mine kunder i stedet for at rende efter telefonen.
+            Bookinger sker automatisk, påmindelser går selv ud, og jeg kan se hele ugen med et blik. Det er befriende."
+          </div>
+          <div class="testimonial-author">
+            <div class="testimonial-avatar">KK</div>
+            <div class="testimonial-info">
+              <div class="testimonial-name">Karina Knudsen</div>
+              <div class="testimonial-title">Ejer, KARINA KNUDSEN®</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="testimonial-card">
+          <div class="testimonial-quote">
+            "Mine kunder elsker at de kan booke online klokken 22 om aftenen når de lige kommer i tanke om det.
+            Og jeg slipper for at svare på telefonen hele dagen. Win-win."
+          </div>
+          <div class="testimonial-author">
+            <div class="testimonial-avatar">MH</div>
+            <div class="testimonial-info">
+              <div class="testimonial-name">Maria Hansen</div>
+              <div class="testimonial-title">Salonchef, Salon Bellezza</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="testimonial-card">
+          <div class="testimonial-quote">
+            "Før brugte jeg en hel formiddag hver måned på løn. Nu tager det 10 minutter.
+            Systemet har styr på hvem der har arbejdet hvornår, og sender det hele til min revisor."
+          </div>
+          <div class="testimonial-author">
+            <div class="testimonial-avatar">AS</div>
+            <div class="testimonial-info">
+              <div class="testimonial-name">Anna Sørensen</div>
+              <div class="testimonial-title">Økonomiansvarlig, Beauty Studio</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- CTA Section -->
+  <section id="demo" class="cta-section">
+    <div class="container">
+      <h2>Klar til at optimere din salon?</h2>
+      <p>Start din gratis 14-dages prøveperiode i dag. Ingen kreditkort påkrævet.</p>
+      <div class="hero-cta-group">
+        <a href="#pricing" class="btn-primary">
+          <i class="ph ph-rocket-launch"></i>
+          Kom i gang gratis
+        </a>
+        <a href="mailto:sales@plantempus.dk" class="btn-secondary">
+          <i class="ph ph-envelope"></i>
+          Kontakt salg
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <!-- Footer -->
+  <footer class="footer">
+    <div class="footer-container">
+      <div>
+        <div class="footer-logo">Plantempus</div>
+        <p class="footer-desc">
+          Moderne salon-management med AI-drevet optimering. 
+          Bygget til danske saloner og skønhedsklinikker.
+        </p>
+      </div>
+
+      <div>
+        <div class="footer-title">Produkt</div>
+        <ul class="footer-links">
+          <li><a href="#features">Features</a></li>
+          <li><a href="#ai">AI-Innovation</a></li>
+          <li><a href="#pricing">Priser</a></li>
+          <li><a href="#demo">Demo</a></li>
+        </ul>
+      </div>
+
+      <div>
+        <div class="footer-title">Ressourcer</div>
+        <ul class="footer-links">
+          <li><a href="#">Hjælpecenter</a></li>
+          <li><a href="#">API Dokumentation</a></li>
+          <li><a href="#">Blog</a></li>
+          <li><a href="#">Status</a></li>
+        </ul>
+      </div>
+
+      <div>
+        <div class="footer-title">Firma</div>
+        <ul class="footer-links">
+</a></li>
+          <li><a href="#">Karriere</a></li>
+          <li><a href="#">Kontakt</a></li>
+          <li><a href="#">Privatlivspolitik</a></li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="footer-bottom">
+      <p>&copy; 2026 Plantempus. Alle rettigheder forbeholdes.</p>
+    </div>
+  </footer>
+
+  <script>
+    // Smooth scroll for navigation
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+      anchor.addEventListener('click', function (e) {
+        e.preventDefault();
+        const target = document.querySelector(this.getAttribute('href'));
+        if (target) {
+          target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
+      });
+    });
+
+    // CTA button handlers
+    document.querySelectorAll('.pricing-cta').forEach(btn => {
+      btn.addEventListener('click', () => {
+        alert('Tak for din interesse! Kontakt sales@plantempus.dk for at komme i gang.');
+      });
+    });
+  </script>
+
+</body>
+</html>
+          <li><a href="#">Om os
\ No newline at end of file
diff --git a/wwwroot/poc-ai-booking-optimizer.html b/wwwroot/poc-ai-booking-optimizer.html
new file mode 100644
index 0000000..65fa4ff
--- /dev/null
+++ b/wwwroot/poc-ai-booking-optimizer.html
@@ -0,0 +1,1009 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI Booking Optimering - KARINA KNUDSEN®</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css">
+  <style>
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.woff') format('woff'); font-weight: 400; }
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Medium.woff') format('woff'); font-weight: 500; }
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.woff') format('woff'); font-weight: 600; }
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.woff') format('woff'); font-weight: 700; }
+
+    :root {
+      --color-teal: #00897b;
+      --color-teal-light: #e0f2f1;
+      --color-surface: #ffffff;
+      --color-background: #f5f5f5;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-text-muted: #999;
+      --color-green: #43a047;
+      --color-amber: #f59e0b;
+      --color-red: #e53935;
+      --color-purple: #8b5cf6;
+      --color-blue: #1976d2;
+      --font-family: 'Poppins', -apple-system, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      font-family: var(--font-family);
+      background: var(--color-background);
+      color: var(--color-text);
+      min-height: 100vh;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-topbar-title {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-topbar-title h1 {
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    swp-ai-badge-header {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      background: linear-gradient(135deg, var(--color-purple) 0%, var(--color-blue) 100%);
+      color: white;
+      font-size: 11px;
+      font-weight: 600;
+      padding: 4px 10px;
+      border-radius: 20px;
+    }
+
+    swp-topbar-date {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       PAGE CONTAINER
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       STATS GRID
+       ========================================== */
+    swp-stats-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 24px;
+    }
+
+    @media (max-width: 900px) {
+      swp-stats-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    swp-stat-card {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 20px;
+      background: var(--color-surface);
+      border-radius: 12px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+    }
+
+    swp-stat-card.highlight {
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      color: white;
+    }
+
+    swp-stat-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    swp-stat-card.highlight swp-stat-label {
+      color: rgba(255,255,255,0.8);
+    }
+
+    swp-stat-value {
+      font-size: 28px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+    }
+
+    swp-stat-change {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 12px;
+      font-weight: 500;
+    }
+
+    swp-stat-change.positive {
+      color: var(--color-green);
+    }
+
+    swp-stat-change.negative {
+      color: var(--color-red);
+    }
+
+    swp-stat-card.highlight swp-stat-change {
+      color: rgba(255,255,255,0.9);
+    }
+
+    /* ==========================================
+       MAIN GRID
+       ========================================== */
+    swp-main-grid {
+      display: grid;
+      grid-template-columns: 1fr 340px;
+      gap: 24px;
+    }
+
+    @media (max-width: 1000px) {
+      swp-main-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    /* ==========================================
+       CARD
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 12px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+      margin-bottom: 24px;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 15px;
+      font-weight: 600;
+    }
+
+    swp-card-title i {
+      font-size: 20px;
+      color: var(--color-teal);
+    }
+
+    swp-card-content {
+      display: block;
+      padding: 20px;
+    }
+
+    /* ==========================================
+       MINI CALENDAR
+       ========================================== */
+    swp-mini-calendar {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 8px;
+    }
+
+    swp-mini-day {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 6px;
+      padding: 12px 8px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-mini-day:hover {
+      background: var(--color-background);
+    }
+
+    swp-mini-day.today {
+      background: var(--color-teal-light);
+      border: 2px solid var(--color-teal);
+    }
+
+    swp-mini-day-name {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+    }
+
+    swp-mini-day-date {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-mini-day-status {
+      display: flex;
+      gap: 3px;
+    }
+
+    swp-mini-day-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--color-green);
+    }
+
+    swp-mini-day-dot.gap {
+      background: var(--color-amber);
+    }
+
+    swp-mini-day-dot.critical {
+      background: var(--color-red);
+    }
+
+    /* ==========================================
+       GAPS LIST
+       ========================================== */
+    swp-gaps-list {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    swp-gap-card {
+      display: block;
+      border: 1px solid var(--color-border);
+      border-radius: 10px;
+      overflow: hidden;
+    }
+
+    swp-gap-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 16px;
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-gap-time {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      font-weight: 600;
+    }
+
+    swp-gap-time i {
+      font-size: 18px;
+      color: var(--color-amber);
+    }
+
+    swp-gap-meta {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-gap-employee {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    swp-gap-employee-avatar {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background: var(--color-purple);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 10px;
+      font-weight: 600;
+    }
+
+    swp-gap-revenue {
+      font-weight: 500;
+      color: var(--color-red);
+    }
+
+    swp-gap-content {
+      padding: 16px;
+    }
+
+    swp-gap-suggestions-title {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+    }
+
+    swp-gap-suggestions-title i {
+      font-size: 16px;
+      color: var(--color-purple);
+    }
+
+    swp-suggestion-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    swp-suggestion-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+    }
+
+    swp-suggestion-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-suggestion-customer {
+      font-size: 13px;
+      font-weight: 500;
+    }
+
+    swp-suggestion-detail {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-flex-score {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-green);
+      background: color-mix(in srgb, var(--color-green) 12%, transparent);
+      padding: 2px 8px;
+      border-radius: 4px;
+    }
+
+    swp-suggestion-action {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 14px;
+      font-size: 12px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00695c;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background);
+    }
+
+    swp-btn i {
+      font-size: 14px;
+    }
+
+    /* Waitlist suggestion */
+    swp-suggestion-item.waitlist {
+      border: 1px dashed var(--color-border);
+      background: transparent;
+    }
+
+    swp-waitlist-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 10px;
+      font-weight: 600;
+      color: var(--color-blue);
+      background: color-mix(in srgb, var(--color-blue) 12%, transparent);
+      padding: 2px 8px;
+      border-radius: 4px;
+      text-transform: uppercase;
+    }
+
+    /* ==========================================
+       SMS HISTORY
+       ========================================== */
+    swp-sms-list {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+
+    swp-sms-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-sms-item:last-child {
+      border-bottom: none;
+    }
+
+    swp-sms-status-icon {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      flex-shrink: 0;
+    }
+
+    swp-sms-status-icon.accepted {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-sms-status-icon.rejected {
+      background: color-mix(in srgb, var(--color-red) 15%, transparent);
+      color: var(--color-red);
+    }
+
+    swp-sms-status-icon.pending {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-sms-info {
+      flex: 1;
+    }
+
+    swp-sms-customer {
+      font-size: 13px;
+      font-weight: 500;
+    }
+
+    swp-sms-detail {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-sms-date {
+      font-size: 11px;
+      color: var(--color-text-muted);
+    }
+
+    /* ==========================================
+       OPTIMIZATION SCORE
+       ========================================== */
+    swp-optimization-score {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 12px;
+      padding: 24px;
+      text-align: center;
+    }
+
+    swp-score-circle {
+      width: 100px;
+      height: 100px;
+      border-radius: 50%;
+      background: conic-gradient(var(--color-teal) var(--score-percent), var(--color-border) var(--score-percent));
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+    }
+
+    swp-score-circle::before {
+      content: '';
+      position: absolute;
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      background: var(--color-surface);
+    }
+
+    swp-score-value {
+      position: relative;
+      z-index: 1;
+      font-size: 24px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-teal);
+    }
+
+    swp-score-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-score-hint {
+      font-size: 11px;
+      color: var(--color-text-muted);
+      max-width: 200px;
+    }
+
+    /* ==========================================
+       SIDEBAR SECTION
+       ========================================== */
+    swp-sidebar {
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+    }
+  </style>
+</head>
+<body>
+
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-topbar-title>
+        <h1>AI Booking Optimering</h1>
+        <swp-ai-badge-header>
+          <i class="ph ph-sparkle"></i>
+          AI-drevet
+        </swp-ai-badge-header>
+      </swp-topbar-title>
+    </swp-topbar-left>
+    <swp-topbar-date id="currentDate"></swp-topbar-date>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Stats Grid -->
+    <swp-stats-grid>
+      <swp-stat-card>
+        <swp-stat-label>Huller i dag</swp-stat-label>
+        <swp-stat-value id="gapsToday">3</swp-stat-value>
+        <swp-stat-change class="negative">
+          <i class="ph ph-arrow-up"></i>
+          +1 fra i går
+        </swp-stat-change>
+      </swp-stat-card>
+
+      <swp-stat-card>
+        <swp-stat-label>Tabt omsætning</swp-stat-label>
+        <swp-stat-value id="lostRevenue">1.950 kr.</swp-stat-value>
+        <swp-stat-change class="negative">
+          <i class="ph ph-arrow-up"></i>
+          +450 kr.
+        </swp-stat-change>
+      </swp-stat-card>
+
+      <swp-stat-card>
+        <swp-stat-label>Huller denne uge</swp-stat-label>
+        <swp-stat-value id="gapsWeek">12</swp-stat-value>
+        <swp-stat-change class="positive">
+          <i class="ph ph-arrow-down"></i>
+          -3 fra sidste uge
+        </swp-stat-change>
+      </swp-stat-card>
+
+      <swp-stat-card class="highlight">
+        <swp-stat-label>Potentiel besparelse</swp-stat-label>
+        <swp-stat-value id="potentialSavings">8.400 kr.</swp-stat-value>
+        <swp-stat-change>
+          <i class="ph ph-trend-up"></i>
+          Denne måned
+        </swp-stat-change>
+      </swp-stat-card>
+    </swp-stats-grid>
+
+    <!-- Main Grid -->
+    <swp-main-grid>
+      <!-- Left Column -->
+      <div>
+        <!-- Mini Calendar -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-calendar"></i>
+              Denne uge
+            </swp-card-title>
+          </swp-card-header>
+          <swp-card-content>
+            <swp-mini-calendar id="miniCalendar"></swp-mini-calendar>
+          </swp-card-content>
+        </swp-card>
+
+        <!-- Gaps List -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-warning-circle"></i>
+              Identificerede huller
+            </swp-card-title>
+            <swp-btn class="secondary">
+              <i class="ph ph-funnel"></i>
+              Filter
+            </swp-btn>
+          </swp-card-header>
+          <swp-card-content>
+            <swp-gaps-list id="gapsList"></swp-gaps-list>
+          </swp-card-content>
+        </swp-card>
+      </div>
+
+      <!-- Sidebar -->
+      <swp-sidebar>
+        <!-- Optimization Score -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-chart-pie"></i>
+              Optimeringsscore
+            </swp-card-title>
+          </swp-card-header>
+          <swp-card-content>
+            <swp-optimization-score>
+              <swp-score-circle style="--score-percent: 78%;">
+                <swp-score-value>78%</swp-score-value>
+              </swp-score-circle>
+              <swp-score-label>Kalenderudnyttelse</swp-score-label>
+              <swp-score-hint>Mål: 90% udnyttelse. Fyld 2 huller mere for at nå målet.</swp-score-hint>
+            </swp-optimization-score>
+          </swp-card-content>
+        </swp-card>
+
+        <!-- SMS History -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-chat-circle-text"></i>
+              SMS-historik
+            </swp-card-title>
+          </swp-card-header>
+          <swp-card-content>
+            <swp-sms-list id="smsList"></swp-sms-list>
+          </swp-card-content>
+        </swp-card>
+      </swp-sidebar>
+    </swp-main-grid>
+  </swp-page-container>
+
+  <script>
+    // ==========================================
+    // DATA
+    // ==========================================
+    const employees = [
+      { id: 'EMP001', name: 'Camilla', initials: 'CA', color: '#9c27b0' },
+      { id: 'EMP002', name: 'Isabella', initials: 'IS', color: '#e91e63' },
+      { id: 'EMP003', name: 'Alexander', initials: 'AL', color: '#3f51b5' },
+      { id: 'EMP004', name: 'Viktor', initials: 'VI', color: '#009688' }
+    ];
+
+    const gaps = [
+      {
+        id: 'gap1',
+        date: '2026-01-06',
+        dayName: 'Tirsdag',
+        start: '11:00',
+        end: '12:00',
+        duration: 60,
+        employeeId: 'EMP001',
+        lostRevenue: 650,
+        suggestions: [
+          {
+            type: 'move',
+            customerId: 'C001',
+            customerName: 'Maria Jensen',
+            currentTime: '14:00',
+            currentDate: '2026-01-06',
+            flexScore: 87,
+            service: 'Dameklip'
+          },
+          {
+            type: 'waitlist',
+            customerId: 'C002',
+            customerName: 'Lars Hansen',
+            note: 'Ønsker tid denne uge',
+            service: 'Herreklip'
+          }
+        ]
+      },
+      {
+        id: 'gap2',
+        date: '2026-01-06',
+        dayName: 'Tirsdag',
+        start: '14:30',
+        end: '15:30',
+        duration: 60,
+        employeeId: 'EMP002',
+        lostRevenue: 725,
+        suggestions: [
+          {
+            type: 'move',
+            customerId: 'C003',
+            customerName: 'Anne Larsen',
+            currentTime: '10:00',
+            currentDate: '2026-01-07',
+            flexScore: 62,
+            service: 'Dameklip'
+          }
+        ]
+      },
+      {
+        id: 'gap3',
+        date: '2026-01-08',
+        dayName: 'Torsdag',
+        start: '09:00',
+        end: '10:30',
+        duration: 90,
+        employeeId: 'EMP003',
+        lostRevenue: 575,
+        suggestions: [
+          {
+            type: 'waitlist',
+            customerId: 'C004',
+            customerName: 'Peter Olsen',
+            note: 'Ny kunde, fleksibel',
+            service: 'Bundfarve'
+          }
+        ]
+      }
+    ];
+
+    const weekDays = [
+      { date: '2026-01-05', name: 'Man', day: 5, gaps: 0, bookings: 8 },
+      { date: '2026-01-06', name: 'Tir', day: 6, gaps: 2, bookings: 6, isToday: true },
+      { date: '2026-01-07', name: 'Ons', day: 7, gaps: 1, bookings: 7 },
+      { date: '2026-01-08', name: 'Tor', day: 8, gaps: 1, bookings: 5 },
+      { date: '2026-01-09', name: 'Fre', day: 9, gaps: 0, bookings: 9 }
+    ];
+
+    const smsHistory = [
+      {
+        customerId: 'C005',
+        customerName: 'Sofie Nielsen',
+        status: 'accepted',
+        action: 'Flyttede fra 15:00 til 11:00',
+        discount: '5%',
+        date: 'I går'
+      },
+      {
+        customerId: 'C006',
+        customerName: 'Peter Olsen',
+        status: 'rejected',
+        action: 'Afviste flytning',
+        date: '3. jan'
+      },
+      {
+        customerId: 'C003',
+        customerName: 'Anne Larsen',
+        status: 'pending',
+        action: 'Tilbud sendt: Flyt til 14:30',
+        discount: '5%',
+        date: 'I dag'
+      },
+      {
+        customerId: 'C007',
+        customerName: 'Michael Bruun',
+        status: 'accepted',
+        action: 'Booket fra venteliste',
+        date: '2. jan'
+      }
+    ];
+
+    // ==========================================
+    // RENDER FUNCTIONS
+    // ==========================================
+    function getEmployee(id) {
+      return employees.find(e => e.id === id) || employees[0];
+    }
+
+    function renderCurrentDate() {
+      const now = new Date();
+      const options = { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' };
+      document.getElementById('currentDate').textContent = now.toLocaleDateString('da-DK', options);
+    }
+
+    function renderMiniCalendar() {
+      const container = document.getElementById('miniCalendar');
+      container.innerHTML = weekDays.map(day => `
+        <swp-mini-day class="${day.isToday ? 'today' : ''}">
+          <swp-mini-day-name>${day.name}</swp-mini-day-name>
+          <swp-mini-day-date>${day.day}</swp-mini-day-date>
+          <swp-mini-day-status>
+            ${day.gaps > 0 ? `<swp-mini-day-dot class="${day.gaps > 1 ? 'critical' : 'gap'}"></swp-mini-day-dot>`.repeat(Math.min(day.gaps, 3)) : '<swp-mini-day-dot></swp-mini-day-dot>'}
+          </swp-mini-day-status>
+        </swp-mini-day>
+      `).join('');
+    }
+
+    function renderGapsList() {
+      const container = document.getElementById('gapsList');
+      container.innerHTML = gaps.map(gap => {
+        const emp = getEmployee(gap.employeeId);
+        return `
+          <swp-gap-card>
+            <swp-gap-header>
+              <swp-gap-time>
+                <i class="ph ph-clock"></i>
+                ${gap.dayName} ${gap.start}-${gap.end} (${gap.duration} min)
+              </swp-gap-time>
+              <swp-gap-meta>
+                <swp-gap-employee>
+                  <swp-gap-employee-avatar style="background: ${emp.color}">${emp.initials}</swp-gap-employee-avatar>
+                  ${emp.name}
+                </swp-gap-employee>
+                <swp-gap-revenue>~${gap.lostRevenue} kr. tabt</swp-gap-revenue>
+              </swp-gap-meta>
+            </swp-gap-header>
+            <swp-gap-content>
+              <swp-gap-suggestions-title>
+                <i class="ph ph-sparkle"></i>
+                AI-forslag
+              </swp-gap-suggestions-title>
+              <swp-suggestion-list>
+                ${gap.suggestions.map(s => renderSuggestion(s)).join('')}
+              </swp-suggestion-list>
+            </swp-gap-content>
+          </swp-gap-card>
+        `;
+      }).join('');
+    }
+
+    function renderSuggestion(suggestion) {
+      if (suggestion.type === 'move') {
+        return `
+          <swp-suggestion-item>
+            <swp-suggestion-info>
+              <swp-suggestion-customer>${suggestion.customerName}</swp-suggestion-customer>
+              <swp-suggestion-detail>Nuværende tid: ${suggestion.currentTime} · ${suggestion.service}</swp-suggestion-detail>
+              <swp-flex-score>
+                <i class="ph ph-chart-line-up"></i>
+                Fleksibilitet: ${suggestion.flexScore}%
+              </swp-flex-score>
+            </swp-suggestion-info>
+            <swp-suggestion-action>
+              <swp-btn class="primary" onclick="sendOffer('${suggestion.customerId}')">
+                <i class="ph ph-paper-plane-tilt"></i>
+                Send tilbud -5%
+              </swp-btn>
+            </swp-suggestion-action>
+          </swp-suggestion-item>
+        `;
+      } else {
+        return `
+          <swp-suggestion-item class="waitlist">
+            <swp-suggestion-info>
+              <swp-suggestion-customer>
+                ${suggestion.customerName}
+                <swp-waitlist-badge>
+                  <i class="ph ph-clock"></i>
+                  Venteliste
+                </swp-waitlist-badge>
+              </swp-suggestion-customer>
+              <swp-suggestion-detail>${suggestion.note} · ${suggestion.service}</swp-suggestion-detail>
+            </swp-suggestion-info>
+            <swp-suggestion-action>
+              <swp-btn class="secondary" onclick="sendOffer('${suggestion.customerId}')">
+                <i class="ph ph-paper-plane-tilt"></i>
+                Send tilbud
+              </swp-btn>
+            </swp-suggestion-action>
+          </swp-suggestion-item>
+        `;
+      }
+    }
+
+    function renderSmsHistory() {
+      const container = document.getElementById('smsList');
+      container.innerHTML = smsHistory.map(sms => {
+        let icon, iconClass;
+        if (sms.status === 'accepted') {
+          icon = 'check';
+          iconClass = 'accepted';
+        } else if (sms.status === 'rejected') {
+          icon = 'x';
+          iconClass = 'rejected';
+        } else {
+          icon = 'hourglass';
+          iconClass = 'pending';
+        }
+
+        return `
+          <swp-sms-item>
+            <swp-sms-status-icon class="${iconClass}">
+              <i class="ph ph-${icon}"></i>
+            </swp-sms-status-icon>
+            <swp-sms-info>
+              <swp-sms-customer>${sms.customerName}</swp-sms-customer>
+              <swp-sms-detail>${sms.action}${sms.discount ? ` · ${sms.discount} rabat` : ''}</swp-sms-detail>
+            </swp-sms-info>
+            <swp-sms-date>${sms.date}</swp-sms-date>
+          </swp-sms-item>
+        `;
+      }).join('');
+    }
+
+    // ==========================================
+    // ACTIONS
+    // ==========================================
+    function sendOffer(customerId) {
+      // Simuler send
+      alert(`SMS sendt til kunde ${customerId} med tilbud om at flytte tid!`);
+    }
+
+    // ==========================================
+    // INIT
+    // ==========================================
+    function init() {
+      renderCurrentDate();
+      renderMiniCalendar();
+      renderGapsList();
+      renderSmsHistory();
+    }
+
+    init();
+  </script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-arbejdstidsplan.html b/wwwroot/poc-arbejdstidsplan.html
new file mode 100644
index 0000000..d27190e
--- /dev/null
+++ b/wwwroot/poc-arbejdstidsplan.html
@@ -0,0 +1,1783 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Arbejdstidsplan</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
+
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    :root {
+      --color-background: #ffffff;
+      --color-background-alt: #f8f9fa;
+      --color-border: #e5e7eb;
+      --color-text: #1f2937;
+      --color-text-secondary: #6b7280;
+      --color-text-muted: #9ca3af;
+      --color-teal: #00897b;
+      --color-teal-light: #ccfbf1;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      background: var(--color-background-alt);
+      color: var(--color-text);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       PAGE LAYOUT
+       ========================================== */
+    swp-page {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    swp-page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 24px;
+    }
+
+    swp-page-title {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-page-actions {
+      display: flex;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       WEEK NAVIGATION
+       ========================================== */
+    swp-week-nav {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 24px;
+    }
+
+    swp-week-date-nav {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-week-nav button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-background);
+      cursor: pointer;
+      color: var(--color-text);
+      font-size: 16px;
+    }
+
+    swp-week-nav button:hover {
+      background: var(--color-background-alt);
+    }
+
+    swp-week-label {
+      font-size: 15px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      min-width: 200px;
+      text-align: center;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-button {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 16px;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      border: none;
+      transition: all 0.15s ease;
+    }
+
+    swp-button.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-button.primary:hover {
+      background: #0f766e;
+    }
+
+    swp-button.secondary {
+      background: var(--color-background);
+      color: var(--color-text);
+      border: 1px solid var(--color-border);
+    }
+
+    swp-button.secondary:hover {
+      background: var(--color-background-alt);
+    }
+
+    /* ==========================================
+       SCHEDULE TABLE (flat grid with cell borders)
+       ========================================== */
+    swp-schedule-table {
+      display: grid;
+      grid-template-columns: 180px repeat(7, minmax(100px, 1fr));
+      border-radius: 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-schedule-cell {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      padding: 12px 16px;
+      min-height: 60px;
+      background: var(--color-background);
+      border-right: 1px solid var(--color-border);
+      border-bottom: 1px solid var(--color-border);
+      user-select: none;
+    }
+
+    /* Sidste kolonne: ingen højre border */
+    swp-schedule-cell:nth-child(8n) {
+      border-right: none;
+    }
+
+    /* Sidste række: ingen bund border */
+    swp-schedule-cell:nth-last-child(-n+8) {
+      border-bottom: none;
+    }
+
+    swp-schedule-cell.header {
+      background: var(--color-background-alt);
+      font-weight: 500;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      min-height: 48px;
+      text-align: center;
+      align-items: center;
+    }
+
+    swp-schedule-cell.header.week-number {
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    /* Lukkedag styling */
+    body.edit-mode swp-schedule-cell.header:not(.week-number) {
+      cursor: pointer;
+    }
+
+    body.edit-mode swp-schedule-cell.header:not(.week-number):hover {
+      background: var(--color-border);
+    }
+
+    swp-schedule-cell.header.closed {
+      background: color-mix(in srgb, #f59e0b 10%, var(--color-background-alt));
+      border-top: 2px solid #f59e0b !important;
+      border-left: 2px solid #f59e0b !important;
+      border-right: 2px solid #f59e0b !important;
+      border-bottom: none !important;
+    }
+
+    swp-schedule-cell.header.closed swp-day-name {
+      color: #d97706;
+    }
+
+    /* Celler i lukket kolonne */
+    swp-schedule-cell.day.closed-day {
+      background: color-mix(in srgb, #f59e0b 6%, var(--color-background));
+      border-left: 2px solid #f59e0b !important;
+      border-right: 2px solid #f59e0b !important;
+    }
+
+    /* Sidste celle i lukket kolonne får bund-border */
+    swp-schedule-cell.day.closed-day:nth-last-child(-n+8) {
+      border-bottom: 2px solid #f59e0b !important;
+    }
+
+    swp-schedule-cell.day.closed-day swp-time-display {
+      opacity: 0.5;
+    }
+
+    swp-schedule-cell.employee {
+      align-items: flex-start;
+      gap: 2px;
+    }
+
+    swp-schedule-cell.day {
+      align-items: center;
+      text-align: center;
+      position: relative;
+    }
+
+    /* ==========================================
+       EMPLOYEE INFO
+       ========================================== */
+    swp-employee-name {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-employee-hours {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-muted);
+    }
+
+    /* ==========================================
+       TIME DISPLAY
+       ========================================== */
+    swp-time-display {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      font-weight: 500;
+      padding: 4px 8px;
+      border-radius: 4px;
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      color: var(--color-text);
+      white-space: nowrap;
+      min-width: 90px;
+      text-align: center;
+      display: inline-block;
+    }
+
+    swp-time-display.off {
+      background: transparent;
+      color: var(--color-text-muted);
+    }
+
+    swp-time-display.off.off-override {
+      background: color-mix(in srgb, #7c3aed 12%, white);
+      color: #6d28d9;
+    }
+
+    swp-time-display.vacation {
+      background: color-mix(in srgb, #f59e0b 15%, white);
+      color: #b45309;
+    }
+
+    swp-time-display.sick {
+      background: color-mix(in srgb, #ef4444 15%, white);
+      color: #dc2626;
+    }
+
+    /* ==========================================
+       DAY HEADER
+       ========================================== */
+    swp-day-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-day-date {
+      font-size: 12px;
+      color: var(--color-text-muted);
+      font-weight: 400;
+    }
+
+    /* ==========================================
+       EDIT MODE
+       ========================================== */
+    body.edit-mode swp-schedule-cell.day {
+      cursor: pointer;
+      position: relative;
+    }
+
+    body.edit-mode swp-schedule-cell.day:hover {
+      background: var(--color-background-alt);
+    }
+
+
+    body.edit-mode swp-schedule-cell.day.selected {
+      background: color-mix(in srgb, var(--color-teal) 12%, white);
+      border-color: var(--color-teal);
+      border-width: 2px;
+      border-left: 2px solid var(--color-teal);
+      border-top: 2px solid var(--color-teal);
+      /* Kompenser for ekstra border-bredde */
+      margin-left: -1px;
+      margin-top: -1px;
+      padding: 11px 15px;
+    }
+
+    /* Én border mellem tilstødende valgte celler */
+    /* Venstre celle beholder sin højre border, højre celle fjerner sin venstre */
+    body.edit-mode swp-schedule-cell.day.selected.adj-left {
+      border-left: none;
+      margin-left: 0;
+      padding-left: 12px;
+    }
+    /* Øverste celle beholder sin bund border, nederste celle fjerner sin top */
+    body.edit-mode swp-schedule-cell.day.selected.adj-top {
+      border-top: none;
+      margin-top: 0;
+      padding-top: 12px;
+    }
+
+    /* ==========================================
+       DRAWER
+       ========================================== */
+    swp-drawer {
+      display: block;
+      position: fixed;
+      top: 0;
+      right: -400px;
+      width: 400px;
+      height: 100vh;
+      background: var(--color-background);
+      box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
+      z-index: 101;
+      transition: right 0.3s ease;
+      overflow-y: auto;
+    }
+
+    swp-drawer.open {
+      right: 0;
+    }
+
+    swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px 24px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-drawer-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-drawer-subtitle {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-drawer-close {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      border-radius: 6px;
+      color: var(--color-text-secondary);
+      font-size: 20px;
+    }
+
+    swp-drawer-close:hover {
+      background: var(--color-border);
+    }
+
+    swp-drawer-content {
+      display: block;
+      padding: 24px;
+    }
+
+    swp-drawer-section {
+      display: block;
+      margin-bottom: 24px;
+    }
+
+    swp-drawer-section-title {
+      display: block;
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+    }
+
+    /* ==========================================
+       DRAWER FORM ELEMENTS
+       ========================================== */
+    swp-form-row {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      margin-bottom: 16px;
+    }
+
+    swp-form-label {
+      font-size: 11px;
+      font-weight: 400;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    swp-form-label .optional,
+    swp-form-label .auto {
+      font-weight: 400;
+      text-transform: none;
+      color: var(--color-text-muted);
+    }
+
+    swp-form-value {
+      font-size: 15px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-form-divider {
+      display: block;
+      height: 1px;
+      background: var(--color-border);
+      margin: 20px 0;
+    }
+
+    swp-form-group {
+      display: block;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      margin-top: 16px;
+    }
+
+    swp-form-group swp-form-row:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-form-hint {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-muted);
+      margin: -8px 0 16px 0;
+      line-height: 1.4;
+    }
+
+    swp-form-select {
+      display: block;
+    }
+
+    swp-form-select select {
+      width: 100%;
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      cursor: pointer;
+    }
+
+    swp-form-select select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-drawer-content input[type="time"],
+    swp-drawer-content input[type="text"],
+    swp-drawer-content input[type="date"] {
+      width: 100%;
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+    }
+
+    swp-drawer-content input[type="time"] {
+      font-family: var(--font-mono);
+    }
+
+    swp-drawer-content input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-drawer-content input::placeholder {
+      color: var(--color-text-muted);
+    }
+
+    /* ==========================================
+       TOGGLE OPTIONS (Enkelt/Gentagelse)
+       ========================================== */
+    swp-toggle-options {
+      display: flex;
+      gap: 0;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      overflow: hidden;
+    }
+
+    swp-toggle-option {
+      flex: 1;
+      padding: 10px 16px;
+      text-align: center;
+      font-size: 14px;
+      cursor: pointer;
+      background: var(--color-background);
+      border-right: 1px solid var(--color-border);
+      transition: all 0.15s ease;
+    }
+
+    swp-toggle-option:last-child {
+      border-right: none;
+    }
+
+    swp-toggle-option:hover {
+      background: var(--color-background-alt);
+    }
+
+    swp-toggle-option.selected {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    /* ==========================================
+       STATUS OPTIONS (badge style like poc-detail-drawer)
+       ========================================== */
+    swp-status-options {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+
+    swp-status-option {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 10px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 0.15s ease;
+      font-size: 13px;
+      font-weight: 500;
+      background: var(--color-background-alt);
+      color: var(--color-text-secondary);
+    }
+
+    swp-status-option::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      flex-shrink: 0;
+    }
+
+    swp-status-option[data-status="work"] {
+      --status-color: var(--color-teal);
+    }
+    swp-status-option[data-status="off"] {
+      --status-color: #7c3aed;
+    }
+    swp-status-option[data-status="vacation"] {
+      --status-color: #f59e0b;
+    }
+    swp-status-option[data-status="sick"] {
+      --status-color: #e53935;
+    }
+
+    swp-status-option::before {
+      background: var(--status-color);
+    }
+
+    swp-status-option:hover {
+      background: var(--color-border);
+    }
+
+    swp-status-option.selected {
+      background: color-mix(in srgb, var(--status-color) 15%, white);
+      color: var(--status-color);
+    }
+
+    /* ==========================================
+       DRAWER FOOTER
+       ========================================== */
+    swp-drawer-footer {
+      display: flex;
+      gap: 12px;
+      padding: 20px 24px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-drawer-footer swp-button {
+      flex: 1;
+    }
+
+    /* ==========================================
+       OVERRIDE DISPLAY
+       ========================================== */
+    swp-time-override {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 2px;
+    }
+
+    swp-time-original {
+      font-family: var(--font-mono);
+      font-size: 10px;
+      color: var(--color-text-muted);
+      text-decoration: line-through;
+    }
+
+    swp-override-badge {
+      position: absolute;
+      top: 4px;
+      right: 4px;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+    }
+
+    /* ==========================================
+       TIME RANGE SLIDER
+       ========================================== */
+    swp-time-range {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-time-range-slider {
+      position: relative;
+      flex: 1;
+      height: 20px;
+      display: flex;
+      align-items: center;
+    }
+
+    swp-time-range-track {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      background: var(--color-border);
+      border-radius: 2px;
+    }
+
+    swp-time-range-fill {
+      position: absolute;
+      height: 4px;
+      background: var(--color-teal);
+      border-radius: 2px;
+      cursor: grab;
+    }
+
+    swp-time-range-fill:active {
+      cursor: grabbing;
+    }
+
+    swp-time-range-slider input[type="range"] {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      -webkit-appearance: none;
+      appearance: none;
+      background: transparent;
+      pointer-events: none;
+      margin: 0;
+    }
+
+    swp-time-range-slider input[type="range"]::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      pointer-events: auto;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    swp-time-range-slider input[type="range"]::-moz-range-thumb {
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      pointer-events: auto;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    swp-time-range-label {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 2px;
+      min-width: 100px;
+      text-align: center;
+      background: var(--color-background-alt);
+      padding: 6px 12px;
+      border-radius: 4px;
+    }
+
+    swp-time-range-times {
+      font-size: 13px;
+      font-family: var(--font-mono);
+      font-weight: 500;
+      color: var(--color-text);
+      white-space: nowrap;
+    }
+
+    swp-time-range-duration {
+      font-size: 11px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+      white-space: nowrap;
+    }
+
+    /* ==========================================
+       DRAWER EMPLOYEE DISPLAY
+       ========================================== */
+    swp-employee-display {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    swp-employee-display swp-employee-avatar {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: 600;
+      font-size: 12px;
+      flex-shrink: 0;
+    }
+
+    swp-employee-display.empty swp-employee-avatar {
+      background: var(--color-border);
+      color: var(--color-text-muted);
+    }
+
+    swp-employee-display.multi swp-employee-avatar {
+      background: var(--color-text-muted);
+    }
+
+    /* Note icon i celle */
+    swp-note-icon {
+      position: absolute;
+      bottom: 7px;
+      right: 4px;
+      width: 14px;
+      height: 14px;
+      opacity: 0.5;
+    }
+
+    swp-note-icon img {
+      width: 100%;
+      height: 100%;
+      filter: brightness(0) saturate(100%) invert(20%) sepia(30%) saturate(700%) hue-rotate(190deg) brightness(90%) contrast(95%);
+    }
+
+    /* Override indikator - viser original tid overstreget */
+    swp-override-original {
+      position: absolute;
+      bottom: 1px;
+      left: 8px;
+      font-family: var(--font-mono);
+      font-size: 10px;
+      color: var(--color-text-muted);
+      text-decoration: line-through;
+      opacity: 0.7;
+    }
+  </style>
+</head>
+<body>
+
+<swp-page>
+  <swp-page-header>
+    <swp-page-title>Arbejdstidsplan</swp-page-title>
+    <swp-page-actions>
+      <swp-button class="primary" id="editModeBtn">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+          <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+        </svg>
+        Rediger
+      </swp-button>
+    </swp-page-actions>
+  </swp-page-header>
+
+  <swp-week-nav>
+    <swp-week-date-nav>
+      <button id="prevWeek">&#8249;</button>
+      <swp-week-label>23. - 29. december 2025</swp-week-label>
+      <button id="nextWeek">&#8250;</button>
+    </swp-week-date-nav>
+  </swp-week-nav>
+
+  <swp-schedule-table>
+    <!-- Header row -->
+    <swp-schedule-cell class="header week-number">Uge 52</swp-schedule-cell>
+    <swp-schedule-cell class="header">
+      <swp-day-name>Mandag</swp-day-name>
+      <swp-day-date>23/12</swp-day-date>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="header">
+      <swp-day-name>Tirsdag</swp-day-name>
+      <swp-day-date>24/12</swp-day-date>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="header closed">
+      <swp-day-name>Onsdag</swp-day-name>
+      <swp-day-date>25/12</swp-day-date>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="header">
+      <swp-day-name>Torsdag</swp-day-name>
+      <swp-day-date>26/12</swp-day-date>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="header">
+      <swp-day-name>Fredag</swp-day-name>
+      <swp-day-date>27/12</swp-day-date>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="header">
+      <swp-day-name>Lørdag</swp-day-name>
+      <swp-day-date>28/12</swp-day-date>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="header">
+      <swp-day-name>Søndag</swp-day-name>
+      <swp-day-date>29/12</swp-day-date>
+    </swp-schedule-cell>
+
+    <!-- Anna Sørensen -->
+    <swp-schedule-cell class="employee">
+      <swp-employee-name>Anna Sørensen</swp-employee-name>
+      <swp-employee-hours>32 timer</swp-employee-hours>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Anna Sørensen" data-day="Man" data-date="23/12"><swp-time-display>09:00 - 17:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Anna Sørensen" data-day="Tir" data-date="24/12"><swp-time-display>09:00 - 13:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day closed-day" data-employee="Anna Sørensen" data-day="Ons" data-date="25/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Anna Sørensen" data-day="Tor" data-date="26/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Anna Sørensen" data-day="Fre" data-date="27/12"><swp-time-display>09:00 - 17:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Anna Sørensen" data-day="Lør" data-date="28/12"><swp-time-display>10:00 - 14:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Anna Sørensen" data-day="Søn" data-date="29/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+
+    <!-- Mette Jensen -->
+    <swp-schedule-cell class="employee">
+      <swp-employee-name>Mette Jensen</swp-employee-name>
+      <swp-employee-hours>40 timer</swp-employee-hours>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Mette Jensen" data-day="Man" data-date="23/12"><swp-time-display>10:00 - 18:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Mette Jensen" data-day="Tir" data-date="24/12"><swp-time-display>10:00 - 18:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day closed-day" data-employee="Mette Jensen" data-day="Ons" data-date="25/12"><swp-time-display class="vacation">Ferie</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Mette Jensen" data-day="Tor" data-date="26/12"><swp-time-display class="vacation">Ferie</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Mette Jensen" data-day="Fre" data-date="27/12"><swp-time-display class="vacation">Ferie</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Mette Jensen" data-day="Lør" data-date="28/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Mette Jensen" data-day="Søn" data-date="29/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+
+    <!-- Louise Nielsen -->
+    <swp-schedule-cell class="employee">
+      <swp-employee-name>Louise Nielsen</swp-employee-name>
+      <swp-employee-hours>37 timer</swp-employee-hours>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Louise Nielsen" data-day="Man" data-date="23/12"><swp-time-display>09:00 - 17:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Louise Nielsen" data-day="Tir" data-date="24/12"><swp-time-display>09:00 - 17:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day closed-day" data-employee="Louise Nielsen" data-day="Ons" data-date="25/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Louise Nielsen" data-day="Tor" data-date="26/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Louise Nielsen" data-day="Fre" data-date="27/12"><swp-time-display>09:00 - 17:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Louise Nielsen" data-day="Lør" data-date="28/12"><swp-time-display>09:00 - 14:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Louise Nielsen" data-day="Søn" data-date="29/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+
+    <!-- Katrine Pedersen -->
+    <swp-schedule-cell class="employee">
+      <swp-employee-name>Katrine Pedersen</swp-employee-name>
+      <swp-employee-hours>24 timer</swp-employee-hours>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Katrine Pedersen" data-day="Man" data-date="23/12"><swp-time-display>12:00 - 20:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Katrine Pedersen" data-day="Tir" data-date="24/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day closed-day" data-employee="Katrine Pedersen" data-day="Ons" data-date="25/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Katrine Pedersen" data-day="Tor" data-date="26/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Katrine Pedersen" data-day="Fre" data-date="27/12"><swp-time-display>12:00 - 20:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Katrine Pedersen" data-day="Lør" data-date="28/12"><swp-time-display>10:00 - 18:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Katrine Pedersen" data-day="Søn" data-date="29/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+
+    <!-- Sofie Andersen -->
+    <swp-schedule-cell class="employee">
+      <swp-employee-name>Sofie Andersen</swp-employee-name>
+      <swp-employee-hours>20 timer</swp-employee-hours>
+    </swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Sofie Andersen" data-day="Man" data-date="23/12"><swp-time-display class="sick">Syg</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Sofie Andersen" data-day="Tir" data-date="24/12"><swp-time-display>09:00 - 15:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day closed-day" data-employee="Sofie Andersen" data-day="Ons" data-date="25/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Sofie Andersen" data-day="Tor" data-date="26/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Sofie Andersen" data-day="Fre" data-date="27/12"><swp-time-display>09:00 - 15:00</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Sofie Andersen" data-day="Lør" data-date="28/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+    <swp-schedule-cell class="day" data-employee="Sofie Andersen" data-day="Søn" data-date="29/12"><swp-time-display class="off">—</swp-time-display></swp-schedule-cell>
+  </swp-schedule-table>
+</swp-page>
+
+<!-- DRAWER -->
+<swp-drawer id="scheduleDrawer">
+  <swp-drawer-header>
+    <swp-drawer-title id="drawerTitle">Redigér vagt</swp-drawer-title>
+    <swp-drawer-close id="drawerClose">×</swp-drawer-close>
+  </swp-drawer-header>
+
+  <swp-drawer-content>
+    <swp-form-row>
+      <swp-form-label>Medarbejder</swp-form-label>
+      <swp-employee-display id="fieldEmployeeDisplay">
+        <swp-employee-avatar id="fieldAvatar"></swp-employee-avatar>
+        <swp-form-value id="fieldEmployee">Vælg celle...</swp-form-value>
+      </swp-employee-display>
+    </swp-form-row>
+
+    <swp-form-row>
+      <swp-form-label>Dato</swp-form-label>
+      <swp-form-value id="fieldDate">—</swp-form-value>
+    </swp-form-row>
+
+    <swp-form-divider></swp-form-divider>
+
+    <swp-form-row>
+      <swp-form-label>Status</swp-form-label>
+      <swp-status-options id="statusOptions">
+        <swp-status-option data-status="work" class="selected">Arbejde</swp-status-option>
+        <swp-status-option data-status="off">Fri</swp-status-option>
+        <swp-status-option data-status="vacation">Ferie</swp-status-option>
+        <swp-status-option data-status="sick">Syg</swp-status-option>
+      </swp-status-options>
+    </swp-form-row>
+
+    <swp-form-row id="timeRow">
+      <swp-form-label>Tidsrum</swp-form-label>
+      <swp-time-range id="drawerTimeRange">
+        <swp-time-range-slider>
+          <swp-time-range-track></swp-time-range-track>
+          <swp-time-range-fill></swp-time-range-fill>
+          <input type="range" class="range-start" min="0" max="60" value="12" step="1">
+          <input type="range" class="range-end" min="0" max="60" value="44" step="1">
+        </swp-time-range-slider>
+        <swp-time-range-label>
+          <swp-time-range-times>09:00 – 17:00</swp-time-range-times>
+          <swp-time-range-duration>8 timer</swp-time-range-duration>
+        </swp-time-range-label>
+      </swp-time-range>
+    </swp-form-row>
+
+    <swp-form-row>
+      <swp-form-label>Note <span class="optional">(valgfrit)</span></swp-form-label>
+      <input type="text" id="fieldNote" placeholder="F.eks. Aftenvagt">
+    </swp-form-row>
+
+    <swp-form-divider></swp-form-divider>
+
+    <swp-form-row>
+      <swp-form-label>Type</swp-form-label>
+      <swp-toggle-options id="typeOptions">
+        <swp-toggle-option data-value="single">Enkelt</swp-toggle-option>
+        <swp-toggle-option data-value="template" class="selected">Gentagelse</swp-toggle-option>
+      </swp-toggle-options>
+    </swp-form-row>
+
+    <swp-form-group id="repeatGroup">
+      <swp-form-row>
+        <swp-form-label>Gentag</swp-form-label>
+        <swp-form-select>
+          <select id="repeatInterval">
+            <option value="1">Hver uge</option>
+            <option value="2">Hver 2. uge</option>
+            <option value="3">Hver 3. uge</option>
+            <option value="4">Hver 4. uge</option>
+          </select>
+        </swp-form-select>
+      </swp-form-row>
+
+      <swp-form-hint>
+        Gentagelser bruger valgt dato som startuge.
+      </swp-form-hint>
+
+      <swp-form-row>
+        <swp-form-label>Slutdato <span class="optional">(valgfrit)</span></swp-form-label>
+        <input type="date" id="repeatEndDate">
+      </swp-form-row>
+
+      <swp-form-row>
+        <swp-form-label>Ugedag <span class="auto">(auto)</span></swp-form-label>
+        <swp-form-value id="fieldWeekday">—</swp-form-value>
+      </swp-form-row>
+    </swp-form-group>
+  </swp-drawer-content>
+
+  <swp-drawer-footer>
+    <swp-button class="secondary" id="drawerCancel">Annuller</swp-button>
+    <swp-button class="primary" id="drawerSave">Gem</swp-button>
+  </swp-drawer-footer>
+</swp-drawer>
+
+<script>
+  // ==========================================
+  // EDIT MODE
+  // ==========================================
+  const editModeBtn = document.getElementById('editModeBtn');
+  let isEditMode = false;
+
+  editModeBtn.addEventListener('click', () => {
+    isEditMode = !isEditMode;
+    document.body.classList.toggle('edit-mode', isEditMode);
+
+    if (isEditMode) {
+      editModeBtn.innerHTML = `
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+          <polyline points="17 21 17 13 7 13 7 21"/>
+          <polyline points="7 3 7 8 15 8"/>
+        </svg>
+        Færdig`;
+      openDrawer();
+      showEmptyState();
+    } else {
+      editModeBtn.innerHTML = `
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+          <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+        </svg>
+        Rediger`;
+      closeDrawer();
+      clearSelection();
+    }
+  });
+
+  // ==========================================
+  // DRAWER
+  // ==========================================
+  const drawer = document.getElementById('scheduleDrawer');
+  const drawerClose = document.getElementById('drawerClose');
+  const drawerCancel = document.getElementById('drawerCancel');
+  const drawerSave = document.getElementById('drawerSave');
+  const drawerContent = document.querySelector('swp-drawer-content');
+  const drawerFooter = document.querySelector('swp-drawer-footer');
+
+  // Form fields
+  const fieldEmployee = document.getElementById('fieldEmployee');
+  const fieldEmployeeDisplay = document.getElementById('fieldEmployeeDisplay');
+  const fieldAvatar = document.getElementById('fieldAvatar');
+  const fieldDate = document.getElementById('fieldDate');
+  const fieldWeekday = document.getElementById('fieldWeekday');
+  const timeRow = document.getElementById('timeRow');
+  const repeatGroup = document.getElementById('repeatGroup');
+  const drawerTimeRange = document.getElementById('drawerTimeRange');
+
+  function getInitials(name) {
+    return name.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2);
+  }
+
+  const weekdays = ['Søndag', 'Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag'];
+
+  // ==========================================
+  // TIME RANGE SLIDER
+  // ==========================================
+  const TIME_RANGE_MAX = 60; // 15 hours (06:00-21:00) * 4 intervals
+
+  function valueToTime(value) {
+    const totalMinutes = (value * 15) + (6 * 60); // Add 6 hour offset
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+  }
+
+  function timeToValue(timeStr) {
+    const [hours, minutes] = timeStr.split(':').map(Number);
+    const totalMinutes = hours * 60 + minutes;
+    return Math.round((totalMinutes - 6 * 60) / 15);
+  }
+
+  function updateTimeRange(slider) {
+    const startInput = slider.querySelector('.range-start');
+    const endInput = slider.querySelector('.range-end');
+    const fill = slider.querySelector('swp-time-range-fill');
+    const labelContainer = slider.closest('swp-time-range').querySelector('swp-time-range-label');
+    const timesEl = labelContainer.querySelector('swp-time-range-times');
+    const durationEl = labelContainer.querySelector('swp-time-range-duration');
+
+    let startVal = parseInt(startInput.value);
+    let endVal = parseInt(endInput.value);
+
+    // Ensure start doesn't exceed end
+    if (startVal > endVal) {
+      if (startInput === document.activeElement) {
+        startInput.value = endVal;
+        startVal = endVal;
+      } else {
+        endInput.value = startVal;
+        endVal = startVal;
+      }
+    }
+
+    // Update fill bar position
+    const startPercent = (startVal / TIME_RANGE_MAX) * 100;
+    const endPercent = (endVal / TIME_RANGE_MAX) * 100;
+    fill.style.left = startPercent + '%';
+    fill.style.width = (endPercent - startPercent) + '%';
+
+    // Calculate duration in hours
+    const durationIntervals = endVal - startVal;
+    const durationMinutes = durationIntervals * 15;
+    const durationHours = durationMinutes / 60;
+    const durationText = durationHours % 1 === 0
+      ? `${durationHours} timer`
+      : `${durationHours.toFixed(1).replace('.', ',')} timer`;
+
+    // Update time range and duration separately
+    timesEl.textContent = `${valueToTime(startVal)} – ${valueToTime(endVal)}`;
+    durationEl.textContent = durationText;
+  }
+
+  function initTimeRangeSlider(sliderContainer) {
+    const slider = sliderContainer.querySelector('swp-time-range-slider');
+    const startInput = slider.querySelector('.range-start');
+    const endInput = slider.querySelector('.range-end');
+    const fill = slider.querySelector('swp-time-range-fill');
+    const track = slider.querySelector('swp-time-range-track');
+
+    // Initialize
+    updateTimeRange(slider);
+
+    startInput.addEventListener('input', () => {
+      updateTimeRange(slider);
+      updateSelectedCellsTime();
+    });
+    endInput.addEventListener('input', () => {
+      updateTimeRange(slider);
+      updateSelectedCellsTime();
+    });
+
+    // Drag fill bar to move entire range
+    let isDragging = false;
+    let dragStartX = 0;
+    let dragStartValues = { start: 0, end: 0 };
+
+    fill.addEventListener('mousedown', (e) => {
+      isDragging = true;
+      dragStartX = e.clientX;
+      dragStartValues.start = parseInt(startInput.value);
+      dragStartValues.end = parseInt(endInput.value);
+      e.preventDefault();
+    });
+
+    document.addEventListener('mousemove', (e) => {
+      if (!isDragging) return;
+
+      const sliderWidth = track.offsetWidth;
+      const deltaX = e.clientX - dragStartX;
+      const deltaValue = Math.round((deltaX / sliderWidth) * TIME_RANGE_MAX);
+
+      const duration = dragStartValues.end - dragStartValues.start;
+      let newStart = dragStartValues.start + deltaValue;
+      let newEnd = dragStartValues.end + deltaValue;
+
+      // Clamp to bounds
+      if (newStart < 0) {
+        newStart = 0;
+        newEnd = duration;
+      }
+      if (newEnd > TIME_RANGE_MAX) {
+        newEnd = TIME_RANGE_MAX;
+        newStart = TIME_RANGE_MAX - duration;
+      }
+
+      startInput.value = newStart;
+      endInput.value = newEnd;
+      updateTimeRange(slider);
+      updateSelectedCellsTime();
+    });
+
+    document.addEventListener('mouseup', () => {
+      isDragging = false;
+    });
+  }
+
+  // Initialize the drawer time range slider
+  initTimeRangeSlider(drawerTimeRange);
+
+  // Opdater valgte celler i realtid når tiden ændres
+  function updateSelectedCellsTime() {
+    const selectedStatus = document.querySelector('#statusOptions swp-status-option.selected');
+    const status = selectedStatus ? selectedStatus.dataset.status : 'work';
+
+    // Kun opdater hvis status er "work"
+    if (status !== 'work') return;
+
+    const slider = drawerTimeRange.querySelector('swp-time-range-slider');
+    const startVal = parseInt(slider.querySelector('.range-start').value);
+    const endVal = parseInt(slider.querySelector('.range-end').value);
+    const startTime = valueToTime(startVal);
+    const endTime = valueToTime(endVal);
+    const formattedTime = `${startTime} - ${endTime}`;
+
+    selectedCells.forEach(cell => {
+      const timeDisplay = cell.querySelector('swp-time-display');
+      if (timeDisplay && !timeDisplay.classList.contains('off') &&
+          !timeDisplay.classList.contains('vacation') &&
+          !timeDisplay.classList.contains('sick')) {
+        timeDisplay.textContent = formattedTime;
+      }
+    });
+  }
+
+  let selectedCells = [];
+  const GRID_COLUMNS = 8; // 1 employee + 7 days
+  const allCells = Array.from(document.querySelectorAll('swp-schedule-table > swp-schedule-cell'));
+
+  function updateAdjacentClasses() {
+    // Fjern adjacency klasser først
+    selectedCells.forEach(c => c.classList.remove('adj-left', 'adj-right', 'adj-top', 'adj-bottom'));
+
+    // Find indices af alle valgte celler
+    const selectedIndices = selectedCells.map(cell => allCells.indexOf(cell));
+
+    selectedCells.forEach(cell => {
+      const idx = allCells.indexOf(cell);
+      const col = idx % GRID_COLUMNS;
+
+      // Venstre nabo
+      if (col > 1 && selectedIndices.includes(idx - 1)) {
+        cell.classList.add('adj-left');
+      }
+      // Højre nabo
+      if (col < GRID_COLUMNS - 1 && selectedIndices.includes(idx + 1)) {
+        cell.classList.add('adj-right');
+      }
+      // Nabo ovenover
+      if (selectedIndices.includes(idx - GRID_COLUMNS)) {
+        cell.classList.add('adj-top');
+      }
+      // Nabo nedenunder
+      if (selectedIndices.includes(idx + GRID_COLUMNS)) {
+        cell.classList.add('adj-bottom');
+      }
+    });
+  }
+
+  function showEmptyState() {
+    fieldEmployee.textContent = 'Vælg celle...';
+    fieldAvatar.textContent = '?';
+    fieldEmployeeDisplay.classList.add('empty');
+    fieldEmployeeDisplay.classList.remove('multi');
+    fieldDate.textContent = '—';
+    fieldWeekday.textContent = '—';
+    drawerContent.style.opacity = '0.5';
+    drawerContent.style.pointerEvents = 'none';
+    drawerFooter.style.display = 'none';
+  }
+
+  function showEditState() {
+    drawerContent.style.opacity = '1';
+    drawerContent.style.pointerEvents = 'auto';
+    drawerFooter.style.display = 'flex';
+  }
+
+  function updateDrawerFields() {
+    if (selectedCells.length === 0) {
+      showEmptyState();
+      return;
+    }
+
+    showEditState();
+    fieldEmployeeDisplay.classList.remove('empty', 'multi');
+
+    if (selectedCells.length === 1) {
+      const cell = selectedCells[0];
+      const employeeName = cell.dataset.employee;
+      fieldEmployee.textContent = employeeName;
+      fieldAvatar.textContent = getInitials(employeeName);
+      fieldDate.textContent = cell.dataset.date + '/2025';
+
+      // Calculate weekday from day name
+      const dayMap = { 'Man': 1, 'Tir': 2, 'Ons': 3, 'Tor': 4, 'Fre': 5, 'Lør': 6, 'Søn': 0 };
+      fieldWeekday.textContent = weekdays[dayMap[cell.dataset.day]];
+
+      // Pre-fill form with current cell values
+      prefillFormFromCell(cell);
+    } else {
+      const employees = [...new Set(selectedCells.map(c => c.dataset.employee))];
+      const days = [...new Set(selectedCells.map(c => c.dataset.day))];
+
+      if (employees.length === 1) {
+        fieldEmployee.textContent = employees[0];
+        fieldAvatar.textContent = getInitials(employees[0]);
+        fieldDate.textContent = `${selectedCells.length} dage valgt`;
+      } else if (days.length === 1) {
+        fieldEmployee.textContent = `${selectedCells.length} medarbejdere`;
+        fieldAvatar.textContent = employees.length;
+        fieldEmployeeDisplay.classList.add('multi');
+        fieldDate.textContent = selectedCells[0].dataset.date + '/2025';
+      } else {
+        fieldEmployee.textContent = `${selectedCells.length} valgt`;
+        fieldAvatar.textContent = selectedCells.length;
+        fieldEmployeeDisplay.classList.add('multi');
+        fieldDate.textContent = `${employees.length} medarbejdere, ${days.length} dage`;
+      }
+      fieldWeekday.textContent = days.length === 1 ? weekdays[{ 'Man': 1, 'Tir': 2, 'Ons': 3, 'Tor': 4, 'Fre': 5, 'Lør': 6, 'Søn': 0 }[days[0]]] : 'Flere dage';
+
+      // Reset form to default for multi-select
+      resetFormToDefault();
+    }
+  }
+
+  function prefillFormFromCell(cell) {
+    const timeDisplay = cell.querySelector('swp-time-display');
+    if (!timeDisplay) return;
+
+    // Determine current status
+    let status = 'work';
+    if (timeDisplay.classList.contains('off')) status = 'off';
+    else if (timeDisplay.classList.contains('vacation')) status = 'vacation';
+    else if (timeDisplay.classList.contains('sick')) status = 'sick';
+
+    // Update status options
+    document.querySelectorAll('#statusOptions swp-status-option').forEach(opt => {
+      opt.classList.toggle('selected', opt.dataset.status === status);
+    });
+
+    // Show/hide time slider based on status
+    const showTime = status === 'work';
+    timeRow.style.display = showTime ? 'flex' : 'none';
+
+    // Parse and fill time if work status
+    if (status === 'work') {
+      const timeText = timeDisplay.textContent.trim();
+      const timeMatch = timeText.match(/(\d{2}:\d{2})\s*-\s*(\d{2}:\d{2})/);
+      if (timeMatch) {
+        const slider = drawerTimeRange.querySelector('swp-time-range-slider');
+        slider.querySelector('.range-start').value = timeToValue(timeMatch[1]);
+        slider.querySelector('.range-end').value = timeToValue(timeMatch[2]);
+        updateTimeRange(slider);
+      }
+    }
+
+    // Reset type to template (gentagelse)
+    document.querySelectorAll('#typeOptions swp-toggle-option').forEach(opt => {
+      opt.classList.toggle('selected', opt.dataset.value === 'template');
+    });
+    repeatGroup.style.display = 'block';
+
+    // Udfyld note hvis den findes
+    document.getElementById('fieldNote').value = cell.dataset.note || '';
+  }
+
+  function resetFormToDefault() {
+    // Reset to work status
+    document.querySelectorAll('#statusOptions swp-status-option').forEach(opt => {
+      opt.classList.toggle('selected', opt.dataset.status === 'work');
+    });
+    timeRow.style.display = 'flex';
+
+    // Reset time slider to 09:00-17:00
+    const slider = drawerTimeRange.querySelector('swp-time-range-slider');
+    slider.querySelector('.range-start').value = 12; // 09:00
+    slider.querySelector('.range-end').value = 44;   // 17:00
+    updateTimeRange(slider);
+
+    // Reset type to template (gentagelse)
+    document.querySelectorAll('#typeOptions swp-toggle-option').forEach(opt => {
+      opt.classList.toggle('selected', opt.dataset.value === 'template');
+    });
+    repeatGroup.style.display = 'block';
+
+    // Nulstil note
+    document.getElementById('fieldNote').value = '';
+  }
+
+  function openDrawer() {
+    drawer.classList.add('open');
+  }
+
+  function closeDrawer() {
+    drawer.classList.remove('open');
+  }
+
+  function clearSelection() {
+    selectedCells.forEach(c => {
+      c.classList.remove('selected', 'adj-left', 'adj-right', 'adj-top', 'adj-bottom');
+    });
+    selectedCells = [];
+  }
+
+  drawerClose.addEventListener('click', () => {
+    // Exit edit mode
+    isEditMode = false;
+    document.body.classList.remove('edit-mode');
+    editModeBtn.innerHTML = `
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+      </svg>
+      Rediger`;
+    closeDrawer();
+    clearSelection();
+  });
+
+  drawerCancel.addEventListener('click', () => {
+    clearSelection();
+    showEmptyState();
+  });
+
+  drawerSave.addEventListener('click', () => {
+    if (selectedCells.length === 0) return;
+
+    const selectedStatus = document.querySelector('#statusOptions swp-status-option.selected');
+    const status = selectedStatus ? selectedStatus.dataset.status : 'work';
+
+    // Get time from slider
+    const slider = drawerTimeRange.querySelector('swp-time-range-slider');
+    const startVal = parseInt(slider.querySelector('.range-start').value);
+    const endVal = parseInt(slider.querySelector('.range-end').value);
+    const startTime = valueToTime(startVal);
+    const endTime = valueToTime(endVal);
+
+    const noteValue = document.getElementById('fieldNote').value.trim();
+
+    selectedCells.forEach(cell => {
+      const timeDisplay = cell.querySelector('swp-time-display');
+      if (!timeDisplay) return;
+
+      // Store original if not already stored (kun hvis cellen har en reel tid)
+      const hasRealTime = !timeDisplay.classList.contains('off') &&
+                          !timeDisplay.classList.contains('vacation') &&
+                          !timeDisplay.classList.contains('sick');
+      if (!cell.dataset.originalTime && hasRealTime) {
+        cell.dataset.originalTime = timeDisplay.textContent;
+      }
+
+      // Remove all status classes
+      timeDisplay.classList.remove('off', 'off-override', 'vacation', 'sick');
+
+      switch (status) {
+        case 'work':
+          const formattedTime = `${startTime} - ${endTime}`;
+          timeDisplay.textContent = formattedTime;
+          break;
+        case 'off':
+          timeDisplay.classList.add('off');
+          if (cell.dataset.originalTime) {
+            timeDisplay.classList.add('off-override');
+            timeDisplay.textContent = 'Fri';
+          } else {
+            timeDisplay.textContent = '—';
+          }
+          break;
+        case 'vacation':
+          timeDisplay.classList.add('vacation');
+          timeDisplay.textContent = 'Ferie';
+          break;
+        case 'sick':
+          timeDisplay.classList.add('sick');
+          timeDisplay.textContent = 'Syg';
+          break;
+      }
+
+      // Håndter note-ikon
+      let noteIcon = cell.querySelector('swp-note-icon');
+      if (noteValue) {
+        if (!noteIcon) {
+          noteIcon = document.createElement('swp-note-icon');
+          noteIcon.innerHTML = '<img src="icons/note-sticky.svg" alt="Note">';
+          cell.appendChild(noteIcon);
+        }
+        cell.dataset.note = noteValue;
+      } else {
+        if (noteIcon) {
+          noteIcon.remove();
+        }
+        delete cell.dataset.note;
+      }
+
+      // Håndter override-indikator (vis original tid når ændret)
+      let overrideEl = cell.querySelector('swp-override-original');
+      if (cell.dataset.originalTime) {
+        // Der er en original værdi - vis override
+        if (!overrideEl) {
+          overrideEl = document.createElement('swp-override-original');
+          cell.appendChild(overrideEl);
+        }
+        overrideEl.textContent = cell.dataset.originalTime;
+      }
+
+      // Mark as modified
+      cell.dataset.modified = 'true';
+    });
+
+    clearSelection();
+    showEmptyState();
+  });
+
+  // ==========================================
+  // CELL CLICK (in edit mode)
+  // ==========================================
+  const dayCells = Array.from(document.querySelectorAll('swp-schedule-cell.day'));
+  let anchorCell = null; // Første valgte celle til shift-selection
+
+  document.querySelectorAll('swp-schedule-cell.day').forEach(cell => {
+    // Dobbeltklik aktiverer edit-mode
+    cell.addEventListener('dblclick', (e) => {
+      if (!isEditMode) {
+        isEditMode = true;
+        document.body.classList.add('edit-mode');
+        editModeBtn.innerHTML = `
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+            <polyline points="17 21 17 13 7 13 7 21"/>
+            <polyline points="7 3 7 8 15 8"/>
+          </svg>
+          Færdig`;
+        openDrawer();
+
+        // Vælg den dobbeltklikkede celle
+        clearSelection();
+        cell.classList.add('selected');
+        selectedCells = [cell];
+        anchorCell = cell;
+        updateAdjacentClasses();
+        updateDrawerFields();
+      }
+    });
+
+    cell.addEventListener('click', (e) => {
+      if (!isEditMode) return;
+
+      if (e.shiftKey && anchorCell) {
+        // Shift-click: vælg alle celler fra anchor til denne
+        const anchorIdx = dayCells.indexOf(anchorCell);
+        const targetIdx = dayCells.indexOf(cell);
+        const startIdx = Math.min(anchorIdx, targetIdx);
+        const endIdx = Math.max(anchorIdx, targetIdx);
+
+        // Beregn rækkevidde baseret på grid position
+        const anchorRow = Math.floor(anchorIdx / 7);
+        const anchorCol = anchorIdx % 7;
+        const targetRow = Math.floor(targetIdx / 7);
+        const targetCol = targetIdx % 7;
+
+        const minRow = Math.min(anchorRow, targetRow);
+        const maxRow = Math.max(anchorRow, targetRow);
+        const minCol = Math.min(anchorCol, targetCol);
+        const maxCol = Math.max(anchorCol, targetCol);
+
+        clearSelection();
+
+        // Vælg alle celler i rektanglet
+        dayCells.forEach((c, idx) => {
+          const row = Math.floor(idx / 7);
+          const col = idx % 7;
+          if (row >= minRow && row <= maxRow && col >= minCol && col <= maxCol) {
+            c.classList.add('selected');
+            selectedCells.push(c);
+          }
+        });
+      } else if (e.ctrlKey || e.metaKey) {
+        // Multi-select with Ctrl/Cmd
+        if (cell.classList.contains('selected')) {
+          cell.classList.remove('selected');
+          selectedCells = selectedCells.filter(c => c !== cell);
+        } else {
+          cell.classList.add('selected');
+          selectedCells.push(cell);
+          anchorCell = cell;
+        }
+      } else {
+        // Single click - clear previous and select this one
+        clearSelection();
+        cell.classList.add('selected');
+        selectedCells = [cell];
+        anchorCell = cell;
+      }
+
+      updateAdjacentClasses();
+      updateDrawerFields();
+    });
+  });
+
+  // ==========================================
+  // STATUS OPTIONS
+  // ==========================================
+  function updateSelectedCellsStatus() {
+    const selectedStatus = document.querySelector('#statusOptions swp-status-option.selected');
+    const status = selectedStatus ? selectedStatus.dataset.status : 'work';
+
+    const slider = drawerTimeRange.querySelector('swp-time-range-slider');
+    const startVal = parseInt(slider.querySelector('.range-start').value);
+    const endVal = parseInt(slider.querySelector('.range-end').value);
+    const startTime = valueToTime(startVal);
+    const endTime = valueToTime(endVal);
+
+    selectedCells.forEach(cell => {
+      const timeDisplay = cell.querySelector('swp-time-display');
+      if (!timeDisplay) return;
+
+      // Gem original tid hvis ikke allerede gemt
+      const hasRealTime = !timeDisplay.classList.contains('off') &&
+                          !timeDisplay.classList.contains('vacation') &&
+                          !timeDisplay.classList.contains('sick');
+      const currentText = timeDisplay.textContent;
+      const isRealTimeText = currentText.includes(':'); // Tjek om det er en tid
+
+      if (!cell.dataset.originalTime && (hasRealTime || isRealTimeText)) {
+        cell.dataset.originalTime = currentText;
+      }
+
+      // Fjern alle status klasser
+      timeDisplay.classList.remove('off', 'off-override', 'vacation', 'sick');
+
+      switch (status) {
+        case 'work':
+          timeDisplay.textContent = `${startTime} - ${endTime}`;
+          break;
+        case 'off':
+          timeDisplay.classList.add('off');
+          if (cell.dataset.originalTime) {
+            timeDisplay.classList.add('off-override');
+            timeDisplay.textContent = 'Fri';
+          } else {
+            timeDisplay.textContent = '—';
+          }
+          break;
+        case 'vacation':
+          timeDisplay.classList.add('vacation');
+          timeDisplay.textContent = 'Ferie';
+          break;
+        case 'sick':
+          timeDisplay.classList.add('sick');
+          timeDisplay.textContent = 'Syg';
+          break;
+      }
+    });
+  }
+
+  document.querySelectorAll('#statusOptions swp-status-option').forEach(option => {
+    option.addEventListener('click', () => {
+      document.querySelectorAll('#statusOptions swp-status-option').forEach(o => o.classList.remove('selected'));
+      option.classList.add('selected');
+
+      const status = option.dataset.status;
+      const showTime = status === 'work';
+      timeRow.style.display = showTime ? 'flex' : 'none';
+
+      // Opdater celler i realtid
+      updateSelectedCellsStatus();
+    });
+  });
+
+  // ==========================================
+  // TYPE TOGGLE (Enkelt/Gentagelse)
+  // ==========================================
+  document.querySelectorAll('#typeOptions swp-toggle-option').forEach(option => {
+    option.addEventListener('click', () => {
+      document.querySelectorAll('#typeOptions swp-toggle-option').forEach(o => o.classList.remove('selected'));
+      option.classList.add('selected');
+
+      const isTemplate = option.dataset.value === 'template';
+      repeatGroup.style.display = isTemplate ? 'block' : 'none';
+    });
+  });
+
+  // ==========================================
+  // WEEK NAVIGATION
+  // ==========================================
+  document.getElementById('prevWeek').addEventListener('click', () => {
+    console.log('Previous week');
+  });
+
+  document.getElementById('nextWeek').addEventListener('click', () => {
+    console.log('Next week');
+  });
+
+  // ==========================================
+  // LUKKEDAGE (klik på dag-header)
+  // ==========================================
+  const scheduleTable = document.querySelector('swp-schedule-table');
+  const dayHeaders = document.querySelectorAll('swp-schedule-cell.header:not(.week-number)');
+
+  dayHeaders.forEach((header, index) => {
+    header.addEventListener('click', () => {
+      if (!isEditMode) return;
+
+      // Toggle lukket status på header
+      header.classList.toggle('closed');
+
+      // Find alle celler i denne kolonne (kolonne index + 1 pga. employee kolonne)
+      const columnIndex = index + 1; // 0-baseret, +1 for employee kolonne
+
+      // Opdater alle dag-celler i kolonnen
+      const allDayCells = document.querySelectorAll('swp-schedule-cell.day');
+      allDayCells.forEach(cell => {
+        const cellIndex = allCells.indexOf(cell);
+        const cellColumn = cellIndex % GRID_COLUMNS;
+
+        if (cellColumn === columnIndex) {
+          cell.classList.toggle('closed-day', header.classList.contains('closed'));
+        }
+      });
+
+      // Opdater has-closed class på tabellen
+      const hasAnyClosed = document.querySelector('swp-schedule-cell.header.closed');
+      scheduleTable.classList.toggle('has-closed', !!hasAnyClosed);
+    });
+  });
+</script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-booking-v2.html b/wwwroot/poc-booking-v2.html
new file mode 100644
index 0000000..f3c71bc
--- /dev/null
+++ b/wwwroot/poc-booking-v2.html
@@ -0,0 +1,2993 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Book tid - KARINA KNUDSEN®</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+  <style>
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.woff') format('woff'); font-weight: 400; }
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Medium.woff') format('woff'); font-weight: 500; }
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.woff') format('woff'); font-weight: 600; }
+    @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.woff') format('woff'); font-weight: 700; }
+  </style>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css">
+
+  <style>
+    :root {
+      --color-teal: #00897b;
+      --color-teal-light: #e0f2f1;
+      --color-surface: #ffffff;
+      --color-background: #f5f5f5;
+      --color-border: #e0e0e0;
+      --color-text: #333333;
+      --color-text-secondary: #666666;
+      --color-text-muted: #999999;
+      --color-green: #43a047;
+      --color-red: #e53935;
+      --font-family: 'Poppins', -apple-system, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+      --anim-duration: 250ms;
+    }
+
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      font-family: var(--font-family);
+      background: var(--color-background);
+      color: var(--color-text);
+      min-height: 100vh;
+    }
+
+    /* ==========================================
+       PAGE LAYOUT
+       ========================================== */
+    .booking-page {
+      display: grid;
+      grid-template-columns: 1fr 360px;
+      max-width: 1100px;
+      margin: 0 auto;
+      min-height: 100vh;
+    }
+
+    @media (max-width: 900px) {
+      .booking-page {
+        grid-template-columns: 1fr;
+      }
+      .sidebar {
+        display: none;
+      }
+    }
+
+    /* ==========================================
+       MAIN CONTENT
+       ========================================== */
+    .main-content {
+      background: var(--color-surface);
+      padding: 40px;
+    }
+
+    .salon-header {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-bottom: 36px;
+    }
+
+    .salon-logo {
+      width: 52px;
+      height: 52px;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      font-weight: 700;
+      color: white;
+    }
+
+    .salon-name {
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    .salon-address {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       STEPS
+       ========================================== */
+    .steps {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .step {
+      background: var(--color-background);
+      border-radius: 12px;
+      overflow: hidden;
+    }
+
+    .step.disabled {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+
+    .step-header {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+      padding: 18px 20px;
+      cursor: pointer;
+      user-select: none;
+      transition: background 150ms ease;
+    }
+
+    .step:not(.disabled) .step-header:hover {
+      background: rgba(0,0,0,0.02);
+    }
+
+    .step-icon {
+      font-size: 22px;
+      color: var(--color-text-muted);
+      transition: color var(--anim-duration) ease;
+    }
+
+    .step.active .step-icon,
+    .step.completed .step-icon {
+      color: var(--color-teal);
+    }
+
+    .step-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .step-title {
+      font-size: 15px;
+      font-weight: 600;
+      margin-bottom: 2px;
+    }
+
+    .step-summary {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .step.completed .step-summary {
+      color: var(--color-teal);
+    }
+
+    .step-chevron {
+      font-size: 20px;
+      color: var(--color-text-muted);
+      transition: transform var(--anim-duration) ease;
+    }
+
+    .step.active .step-chevron {
+      transform: rotate(180deg);
+    }
+
+    .step-body {
+      overflow: hidden;
+      height: 0;
+    }
+
+    .step-content {
+      padding: 4px 20px 24px;
+    }
+
+    /* ==========================================
+       SERVICES
+       ========================================== */
+    .category {
+      margin-bottom: 20px;
+    }
+
+    .category:last-child {
+      margin-bottom: 0;
+    }
+
+    .category-title {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 10px;
+    }
+
+    .service-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .service-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 14px 16px;
+      background: var(--color-surface);
+      border: 2px solid transparent;
+      border-radius: 10px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .service-item:hover {
+      border-color: var(--color-border);
+    }
+
+    .service-item.selected {
+      border-color: var(--color-teal);
+      background: var(--color-teal-light);
+    }
+
+    .service-check {
+      width: 22px;
+      height: 22px;
+      border-radius: 6px;
+      border: 2px solid var(--color-border);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      color: white;
+      transition: all 150ms ease;
+      flex-shrink: 0;
+    }
+
+    .service-item.selected .service-check {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+    }
+
+    .service-check i {
+      opacity: 0;
+      transition: opacity 150ms ease;
+    }
+
+    .service-item.selected .service-check i {
+      opacity: 1;
+    }
+
+    .service-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .service-name {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .service-duration {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    .service-price {
+      font-size: 14px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      white-space: nowrap;
+    }
+
+    /* ==========================================
+       EMPLOYEES
+       ========================================== */
+    .employee-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+
+    @media (max-width: 480px) {
+      .employee-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .employee-card {
+      background: var(--color-surface);
+      border: 2px solid transparent;
+      border-radius: 12px;
+      padding: 20px 16px;
+      cursor: pointer;
+      text-align: center;
+      transition: all 150ms ease;
+    }
+
+    .employee-card:hover {
+      border-color: var(--color-border);
+    }
+
+    .employee-card.selected {
+      border-color: var(--color-teal);
+      background: var(--color-teal-light);
+    }
+
+    .employee-photo {
+      width: 80px;
+      height: 80px;
+      border-radius: 8px;
+      margin: 0 auto 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      font-weight: 600;
+      color: white;
+    }
+
+    .employee-photo.neutral {
+      background: var(--color-border);
+      color: var(--color-text-secondary);
+    }
+
+    .employee-photo.neutral i {
+      font-size: 32px;
+    }
+
+    .employee-name {
+      font-size: 15px;
+      font-weight: 600;
+      margin-bottom: 2px;
+    }
+
+    .employee-role {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    .employee-price {
+      font-size: 13px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      margin-top: 10px;
+      color: var(--color-text-secondary);
+    }
+
+    .employee-price.discount {
+      color: var(--color-green);
+    }
+
+    /* ==========================================
+       CALENDAR & TIME
+       ========================================== */
+    .datetime-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 20px;
+    }
+
+    @media (max-width: 560px) {
+      .datetime-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .calendar {
+      background: var(--color-surface);
+      border-radius: 10px;
+      padding: 16px;
+    }
+
+    .calendar-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 14px;
+    }
+
+    .calendar-month {
+      font-size: 15px;
+      font-weight: 600;
+    }
+
+    .calendar-nav {
+      display: flex;
+      gap: 4px;
+    }
+
+    .calendar-nav button {
+      width: 30px;
+      height: 30px;
+      border: none;
+      background: var(--color-background);
+      border-radius: 6px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    .calendar-nav button:hover {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    .calendar-grid {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+      gap: 2px;
+    }
+
+    .weekday {
+      text-align: center;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-muted);
+      padding: 6px 0;
+    }
+
+    .day {
+      aspect-ratio: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 13px;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .day:hover:not(.disabled):not(.selected) {
+      background: var(--color-surface);
+    }
+
+    .day.today {
+      font-weight: 600;
+      color: var(--color-teal);
+    }
+
+    .day.selected {
+      background: var(--color-teal);
+      color: white;
+      font-weight: 500;
+    }
+
+    .day.disabled {
+      color: var(--color-border);
+      cursor: default;
+    }
+
+    .time-section-title {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 10px;
+    }
+
+    .time-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 6px;
+    }
+
+    .time-slot {
+      padding: 10px 8px;
+      text-align: center;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-mono);
+      background: var(--color-surface);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .time-slot:hover:not(.disabled):not(.selected) {
+      background: var(--color-teal-light);
+    }
+
+    .time-slot.selected {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    .time-slot.disabled {
+      color: var(--color-text-muted);
+      cursor: default;
+      text-decoration: line-through;
+    }
+
+    /* AI Recommended Slots */
+    .time-slot.recommended {
+      position: relative;
+      border: 2px solid var(--color-green);
+      background: color-mix(in srgb, var(--color-green) 8%, white);
+    }
+
+    .time-slot.recommended:hover:not(.disabled):not(.selected) {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+    }
+
+    .time-slot.recommended.selected {
+      background: var(--color-green);
+      border-color: var(--color-green);
+    }
+
+    .ai-badge {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      background: var(--color-green);
+      color: white;
+      font-size: 10px;
+      padding: 2px 5px;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      font-weight: 500;
+      font-family: var(--font-family);
+    }
+
+    .ai-badge i {
+      font-size: 10px;
+    }
+
+    .ai-info {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 14px;
+      background: color-mix(in srgb, var(--color-green) 10%, white);
+      border-radius: 8px;
+      margin-bottom: 12px;
+      font-size: 12px;
+      color: var(--color-green);
+    }
+
+    .ai-info i {
+      font-size: 16px;
+    }
+
+    /* ==========================================
+       WAITLIST
+       ========================================== */
+    .waitlist-trigger {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-top: 20px;
+      padding: 12px 16px;
+      width: 100%;
+      background: transparent;
+      border: 1px dashed var(--color-border);
+      border-radius: 8px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .waitlist-trigger:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+      background: var(--color-teal-light);
+    }
+
+    .waitlist-trigger i {
+      font-size: 18px;
+    }
+
+    .waitlist-section {
+      overflow: hidden;
+      height: 0;
+    }
+
+    .waitlist-content {
+      padding-top: 20px;
+    }
+
+    .waitlist-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    .waitlist-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    .waitlist-close {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      background: transparent;
+      border: none;
+      border-radius: 6px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .waitlist-close:hover {
+      background: var(--color-background);
+      color: var(--color-text);
+    }
+
+    .waitlist-close i {
+      font-size: 18px;
+    }
+
+    .waitlist-desc {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-bottom: 20px;
+      line-height: 1.5;
+    }
+
+    .waitlist-field {
+      margin-bottom: 16px;
+    }
+
+    .waitlist-field:last-child {
+      margin-bottom: 0;
+    }
+
+    .waitlist-label {
+      display: block;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+      margin-bottom: 6px;
+    }
+
+    .waitlist-periods {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 8px;
+    }
+
+    .period-option {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 12px 14px;
+      background: var(--color-surface);
+      border: 2px solid transparent;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .period-option:hover {
+      border-color: var(--color-border);
+    }
+
+    .period-option.selected {
+      border-color: var(--color-teal);
+      background: var(--color-teal-light);
+    }
+
+    .period-check {
+      width: 20px;
+      height: 20px;
+      border-radius: 4px;
+      border: 2px solid var(--color-border);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      color: white;
+      transition: all 150ms ease;
+      flex-shrink: 0;
+    }
+
+    .period-option.selected .period-check {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+    }
+
+    .period-check i {
+      opacity: 0;
+      transition: opacity 150ms ease;
+    }
+
+    .period-option.selected .period-check i {
+      opacity: 1;
+    }
+
+    .period-info {
+      flex: 1;
+    }
+
+    .period-name {
+      font-size: 13px;
+      font-weight: 500;
+    }
+
+    .period-time {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    .waitlist-submit {
+      margin-top: 20px;
+      width: 100%;
+      padding: 12px 20px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .waitlist-submit:hover {
+      background: #00695c;
+    }
+
+    /* ==========================================
+       FORM
+       ========================================== */
+    .form-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    @media (max-width: 480px) {
+      .form-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    .form-field.full-width {
+      grid-column: 1 / -1;
+    }
+
+    .form-label {
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    .form-label .optional {
+      font-weight: 400;
+      color: var(--color-text-muted);
+    }
+
+    .form-input {
+      width: 100%;
+      padding: 10px 14px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      color: var(--color-text);
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      transition: border-color 150ms ease, box-shadow 150ms ease;
+    }
+
+    .form-input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+      box-shadow: 0 0 0 3px rgba(0, 137, 123, 0.15);
+    }
+
+    .form-input::placeholder {
+      color: var(--color-text-muted);
+    }
+
+    textarea.form-input {
+      resize: vertical;
+      min-height: 80px;
+    }
+
+    /* ==========================================
+       SIDEBAR
+       ========================================== */
+    .sidebar {
+      background: var(--color-background);
+      border-left: 1px solid var(--color-border);
+      padding: 40px 28px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .sidebar-title {
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 20px;
+    }
+
+    .cart-empty {
+      text-align: center;
+      padding: 40px 20px;
+      color: var(--color-text-muted);
+      font-size: 14px;
+    }
+
+    .cart-empty i {
+      font-size: 48px;
+      margin-bottom: 12px;
+      display: block;
+    }
+
+    .cart-items {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-bottom: 20px;
+    }
+
+    .cart-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      padding: 12px 14px;
+      background: var(--color-surface);
+      border-radius: 10px;
+    }
+
+    .cart-item-name {
+      font-size: 14px;
+      font-weight: 500;
+      margin-bottom: 2px;
+    }
+
+    .cart-item-duration {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    .cart-item-price {
+      font-size: 14px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+    }
+
+    .cart-details {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 16px 0;
+      border-top: 1px solid var(--color-border);
+      margin-bottom: 20px;
+    }
+
+    .cart-detail {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 13px;
+    }
+
+    .cart-detail i {
+      font-size: 18px;
+      color: var(--color-teal);
+      width: 20px;
+      flex-shrink: 0;
+    }
+
+    .cart-detail-label {
+      color: var(--color-text-secondary);
+    }
+
+    .cart-detail-value {
+      color: var(--color-text);
+      font-weight: 500;
+    }
+
+    .cart-total {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 18px;
+      background: var(--color-teal-light);
+      border-radius: 12px;
+      margin-bottom: 20px;
+    }
+
+    .cart-total-label {
+      font-size: 15px;
+      font-weight: 600;
+    }
+
+    .cart-total-price {
+      font-size: 22px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-teal);
+    }
+
+    .book-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      width: 100%;
+      padding: 16px 24px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 15px;
+      font-weight: 600;
+      font-family: var(--font-family);
+      border: none;
+      border-radius: 12px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .book-btn:hover:not(:disabled) {
+      background: #00695c;
+    }
+
+    .book-btn:disabled {
+      background: var(--color-border);
+      cursor: not-allowed;
+    }
+
+    .book-btn i {
+      font-size: 20px;
+    }
+
+    /* ==========================================
+       FLOATING BUTTON
+       ========================================== */
+    .floating-btn {
+      position: fixed;
+      bottom: 24px;
+      left: 50%;
+      transform: translateX(-50%) translateY(80px);
+      opacity: 0;
+      pointer-events: none;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 14px 28px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 15px;
+      font-weight: 600;
+      font-family: var(--font-family);
+      border: none;
+      border-radius: 12px;
+      cursor: pointer;
+      box-shadow: 0 4px 20px rgba(0, 137, 123, 0.35);
+      transition: transform var(--anim-duration) ease, opacity var(--anim-duration) ease, background 150ms ease;
+      z-index: 100;
+    }
+
+    .floating-btn.visible {
+      transform: translateX(-50%) translateY(0);
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    .floating-btn:hover {
+      background: #00695c;
+    }
+
+    .floating-btn i {
+      font-size: 18px;
+    }
+
+    /* ==========================================
+       MOBILE RESPONSIVE
+       ========================================== */
+    @media (max-width: 600px) {
+      .main-content {
+        padding: 20px 16px;
+      }
+
+      .salon-header {
+        margin-bottom: 24px;
+      }
+
+      .step-header {
+        padding: 16px 14px;
+        gap: 12px;
+      }
+
+      .step-content {
+        padding: 4px 14px 20px;
+      }
+
+      .service-item {
+        padding: 12px 14px;
+      }
+
+      .calendar {
+        padding: 14px 12px;
+      }
+
+      .employee-item {
+        padding: 10px 12px;
+      }
+    }
+
+    /* ==========================================
+       SUCCESS OVERLAY
+       ========================================== */
+    .success-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0,0,0,0.5);
+      display: none;
+      align-items: center;
+      justify-content: center;
+      z-index: 200;
+    }
+
+    .success-overlay.visible {
+      display: flex;
+    }
+
+    .success-modal {
+      background: var(--color-surface);
+      border-radius: 16px;
+      padding: 40px;
+      text-align: center;
+      max-width: 360px;
+      margin: 20px;
+    }
+
+    .success-icon {
+      width: 72px;
+      height: 72px;
+      background: rgba(67, 160, 71, 0.12);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 0 auto 20px;
+    }
+
+    .success-icon i {
+      font-size: 36px;
+      color: var(--color-green);
+    }
+
+    .success-modal h2 {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 8px;
+    }
+
+    .success-modal p {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      line-height: 1.5;
+    }
+
+    .success-icon.waitlist {
+      background: rgba(0, 137, 123, 0.12);
+    }
+
+    .success-icon.waitlist i {
+      color: var(--color-teal);
+    }
+
+    .success-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      margin-top: 20px;
+      padding: 12px 24px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .success-btn:hover {
+      background: #00695c;
+    }
+
+    .success-btn i {
+      font-size: 16px;
+    }
+
+    /* ==========================================
+       LANDING VIEW
+       ========================================== */
+    .landing-view {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--color-background);
+      padding: 20px;
+    }
+
+    .landing-card {
+      background: var(--color-surface);
+      border-radius: 16px;
+      padding: 48px 40px;
+      max-width: 400px;
+      width: 100%;
+      text-align: center;
+      box-shadow: 0 4px 24px rgba(0,0,0,0.08);
+    }
+
+    .landing-card .salon-logo {
+      width: 64px;
+      height: 64px;
+      margin: 0 auto 16px;
+      font-size: 20px;
+    }
+
+    .landing-card .salon-name {
+      font-size: 20px;
+      margin-bottom: 4px;
+    }
+
+    .landing-card .salon-address {
+      margin-bottom: 32px;
+    }
+
+    .landing-title {
+      font-size: 18px;
+      font-weight: 600;
+      margin-bottom: 24px;
+    }
+
+    .landing-form {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .landing-divider {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      color: var(--color-text-muted);
+      font-size: 13px;
+      margin: 24px 0;
+    }
+
+    .landing-divider::before,
+    .landing-divider::after {
+      content: '';
+      flex: 1;
+      height: 1px;
+      background: var(--color-border);
+    }
+
+    .btn-primary {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      width: 100%;
+      padding: 14px 24px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 15px;
+      font-weight: 600;
+      font-family: var(--font-family);
+      border: none;
+      border-radius: 10px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .btn-primary:hover {
+      background: #00695c;
+    }
+
+    .btn-secondary {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      width: 100%;
+      padding: 14px 24px;
+      background: var(--color-surface);
+      color: var(--color-text);
+      font-size: 15px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 10px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .btn-secondary:hover {
+      background: var(--color-background);
+      border-color: var(--color-text-muted);
+    }
+
+    .landing-step {
+      width: 100%;
+    }
+
+    .landing-phone-display {
+      font-size: 18px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-teal);
+      margin-bottom: 20px;
+    }
+
+    .landing-back {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      margin-top: 20px;
+      padding: 8px 12px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      color: var(--color-text-secondary);
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    .landing-back:hover {
+      color: var(--color-text);
+    }
+
+    .landing-back i {
+      font-size: 16px;
+    }
+
+    /* ==========================================
+       MY PAGE VIEW
+       ========================================== */
+    .mypage-view {
+      display: none;
+      min-height: 100vh;
+      background: var(--color-background);
+    }
+
+    .mypage-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .mypage-header-brand {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .mypage-header .salon-logo {
+      width: 40px;
+      height: 40px;
+      font-size: 14px;
+    }
+
+    .mypage-header .salon-name {
+      font-size: 16px;
+    }
+
+    .btn-logout {
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      background: transparent;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .btn-logout:hover {
+      background: var(--color-background);
+      color: var(--color-text);
+    }
+
+    .mypage-content {
+      max-width: 600px;
+      margin: 0 auto;
+      padding: 32px 24px;
+    }
+
+    .mypage-greeting {
+      font-size: 22px;
+      font-weight: 600;
+      margin-bottom: 24px;
+    }
+
+    .mypage-section {
+      background: var(--color-surface);
+      border-radius: 12px;
+      margin-bottom: 20px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+    }
+
+    .mypage-section-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    .mypage-section-header i {
+      font-size: 20px;
+      color: var(--color-teal);
+    }
+
+    .mypage-section-content {
+      padding: 20px;
+    }
+
+    .book-cta {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      color: white;
+      border-radius: 12px;
+      cursor: pointer;
+      transition: transform 150ms ease, box-shadow 150ms ease;
+    }
+
+    .book-cta:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(0, 137, 123, 0.3);
+    }
+
+    .book-cta-text {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    .book-cta-sub {
+      font-size: 13px;
+      opacity: 0.9;
+      margin-top: 2px;
+    }
+
+    .book-cta i {
+      font-size: 24px;
+    }
+
+    .upcoming-booking {
+      display: flex;
+      align-items: flex-start;
+      gap: 16px;
+      padding: 16px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .upcoming-booking:last-child {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+
+    .upcoming-booking:first-child {
+      padding-top: 0;
+    }
+
+    .upcoming-icon {
+      width: 44px;
+      height: 44px;
+      background: var(--color-teal-light);
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .upcoming-icon i {
+      font-size: 22px;
+      color: var(--color-teal);
+    }
+
+    .upcoming-info {
+      flex: 1;
+    }
+
+    .upcoming-service {
+      font-size: 15px;
+      font-weight: 600;
+      margin-bottom: 4px;
+    }
+
+    .upcoming-datetime {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-bottom: 2px;
+    }
+
+    .upcoming-details {
+      font-size: 12px;
+      color: var(--color-text-muted);
+    }
+
+    .btn-cancel {
+      padding: 8px 14px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-red);
+      background: transparent;
+      border: 1px solid var(--color-red);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      white-space: nowrap;
+    }
+
+    .btn-cancel:hover {
+      background: rgba(229, 57, 53, 0.08);
+    }
+
+    .mypage-form-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    @media (max-width: 480px) {
+      .mypage-form-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .mypage-form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    .mypage-form-field.full-width {
+      grid-column: 1 / -1;
+    }
+
+    .password-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      grid-column: 1 / -1;
+    }
+
+    .password-row .mypage-form-field {
+      flex: 1;
+    }
+
+    .btn-change-password {
+      padding: 10px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-teal);
+      background: transparent;
+      border: 1px solid var(--color-teal);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      white-space: nowrap;
+      margin-top: 20px;
+    }
+
+    .btn-change-password:hover {
+      background: var(--color-teal-light);
+    }
+
+    .mypage-form-actions {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 20px;
+      padding-top: 16px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    .btn-save {
+      padding: 10px 20px;
+      font-size: 14px;
+      font-weight: 500;
+      color: white;
+      background: var(--color-teal);
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .btn-save:hover {
+      background: #00695c;
+    }
+
+    .receipt-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .receipt-item:last-child {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+
+    .receipt-item:first-child {
+      padding-top: 0;
+    }
+
+    .receipt-date {
+      font-size: 13px;
+      color: var(--color-text-muted);
+      width: 100px;
+    }
+
+    .receipt-service {
+      flex: 1;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .receipt-amount {
+      font-size: 14px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+    }
+
+    .empty-state {
+      text-align: center;
+      padding: 24px;
+      color: var(--color-text-muted);
+      font-size: 14px;
+    }
+
+    .empty-state i {
+      font-size: 32px;
+      margin-bottom: 8px;
+      display: block;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Landing View -->
+  <div class="landing-view" id="landingView">
+    <div class="landing-card">
+      <div class="salon-logo">KK</div>
+      <div class="salon-name">KARINA KNUDSEN®</div>
+      <div class="salon-address">Amager Strandvej 22f, 2300 Kbh S</div>
+
+      <!-- Step 1: Phone -->
+      <div class="landing-step" id="landingStep1">
+        <div class="landing-title">Book tid hos os</div>
+        <div class="landing-form">
+          <input type="tel" class="form-input" id="phoneInput" placeholder="Telefonnummer">
+          <button class="btn-primary" id="phoneNextBtn">
+            Fortsæt <i class="ph ph-arrow-right"></i>
+          </button>
+        </div>
+      </div>
+
+      <!-- Step 2: PIN -->
+      <div class="landing-step" id="landingStep2" style="display: none;">
+        <div class="landing-title">Indtast PIN-kode</div>
+        <p class="landing-phone-display" id="phoneDisplay"></p>
+        <div class="landing-form">
+          <input type="password" class="form-input" id="pinInput" placeholder="PIN-kode" inputmode="numeric" maxlength="4">
+          <button class="btn-primary" id="loginBtn">
+            Log ind <i class="ph ph-arrow-right"></i>
+          </button>
+          <div class="landing-divider">eller</div>
+          <button class="btn-secondary" id="continueBtn">
+            Fortsæt uden login <i class="ph ph-arrow-right"></i>
+          </button>
+        </div>
+        <button class="landing-back" id="backToPhoneBtn">
+          <i class="ph ph-arrow-left"></i> Ret telefonnummer
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- My Page View -->
+  <div class="mypage-view" id="mypageView">
+    <div class="mypage-header">
+      <div class="mypage-header-brand">
+        <div class="salon-logo">KK</div>
+        <div class="salon-name">KARINA KNUDSEN®</div>
+      </div>
+      <button class="btn-logout" id="logoutBtn">Log ud</button>
+    </div>
+
+    <div class="mypage-content">
+      <div class="mypage-greeting" id="mypageGreeting">Hej, Maria!</div>
+
+      <!-- Book CTA -->
+      <div class="book-cta" id="bookCtaBtn">
+        <div>
+          <div class="book-cta-text">Book ny tid</div>
+          <div class="book-cta-sub">Vælg ydelse, tidspunkt og medarbejder</div>
+        </div>
+        <i class="ph ph-arrow-right"></i>
+      </div>
+
+      <!-- Upcoming Bookings -->
+      <div class="mypage-section" style="margin-top: 24px;">
+        <div class="mypage-section-header">
+          <i class="ph ph-calendar-check"></i> Kommende tider
+        </div>
+        <div class="mypage-section-content" id="upcomingBookings">
+          <div class="upcoming-booking">
+            <div class="upcoming-icon">
+              <i class="ph ph-scissors"></i>
+            </div>
+            <div class="upcoming-info">
+              <div class="upcoming-service">Dameklip</div>
+              <div class="upcoming-datetime">Fredag 24. januar kl. 14:00</div>
+              <div class="upcoming-details">Camilla · 725 kr.</div>
+            </div>
+            <button class="btn-cancel">Aflys</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- Account Settings -->
+      <div class="mypage-section">
+        <div class="mypage-section-header">
+          <i class="ph ph-user-circle"></i> Mine oplysninger
+        </div>
+        <div class="mypage-section-content">
+          <div class="mypage-form-grid">
+            <div class="mypage-form-field">
+              <label class="form-label">Fornavn</label>
+              <input type="text" class="form-input" id="mypageFirstName" value="Maria">
+            </div>
+            <div class="mypage-form-field">
+              <label class="form-label">Efternavn</label>
+              <input type="text" class="form-input" id="mypageLastName" value="Hansen">
+            </div>
+            <div class="mypage-form-field">
+              <label class="form-label">Email</label>
+              <input type="email" class="form-input" id="mypageEmail" value="maria@email.dk">
+            </div>
+            <div class="mypage-form-field">
+              <label class="form-label">Telefon</label>
+              <input type="tel" class="form-input" id="mypagePhone" value="12 34 56 78">
+            </div>
+            <div class="password-row">
+              <div class="mypage-form-field">
+                <label class="form-label">Adgangskode</label>
+                <input type="password" class="form-input" value="••••••••" disabled>
+              </div>
+              <button class="btn-change-password">Skift</button>
+            </div>
+          </div>
+          <div class="mypage-form-actions">
+            <button class="btn-save">Gem ændringer</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- Receipts -->
+      <div class="mypage-section">
+        <div class="mypage-section-header">
+          <i class="ph ph-receipt"></i> Kvitteringer
+        </div>
+        <div class="mypage-section-content" id="receipts">
+          <div class="receipt-item">
+            <div class="receipt-date">12. dec 2024</div>
+            <div class="receipt-service">Dameklip + Olaplex</div>
+            <div class="receipt-amount">1.275 kr.</div>
+          </div>
+          <div class="receipt-item">
+            <div class="receipt-date">15. nov 2024</div>
+            <div class="receipt-service">Dameklip</div>
+            <div class="receipt-amount">725 kr.</div>
+          </div>
+          <div class="receipt-item">
+            <div class="receipt-date">18. okt 2024</div>
+            <div class="receipt-service">Farve + Klip</div>
+            <div class="receipt-amount">1.510 kr.</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Booking View -->
+  <div class="booking-page" id="bookingView" style="display: none;">
+    <!-- Main Content -->
+    <div class="main-content">
+      <div class="salon-header">
+        <div class="salon-logo">KK</div>
+        <div>
+          <div class="salon-name">KARINA KNUDSEN®</div>
+          <div class="salon-address">Amager Strandvej 22f, 2300 Kbh S</div>
+        </div>
+      </div>
+
+      <div class="steps">
+        <!-- Step 1: Services -->
+        <div class="step active" data-step="1">
+          <div class="step-header">
+            <i class="ph ph-scissors step-icon"></i>
+            <div class="step-info">
+              <div class="step-title">Vælg ydelse</div>
+              <div class="step-summary" data-summary>Hvad vil du have lavet?</div>
+            </div>
+            <i class="ph ph-caret-down step-chevron"></i>
+          </div>
+          <div class="step-body">
+            <div class="step-content" id="servicesContainer"></div>
+          </div>
+        </div>
+
+        <!-- Step 2: Add-ons -->
+        <div class="step disabled" data-step="2">
+          <div class="step-header">
+            <i class="ph ph-plus-circle step-icon"></i>
+            <div class="step-info">
+              <div class="step-title">Tilvalg</div>
+              <div class="step-summary" data-summary>Valgfrit</div>
+            </div>
+            <i class="ph ph-caret-down step-chevron"></i>
+          </div>
+          <div class="step-body">
+            <div class="step-content" id="addonsContainer"></div>
+          </div>
+        </div>
+
+        <!-- Step 3: Employee -->
+        <div class="step disabled" data-step="3">
+          <div class="step-header">
+            <i class="ph ph-user-circle step-icon"></i>
+            <div class="step-info">
+              <div class="step-title">Vælg medarbejder</div>
+              <div class="step-summary" data-summary>Valgfrit</div>
+            </div>
+            <i class="ph ph-caret-down step-chevron"></i>
+          </div>
+          <div class="step-body">
+            <div class="step-content" id="employeesContainer"></div>
+          </div>
+        </div>
+
+        <!-- Step 4: Date & Time -->
+        <div class="step disabled" data-step="4">
+          <div class="step-header">
+            <i class="ph ph-calendar step-icon"></i>
+            <div class="step-info">
+              <div class="step-title">Vælg dato og tid</div>
+              <div class="step-summary" data-summary>Find en ledig tid</div>
+            </div>
+            <i class="ph ph-caret-down step-chevron"></i>
+          </div>
+          <div class="step-body">
+            <div class="step-content" id="datetimeContainer"></div>
+          </div>
+        </div>
+
+        <!-- Step 5: Contact -->
+        <div class="step disabled" data-step="5">
+          <div class="step-header">
+            <i class="ph ph-identification-card step-icon"></i>
+            <div class="step-info">
+              <div class="step-title">Dine oplysninger</div>
+              <div class="step-summary" data-summary>Kontaktinformation</div>
+            </div>
+            <i class="ph ph-caret-down step-chevron"></i>
+          </div>
+          <div class="step-body">
+            <div class="step-content">
+              <div class="form-grid">
+                <div class="form-field">
+                  <label class="form-label" for="firstName">Fornavn</label>
+                  <input type="text" class="form-input" id="firstName" placeholder="Dit fornavn">
+                </div>
+                <div class="form-field">
+                  <label class="form-label" for="lastName">Efternavn</label>
+                  <input type="text" class="form-input" id="lastName" placeholder="Dit efternavn">
+                </div>
+                <div class="form-field">
+                  <label class="form-label" for="phone">Telefon</label>
+                  <input type="tel" class="form-input" id="phone" placeholder="12 34 56 78">
+                </div>
+                <div class="form-field">
+                  <label class="form-label" for="email">Email</label>
+                  <input type="email" class="form-input" id="email" placeholder="din@email.dk">
+                </div>
+                <div class="form-field full-width">
+                  <label class="form-label" for="notes">Noter <span class="optional">(valgfrit)</span></label>
+                  <textarea class="form-input" id="notes" placeholder="Særlige ønsker..."></textarea>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Sidebar -->
+    <div class="sidebar">
+      <div class="sidebar-title">Din booking</div>
+
+      <div class="cart-empty" id="cartEmpty">
+        <i class="ph ph-shopping-cart"></i>
+        Vælg en ydelse for at starte
+      </div>
+
+      <div class="cart-items" id="cartItems" style="display: none;"></div>
+
+      <div class="cart-details" id="cartDetails" style="display: none;">
+        <div class="cart-detail">
+          <i class="ph ph-user-circle"></i>
+          <span class="cart-detail-label">Medarbejder:</span>
+          <span class="cart-detail-value" id="detailEmployee">Ikke valgt</span>
+        </div>
+        <div class="cart-detail">
+          <i class="ph ph-calendar"></i>
+          <span class="cart-detail-label">Dato:</span>
+          <span class="cart-detail-value" id="detailDate">Ikke valgt</span>
+        </div>
+        <div class="cart-detail">
+          <i class="ph ph-clock"></i>
+          <span class="cart-detail-label">Tid:</span>
+          <span class="cart-detail-value" id="detailTime">Ikke valgt</span>
+        </div>
+      </div>
+
+      <div class="cart-total" id="cartTotal" style="display: none;">
+        <span class="cart-total-label">Total</span>
+        <span class="cart-total-price" id="totalPrice">0 kr.</span>
+      </div>
+
+      <button class="book-btn" id="bookBtn" disabled>
+        <i class="ph ph-check-circle"></i>
+        Book tid
+      </button>
+    </div>
+  </div>
+
+  <!-- Floating "Videre" button -->
+  <button class="floating-btn" id="floatingBtn">
+    Videre <i class="ph ph-arrow-right"></i>
+  </button>
+
+  <!-- Success overlay -->
+  <div class="success-overlay" id="successOverlay">
+    <div class="success-modal">
+      <div class="success-icon">
+        <i class="ph ph-check"></i>
+      </div>
+      <h2>Booking bekræftet!</h2>
+      <p>Du modtager en bekræftelse på email og SMS. Vi glæder os til at se dig!</p>
+    </div>
+  </div>
+
+  <!-- Waitlist success overlay -->
+  <div class="success-overlay" id="waitlistSuccessOverlay">
+    <div class="success-modal">
+      <div class="success-icon waitlist">
+        <i class="ph ph-clock-countdown"></i>
+      </div>
+      <h2>Du er på ventelisten!</h2>
+      <p>Tak for din tilmelding. Vi kontakter dig hurtigst muligt, hvis der bliver en ledig tid.</p>
+      <button class="success-btn" id="waitlistSuccessClose">
+        Luk <i class="ph ph-x"></i>
+      </button>
+    </div>
+  </div>
+
+  <script>
+    // ==========================================
+    // CONFIG
+    // ==========================================
+    const ANIM_DURATION = 250;
+
+    // ==========================================
+    // STATE
+    // ==========================================
+    const state = {
+      services: [],
+      addons: [],
+      employee: null,
+      date: null,
+      time: null,
+      customer: { firstName: '', lastName: '', phone: '', email: '', notes: '' }
+    };
+
+    // ==========================================
+    // DATA
+    // ==========================================
+    const servicesData = {
+      "Klip": [
+        { id: "s1", name: "Dameklip", duration: 60, price: 725 },
+        { id: "s2", name: "Herreklip", duration: 60, price: 645 },
+        { id: "s3", name: "Børneklip (0-12 år)", duration: 45, price: 475 }
+      ],
+      "Farve": [
+        { id: "s4", name: "Bundfarve", duration: 90, price: 785 },
+        { id: "s5", name: "Helfarve kort hår", duration: 105, price: 950 },
+        { id: "s6", name: "Striber/Highlights", duration: 120, price: 1465 }
+      ],
+      "Styling": [
+        { id: "s7", name: "Vask & føn", duration: 40, price: 450 },
+        { id: "s8", name: "Håropsætning", duration: 60, price: 850 }
+      ],
+      "Behandlinger": [
+        { id: "s9", name: "Olaplex", duration: 60, price: 550 },
+        { id: "s10", name: "Kurbehandling", duration: 40, price: 365 }
+      ]
+    };
+
+    const addonsData = [
+      { id: "a1", name: "Hårkur", duration: 15, price: 150 },
+      { id: "a2", name: "Hovedbundsmassage", duration: 10, price: 95 },
+      { id: "a3", name: "Styling produkt", duration: 0, price: 175 },
+      { id: "a4", name: "Varmebeskyttelse", duration: 5, price: 85 }
+    ];
+
+    const employeesData = [
+      { id: null, name: "Ingen præference", role: "Første ledige", color: null, priceModifier: 0 },
+      { id: "EMP001", name: "Camilla", role: "Master Stylist", color: "#9c27b0", priceModifier: 0 },
+      { id: "EMP002", name: "Isabella", role: "Master Stylist", color: "#e91e63", priceModifier: 0 },
+      { id: "EMP003", name: "Alexander", role: "Frisør", color: "#3f51b5", priceModifier: -50 },
+      { id: "EMP004", name: "Viktor", role: "Junior Stylist", color: "#009688", priceModifier: -100 }
+    ];
+
+    // ==========================================
+    // EKSISTERENDE BOOKINGER (Mock data til AI-optimering)
+    // ==========================================
+    const existingBookings = {
+      'EMP001': {
+        '2026-01-06': [
+          { start: '10:00', end: '11:00', service: 'Dameklip' },
+          { start: '13:30', end: '14:30', service: 'Herreklip' }
+        ],
+        '2026-01-07': [
+          { start: '09:00', end: '10:30', service: 'Bundfarve' },
+          { start: '11:00', end: '12:00', service: 'Dameklip' },
+          { start: '14:00', end: '15:00', service: 'Dameklip' }
+        ]
+      },
+      'EMP002': {
+        '2026-01-06': [
+          { start: '09:00', end: '10:00', service: 'Herreklip' },
+          { start: '11:00', end: '12:00', service: 'Dameklip' },
+          { start: '15:00', end: '16:30', service: 'Striber' }
+        ],
+        '2026-01-07': [
+          { start: '10:00', end: '11:00', service: 'Dameklip' },
+          { start: '13:00', end: '14:00', service: 'Herreklip' }
+        ]
+      },
+      'EMP003': {
+        '2026-01-06': [
+          { start: '08:30', end: '09:30', service: 'Herreklip' },
+          { start: '12:00', end: '13:00', service: 'Dameklip' }
+        ]
+      },
+      'EMP004': {
+        '2026-01-06': [
+          { start: '09:00', end: '10:00', service: 'Herreklip' },
+          { start: '14:00', end: '15:30', service: 'Bundfarve' }
+        ]
+      }
+    };
+
+    const SALON_OPEN = '08:00';
+    const SALON_CLOSE = '17:00';
+
+    // ==========================================
+    // AI SLOT OPTIMERING
+    // ==========================================
+    function timeToMinutes(time) {
+      const [h, m] = time.split(':').map(Number);
+      return h * 60 + m;
+    }
+
+    function minutesToTime(mins) {
+      const h = Math.floor(mins / 60);
+      const m = mins % 60;
+      return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}`;
+    }
+
+    function getBookingsForSlot(date, employeeId) {
+      if (!employeeId) {
+        let bestEmployee = 'EMP001';
+        let minBookings = Infinity;
+        for (const empId of Object.keys(existingBookings)) {
+          const bookings = existingBookings[empId]?.[date] || [];
+          if (bookings.length < minBookings) {
+            minBookings = bookings.length;
+            bestEmployee = empId;
+          }
+        }
+        return existingBookings[bestEmployee]?.[date] || [];
+      }
+      return existingBookings[employeeId]?.[date] || [];
+    }
+
+    function calculateOptimalSlots(serviceDuration, date, employeeId) {
+      const bookings = getBookingsForSlot(date, employeeId);
+      const openMins = timeToMinutes(SALON_OPEN);
+      const closeMins = timeToMinutes(SALON_CLOSE);
+
+      const slots = [];
+      for (let mins = openMins; mins <= closeMins - serviceDuration; mins += 30) {
+        const slotStart = mins;
+        const slotEnd = mins + serviceDuration;
+        const time = minutesToTime(mins);
+
+        let isTaken = false;
+        for (const booking of bookings) {
+          const bookStart = timeToMinutes(booking.start);
+          const bookEnd = timeToMinutes(booking.end);
+          if (slotStart < bookEnd && slotEnd > bookStart) {
+            isTaken = true;
+            break;
+          }
+        }
+
+        let score = 0;
+        if (!isTaken) {
+          if (slotStart === openMins) score += 3;
+          for (const booking of bookings) {
+            if (slotEnd === timeToMinutes(booking.start)) { score += 3; break; }
+          }
+          for (const booking of bookings) {
+            if (slotStart === timeToMinutes(booking.end)) { score += 2; break; }
+          }
+          for (const booking of bookings) {
+            const gap = timeToMinutes(booking.start) - slotEnd;
+            if (gap > 0 && gap < 30) { score -= 2; break; }
+          }
+          for (const booking of bookings) {
+            const gap = slotStart - timeToMinutes(booking.end);
+            if (gap > 0 && gap < 30) { score -= 2; break; }
+          }
+          if (slotEnd >= closeMins - 60) score += 1;
+        }
+
+        slots.push({ time, taken: isTaken, score, recommended: false });
+      }
+
+      const availableSlots = slots.filter(s => !s.taken);
+      availableSlots.sort((a, b) => b.score - a.score);
+      const topSlots = availableSlots.slice(0, 3);
+      for (const slot of topSlots) {
+        if (slot.score > 0) slot.recommended = true;
+      }
+
+      return slots;
+    }
+
+    // ==========================================
+    // STEP ANIMATION
+    // ==========================================
+    function animateStep(stepEl, open) {
+      const body = stepEl.querySelector('.step-body');
+
+      if (open) {
+        body.style.height = 'auto';
+        const targetHeight = body.scrollHeight;
+        body.style.height = '0px';
+        body.offsetHeight; // Force reflow
+
+        const anim = body.animate(
+          [{ height: '0px' }, { height: targetHeight + 'px' }],
+          { duration: ANIM_DURATION, easing: 'ease-out' }
+        );
+        anim.onfinish = () => { body.style.height = 'auto'; };
+      } else {
+        const currentHeight = body.scrollHeight;
+        const anim = body.animate(
+          [{ height: currentHeight + 'px' }, { height: '0px' }],
+          { duration: ANIM_DURATION, easing: 'ease-out' }
+        );
+        anim.onfinish = () => { body.style.height = '0px'; };
+      }
+    }
+
+    // ==========================================
+    // STEP NAVIGATION
+    // ==========================================
+    function getActiveStep() {
+      const active = document.querySelector('.step.active');
+      return active ? parseInt(active.dataset.step) : null;
+    }
+
+    function openStep(stepNum) {
+      const targetStep = document.querySelector(`.step[data-step="${stepNum}"]`);
+      if (!targetStep || targetStep.classList.contains('disabled')) return;
+
+      const currentActive = document.querySelector('.step.active');
+      if (currentActive) {
+        currentActive.classList.remove('active');
+        animateStep(currentActive, false);
+      }
+
+      targetStep.classList.add('active');
+      animateStep(targetStep, true);
+      updateFloatingBtn();
+    }
+
+    function toggleStep(stepEl) {
+      if (stepEl.classList.contains('disabled')) return;
+
+      const isActive = stepEl.classList.contains('active');
+      const stepNum = parseInt(stepEl.dataset.step);
+
+      if (isActive) {
+        stepEl.classList.remove('active');
+        animateStep(stepEl, false);
+        updateFloatingBtn();
+      } else {
+        openStep(stepNum);
+      }
+    }
+
+    // ==========================================
+    // FLOATING BUTTON
+    // ==========================================
+    function updateFloatingBtn() {
+      const floatingBtn = document.getElementById('floatingBtn');
+      const activeStepNum = getActiveStep();
+
+      // Show floating button on step 1 (when services selected) and step 2 (always)
+      let showBtn = false;
+      if (activeStepNum === 1) showBtn = state.services.length > 0;
+      else if (activeStepNum === 2) showBtn = true;
+
+      floatingBtn.classList.toggle('visible', showBtn);
+    }
+
+    function onFloatingBtnClick() {
+      const activeStepNum = getActiveStep();
+      if (activeStepNum && activeStepNum < 5) {
+        openStep(activeStepNum + 1);
+      }
+    }
+
+    // ==========================================
+    // RENDER: SERVICES
+    // ==========================================
+    function renderServices() {
+      const container = document.getElementById('servicesContainer');
+      container.innerHTML = Object.entries(servicesData).map(([category, services]) => `
+        <div class="category">
+          <div class="category-title">${category}</div>
+          <div class="service-list">
+            ${services.map(s => `
+              <div class="service-item" data-id="${s.id}">
+                <div class="service-check"><i class="ph ph-check"></i></div>
+                <div class="service-info">
+                  <div class="service-name">${s.name}</div>
+                  <div class="service-duration">${s.duration} min</div>
+                </div>
+                <div class="service-price">${s.price} kr.</div>
+              </div>
+            `).join('')}
+          </div>
+        </div>
+      `).join('');
+
+      container.querySelectorAll('.service-item').forEach(item => {
+        item.addEventListener('click', () => {
+          const id = item.dataset.id;
+          const service = Object.values(servicesData).flat().find(s => s.id === id);
+          const idx = state.services.findIndex(s => s.id === id);
+
+          if (idx > -1) {
+            state.services.splice(idx, 1);
+            item.classList.remove('selected');
+          } else {
+            state.services.push(service);
+            item.classList.add('selected');
+          }
+          updateUI();
+        });
+      });
+    }
+
+    // ==========================================
+    // RENDER: ADDONS
+    // ==========================================
+    function renderAddons() {
+      const container = document.getElementById('addonsContainer');
+      container.innerHTML = `
+        <div class="service-list">
+          ${addonsData.map(a => `
+            <div class="service-item" data-id="${a.id}">
+              <div class="service-check"><i class="ph ph-check"></i></div>
+              <div class="service-info">
+                <div class="service-name">${a.name}</div>
+                <div class="service-duration">${a.duration > 0 ? a.duration + ' min' : ''}</div>
+              </div>
+              <div class="service-price">${a.price} kr.</div>
+            </div>
+          `).join('')}
+        </div>
+      `;
+
+      container.querySelectorAll('.service-item').forEach(item => {
+        item.addEventListener('click', () => {
+          const id = item.dataset.id;
+          const addon = addonsData.find(a => a.id === id);
+          const idx = state.addons.findIndex(a => a.id === id);
+
+          if (idx > -1) {
+            state.addons.splice(idx, 1);
+            item.classList.remove('selected');
+          } else {
+            state.addons.push(addon);
+            item.classList.add('selected');
+          }
+          updateUI();
+        });
+      });
+    }
+
+    // ==========================================
+    // UPDATE EMPLOYEE PRICES
+    // ==========================================
+    function updateEmployeePrices() {
+      const servicesTotal = state.services.reduce((sum, s) => sum + s.price, 0);
+      const addonsTotal = state.addons.reduce((sum, a) => sum + a.price, 0);
+      const baseTotal = servicesTotal + addonsTotal;
+      const container = document.getElementById('employeesContainer');
+
+      container.querySelectorAll('.employee-card').forEach(card => {
+        const empId = card.dataset.id || null;
+        const emp = employeesData.find(e => (e.id || '') === empId);
+        if (!emp || emp.id === null) return;
+
+        const priceEl = card.querySelector('.employee-price');
+        const employeePrice = baseTotal + (emp.priceModifier || 0);
+
+        if (servicesTotal > 0) {
+          if (priceEl) {
+            priceEl.textContent = `${employeePrice} kr.`;
+          } else {
+            const newPriceEl = document.createElement('div');
+            newPriceEl.className = `employee-price ${emp.priceModifier < 0 ? 'discount' : ''}`;
+            newPriceEl.textContent = `${employeePrice} kr.`;
+            card.appendChild(newPriceEl);
+          }
+        } else if (priceEl) {
+          priceEl.remove();
+        }
+      });
+    }
+
+    // ==========================================
+    // RENDER: EMPLOYEES
+    // ==========================================
+    function renderEmployees() {
+      const container = document.getElementById('employeesContainer');
+      const servicesTotal = state.services.reduce((sum, s) => sum + s.price, 0);
+      const addonsTotal = state.addons.reduce((sum, a) => sum + a.price, 0);
+      const baseTotal = servicesTotal + addonsTotal;
+
+      container.innerHTML = `
+        <div class="employee-grid">
+          ${employeesData.map(e => {
+            const employeePrice = baseTotal + (e.priceModifier || 0);
+            const isDiscount = e.priceModifier < 0;
+            const isSelected = (e.id === null && state.employee === null) || e.id === state.employee;
+
+            return `
+              <div class="employee-card ${isSelected ? 'selected' : ''}" data-id="${e.id || ''}">
+                <div class="employee-photo ${e.id === null ? 'neutral' : ''}" ${e.color ? `style="background:${e.color}"` : ''}>
+                  ${e.id === null ? '<i class="ph ph-shuffle"></i>' : e.name[0]}
+                </div>
+                <div class="employee-name">${e.name}</div>
+                <div class="employee-role">${e.role}</div>
+                ${e.id !== null && servicesTotal > 0 ? `<div class="employee-price ${isDiscount ? 'discount' : ''}">${employeePrice} kr.</div>` : ''}
+              </div>
+            `;
+          }).join('')}
+        </div>
+      `;
+
+      container.querySelectorAll('.employee-card').forEach(item => {
+        item.addEventListener('click', () => {
+          container.querySelectorAll('.employee-card').forEach(i => i.classList.remove('selected'));
+          item.classList.add('selected');
+          state.employee = item.dataset.id || null;
+          updateUI();
+          // Auto-advance to step 4
+          setTimeout(() => openStep(4), 150);
+        });
+      });
+    }
+
+    // ==========================================
+    // RENDER: CALENDAR
+    // ==========================================
+    let currentMonth = new Date();
+
+    function renderCalendar() {
+      const container = document.getElementById('datetimeContainer');
+      const monthNames = ['Januar', 'Februar', 'Marts', 'April', 'Maj', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'December'];
+      const today = new Date();
+      today.setHours(0,0,0,0);
+
+      const year = currentMonth.getFullYear();
+      const month = currentMonth.getMonth();
+      const firstDay = new Date(year, month, 1);
+      const lastDay = new Date(year, month + 1, 0);
+
+      let startOffset = firstDay.getDay() - 1;
+      if (startOffset < 0) startOffset = 6;
+
+      let daysHtml = '';
+      for (let i = 0; i < startOffset; i++) {
+        daysHtml += '<div class="day disabled"></div>';
+      }
+
+      for (let d = 1; d <= lastDay.getDate(); d++) {
+        const date = new Date(year, month, d);
+        const dateStr = date.toISOString().split('T')[0];
+        const isToday = date.getTime() === today.getTime();
+        const isPast = date < today;
+        const isSelected = state.date === dateStr;
+
+        let cls = 'day';
+        if (isToday) cls += ' today';
+        if (isPast && !isToday) cls += ' disabled';
+        if (isSelected) cls += ' selected';
+
+        daysHtml += `<div class="${cls}" data-date="${dateStr}">${d}</div>`;
+      }
+
+      // Beregn total varighed for valgte ydelser
+      const serviceDuration = state.services.reduce((sum, s) => sum + s.duration, 0) || 60;
+
+      // Brug AI-algoritme til at beregne optimale slots
+      const selectedDate = state.date || new Date().toISOString().split('T')[0];
+      const slots = calculateOptimalSlots(serviceDuration, selectedDate, state.employee);
+
+      // Filtrer til åbningstider (08:00-17:00)
+      const displaySlots = slots.filter(s => {
+        const mins = timeToMinutes(s.time);
+        return mins >= timeToMinutes('08:00') && mins <= timeToMinutes('16:30');
+      });
+
+      container.innerHTML = `
+        <div class="datetime-grid">
+          <div class="calendar">
+            <div class="calendar-header">
+              <div class="calendar-month">${monthNames[month]} ${year}</div>
+              <div class="calendar-nav">
+                <button id="prevMonth"><i class="ph ph-caret-left"></i></button>
+                <button id="nextMonth"><i class="ph ph-caret-right"></i></button>
+              </div>
+            </div>
+            <div class="calendar-grid">
+              <div class="weekday">Ma</div>
+              <div class="weekday">Ti</div>
+              <div class="weekday">On</div>
+              <div class="weekday">To</div>
+              <div class="weekday">Fr</div>
+              <div class="weekday">Lø</div>
+              <div class="weekday">Sø</div>
+              ${daysHtml}
+            </div>
+          </div>
+          <div class="time-section">
+            <div class="time-section-title">Ledige tider</div>
+            <div class="ai-info">
+              <i class="ph ph-sparkle"></i>
+              <span>Anbefalede tider passer bedst i vores kalender</span>
+            </div>
+            <div class="time-grid">
+              ${displaySlots.map(slot => {
+                let cls = 'time-slot';
+                if (slot.taken) cls += ' disabled';
+                if (slot.recommended && !slot.taken) cls += ' recommended';
+                if (state.time === slot.time) cls += ' selected';
+                return `<div class="${cls}" data-time="${slot.time}">
+                  ${slot.time}
+                  ${slot.recommended && !slot.taken ? '<span class="ai-badge"><i class="ph ph-sparkle"></i></span>' : ''}
+                </div>`;
+              }).join('')}
+            </div>
+
+            <!-- Waitlist -->
+            <button class="waitlist-trigger" id="waitlistTrigger">
+              <i class="ph ph-clock-countdown"></i>
+              Ingen tid der passer? Skriv dig på venteliste
+            </button>
+
+            <div class="waitlist-section" id="waitlistSection">
+              <div class="waitlist-content">
+                <div class="waitlist-header">
+                  <div class="waitlist-title">Skriv dig på venteliste</div>
+                  <button class="waitlist-close" id="waitlistClose">
+                    <i class="ph ph-x"></i>
+                  </button>
+                </div>
+                <p class="waitlist-desc">
+                  Hvis der bliver en ledig tid, kontakter vi dig hurtigst muligt.
+                  Angiv hvornår du senest ønsker en tid, og hvilke tidspunkter der passer dig.
+                </p>
+
+                <div class="waitlist-field">
+                  <label class="waitlist-label">Senest dato for aftale</label>
+                  <input type="date" class="form-input" id="waitlistDate">
+                </div>
+
+                <div class="waitlist-field">
+                  <label class="waitlist-label">Hvilke tidspunkter passer dig?</label>
+                  <div class="waitlist-periods">
+                    <div class="period-option" data-period="morning">
+                      <div class="period-check"><i class="ph ph-check"></i></div>
+                      <div class="period-info">
+                        <div class="period-name">Morgen</div>
+                        <div class="period-time">Åbning - 10:00</div>
+                      </div>
+                    </div>
+                    <div class="period-option" data-period="lateMorning">
+                      <div class="period-check"><i class="ph ph-check"></i></div>
+                      <div class="period-info">
+                        <div class="period-name">Formiddag</div>
+                        <div class="period-time">10:00 - 12:00</div>
+                      </div>
+                    </div>
+                    <div class="period-option" data-period="afternoon">
+                      <div class="period-check"><i class="ph ph-check"></i></div>
+                      <div class="period-info">
+                        <div class="period-name">Eftermiddag</div>
+                        <div class="period-time">12:00 - 17:00</div>
+                      </div>
+                    </div>
+                    <div class="period-option" data-period="evening">
+                      <div class="period-check"><i class="ph ph-check"></i></div>
+                      <div class="period-info">
+                        <div class="period-name">Aften</div>
+                        <div class="period-time">17:00 - Luk</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="waitlist-field">
+                  <label class="waitlist-label">Besked til salonen <span class="optional">(valgfrit)</span></label>
+                  <textarea class="form-input" id="waitlistMessage" placeholder="Evt. særlige ønsker eller kommentarer..." rows="3"></textarea>
+                </div>
+
+                <button class="waitlist-submit" id="waitlistSubmit">
+                  <i class="ph ph-check"></i> Skriv mig på venteliste
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      `;
+
+      document.getElementById('prevMonth').addEventListener('click', () => {
+        currentMonth.setMonth(currentMonth.getMonth() - 1);
+        renderCalendar();
+      });
+
+      document.getElementById('nextMonth').addEventListener('click', () => {
+        currentMonth.setMonth(currentMonth.getMonth() + 1);
+        renderCalendar();
+      });
+
+      container.querySelectorAll('.day:not(.disabled)').forEach(day => {
+        day.addEventListener('click', () => {
+          container.querySelectorAll('.day').forEach(d => d.classList.remove('selected'));
+          day.classList.add('selected');
+          state.date = day.dataset.date;
+          updateUI();
+        });
+      });
+
+      container.querySelectorAll('.time-slot:not(.disabled)').forEach(slot => {
+        slot.addEventListener('click', () => {
+          container.querySelectorAll('.time-slot').forEach(s => s.classList.remove('selected'));
+          slot.classList.add('selected');
+          state.time = slot.dataset.time;
+          updateUI();
+          // Auto-advance to step 5 when both date and time are selected
+          if (state.date && state.time) {
+            setTimeout(() => openStep(5), 150);
+          }
+        });
+      });
+
+      // Waitlist functionality
+      setupWaitlist();
+    }
+
+    // ==========================================
+    // WAITLIST
+    // ==========================================
+    let waitlistOpen = false;
+    const waitlistState = {
+      date: null,
+      periods: [],
+      message: ''
+    };
+
+    function setupWaitlist() {
+      const trigger = document.getElementById('waitlistTrigger');
+      const section = document.getElementById('waitlistSection');
+      const closeBtn = document.getElementById('waitlistClose');
+      const submitBtn = document.getElementById('waitlistSubmit');
+
+      if (!trigger || !section) return;
+
+      trigger.addEventListener('click', () => toggleWaitlist(true));
+      closeBtn.addEventListener('click', () => toggleWaitlist(false));
+
+      // Period selection
+      document.querySelectorAll('.period-option').forEach(option => {
+        option.addEventListener('click', () => {
+          option.classList.toggle('selected');
+          const period = option.dataset.period;
+          const idx = waitlistState.periods.indexOf(period);
+          if (idx > -1) {
+            waitlistState.periods.splice(idx, 1);
+          } else {
+            waitlistState.periods.push(period);
+          }
+        });
+      });
+
+      // Submit
+      submitBtn.addEventListener('click', handleWaitlistSubmit);
+    }
+
+    function toggleWaitlist(open) {
+      const trigger = document.getElementById('waitlistTrigger');
+      const section = document.getElementById('waitlistSection');
+
+      if (open) {
+        trigger.style.display = 'none';
+        section.style.height = 'auto';
+        const targetHeight = section.scrollHeight;
+        section.style.height = '0px';
+        section.offsetHeight;
+
+        const anim = section.animate(
+          [{ height: '0px' }, { height: targetHeight + 'px' }],
+          { duration: ANIM_DURATION, easing: 'ease-out' }
+        );
+        anim.onfinish = () => { section.style.height = 'auto'; };
+        waitlistOpen = true;
+      } else {
+        const currentHeight = section.scrollHeight;
+        const anim = section.animate(
+          [{ height: currentHeight + 'px' }, { height: '0px' }],
+          { duration: ANIM_DURATION, easing: 'ease-out' }
+        );
+        anim.onfinish = () => {
+          section.style.height = '0px';
+          trigger.style.display = 'flex';
+        };
+        waitlistOpen = false;
+      }
+    }
+
+    function handleWaitlistSubmit() {
+      const date = document.getElementById('waitlistDate').value;
+      const message = document.getElementById('waitlistMessage').value;
+
+      if (!date) {
+        alert('Vælg venligst en seneste dato');
+        return;
+      }
+
+      if (waitlistState.periods.length === 0) {
+        alert('Vælg mindst ét tidspunkt der passer dig');
+        return;
+      }
+
+      waitlistState.date = date;
+      waitlistState.message = message;
+
+      // Show success overlay
+      document.getElementById('waitlistSuccessOverlay').classList.add('visible');
+    }
+
+    function closeWaitlistSuccess() {
+      document.getElementById('waitlistSuccessOverlay').classList.remove('visible');
+      toggleWaitlist(false);
+
+      // Reset waitlist form
+      document.getElementById('waitlistDate').value = '';
+      document.getElementById('waitlistMessage').value = '';
+      document.querySelectorAll('.period-option').forEach(opt => opt.classList.remove('selected'));
+      waitlistState.periods = [];
+      waitlistState.date = null;
+      waitlistState.message = '';
+    }
+
+    // ==========================================
+    // UI UPDATE
+    // ==========================================
+    function updateUI() {
+      const step1 = document.querySelector('.step[data-step="1"]');
+      const step2 = document.querySelector('.step[data-step="2"]');
+      const step3 = document.querySelector('.step[data-step="3"]');
+      const step4 = document.querySelector('.step[data-step="4"]');
+      const step5 = document.querySelector('.step[data-step="5"]');
+
+      // Step 1: Services
+      if (state.services.length > 0) {
+        step1.classList.add('completed');
+        step1.querySelector('[data-summary]').textContent = state.services.map(s => s.name).join(', ');
+        step2.classList.remove('disabled');
+        step3.classList.remove('disabled');
+        step4.classList.remove('disabled');
+      } else {
+        step1.classList.remove('completed');
+        step1.querySelector('[data-summary]').textContent = 'Hvad vil du have lavet?';
+        step2.classList.add('disabled');
+        step3.classList.add('disabled');
+        step4.classList.add('disabled');
+        step5.classList.add('disabled');
+      }
+
+      // Step 2: Addons
+      if (state.addons.length > 0) {
+        step2.classList.add('completed');
+        step2.querySelector('[data-summary]').textContent = state.addons.map(a => a.name).join(', ');
+      } else {
+        step2.classList.remove('completed');
+        step2.querySelector('[data-summary]').textContent = 'Valgfrit';
+      }
+
+      // Update employee prices based on selected services + addons
+      updateEmployeePrices();
+
+      // Step 3: Employee
+      const selectedEmployee = state.employee ? employeesData.find(e => e.id === state.employee) : null;
+      const empName = selectedEmployee?.name || 'Ingen præference';
+      const empPriceModifier = selectedEmployee?.priceModifier || 0;
+      step3.classList.add('completed');
+      step3.querySelector('[data-summary]').textContent = empName;
+
+      // Step 4: Date & Time
+      if (state.date && state.time) {
+        step4.classList.add('completed');
+        const d = new Date(state.date);
+        step4.querySelector('[data-summary]').textContent = `${d.toLocaleDateString('da-DK', { weekday: 'short', day: 'numeric', month: 'short' })} kl. ${state.time}`;
+        step5.classList.remove('disabled');
+      } else {
+        step4.classList.remove('completed');
+        step4.querySelector('[data-summary]').textContent = 'Find en ledig tid';
+      }
+
+      // Step 5: Contact
+      const { firstName, lastName, phone } = state.customer;
+      if (firstName && phone) {
+        step5.classList.add('completed');
+        step5.querySelector('[data-summary]').textContent = `${firstName} ${lastName || ''} · ${phone}`;
+      } else {
+        step5.classList.remove('completed');
+        step5.querySelector('[data-summary]').textContent = 'Kontaktinformation';
+      }
+
+      // Sidebar
+      const cartEmpty = document.getElementById('cartEmpty');
+      const cartItems = document.getElementById('cartItems');
+      const cartDetails = document.getElementById('cartDetails');
+      const cartTotal = document.getElementById('cartTotal');
+
+      if (state.services.length === 0) {
+        cartEmpty.style.display = 'block';
+        cartItems.style.display = 'none';
+        cartDetails.style.display = 'none';
+        cartTotal.style.display = 'none';
+      } else {
+        cartEmpty.style.display = 'none';
+        cartItems.style.display = 'flex';
+        cartDetails.style.display = 'flex';
+        cartTotal.style.display = 'flex';
+
+        let cartHtml = state.services.map(s => `
+          <div class="cart-item">
+            <div>
+              <div class="cart-item-name">${s.name}</div>
+              <div class="cart-item-duration">${s.duration} min</div>
+            </div>
+            <div class="cart-item-price">${s.price} kr.</div>
+          </div>
+        `).join('');
+
+        if (state.addons.length > 0) {
+          cartHtml += state.addons.map(a => `
+            <div class="cart-item">
+              <div>
+                <div class="cart-item-name">${a.name}</div>
+                <div class="cart-item-duration">${a.duration > 0 ? a.duration + ' min' : 'Tilvalg'}</div>
+              </div>
+              <div class="cart-item-price">${a.price} kr.</div>
+            </div>
+          `).join('');
+        }
+
+        cartItems.innerHTML = cartHtml;
+
+        const servicesTotal = state.services.reduce((sum, s) => sum + s.price, 0);
+        const addonsTotal = state.addons.reduce((sum, a) => sum + a.price, 0);
+        const total = servicesTotal + addonsTotal + empPriceModifier;
+        document.getElementById('totalPrice').textContent = total + ' kr.';
+
+        document.getElementById('detailEmployee').textContent = empName;
+
+        if (state.date) {
+          const d = new Date(state.date);
+          document.getElementById('detailDate').textContent = d.toLocaleDateString('da-DK', { weekday: 'long', day: 'numeric', month: 'long' });
+        } else {
+          document.getElementById('detailDate').textContent = 'Ikke valgt';
+        }
+
+        document.getElementById('detailTime').textContent = state.time || 'Ikke valgt';
+      }
+
+      // Book button
+      const canBook = state.services.length > 0 && state.date && state.time && firstName && phone;
+      document.getElementById('bookBtn').disabled = !canBook;
+
+      updateFloatingBtn();
+    }
+
+    // ==========================================
+    // FORM LISTENERS
+    // ==========================================
+    function setupFormListeners() {
+      ['firstName', 'lastName', 'phone', 'email', 'notes'].forEach(field => {
+        const el = document.getElementById(field);
+        if (el) {
+          el.addEventListener('input', () => {
+            state.customer[field] = el.value;
+            updateUI();
+          });
+        }
+      });
+    }
+
+    // ==========================================
+    // BOOKING
+    // ==========================================
+    function onBookClick() {
+      const { firstName, phone } = state.customer;
+      if (!firstName || !phone) {
+        alert('Udfyld venligst fornavn og telefon.');
+        return;
+      }
+      document.getElementById('successOverlay').classList.add('visible');
+    }
+
+    // ==========================================
+    // VIEW SWITCHING
+    // ==========================================
+    let isLoggedIn = false;
+    let loggedInUser = null;
+    let enteredPhone = '';
+
+    const views = {
+      landing: document.getElementById('landingView'),
+      mypage: document.getElementById('mypageView'),
+      booking: document.getElementById('bookingView')
+    };
+
+    function showView(viewName) {
+      Object.entries(views).forEach(([name, el]) => {
+        if (name === viewName) {
+          el.style.display = name === 'booking' ? 'grid' : (name === 'mypage' ? 'block' : 'flex');
+        } else {
+          el.style.display = 'none';
+        }
+      });
+
+      // Reset landing to step 1 when showing
+      if (viewName === 'landing') {
+        showLandingStep(1);
+      }
+    }
+
+    function showLandingStep(step) {
+      const step1 = document.getElementById('landingStep1');
+      const step2 = document.getElementById('landingStep2');
+
+      if (step === 1) {
+        step1.style.display = 'block';
+        step2.style.display = 'none';
+      } else {
+        step1.style.display = 'none';
+        step2.style.display = 'block';
+        document.getElementById('pinInput').value = '';
+        document.getElementById('pinInput').focus();
+      }
+    }
+
+    function handlePhoneNext() {
+      const phone = document.getElementById('phoneInput').value.trim();
+
+      if (!phone) {
+        alert('Indtast telefonnummer');
+        return;
+      }
+
+      enteredPhone = phone;
+      document.getElementById('phoneDisplay').textContent = phone;
+      showLandingStep(2);
+    }
+
+    function handleBackToPhone() {
+      showLandingStep(1);
+      document.getElementById('phoneInput').focus();
+    }
+
+    function handleLogin() {
+      const pin = document.getElementById('pinInput').value.trim();
+
+      if (!pin) {
+        alert('Indtast PIN-kode');
+        return;
+      }
+
+      // Mock login - in real app, validate phone + PIN against backend
+      isLoggedIn = true;
+      loggedInUser = {
+        firstName: 'Maria',
+        lastName: 'Hansen',
+        email: 'maria@email.dk',
+        phone: enteredPhone
+      };
+
+      // Update mypage form fields with user data
+      document.getElementById('mypageFirstName').value = loggedInUser.firstName;
+      document.getElementById('mypageLastName').value = loggedInUser.lastName;
+      document.getElementById('mypageEmail').value = loggedInUser.email;
+      document.getElementById('mypagePhone').value = loggedInUser.phone;
+
+      document.getElementById('mypageGreeting').textContent = `Hej, ${loggedInUser.firstName}!`;
+      showView('mypage');
+    }
+
+    function handleLogout() {
+      isLoggedIn = false;
+      loggedInUser = null;
+      enteredPhone = '';
+      document.getElementById('phoneInput').value = '';
+      document.getElementById('pinInput').value = '';
+      showView('landing');
+    }
+
+    function handleContinueWithoutLogin() {
+      // Not logged in, but pre-fill phone in booking
+      isLoggedIn = false;
+      loggedInUser = null;
+
+      document.getElementById('phone').value = enteredPhone;
+      state.customer.phone = enteredPhone;
+      updateUI();
+
+      showView('booking');
+    }
+
+    function handleBookFromMyPage() {
+      // Pre-fill customer info from logged in user
+      if (loggedInUser) {
+        document.getElementById('firstName').value = loggedInUser.firstName;
+        document.getElementById('lastName').value = loggedInUser.lastName;
+        document.getElementById('email').value = loggedInUser.email;
+        document.getElementById('phone').value = loggedInUser.phone;
+
+        state.customer = {
+          firstName: loggedInUser.firstName,
+          lastName: loggedInUser.lastName,
+          email: loggedInUser.email,
+          phone: loggedInUser.phone,
+          notes: ''
+        };
+        updateUI();
+      }
+      showView('booking');
+    }
+
+    // ==========================================
+    // INIT
+    // ==========================================
+    function init() {
+      renderServices();
+      renderAddons();
+      renderEmployees();
+      renderCalendar();
+
+      // Open step 1
+      document.querySelector('.step[data-step="1"] .step-body').style.height = 'auto';
+
+      // Step headers
+      document.querySelectorAll('.step-header').forEach(header => {
+        header.addEventListener('click', () => toggleStep(header.closest('.step')));
+      });
+
+      // Floating button
+      document.getElementById('floatingBtn').addEventListener('click', onFloatingBtnClick);
+
+      // Book button
+      document.getElementById('bookBtn').addEventListener('click', onBookClick);
+
+      // Form
+      setupFormListeners();
+
+      // Success overlay close
+      document.getElementById('successOverlay').addEventListener('click', (e) => {
+        if (e.target.id === 'successOverlay') location.reload();
+      });
+
+      // Waitlist success overlay close
+      document.getElementById('waitlistSuccessClose').addEventListener('click', closeWaitlistSuccess);
+      document.getElementById('waitlistSuccessOverlay').addEventListener('click', (e) => {
+        if (e.target.id === 'waitlistSuccessOverlay') closeWaitlistSuccess();
+      });
+
+      // View switching - Landing
+      document.getElementById('phoneNextBtn').addEventListener('click', handlePhoneNext);
+      document.getElementById('backToPhoneBtn').addEventListener('click', handleBackToPhone);
+      document.getElementById('loginBtn').addEventListener('click', handleLogin);
+      document.getElementById('continueBtn').addEventListener('click', handleContinueWithoutLogin);
+
+      // Enter key support
+      document.getElementById('phoneInput').addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') handlePhoneNext();
+      });
+      document.getElementById('pinInput').addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') handleLogin();
+      });
+
+      // View switching - MyPage
+      document.getElementById('logoutBtn').addEventListener('click', handleLogout);
+      document.getElementById('bookCtaBtn').addEventListener('click', handleBookFromMyPage);
+
+      // Start with landing view
+      showView('landing');
+    }
+
+    init();
+  </script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-checkout.html b/wwwroot/poc-checkout.html
new file mode 100644
index 0000000..210d46f
--- /dev/null
+++ b/wwwroot/poc-checkout.html
@@ -0,0 +1,2499 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Checkout POC</title>
+  <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=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    :root {
+      --color-border: #e0e0e0;
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-red: #e53935;
+      --transition-fast: 150ms ease;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: var(--color-background);
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    .demo-trigger { padding: 20px; }
+
+    .demo-btn {
+      padding: 12px 24px;
+      background: var(--color-teal);
+      color: white;
+      border: none;
+      border-radius: 4px;
+      font-size: 14px;
+      cursor: pointer;
+    }
+
+    /* Overlay & Panel */
+    .overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0,0,0,0.25);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms, visibility 200ms;
+      z-index: 100;
+    }
+    .overlay.open { opacity: 1; visibility: visible; }
+
+    .panel {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 80%;
+      background: var(--color-background);
+      transform: translateX(100%);
+      transition: transform 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 101;
+      box-shadow: -4px 0 20px rgba(0,0,0,0.15);
+    }
+    .panel.open { transform: translateX(0); }
+
+    /* Header */
+    .header {
+      display: flex;
+      align-items: center;
+      gap: 40px;
+      padding: 20px 28px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .header-field { display: flex; align-items: center; gap: 10px; }
+    .header-label { color: var(--color-text-secondary); font-size: 13px; }
+    .header-value { font-weight: 500; font-size: 15px; }
+    .header-link { color: var(--color-teal); cursor: pointer; font-size: 13px; }
+
+    .header-select {
+      padding: 6px 28px 6px 10px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      font-size: 14px;
+      background: var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;
+      appearance: none;
+    }
+
+    .header-close {
+      margin-left: auto;
+      background: none;
+      border: none;
+      font-size: 20px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      padding: 4px 8px;
+    }
+
+    /* Main layout */
+    .main {
+      flex: 1;
+      display: grid;
+      grid-template-columns: 20% 1fr 35%;
+      overflow: hidden;
+    }
+
+    /* Sidebar */
+    .sidebar {
+      border-right: 1px solid var(--color-border);
+      display: flex;
+      flex-direction: column;
+      background: var(--color-surface);
+    }
+
+    .search-box {
+      padding: 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .search-input {
+      width: 100%;
+      padding: 12px 14px 12px 40px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      background: var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px center;
+    }
+
+    .menu-section {
+      border-bottom: 1px solid var(--color-border);
+      padding: 12px 0;
+    }
+
+    .menu-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 12px 20px;
+      font-size: 14px;
+      cursor: pointer;
+    }
+    .menu-item:hover { background: var(--color-background-hover); }
+    .menu-item.active { color: var(--color-teal); font-weight: 500; }
+
+    .categories {
+      flex: 1;
+      overflow-y: auto;
+      padding: 12px 0;
+    }
+
+    .category {
+      display: flex;
+      justify-content: space-between;
+      padding: 12px 20px;
+      font-size: 14px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+    }
+    .category:hover { background: var(--color-background-hover); color: var(--color-text); }
+
+    /* Cart area */
+    .cart-area {
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      background: var(--color-background);
+    }
+
+    .cart-list {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px 24px;
+    }
+
+    .cart-section {
+      margin-bottom: 24px;
+    }
+
+    .cart-section:last-child {
+      margin-bottom: 0;
+    }
+
+    .cart-section-header {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      padding: 0 4px 10px;
+      border-bottom: 1px solid var(--color-border);
+      margin-bottom: 12px;
+    }
+
+    .cart-section-items {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    /* Cart footer with totals */
+    .cart-footer {
+      padding: 20px 24px;
+      background: var(--color-surface);
+      border-top: 1px solid var(--color-border);
+    }
+
+    .cart-totals {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .cart-total-row {
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+    }
+
+    .cart-total-row .label {
+      color: var(--color-text-secondary);
+    }
+
+    .cart-total-row .value {
+      font-family: var(--font-mono);
+      font-weight: 500;
+    }
+
+    .cart-total-row.grand {
+      padding-top: 12px;
+      border-top: 1px solid var(--color-border);
+      margin-top: 4px;
+    }
+
+    .cart-total-row.grand .label {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    .cart-total-row.grand .value {
+      font-family: var(--font-mono);
+      font-size: 24px;
+      font-weight: 700;
+    }
+
+    /* Cart item card */
+    .cart-item {
+      background: var(--color-surface);
+      border-radius: 6px;
+      overflow: hidden;
+      transition: box-shadow 200ms ease;
+    }
+
+    .cart-item.expanded {
+      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    }
+
+    .cart-item-main {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 12px 16px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    .cart-item-main:hover {
+      background: var(--color-background-hover);
+    }
+
+    .cart-item.expanded .cart-item-main {
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .cart-item-main::after {
+      content: '';
+      width: 8px;
+      height: 8px;
+      border-right: 2px solid var(--color-text-secondary);
+      border-bottom: 2px solid var(--color-text-secondary);
+      transform: rotate(45deg);
+      transition: transform 200ms ease;
+      margin-left: 4px;
+      opacity: 0.5;
+    }
+
+    .cart-item:hover .cart-item-main::after {
+      opacity: 1;
+    }
+
+    .cart-item.expanded .cart-item-main::after {
+      transform: rotate(-135deg);
+      opacity: 1;
+    }
+
+    /* Expandable edit section */
+    .cart-item-edit {
+      max-height: 0;
+      opacity: 0;
+      overflow: hidden;
+      transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1),
+                  opacity 250ms ease,
+                  padding 300ms ease;
+      padding: 0 16px;
+      background: var(--color-background-alt);
+    }
+
+    .cart-item.expanded .cart-item-edit {
+      max-height: 200px;
+      opacity: 1;
+      padding: 16px;
+    }
+
+    .edit-row {
+      display: flex;
+      gap: 12px;
+      margin-bottom: 12px;
+    }
+
+    .edit-row:last-child {
+      margin-bottom: 0;
+    }
+
+    .edit-field {
+      flex: 1;
+    }
+
+    .edit-field-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 6px;
+    }
+
+    .edit-field-input {
+      width: 100%;
+      padding: 8px 10px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      font-size: 13px;
+      transition: border-color 150ms ease;
+    }
+
+    .edit-field-input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    .edit-field-input.mono {
+      font-family: var(--font-mono);
+      text-align: right;
+    }
+
+    .edit-field-select {
+      width: 100%;
+      padding: 8px 10px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      font-size: 13px;
+      background: var(--color-surface);
+      cursor: pointer;
+    }
+
+    .edit-field-select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    .discount-row {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+    }
+
+    .discount-type {
+      display: flex;
+      gap: 4px;
+    }
+
+    .discount-type-btn {
+      padding: 6px 10px;
+      border: 1px solid var(--color-border);
+      background: var(--color-surface);
+      font-size: 12px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .discount-type-btn:first-child {
+      border-radius: 4px 0 0 4px;
+    }
+
+    .discount-type-btn:last-child {
+      border-radius: 0 4px 4px 0;
+    }
+
+    .discount-type-btn.active {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+      color: white;
+    }
+
+    .item-qty {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .qty-btn {
+      width: 26px;
+      height: 26px;
+      border: 1px solid var(--color-border);
+      background: var(--color-surface);
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .qty-btn:hover { background: var(--color-background-hover); }
+
+    .qty-val {
+      width: 24px;
+      text-align: center;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .item-info {
+      flex: 1;
+    }
+
+    .item-name {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .item-meta {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    .item-price {
+      text-align: right;
+    }
+
+    .item-original-price {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      text-decoration: line-through;
+      max-height: 0;
+      opacity: 0;
+      overflow: hidden;
+      transition: max-height 200ms ease, opacity 150ms ease;
+    }
+
+    .item-original-price.visible {
+      max-height: 20px;
+      opacity: 1;
+    }
+
+    .item-total {
+      font-family: var(--font-mono);
+      font-size: 15px;
+      font-weight: 600;
+      transition: color 200ms ease;
+    }
+
+    .cart-item:has(.item-discount.visible) .item-total {
+      color: var(--color-teal);
+    }
+
+    .item-discount {
+      font-size: 11px;
+      color: var(--color-teal);
+      font-weight: 500;
+      max-height: 0;
+      opacity: 0;
+      overflow: hidden;
+      transition: max-height 200ms ease, opacity 150ms ease;
+    }
+
+    .item-discount.visible {
+      max-height: 20px;
+      opacity: 1;
+    }
+
+    .item-remove {
+      background: none;
+      border: none;
+      font-size: 16px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      opacity: 0.3;
+      padding: 4px;
+    }
+    .item-remove:hover { opacity: 1; color: var(--color-red); }
+
+    /* Payment Panel */
+    .payment-panel {
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .payment-total {
+      padding: 24px 28px;
+      text-align: center;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .payment-total-amount {
+      font-family: var(--font-mono);
+      font-size: 48px;
+      font-weight: 700;
+      color: var(--color-text);
+      letter-spacing: -2px;
+    }
+
+    .payment-total-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    .payment-methods {
+      display: flex;
+      gap: 8px;
+      padding: 16px 24px;
+      border-bottom: 1px solid var(--color-border);
+      flex-wrap: wrap;
+    }
+
+    .method-btn {
+      flex: 1 1 auto;
+      min-width: 70px;
+      padding: 12px 8px;
+      border: 2px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      cursor: pointer;
+      text-align: center;
+      transition: all var(--transition-fast);
+    }
+
+    .method-btn:hover {
+      border-color: #ccc;
+    }
+
+    .method-btn.active {
+      border-color: var(--color-teal);
+      background: rgba(0, 137, 123, 0.05);
+    }
+
+    .method-btn-icon {
+      width: 24px;
+      height: 24px;
+      display: block;
+      margin: 0 auto 4px;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+    }
+
+    .method-btn-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    .method-btn.active .method-btn-label {
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    .payment-input-section {
+      padding: 16px 24px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .payment-input-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 8px;
+    }
+
+    .payment-input-row {
+      display: flex;
+      gap: 10px;
+    }
+
+    .payment-input {
+      flex: 1;
+      padding: 12px 16px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-family: var(--font-mono);
+      font-size: 22px;
+      font-weight: 600;
+      text-align: right;
+    }
+
+    .payment-input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    .btn-pay-rest {
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      white-space: nowrap;
+    }
+
+    .btn-pay-rest:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    .btn-add-payment {
+      width: 100%;
+      padding: 12px;
+      margin-top: 12px;
+      border: none;
+      border-radius: 6px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background 200ms ease, opacity 200ms ease, transform 150ms ease;
+    }
+
+    .btn-add-payment:hover:not(:disabled) {
+      background: #00796b;
+    }
+
+    .btn-add-payment:active:not(:disabled) {
+      transform: scale(0.98);
+    }
+
+    .btn-add-payment:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+      opacity: 0.7;
+    }
+
+    /* Giftcard lookup */
+    .giftcard-lookup {
+      max-height: 0;
+      opacity: 0;
+      overflow: hidden;
+      transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1),
+                  opacity 250ms ease,
+                  margin-bottom 300ms ease,
+                  padding-bottom 300ms ease;
+      margin-bottom: 0;
+      padding-bottom: 0;
+      border-bottom: 1px solid transparent;
+    }
+
+    .giftcard-lookup.visible {
+      max-height: 150px;
+      opacity: 1;
+      margin-bottom: 16px;
+      padding-bottom: 16px;
+      border-bottom-color: var(--color-border);
+    }
+
+    .giftcard-lookup-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 8px;
+    }
+
+    .giftcard-lookup-row {
+      display: flex;
+      gap: 10px;
+    }
+
+    .giftcard-input {
+      flex: 1;
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-family: var(--font-mono);
+      font-size: 14px;
+      letter-spacing: 1px;
+    }
+
+    .giftcard-input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    .btn-lookup {
+      padding: 10px 16px;
+      border: 1px solid var(--color-teal);
+      border-radius: 6px;
+      background: var(--color-surface);
+      color: var(--color-teal);
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background 150ms ease, transform 150ms ease;
+    }
+
+    .btn-lookup:hover {
+      background: rgba(0, 137, 123, 0.08);
+    }
+
+    .btn-lookup:active {
+      transform: scale(0.97);
+    }
+
+    .giftcard-result {
+      margin-top: 0;
+      padding: 0 12px;
+      border-radius: 6px;
+      font-size: 13px;
+      max-height: 0;
+      opacity: 0;
+      overflow: hidden;
+      transition: max-height 250ms ease,
+                  opacity 200ms ease,
+                  margin-top 250ms ease,
+                  padding 250ms ease;
+    }
+
+    .giftcard-result.visible {
+      max-height: 50px;
+      opacity: 1;
+      margin-top: 10px;
+      padding: 10px 12px;
+    }
+
+    .giftcard-result.success {
+      background: rgba(0, 137, 123, 0.1);
+      color: var(--color-teal);
+    }
+
+    .giftcard-result.error {
+      background: rgba(229, 57, 53, 0.1);
+      color: var(--color-red);
+    }
+
+    .giftcard-balance {
+      font-family: var(--font-mono);
+      font-weight: 600;
+    }
+
+    /* Registered payments */
+    .registered-payments {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px 24px;
+    }
+
+    .registered-payments-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 12px;
+    }
+
+    .payment-entry {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .payment-entry-icon {
+      width: 20px;
+      height: 20px;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+    }
+
+    .payment-entry-info {
+      flex: 1;
+    }
+
+    .payment-entry-method {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .payment-entry-detail {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    .payment-entry-amount {
+      font-family: var(--font-mono);
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-teal);
+    }
+
+    .payment-entry-remove {
+      background: none;
+      border: none;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      font-size: 16px;
+      opacity: 0.5;
+      padding: 4px;
+    }
+
+    .payment-entry-remove:hover {
+      opacity: 1;
+      color: var(--color-red);
+    }
+
+    .no-payments {
+      color: var(--color-text-secondary);
+      font-size: 13px;
+      text-align: center;
+      padding: 24px;
+    }
+
+    /* Payment footer */
+    .payment-footer {
+      padding: 16px 24px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    .remaining-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+    }
+
+    .remaining-label {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    .remaining-value {
+      font-family: var(--font-mono);
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-red);
+    }
+
+    .remaining-value.zero {
+      color: var(--color-teal);
+    }
+
+    .btn-complete {
+      width: 100%;
+      padding: 16px;
+      border: none;
+      border-radius: 6px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 16px;
+      font-weight: 500;
+      cursor: pointer;
+    }
+
+    .btn-complete:hover {
+      background: #00796b;
+    }
+
+    .btn-complete:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+    }
+
+    .payment-actions {
+      display: flex;
+      gap: 12px;
+      margin-top: 16px;
+    }
+
+    .btn-secondary {
+      flex: 1;
+      padding: 10px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+    }
+
+    .btn-secondary:hover {
+      border-color: #ccc;
+    }
+
+    /* ==========================================
+       BARCODE SCANNER
+       ========================================== */
+    .scan-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      width: 100%;
+      padding: 14px 20px;
+      margin-top: 12px;
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+      border: 2px dashed var(--color-teal);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 200ms ease;
+    }
+
+    .scan-btn:hover {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      border-style: solid;
+    }
+
+    .scan-btn.scanning {
+      border-color: #1976d2;
+      color: #1976d2;
+      background: color-mix(in srgb, #1976d2 8%, white);
+      animation: pulse-border 1.5s ease-in-out infinite;
+    }
+
+    @keyframes pulse-border {
+      0%, 100% { border-color: #1976d2; }
+      50% { border-color: #64b5f6; }
+    }
+
+    .scan-btn svg {
+      width: 18px;
+      height: 18px;
+      fill: currentColor;
+    }
+
+    .scanner-input-hidden {
+      position: absolute;
+      left: -9999px;
+      opacity: 0;
+    }
+
+    /* Debug codes in sidebar */
+    .debug-codes {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 12px 16px;
+      border-top: 1px solid var(--color-border);
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    .debug-codes strong {
+      color: var(--color-text);
+      margin-bottom: 4px;
+      font-size: 10px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    .debug-codes div {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    .debug-codes code {
+      font-family: var(--font-mono);
+      font-size: 10px;
+      background: var(--color-surface);
+      padding: 2px 6px;
+      border-radius: 3px;
+      cursor: pointer;
+      user-select: all;
+    }
+
+    .debug-codes code:hover {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    /* ==========================================
+       RECEIPT
+       ========================================== */
+    .receipt-container {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0,0,0,0.3);
+      z-index: 10;
+      display: flex;
+      justify-content: center;
+      padding-top: 20px;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 300ms ease, visibility 300ms ease;
+      overflow-y: auto;
+    }
+
+    .receipt-container.visible {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    .receipt {
+      width: 280px;
+      background: #fff;
+      font-family: 'Courier New', monospace;
+      font-size: 12px;
+      color: #000;
+      padding: 20px 16px;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+      transform: translateY(-100%);
+      transition: transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
+      position: relative;
+      margin-bottom: 20px;
+    }
+
+    .receipt-container.visible .receipt {
+      transform: translateY(0);
+    }
+
+    /* Torn paper effect at bottom */
+    .receipt::after {
+      content: '';
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      right: 0;
+      height: 10px;
+      background: linear-gradient(135deg, #fff 25%, transparent 25%),
+                  linear-gradient(-135deg, #fff 25%, transparent 25%);
+      background-size: 10px 10px;
+    }
+
+    .receipt-header {
+      text-align: center;
+      padding-bottom: 12px;
+      border-bottom: 1px dashed #000;
+      margin-bottom: 12px;
+    }
+
+    .receipt-logo {
+      font-size: 18px;
+      font-weight: bold;
+      letter-spacing: 2px;
+      margin-bottom: 4px;
+    }
+
+    .receipt-address {
+      font-size: 10px;
+      line-height: 1.4;
+    }
+
+    .receipt-info {
+      display: flex;
+      justify-content: space-between;
+      font-size: 10px;
+      padding: 8px 0;
+      border-bottom: 1px dashed #000;
+      margin-bottom: 12px;
+    }
+
+    .receipt-items {
+      margin-bottom: 12px;
+    }
+
+    .receipt-item {
+      display: flex;
+      justify-content: space-between;
+      padding: 4px 0;
+      font-size: 11px;
+    }
+
+    .receipt-item-name {
+      flex: 1;
+      padding-right: 8px;
+    }
+
+    .receipt-item-qty {
+      width: 30px;
+      text-align: center;
+    }
+
+    .receipt-item-price {
+      width: 70px;
+      text-align: right;
+      font-family: 'JetBrains Mono', monospace;
+    }
+
+    .receipt-divider {
+      border-top: 1px dashed #000;
+      margin: 8px 0;
+    }
+
+    .receipt-totals {
+      margin-bottom: 12px;
+    }
+
+    .receipt-total-row {
+      display: flex;
+      justify-content: space-between;
+      padding: 3px 0;
+      font-size: 11px;
+    }
+
+    .receipt-total-row.grand {
+      font-size: 14px;
+      font-weight: bold;
+      padding: 8px 0;
+      border-top: 2px solid #000;
+      border-bottom: 2px solid #000;
+      margin: 8px 0;
+    }
+
+    .receipt-payment {
+      font-size: 10px;
+      padding: 8px 0;
+      border-bottom: 1px dashed #000;
+    }
+
+    .receipt-payment-row {
+      display: flex;
+      justify-content: space-between;
+      padding: 2px 0;
+    }
+
+    .receipt-footer {
+      text-align: center;
+      padding-top: 12px;
+      font-size: 10px;
+    }
+
+    .receipt-footer-msg {
+      font-size: 12px;
+      font-weight: bold;
+      margin-bottom: 8px;
+    }
+
+    .receipt-qr {
+      margin: 12px auto 8px;
+      display: flex;
+      justify-content: center;
+    }
+
+    .receipt-qr svg {
+      border: 2px solid #000;
+    }
+
+    .receipt-id {
+      font-size: 9px;
+      letter-spacing: 1px;
+    }
+
+    .receipt-close {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      width: 24px;
+      height: 24px;
+      border: none;
+      background: #f0f0f0;
+      border-radius: 50%;
+      cursor: pointer;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .receipt-close:hover {
+      background: #e0e0e0;
+    }
+
+    .receipt-actions {
+      display: flex;
+      gap: 8px;
+      margin-top: 16px;
+      padding-top: 12px;
+      border-top: 1px solid #e0e0e0;
+    }
+
+    .receipt-actions button {
+      flex: 1;
+      padding: 8px;
+      font-size: 11px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-family: var(--font-family);
+    }
+
+    .receipt-actions .btn-print {
+      background: #000;
+      color: #fff;
+      border: none;
+    }
+
+    .receipt-actions .btn-close {
+      background: #fff;
+      border: 1px solid #ccc;
+      color: #333;
+    }
+
+    /* ==========================================
+       PRINT STYLES
+       ========================================== */
+    @media print {
+      /* White background */
+      html, body {
+        background: white !important;
+        -webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+      }
+
+      /* Hide everything by default */
+      .demo-trigger,
+      .overlay,
+      .header,
+      .sidebar,
+      .cart-area,
+      .payment-total,
+      .payment-methods,
+      .payment-input-section,
+      .registered-payments,
+      .payment-footer {
+        display: none !important;
+      }
+
+      /* Reset panel positioning */
+      .panel {
+        position: static !important;
+        width: 100% !important;
+        transform: none !important;
+        box-shadow: none !important;
+        background: white !important;
+      }
+
+      .main {
+        display: block !important;
+      }
+
+      .payment-panel {
+        display: block !important;
+        position: static !important;
+        border: none !important;
+        background: white !important;
+      }
+
+      /* Show receipt */
+      .receipt-container {
+        display: flex !important;
+        justify-content: center !important;
+        visibility: visible !important;
+        opacity: 1 !important;
+        position: static !important;
+        background: white !important;
+        padding: 0 !important;
+      }
+
+      .receipt {
+        display: block !important;
+        margin: 0 !important;
+        box-shadow: none !important;
+        transform: none !important;
+        text-align: left !important;
+      }
+
+      /* Preserve item layout */
+      .receipt-item {
+        display: flex !important;
+        justify-content: space-between !important;
+        text-align: left !important;
+      }
+
+      .receipt-item-name {
+        text-align: left !important;
+      }
+
+      .receipt-item-price {
+        text-align: right !important;
+      }
+
+      .receipt-total-row {
+        display: flex !important;
+        justify-content: space-between !important;
+      }
+
+      /* Hide buttons in receipt */
+      .receipt-close,
+      .receipt-actions {
+        display: none !important;
+      }
+
+      /* Remove torn paper effect */
+      .receipt::after {
+        display: none;
+      }
+    }
+
+  </style>
+</head>
+<body>
+  <div class="demo-trigger">
+    <button class="demo-btn" onclick="openPanel()">Gå til betaling</button>
+  </div>
+
+  <div class="overlay" id="overlay" onclick="closePanel()"></div>
+
+  <div class="panel" id="panel">
+    <div class="header">
+      <div class="header-field">
+        <span class="header-label">Kunde</span>
+        <span class="header-value">Sofie Nielsen</span>
+        <span class="header-link">Fjern</span>
+      </div>
+      <div class="header-field">
+        <span class="header-label">Dato</span>
+        <span class="header-value">16. dec 2025</span>
+      </div>
+      <div class="header-field">
+        <span class="header-label">Betjent af</span>
+        <select class="header-select">
+          <option>Emma Larsen</option>
+          <option>Anett Davidsson</option>
+        </select>
+      </div>
+      <button class="header-close" onclick="closePanel()">✕</button>
+    </div>
+
+    <div class="main">
+      <div class="sidebar">
+        <div class="search-box">
+          <input type="text" class="search-input" placeholder="Søg varer...">
+        </div>
+        <div class="menu-section">
+          <div class="menu-item"><span>Brugerdefineret linje</span></div>
+          <div class="menu-item"><span>Tidligere salg</span></div>
+          <div class="menu-item"><span>Refunder</span></div>
+          <div class="menu-item active"><span>Services</span></div>
+        </div>
+        <div class="categories">
+          <div class="category"><span>Acidic Bonding</span><span>›</span></div>
+          <div class="category"><span>Amino Mint</span><span>›</span></div>
+          <div class="category"><span>Color Gloss</span><span>›</span></div>
+          <div class="category"><span>Conditioner</span><span>›</span></div>
+          <div class="category"><span>Styling</span><span>›</span></div>
+          <div class="category"><span>Olaplex</span><span>›</span></div>
+        </div>
+        <div class="debug-codes">
+          <strong>Test EAN-koder:</strong>
+          <div><code>5012345678900</code> Olaplex No.4</div>
+          <div><code>8710447489109</code> Redken Shampoo</div>
+          <div><code>3474636610143</code> Kérastase</div>
+          <div><code>0000000000000</code> Ukendt</div>
+        </div>
+      </div>
+
+      <div class="cart-area">
+        <div class="cart-list">
+          <!-- Services -->
+          <div class="cart-section">
+            <div class="cart-section-header">Services</div>
+            <div class="cart-section-items">
+              <div class="cart-item" onclick="toggleCartItem(this)" data-base-price="725" data-duration="45 min">
+                <div class="cart-item-main">
+                  <div class="item-qty" onclick="event.stopPropagation()">
+                    <button class="qty-btn">−</button>
+                    <span class="qty-val">1</span>
+                    <button class="qty-btn">+</button>
+                  </div>
+                  <div class="item-info">
+                    <div class="item-name">Dameklip</div>
+                    <div class="item-meta"><span class="item-employee">Emma Larsen</span> · 45 min</div>
+                  </div>
+                  <div class="item-price">
+                    <div class="item-original-price">725 kr</div>
+                    <div class="item-total">725 kr</div>
+                    <div class="item-discount">-0 kr rabat</div>
+                  </div>
+                  <button class="item-remove" onclick="event.stopPropagation()">✕</button>
+                </div>
+                <div class="cart-item-edit" onclick="event.stopPropagation()">
+                  <div class="edit-row">
+                    <div class="edit-field">
+                      <div class="edit-field-label">Pris</div>
+                      <input type="text" class="edit-field-input mono edit-price" value="725" oninput="updateCartItemDisplay(this)">
+                    </div>
+                    <div class="edit-field">
+                      <div class="edit-field-label">Udført af</div>
+                      <select class="edit-field-select edit-employee" onchange="updateCartItemDisplay(this)">
+                        <option selected>Emma Larsen</option>
+                        <option>Anett Davidsson</option>
+                        <option>Maria Jensen</option>
+                      </select>
+                    </div>
+                  </div>
+                  <div class="edit-row">
+                    <div class="edit-field">
+                      <div class="edit-field-label">Rabat</div>
+                      <div class="discount-row">
+                        <input type="text" class="edit-field-input mono edit-discount" value="0" style="width: 80px;" oninput="updateCartItemDisplay(this)">
+                        <div class="discount-type">
+                          <button class="discount-type-btn active" data-type="kr">kr</button>
+                          <button class="discount-type-btn" data-type="pct">%</button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="cart-item" onclick="toggleCartItem(this)" data-base-price="900" data-duration="90 min">
+                <div class="cart-item-main">
+                  <div class="item-qty" onclick="event.stopPropagation()">
+                    <button class="qty-btn">−</button>
+                    <span class="qty-val">1</span>
+                    <button class="qty-btn">+</button>
+                  </div>
+                  <div class="item-info">
+                    <div class="item-name">Gloss extra langt/tykt hår</div>
+                    <div class="item-meta"><span class="item-employee">Emma Larsen</span> · 90 min</div>
+                  </div>
+                  <div class="item-price">
+                    <div class="item-original-price">900 kr</div>
+                    <div class="item-total">900 kr</div>
+                    <div class="item-discount">-0 kr rabat</div>
+                  </div>
+                  <button class="item-remove" onclick="event.stopPropagation()">✕</button>
+                </div>
+                <div class="cart-item-edit" onclick="event.stopPropagation()">
+                  <div class="edit-row">
+                    <div class="edit-field">
+                      <div class="edit-field-label">Pris</div>
+                      <input type="text" class="edit-field-input mono edit-price" value="900" oninput="updateCartItemDisplay(this)">
+                    </div>
+                    <div class="edit-field">
+                      <div class="edit-field-label">Udført af</div>
+                      <select class="edit-field-select edit-employee" onchange="updateCartItemDisplay(this)">
+                        <option selected>Emma Larsen</option>
+                        <option>Anett Davidsson</option>
+                        <option>Maria Jensen</option>
+                      </select>
+                    </div>
+                  </div>
+                  <div class="edit-row">
+                    <div class="edit-field">
+                      <div class="edit-field-label">Rabat</div>
+                      <div class="discount-row">
+                        <input type="text" class="edit-field-input mono edit-discount" value="0" style="width: 80px;" oninput="updateCartItemDisplay(this)">
+                        <div class="discount-type">
+                          <button class="discount-type-btn active" data-type="kr">kr</button>
+                          <button class="discount-type-btn" data-type="pct">%</button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Produkter -->
+          <div class="cart-section">
+            <div class="cart-section-header">Produkter</div>
+            <div class="cart-section-items">
+              <div class="cart-item" onclick="toggleCartItem(this)" data-base-price="300">
+                <div class="cart-item-main">
+                  <div class="item-qty" onclick="event.stopPropagation()">
+                    <button class="qty-btn">−</button>
+                    <span class="qty-val">1</span>
+                    <button class="qty-btn">+</button>
+                  </div>
+                  <div class="item-info">
+                    <div class="item-name">Olaplex No. 3</div>
+                    <div class="item-meta">100ml</div>
+                  </div>
+                  <div class="item-price">
+                    <div class="item-original-price">300 kr</div>
+                    <div class="item-total">300 kr</div>
+                    <div class="item-discount">-0 kr rabat</div>
+                  </div>
+                  <button class="item-remove" onclick="event.stopPropagation()">✕</button>
+                </div>
+                <div class="cart-item-edit" onclick="event.stopPropagation()">
+                  <div class="edit-row">
+                    <div class="edit-field">
+                      <div class="edit-field-label">Pris</div>
+                      <input type="text" class="edit-field-input mono edit-price" value="300" oninput="updateCartItemDisplay(this)">
+                    </div>
+                    <div class="edit-field">
+                      <div class="edit-field-label">Rabat</div>
+                      <div class="discount-row">
+                        <input type="text" class="edit-field-input mono edit-discount" value="0" style="width: 80px;" oninput="updateCartItemDisplay(this)">
+                        <div class="discount-type">
+                          <button class="discount-type-btn active" data-type="kr">kr</button>
+                          <button class="discount-type-btn" data-type="pct">%</button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="cart-item" onclick="toggleCartItem(this)" data-base-price="175">
+                <div class="cart-item-main">
+                  <div class="item-qty" onclick="event.stopPropagation()">
+                    <button class="qty-btn">−</button>
+                    <span class="qty-val">2</span>
+                    <button class="qty-btn">+</button>
+                  </div>
+                  <div class="item-info">
+                    <div class="item-name">India supercharged mask</div>
+                    <div class="item-meta">250ml</div>
+                  </div>
+                  <div class="item-price">
+                    <div class="item-original-price">350 kr</div>
+                    <div class="item-total">350 kr</div>
+                    <div class="item-discount">-0 kr rabat</div>
+                  </div>
+                  <button class="item-remove" onclick="event.stopPropagation()">✕</button>
+                </div>
+                <div class="cart-item-edit" onclick="event.stopPropagation()">
+                  <div class="edit-row">
+                    <div class="edit-field">
+                      <div class="edit-field-label">Pris</div>
+                      <input type="text" class="edit-field-input mono edit-price" value="175" oninput="updateCartItemDisplay(this)">
+                    </div>
+                    <div class="edit-field">
+                      <div class="edit-field-label">Rabat</div>
+                      <div class="discount-row">
+                        <input type="text" class="edit-field-input mono edit-discount" value="0" style="width: 80px;" oninput="updateCartItemDisplay(this)">
+                        <div class="discount-type">
+                          <button class="discount-type-btn active" data-type="kr">kr</button>
+                          <button class="discount-type-btn" data-type="pct">%</button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Scan Button -->
+            <button class="scan-btn" id="scanButton">
+              <svg viewBox="0 0 24 24"><path d="M2 6h2v12H2V6zm3 0h1v12H5V6zm2 0h3v12H7V6zm4 0h1v12h-1V6zm3 0h2v12h-2V6zm3 0h3v12h-3V6zm4 0h1v12h-1V6z"/></svg>
+              SCAN PRODUKT
+            </button>
+            <!-- Hidden scanner input -->
+            <input type="text" id="scannerInput" class="scanner-input-hidden" autocomplete="off" />
+          </div>
+        </div>
+
+        <div class="cart-footer">
+          <div class="cart-totals">
+            <div class="cart-total-row">
+              <span class="label">Subtotal</span>
+              <span class="value">1.820 kr</span>
+            </div>
+            <div class="cart-total-row">
+              <span class="label">Moms (25%)</span>
+              <span class="value">455 kr</span>
+            </div>
+            <div class="cart-total-row grand">
+              <span class="label">Total</span>
+              <span class="value">2.275 kr</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Payment Panel -->
+      <div class="payment-panel" style="position: relative;">
+        <!-- Receipt overlay -->
+        <div class="receipt-container" id="receiptContainer">
+          <div class="receipt">
+            <button class="receipt-close" onclick="hideReceipt()">✕</button>
+
+            <div class="receipt-header">
+              <div class="receipt-logo">SALON BELLEZZA</div>
+              <div class="receipt-address">
+                Østergade 42, 1. sal<br>
+                1100 København K<br>
+                Tlf: 33 12 34 56<br>
+                CVR: 12345678
+              </div>
+            </div>
+
+            <div class="receipt-info">
+              <div>
+                <div>Dato: 16-12-2025</div>
+                <div>Tid: 14:32</div>
+              </div>
+              <div style="text-align: right;">
+                <div>Kvit: #4521</div>
+                <div>Kasse: 1</div>
+              </div>
+            </div>
+
+            <div class="receipt-items">
+              <div class="receipt-item" style="font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 4px; margin-bottom: 4px;">
+                <span class="receipt-item-name">Vare</span>
+                <span class="receipt-item-qty">Antal</span>
+                <span class="receipt-item-price">Pris</span>
+              </div>
+              <div class="receipt-item">
+                <span class="receipt-item-name">Dameklip</span>
+                <span class="receipt-item-qty">1</span>
+                <span class="receipt-item-price">725,00</span>
+              </div>
+              <div class="receipt-item">
+                <span class="receipt-item-name">Gloss langt hår</span>
+                <span class="receipt-item-qty">1</span>
+                <span class="receipt-item-price">900,00</span>
+              </div>
+              <div class="receipt-item">
+                <span class="receipt-item-name">Olaplex No. 3</span>
+                <span class="receipt-item-qty">1</span>
+                <span class="receipt-item-price">300,00</span>
+              </div>
+              <div class="receipt-item">
+                <span class="receipt-item-name">India mask 250ml</span>
+                <span class="receipt-item-qty">2</span>
+                <span class="receipt-item-price">350,00</span>
+              </div>
+            </div>
+
+            <div class="receipt-divider"></div>
+
+            <div class="receipt-totals">
+              <div class="receipt-total-row">
+                <span>Subtotal</span>
+                <span>1.820,00</span>
+              </div>
+              <div class="receipt-total-row">
+                <span>Moms (25%)</span>
+                <span>455,00</span>
+              </div>
+              <div class="receipt-total-row grand">
+                <span>TOTAL</span>
+                <span>2.275,00 DKK</span>
+              </div>
+            </div>
+
+            <div class="receipt-payment">
+              <div class="receipt-payment-row">
+                <span>Betalt med Kort</span>
+                <span>2.275,00</span>
+              </div>
+            </div>
+
+            <div class="receipt-footer">
+              <div class="receipt-footer-msg">TAK FOR BESØGET!</div>
+              <div>Kunde: Sofie Nielsen</div>
+              <div>Betjent af: Emma Larsen</div>
+
+              <div class="receipt-qr">
+                <svg viewBox="0 0 29 29" width="80" height="80">
+                  <!-- QR Code pattern -->
+                  <rect width="29" height="29" fill="white"/>
+                  <!-- Position patterns (corners) -->
+                  <rect x="0" y="0" width="7" height="7" fill="black"/>
+                  <rect x="1" y="1" width="5" height="5" fill="white"/>
+                  <rect x="2" y="2" width="3" height="3" fill="black"/>
+                  <rect x="22" y="0" width="7" height="7" fill="black"/>
+                  <rect x="23" y="1" width="5" height="5" fill="white"/>
+                  <rect x="24" y="2" width="3" height="3" fill="black"/>
+                  <rect x="0" y="22" width="7" height="7" fill="black"/>
+                  <rect x="1" y="23" width="5" height="5" fill="white"/>
+                  <rect x="2" y="24" width="3" height="3" fill="black"/>
+                  <!-- Timing patterns -->
+                  <rect x="8" y="6" width="1" height="1" fill="black"/>
+                  <rect x="10" y="6" width="1" height="1" fill="black"/>
+                  <rect x="12" y="6" width="1" height="1" fill="black"/>
+                  <rect x="6" y="8" width="1" height="1" fill="black"/>
+                  <rect x="6" y="10" width="1" height="1" fill="black"/>
+                  <rect x="6" y="12" width="1" height="1" fill="black"/>
+                  <!-- Data modules (random pattern) -->
+                  <rect x="8" y="8" width="1" height="1" fill="black"/>
+                  <rect x="9" y="9" width="1" height="1" fill="black"/>
+                  <rect x="10" y="8" width="1" height="1" fill="black"/>
+                  <rect x="11" y="10" width="1" height="1" fill="black"/>
+                  <rect x="12" y="9" width="1" height="1" fill="black"/>
+                  <rect x="13" y="8" width="1" height="1" fill="black"/>
+                  <rect x="8" y="11" width="1" height="1" fill="black"/>
+                  <rect x="10" y="11" width="1" height="1" fill="black"/>
+                  <rect x="12" y="11" width="1" height="1" fill="black"/>
+                  <rect x="9" y="12" width="1" height="1" fill="black"/>
+                  <rect x="11" y="12" width="1" height="1" fill="black"/>
+                  <rect x="13" y="12" width="1" height="1" fill="black"/>
+                  <rect x="15" y="8" width="1" height="1" fill="black"/>
+                  <rect x="16" y="9" width="1" height="1" fill="black"/>
+                  <rect x="17" y="8" width="1" height="1" fill="black"/>
+                  <rect x="18" y="10" width="1" height="1" fill="black"/>
+                  <rect x="19" y="9" width="1" height="1" fill="black"/>
+                  <rect x="20" y="8" width="1" height="1" fill="black"/>
+                  <rect x="15" y="11" width="1" height="1" fill="black"/>
+                  <rect x="17" y="11" width="1" height="1" fill="black"/>
+                  <rect x="19" y="11" width="1" height="1" fill="black"/>
+                  <rect x="16" y="12" width="1" height="1" fill="black"/>
+                  <rect x="18" y="12" width="1" height="1" fill="black"/>
+                  <rect x="20" y="12" width="1" height="1" fill="black"/>
+                  <rect x="8" y="14" width="1" height="1" fill="black"/>
+                  <rect x="10" y="14" width="1" height="1" fill="black"/>
+                  <rect x="12" y="15" width="1" height="1" fill="black"/>
+                  <rect x="9" y="16" width="1" height="1" fill="black"/>
+                  <rect x="11" y="16" width="1" height="1" fill="black"/>
+                  <rect x="13" y="17" width="1" height="1" fill="black"/>
+                  <rect x="8" y="18" width="1" height="1" fill="black"/>
+                  <rect x="10" y="18" width="1" height="1" fill="black"/>
+                  <rect x="12" y="19" width="1" height="1" fill="black"/>
+                  <rect x="15" y="14" width="1" height="1" fill="black"/>
+                  <rect x="17" y="15" width="1" height="1" fill="black"/>
+                  <rect x="19" y="14" width="1" height="1" fill="black"/>
+                  <rect x="16" y="16" width="1" height="1" fill="black"/>
+                  <rect x="18" y="17" width="1" height="1" fill="black"/>
+                  <rect x="20" y="16" width="1" height="1" fill="black"/>
+                  <rect x="22" y="8" width="1" height="1" fill="black"/>
+                  <rect x="24" y="9" width="1" height="1" fill="black"/>
+                  <rect x="23" y="10" width="1" height="1" fill="black"/>
+                  <rect x="25" y="11" width="1" height="1" fill="black"/>
+                  <rect x="22" y="12" width="1" height="1" fill="black"/>
+                  <rect x="24" y="13" width="1" height="1" fill="black"/>
+                  <rect x="8" y="22" width="1" height="1" fill="black"/>
+                  <rect x="10" y="23" width="1" height="1" fill="black"/>
+                  <rect x="9" y="24" width="1" height="1" fill="black"/>
+                  <rect x="11" y="25" width="1" height="1" fill="black"/>
+                  <rect x="12" y="22" width="1" height="1" fill="black"/>
+                  <rect x="13" y="24" width="1" height="1" fill="black"/>
+                  <!-- Alignment pattern -->
+                  <rect x="20" y="20" width="5" height="5" fill="black"/>
+                  <rect x="21" y="21" width="3" height="3" fill="white"/>
+                  <rect x="22" y="22" width="1" height="1" fill="black"/>
+                </svg>
+              </div>
+              <div class="receipt-id">4521-161225-1432</div>
+            </div>
+
+            <div class="receipt-actions">
+              <button class="btn-print" onclick="window.print()">🖨️ Print</button>
+              <button class="btn-close" onclick="hideReceipt()">Luk</button>
+            </div>
+          </div>
+        </div>
+        <div class="payment-total">
+          <div class="payment-total-amount" id="totalAmount">2.275 kr</div>
+          <div class="payment-total-label">Total at betale</div>
+        </div>
+
+        <div class="payment-methods">
+          <button class="method-btn active" onclick="selectMethod('kort')">
+            <img class="method-btn-icon" src="icons/credit-card.svg" alt="">
+            <span class="method-btn-label">Kort</span>
+          </button>
+          <button class="method-btn" onclick="selectMethod('kontant')">
+            <img class="method-btn-icon" src="icons/coins.svg" alt="">
+            <span class="method-btn-label">Kontant</span>
+          </button>
+          <button class="method-btn" onclick="selectMethod('mobilepay')">
+            <img class="method-btn-icon" src="icons/mobilepay.svg" alt="">
+            <span class="method-btn-label">MobilePay</span>
+          </button>
+          <button class="method-btn" onclick="selectMethod('bank')">
+            <img class="method-btn-icon" src="icons/bank.svg" alt="">
+            <span class="method-btn-label">Bank</span>
+          </button>
+          <button class="method-btn" onclick="selectMethod('gavekort')">
+            <img class="method-btn-icon" src="icons/gift-card.svg" alt="">
+            <span class="method-btn-label">Gavekort</span>
+          </button>
+          <button class="method-btn" onclick="selectMethod('tilgode')">
+            <img class="method-btn-icon" src="icons/loan.svg" alt="">
+            <span class="method-btn-label">Tilgode</span>
+          </button>
+        </div>
+
+        <div class="payment-input-section">
+          <!-- Gavekort lookup -->
+          <div class="giftcard-lookup" id="giftcardLookup">
+            <div class="giftcard-lookup-label">Indtast gavekortnummer</div>
+            <div class="giftcard-lookup-row">
+              <input type="text" class="giftcard-input" id="giftcardInput" placeholder="XXXX-XXXX-XXXX" onkeydown="if(event.key==='Enter')lookupGiftcard()">
+              <button class="btn-lookup" onclick="lookupGiftcard()">Slå op</button>
+            </div>
+            <div class="giftcard-result" id="giftcardResult"></div>
+          </div>
+
+          <div class="payment-input-label" id="inputLabel">Beløb at betale med Kort</div>
+          <div class="payment-input-row">
+            <input type="text" class="payment-input" id="paymentInput" value="2.275" inputmode="decimal">
+            <button class="btn-pay-rest" onclick="payRest()">Betal rest<br><span id="restAmount">(2.275 kr)</span></button>
+          </div>
+          <button class="btn-add-payment" id="btnAddPayment" onclick="addPayment()">+ Tilføj betaling</button>
+        </div>
+
+        <div class="registered-payments">
+          <div class="registered-payments-label">Registrerede betalinger</div>
+          <div id="paymentsList">
+            <div class="no-payments">Ingen betalinger registreret</div>
+          </div>
+        </div>
+
+        <div class="payment-footer">
+          <div class="remaining-row">
+            <span class="remaining-label">Restbeløb</span>
+            <span class="remaining-value" id="remainingAmount">2.275 kr</span>
+          </div>
+          <button class="btn-complete" id="btnComplete" disabled>Afslut salg</button>
+          <div class="payment-actions">
+            <button class="btn-secondary" onclick="showReceipt()">Print kvittering</button>
+            <button class="btn-secondary">Send på mail</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    const total = 2275;
+    const payments = [];
+    let currentMethod = 'kort';
+    let currentGiftcard = null; // { number, balance }
+
+    const methodLabels = {
+      'kort': 'Kort',
+      'kontant': 'Kontant',
+      'mobilepay': 'MobilePay',
+      'bank': 'Bank',
+      'gavekort': 'Gavekort',
+      'tilgode': 'Tilgode'
+    };
+
+    const methodIcons = {
+      'kort': 'icons/credit-card.svg',
+      'kontant': 'icons/coins.svg',
+      'mobilepay': 'icons/mobilepay.svg',
+      'bank': 'icons/bank.svg',
+      'gavekort': 'icons/gift-card.svg',
+      'tilgode': 'icons/loan.svg'
+    };
+
+    function openPanel() {
+      document.getElementById('overlay').classList.add('open');
+      document.getElementById('panel').classList.add('open');
+    }
+
+    function closePanel() {
+      document.getElementById('overlay').classList.remove('open');
+      document.getElementById('panel').classList.remove('open');
+    }
+
+    function toggleCartItem(item) {
+      // Close other expanded items
+      document.querySelectorAll('.cart-item.expanded').forEach(el => {
+        if (el !== item) el.classList.remove('expanded');
+      });
+      // Toggle this item
+      item.classList.toggle('expanded');
+    }
+
+    function toggleDiscountType(btn) {
+      const container = btn.closest('.discount-type');
+      const previousType = container.querySelector('.discount-type-btn.active')?.dataset.type;
+      const newType = btn.dataset.type;
+
+      // Don't do anything if clicking the same button
+      if (previousType === newType) return;
+
+      container.querySelectorAll('.discount-type-btn').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+
+      // Convert discount value
+      const cartItem = btn.closest('.cart-item');
+      const discountInput = cartItem.querySelector('.edit-discount');
+      const priceInput = cartItem.querySelector('.edit-price');
+
+      if (discountInput && priceInput) {
+        const currentValue = parseFloat(discountInput.value.replace(/\./g, '').replace(',', '.')) || 0;
+        const basePrice = parseFloat(priceInput.value.replace(/\./g, '').replace(',', '.')) || 0;
+
+        if (basePrice > 0 && currentValue > 0) {
+          let newValue;
+          if (previousType === 'pct' && newType === 'kr') {
+            // Converting from % to kr
+            newValue = Math.round(basePrice * currentValue / 100);
+          } else if (previousType === 'kr' && newType === 'pct') {
+            // Converting from kr to %
+            newValue = Math.round((currentValue / basePrice) * 100 * 10) / 10; // 1 decimal
+          }
+          discountInput.value = newValue;
+        }
+
+        updateCartItemDisplay(discountInput);
+      }
+    }
+
+    function updateCartItemDisplay(inputEl) {
+      const cartItem = inputEl.closest('.cart-item');
+      if (!cartItem) return;
+
+      // Get elements
+      const priceInput = cartItem.querySelector('.edit-price');
+      const employeeSelect = cartItem.querySelector('.edit-employee');
+      const discountInput = cartItem.querySelector('.edit-discount');
+      const discountTypeBtn = cartItem.querySelector('.discount-type-btn.active');
+
+      const itemTotal = cartItem.querySelector('.item-total');
+      const itemOriginalPrice = cartItem.querySelector('.item-original-price');
+      const itemDiscount = cartItem.querySelector('.item-discount');
+      const itemEmployee = cartItem.querySelector('.item-employee');
+
+      // Get values
+      const basePrice = parseFloat(priceInput?.value.replace(/\./g, '').replace(',', '.')) || 0;
+      const discountValue = parseFloat(discountInput?.value.replace(/\./g, '').replace(',', '.')) || 0;
+      const discountType = discountTypeBtn?.dataset.type || 'kr';
+      const qty = parseInt(cartItem.querySelector('.qty-val')?.textContent) || 1;
+
+      // Calculate discount
+      let discountAmount = 0;
+      if (discountType === 'kr') {
+        discountAmount = discountValue;
+      } else {
+        discountAmount = (basePrice * discountValue / 100);
+      }
+
+      const finalPrice = Math.max(0, (basePrice - discountAmount) * qty);
+      const totalBeforeDiscount = basePrice * qty;
+
+      // Update display
+      itemTotal.textContent = formatNumber(finalPrice) + ' kr';
+
+      // Show original price and discount if there's a discount
+      if (discountAmount > 0) {
+        itemOriginalPrice.textContent = formatNumber(totalBeforeDiscount) + ' kr';
+        itemOriginalPrice.classList.add('visible');
+
+        if (discountType === 'pct') {
+          itemDiscount.textContent = `-${discountValue}% rabat`;
+        } else {
+          itemDiscount.textContent = `-${formatNumber(discountAmount * qty)} kr rabat`;
+        }
+        itemDiscount.classList.add('visible');
+      } else {
+        itemOriginalPrice.classList.remove('visible');
+        itemDiscount.classList.remove('visible');
+      }
+
+      // Update employee if exists
+      if (employeeSelect && itemEmployee) {
+        itemEmployee.textContent = employeeSelect.value;
+      }
+    }
+
+    // Setup discount type button handlers
+    document.addEventListener('DOMContentLoaded', () => {
+      document.querySelectorAll('.discount-type-btn').forEach(btn => {
+        btn.addEventListener('click', (e) => {
+          e.stopPropagation();
+          toggleDiscountType(btn);
+        });
+      });
+    });
+
+    function selectMethod(method) {
+      currentMethod = method;
+
+      // Update active button
+      document.querySelectorAll('.method-btn').forEach(btn => btn.classList.remove('active'));
+      event.currentTarget.classList.add('active');
+
+      // Update label
+      document.getElementById('inputLabel').textContent = `Beløb at betale med ${methodLabels[method]}`;
+
+      // Show/hide giftcard lookup
+      const giftcardLookup = document.getElementById('giftcardLookup');
+      const btnAddPayment = document.getElementById('btnAddPayment');
+
+      if (method === 'gavekort') {
+        giftcardLookup.classList.add('visible');
+        // Disable add payment until giftcard is looked up
+        if (!currentGiftcard) {
+          btnAddPayment.disabled = true;
+        }
+      } else {
+        giftcardLookup.classList.remove('visible');
+        currentGiftcard = null;
+        resetGiftcardLookup();
+        btnAddPayment.disabled = false;
+      }
+
+      // Set input to remaining amount
+      payRest();
+    }
+
+    function lookupGiftcard() {
+      const input = document.getElementById('giftcardInput');
+      const result = document.getElementById('giftcardResult');
+      const cardNumber = input.value.trim();
+
+      if (!cardNumber) {
+        result.className = 'giftcard-result visible error';
+        result.innerHTML = 'Indtast venligst et gavekortnummer';
+        return;
+      }
+
+      // Simulate lookup - in real app this would be an API call
+      // For demo: simulate different balances based on card number
+      const simulatedBalance = simulateGiftcardBalance(cardNumber);
+
+      if (simulatedBalance === null) {
+        result.className = 'giftcard-result visible error';
+        result.innerHTML = 'Gavekort ikke fundet';
+        currentGiftcard = null;
+        document.getElementById('btnAddPayment').disabled = true;
+        return;
+      }
+
+      // Success - card found
+      currentGiftcard = {
+        number: cardNumber,
+        balance: simulatedBalance
+      };
+
+      result.className = 'giftcard-result visible success';
+      result.innerHTML = `Gavekort fundet! Saldo: <span class="giftcard-balance">${formatNumber(simulatedBalance)} kr</span>`;
+
+      // Enable payment button
+      document.getElementById('btnAddPayment').disabled = false;
+
+      // Set payment input to min of remaining and giftcard balance
+      const remaining = getRemaining();
+      const maxPayment = Math.min(remaining, simulatedBalance);
+      const paymentInput = document.getElementById('paymentInput');
+      paymentInput.value = formatNumber(maxPayment);
+
+      // Focus payment input and select the value
+      setTimeout(() => {
+        paymentInput.focus();
+        paymentInput.select();
+      }, 50);
+    }
+
+    function simulateGiftcardBalance(cardNumber) {
+      // Demo simulation: different cards have different balances
+      // Cards starting with "1" = 500 kr, "2" = 1000 kr, "3" = 1500 kr
+      // Any other = 750 kr, empty/invalid = not found
+
+      if (cardNumber.length < 4) return null;
+
+      const firstChar = cardNumber.charAt(0);
+      switch (firstChar) {
+        case '1': return 500;
+        case '2': return 1000;
+        case '3': return 1500;
+        case '0': return null; // Not found
+        default: return 750;
+      }
+    }
+
+    function resetGiftcardLookup() {
+      document.getElementById('giftcardInput').value = '';
+      const result = document.getElementById('giftcardResult');
+      result.className = 'giftcard-result';
+      result.innerHTML = '';
+    }
+
+    function payRest() {
+      const remaining = getRemaining();
+      let maxPayment = remaining;
+
+      // For giftcard, limit to available balance
+      if (currentMethod === 'gavekort' && currentGiftcard) {
+        maxPayment = Math.min(remaining, currentGiftcard.balance);
+      }
+
+      document.getElementById('paymentInput').value = formatNumber(maxPayment);
+    }
+
+    function addPayment() {
+      let amount = parseAmount(document.getElementById('paymentInput').value);
+      if (amount <= 0) return;
+
+      // For giftcard payments, validate and limit to balance
+      if (currentMethod === 'gavekort') {
+        if (!currentGiftcard) {
+          alert('Slå gavekortet op først');
+          return;
+        }
+        // Limit to available balance
+        if (amount > currentGiftcard.balance) {
+          amount = currentGiftcard.balance;
+        }
+      }
+
+      const payment = {
+        method: currentMethod,
+        amount: amount
+      };
+
+      // Add giftcard details if applicable
+      if (currentMethod === 'gavekort' && currentGiftcard) {
+        payment.giftcardNumber = currentGiftcard.number;
+        payment.giftcardOriginalBalance = currentGiftcard.balance;
+
+        // Reduce the giftcard balance (simulate using it)
+        currentGiftcard.balance -= amount;
+
+        // If balance is 0, reset the giftcard lookup for next use
+        if (currentGiftcard.balance <= 0) {
+          currentGiftcard = null;
+          resetGiftcardLookup();
+          document.getElementById('btnAddPayment').disabled = true;
+        } else {
+          // Update displayed balance
+          const result = document.getElementById('giftcardResult');
+          result.innerHTML = `Gavekort fundet! Resterende saldo: <span class="giftcard-balance">${formatNumber(currentGiftcard.balance)} kr</span>`;
+        }
+      }
+
+      payments.push(payment);
+
+      updatePaymentsList();
+      updateTotals();
+
+      // Reset input to new remaining
+      payRest();
+    }
+
+    function removePayment(index) {
+      payments.splice(index, 1);
+      updatePaymentsList();
+      updateTotals();
+      payRest();
+    }
+
+    function updatePaymentsList() {
+      const container = document.getElementById('paymentsList');
+
+      if (payments.length === 0) {
+        container.innerHTML = '<div class="no-payments">Ingen betalinger registreret</div>';
+        return;
+      }
+
+      container.innerHTML = payments.map((p, i) => {
+        const detail = p.giftcardNumber ? `Kort: ${p.giftcardNumber}` : '';
+        return `
+          <div class="payment-entry">
+            <img class="payment-entry-icon" src="${methodIcons[p.method]}" alt="">
+            <div class="payment-entry-info">
+              <div class="payment-entry-method">${methodLabels[p.method]}</div>
+              ${detail ? `<div class="payment-entry-detail">${detail}</div>` : ''}
+            </div>
+            <span class="payment-entry-amount">+${formatNumber(p.amount)} kr</span>
+            <button class="payment-entry-remove" onclick="removePayment(${i})">✕</button>
+          </div>
+        `;
+      }).join('');
+    }
+
+    function updateTotals() {
+      const remaining = getRemaining();
+
+      // Update remaining display
+      const remainingEl = document.getElementById('remainingAmount');
+      remainingEl.textContent = formatNumber(remaining) + ' kr';
+
+      // Update rest button
+      document.getElementById('restAmount').textContent = `(${formatNumber(remaining)} kr)`;
+
+      // Toggle styling and button state
+      const btnComplete = document.getElementById('btnComplete');
+      if (remaining <= 0) {
+        remainingEl.classList.add('zero');
+        btnComplete.disabled = false;
+      } else {
+        remainingEl.classList.remove('zero');
+        btnComplete.disabled = true;
+      }
+    }
+
+    function getRemaining() {
+      const paid = payments.reduce((sum, p) => sum + p.amount, 0);
+      return Math.max(0, total - paid);
+    }
+
+    function formatNumber(num) {
+      return num.toLocaleString('da-DK');
+    }
+
+    function parseAmount(str) {
+      if (!str) return 0;
+      const cleaned = str.replace(/\./g, '').replace(',', '.').replace(/[^0-9.]/g, '');
+      return parseFloat(cleaned) || 0;
+    }
+
+    document.addEventListener('keydown', e => {
+      if (e.key === 'Escape') closePanel();
+    });
+
+    // ==========================================
+    // BARCODE SCANNER
+    // ==========================================
+
+    // Mock product database for scanning
+    const scanProducts = {
+      '5012345678900': {
+        name: 'Olaplex No.4 Bond Maintenance Shampoo',
+        price: 299,
+        size: '250ml'
+      },
+      '8710447489109': {
+        name: 'Redken All Soft Shampoo',
+        price: 249,
+        size: '300ml'
+      },
+      '3474636610143': {
+        name: 'Kérastase Elixir Ultime',
+        price: 425,
+        size: '100ml'
+      },
+      '0850018802239': {
+        name: 'Olaplex No.7 Bonding Oil',
+        price: 319,
+        size: '30ml'
+      }
+    };
+
+    // Scanner elements
+    const scanButton = document.getElementById('scanButton');
+    const scannerInput = document.getElementById('scannerInput');
+
+    let isScanning = false;
+    let scannedCode = '';
+    let scanTimeout = null;
+
+    // Start scanning
+    scanButton.addEventListener('click', () => {
+      if (isScanning) return;
+
+      isScanning = true;
+      scannedCode = '';
+      scanButton.classList.add('scanning');
+      scanButton.innerHTML = `
+        <svg viewBox="0 0 24 24"><path d="M2 6h2v12H2V6zm3 0h1v12H5V6zm2 0h3v12H7V6zm4 0h1v12h-1V6zm3 0h2v12h-2V6zm3 0h3v12h-3V6zm4 0h1v12h-1V6z"/></svg>
+        SCANNING...
+      `;
+      scannerInput.value = '';
+      scannerInput.focus();
+    });
+
+    // Handle scanner input
+    scannerInput.addEventListener('input', (e) => {
+      scannedCode = e.target.value;
+
+      if (scanTimeout) clearTimeout(scanTimeout);
+
+      // After 200ms of no input, consider scan complete
+      scanTimeout = setTimeout(() => {
+        if (scannedCode.length >= 8) {
+          processScannedCode(scannedCode);
+        }
+      }, 200);
+    });
+
+    // Handle Enter key from scanner
+    scannerInput.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' || e.key === 'Tab') {
+        e.preventDefault();
+        if (scannedCode.length >= 8) {
+          clearTimeout(scanTimeout);
+          processScannedCode(scannedCode);
+        }
+      }
+    });
+
+    // Handle blur - reset if no code scanned
+    scannerInput.addEventListener('blur', () => {
+      if (isScanning && scannedCode.length === 0) {
+        setTimeout(() => {
+          if (isScanning && scannedCode.length === 0) {
+            resetScanner();
+          }
+        }, 300);
+      }
+    });
+
+    // Reset scanner to ready state
+    function resetScanner() {
+      isScanning = false;
+      scannedCode = '';
+      scanButton.classList.remove('scanning');
+      scanButton.innerHTML = `
+        <svg viewBox="0 0 24 24"><path d="M2 6h2v12H2V6zm3 0h1v12H5V6zm2 0h3v12H7V6zm4 0h1v12h-1V6zm3 0h2v12h-2V6zm3 0h3v12h-3V6zm4 0h1v12h-1V6z"/></svg>
+        SCAN PRODUKT
+      `;
+    }
+
+    // Process scanned code
+    async function processScannedCode(code) {
+      // Show loading state
+      scanButton.innerHTML = `
+        <svg viewBox="0 0 24 24" style="animation: spin 1s linear infinite;"><path d="M2 6h2v12H2V6zm3 0h1v12H5V6zm2 0h3v12H7V6zm4 0h1v12h-1V6zm3 0h2v12h-2V6zm3 0h3v12h-3V6zm4 0h1v12h-1V6z"/></svg>
+        HENTER...
+      `;
+
+      // Simulate API delay
+      await new Promise(r => setTimeout(r, 600));
+
+      // Look up product
+      const foundProduct = scanProducts[code] || null;
+
+      if (foundProduct) {
+        // Add to cart
+        addScannedProductToCart(foundProduct, code);
+
+        // Show success briefly
+        scanButton.style.borderColor = '#43a047';
+        scanButton.style.color = '#43a047';
+        scanButton.innerHTML = `
+          <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+          TILFØJET!
+        `;
+
+        setTimeout(() => {
+          scanButton.style.borderColor = '';
+          scanButton.style.color = '';
+          resetScanner();
+        }, 800);
+      } else {
+        // Show not found
+        scanButton.style.borderColor = '#f59e0b';
+        scanButton.style.color = '#f59e0b';
+        scanButton.innerHTML = `
+          <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
+          IKKE FUNDET
+        `;
+
+        setTimeout(() => {
+          scanButton.style.borderColor = '';
+          scanButton.style.color = '';
+          resetScanner();
+        }, 1500);
+      }
+    }
+
+    // Add scanned product to cart visually
+    function addScannedProductToCart(product, ean) {
+      const cartSectionItems = document.querySelector('.cart-section:last-of-type .cart-section-items');
+
+      const newItem = document.createElement('div');
+      newItem.className = 'cart-item';
+      newItem.setAttribute('onclick', 'toggleCartItem(this)');
+      newItem.setAttribute('data-base-price', product.price);
+      newItem.innerHTML = `
+        <div class="cart-item-main">
+          <div class="item-qty" onclick="event.stopPropagation()">
+            <button class="qty-btn">−</button>
+            <span class="qty-val">1</span>
+            <button class="qty-btn">+</button>
+          </div>
+          <div class="item-info">
+            <div class="item-name">${product.name}</div>
+            <div class="item-meta">${product.size}</div>
+          </div>
+          <div class="item-price">
+            <div class="item-original-price">${product.price} kr</div>
+            <div class="item-total">${product.price} kr</div>
+            <div class="item-discount">-0 kr rabat</div>
+          </div>
+          <button class="item-remove" onclick="event.stopPropagation(); this.closest('.cart-item').remove();">✕</button>
+        </div>
+        <div class="cart-item-edit" onclick="event.stopPropagation()">
+          <div class="edit-row">
+            <div class="edit-field">
+              <div class="edit-field-label">Pris</div>
+              <input type="text" class="edit-field-input mono edit-price" value="${product.price}" oninput="updateCartItemDisplay(this)">
+            </div>
+            <div class="edit-field">
+              <div class="edit-field-label">Rabat</div>
+              <div class="discount-row">
+                <input type="text" class="edit-field-input mono edit-discount" value="0" style="width: 80px;" oninput="updateCartItemDisplay(this)">
+                <div class="discount-type">
+                  <button class="discount-type-btn active" data-type="kr">kr</button>
+                  <button class="discount-type-btn" data-type="pct">%</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      `;
+
+      // Insert at end of items list
+      cartSectionItems.appendChild(newItem);
+
+      // Flash the new item
+      newItem.style.animation = 'flash 0.5s ease';
+
+      // Re-attach discount type handlers
+      newItem.querySelectorAll('.discount-type-btn').forEach(btn => {
+        btn.addEventListener('click', (e) => {
+          e.stopPropagation();
+          toggleDiscountType(btn);
+        });
+      });
+    }
+
+    // Add animations
+    const scannerStyle = document.createElement('style');
+    scannerStyle.textContent = `
+      @keyframes flash {
+        0% { background-color: rgba(0, 137, 123, 0.2); }
+        100% { background-color: transparent; }
+      }
+      @keyframes spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(scannerStyle);
+
+    // ==========================================
+    // RECEIPT
+    // ==========================================
+
+    function showReceipt() {
+      const receiptContainer = document.getElementById('receiptContainer');
+      receiptContainer.classList.add('visible');
+    }
+
+    function hideReceipt() {
+      const receiptContainer = document.getElementById('receiptContainer');
+      receiptContainer.classList.remove('visible');
+    }
+
+    // Close receipt on Escape key
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        const receiptContainer = document.getElementById('receiptContainer');
+        if (receiptContainer.classList.contains('visible')) {
+          hideReceipt();
+          e.stopPropagation();
+        }
+      }
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-customer-detail.html b/wwwroot/poc-customer-detail.html
new file mode 100644
index 0000000..5539554
--- /dev/null
+++ b/wwwroot/poc-customer-detail.html
@@ -0,0 +1,3396 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kundedetaljer - Sofie Nielsen</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      /* Colors */
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #ffb300;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+
+      /* Typography */
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link img {
+      width: 16px;
+      height: 16px;
+      opacity: 0.6;
+    }
+
+    swp-topbar-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-topbar-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      border: none;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      color: var(--color-text);
+      border: 1px solid var(--color-border);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background);
+    }
+
+    /* ==========================================
+       STICKY HEADER
+       ========================================== */
+    swp-customer-header {
+      display: flex;
+      gap: 24px;
+      padding: 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 49px;
+      z-index: 90;
+    }
+
+    swp-customer-avatar {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28px;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+
+    swp-customer-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-customer-name-row {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-customer-name {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-customer-name[contenteditable="true"] {
+      outline: none;
+      border-bottom: 1px dashed var(--color-border);
+      padding-bottom: 2px;
+    }
+
+    swp-customer-name[contenteditable="true"]:focus {
+      border-bottom-color: var(--color-teal);
+    }
+
+    /* Tags Editor */
+    swp-tags-editor {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex-wrap: wrap;
+    }
+
+    swp-tag {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-tag.vip {
+      background: color-mix(in srgb, var(--color-amber) 20%, white);
+      color: #b8860b;
+    }
+
+    swp-tag.stamkunde {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-tag.ny {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-tag.allergi {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-tag.sensitiv {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-tag .remove {
+      cursor: pointer;
+      opacity: 0.6;
+      margin-left: 2px;
+    }
+
+    swp-tag .remove:hover {
+      opacity: 1;
+    }
+
+    swp-tag-add {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      border: 1px dashed var(--color-border);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-tag-add:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    /* Booking Exclusion Toggle */
+    swp-booking-exclusion {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      margin-left: auto;
+    }
+
+    swp-booking-exclusion[data-excluded="false"] {
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+      border: 1px solid var(--color-border);
+    }
+
+    swp-booking-exclusion[data-excluded="true"] {
+      background: color-mix(in srgb, var(--color-red) 12%, white);
+      color: var(--color-red);
+      border: 1px solid color-mix(in srgb, var(--color-red) 30%, white);
+    }
+
+    swp-booking-exclusion .icon {
+      font-size: 14px;
+    }
+
+    /* Customer Group Selector */
+    swp-customer-group {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      position: relative;
+    }
+
+    swp-customer-group-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-customer-group-select {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 5px 10px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-customer-group-select:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-customer-group-select .arrow {
+      font-size: 10px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-customer-group-dropdown {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      margin-top: 4px;
+      min-width: 180px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      z-index: 200;
+      display: none;
+    }
+
+    swp-customer-group-dropdown.open {
+      display: block;
+    }
+
+    swp-customer-group-option {
+      display: block;
+      padding: 10px 14px;
+      font-size: 13px;
+      color: var(--color-text);
+      cursor: pointer;
+      transition: background 100ms ease;
+    }
+
+    swp-customer-group-option:first-child {
+      border-radius: 7px 7px 0 0;
+    }
+
+    swp-customer-group-option:last-child {
+      border-radius: 0 0 7px 7px;
+    }
+
+    swp-customer-group-option:hover {
+      background: var(--color-background);
+    }
+
+    swp-customer-group-option.selected {
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    /* Relation Items */
+    swp-relations-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-relation-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+    }
+
+    swp-relation-avatar {
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background: var(--color-purple);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 13px;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+
+    swp-relation-info {
+      flex: 1;
+    }
+
+    swp-relation-name {
+      display: block;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-relation-type {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-relation-actions {
+      display: flex;
+      gap: 8px;
+    }
+
+    swp-relation-link {
+      font-size: 12px;
+      color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-relation-link:hover {
+      text-decoration: underline;
+    }
+
+    swp-relation-remove {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      opacity: 0.6;
+    }
+
+    swp-relation-remove:hover {
+      opacity: 1;
+      color: var(--color-red);
+    }
+
+    swp-add-relation {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 12px;
+      border: 1px dashed var(--color-border);
+      border-radius: 6px;
+      color: var(--color-text-secondary);
+      font-size: 13px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-add-relation:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    /* Customer Group in Card */
+    swp-customer-group-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 16px;
+      padding-bottom: 16px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    /* Contact Line */
+    swp-contact-line {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-contact-line a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-contact-line a:hover {
+      text-decoration: underline;
+    }
+
+    swp-contact-line span.separator {
+      color: var(--color-border);
+    }
+
+    /* Fact Boxes Inline */
+    swp-fact-boxes-inline {
+      display: flex;
+      gap: 24px;
+      margin-top: 4px;
+    }
+
+    swp-fact-inline {
+      display: flex;
+      align-items: baseline;
+      gap: 6px;
+    }
+
+    swp-fact-inline-value {
+      font-size: 18px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-fact-inline-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       TAB BAR
+       ========================================== */
+    swp-tab-bar {
+      display: flex;
+      gap: 0;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      padding: 0 24px;
+      position: sticky;
+      top: 193px;
+      z-index: 80;
+    }
+
+    swp-tab {
+      padding: 14px 24px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      transition: all 150ms ease;
+    }
+
+    swp-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-alt);
+    }
+
+    swp-tab.active {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TAB CONTENT
+       ========================================== */
+    swp-tab-content {
+      display: none;
+      padding: 24px;
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    swp-tab-content.active {
+      display: block;
+    }
+
+    /* ==========================================
+       COMMON COMPONENTS
+       ========================================== */
+
+    /* Section Label */
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 12px;
+    }
+
+    /* Card */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      padding: 20px;
+      margin-bottom: 20px;
+    }
+
+    /* Grid Layouts */
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 20px;
+    }
+
+    .grid-4 {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+    }
+
+    /* Edit Section */
+    swp-edit-section {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    swp-edit-row {
+      display: grid;
+      grid-template-columns: 120px 1fr;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-edit-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-edit-value {
+      font-size: 14px;
+      color: var(--color-text);
+      padding: 8px 12px;
+      border: 1px solid transparent;
+      border-radius: 6px;
+      cursor: text;
+      transition: all 150ms ease;
+    }
+
+    swp-edit-value:hover {
+      background: var(--color-background-alt);
+    }
+
+    swp-edit-value:focus {
+      outline: none;
+      border-color: var(--color-teal);
+      background: var(--color-surface);
+    }
+
+    swp-edit-value[contenteditable="true"] {
+      cursor: text;
+    }
+
+    /* Toggle Slider (Ja/Nej) */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-toggle-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-toggle-slider {
+      display: flex;
+      position: relative;
+      background: var(--color-background);
+      border-radius: 6px;
+      padding: 3px;
+      gap: 0;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 3px;
+      left: 3px;
+      width: calc(50% - 3px);
+      height: calc(100% - 6px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+      z-index: 0;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: color 200ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* Toggle with description */
+    swp-toggle-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-toggle-desc {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Profile Boxes */
+    swp-profile-boxes {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+
+    swp-profile-box {
+      padding: 12px 14px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-profile-box.warning {
+      background: color-mix(in srgb, var(--color-red) 8%, white);
+      border-color: color-mix(in srgb, var(--color-red) 30%, white);
+    }
+
+    swp-profile-box.full-width {
+      grid-column: span 2;
+    }
+
+    swp-profile-box-label {
+      display: block;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 4px;
+    }
+
+    swp-profile-box-value {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-profile-box.warning swp-profile-box-value {
+      color: var(--color-red);
+    }
+
+    /* Stat Cards */
+    swp-stat-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 16px 20px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      text-align: center;
+    }
+
+    swp-stat-value {
+      display: block;
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+      font-family: var(--font-mono);
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    /* Chart Container */
+    swp-chart-container {
+      display: block;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      min-height: 200px;
+    }
+
+    swp-chart-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 12px;
+    }
+
+    swp-chart-legend {
+      display: flex;
+      gap: 16px;
+    }
+
+    swp-chart-legend-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-legend-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    swp-chart-legend-dot.services {
+      background: var(--color-teal);
+    }
+
+    swp-chart-legend-dot.products {
+      background: var(--color-blue);
+    }
+
+    /* Table */
+    swp-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-table-header {
+      display: grid;
+      padding: 12px 16px;
+      background: var(--color-background);
+      border-radius: 6px 6px 0 0;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-table-row {
+      display: grid;
+      padding: 12px 16px;
+      border-bottom: 1px solid var(--color-border);
+      font-size: 13px;
+      align-items: center;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-alt);
+    }
+
+    /* Journal Entry */
+    swp-journal-entry {
+      display: block;
+      padding: 16px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 12px;
+    }
+
+    swp-journal-entry:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-journal-meta {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 8px;
+    }
+
+    swp-journal-type {
+      display: inline-block;
+      padding: 3px 8px;
+      font-size: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 4px;
+    }
+
+    swp-journal-type.farveformel {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-journal-type.analyse {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-journal-type.note {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-journal-type.advarsel {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-journal-date {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-content {
+      font-size: 14px;
+      color: var(--color-text);
+      line-height: 1.6;
+    }
+
+    swp-journal-author {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 8px;
+    }
+
+    /* Appointment Card */
+    swp-appointment-card {
+      display: block;
+      padding: 16px;
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+      border: 1px solid color-mix(in srgb, var(--color-teal) 20%, white);
+      border-radius: 8px;
+      margin-bottom: 12px;
+    }
+
+    swp-appointment-date {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-teal);
+      margin-bottom: 6px;
+    }
+
+    swp-appointment-details {
+      font-size: 13px;
+      color: var(--color-text);
+      margin-bottom: 12px;
+    }
+
+    swp-appointment-actions {
+      display: flex;
+      gap: 8px;
+    }
+
+    swp-appointment-actions swp-btn {
+      padding: 6px 12px;
+      font-size: 12px;
+    }
+
+    /* Giftcard */
+    swp-giftcard {
+      display: block;
+      padding: 16px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      margin-bottom: 12px;
+    }
+
+    swp-giftcard-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 8px;
+    }
+
+    swp-giftcard-balance {
+      font-size: 13px;
+      color: var(--color-text);
+      margin-bottom: 4px;
+    }
+
+    swp-giftcard-balance strong {
+      font-family: var(--font-mono);
+      color: var(--color-teal);
+    }
+
+    swp-giftcard-expires {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Progress Bar */
+    swp-progress-bar {
+      display: block;
+      height: 8px;
+      background: var(--color-background);
+      border-radius: 4px;
+      overflow: hidden;
+      margin: 8px 0;
+    }
+
+    swp-progress-fill {
+      display: block;
+      height: 100%;
+      background: var(--color-teal);
+      border-radius: 4px;
+      transition: width 300ms ease;
+    }
+
+    /* See All Link */
+    swp-see-all {
+      display: inline-block;
+      margin-top: 12px;
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-see-all:hover {
+      text-decoration: underline;
+    }
+
+    /* Add Button */
+    swp-add-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 10px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      border: 1px solid color-mix(in srgb, var(--color-teal) 30%, white);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      margin-bottom: 16px;
+    }
+
+    swp-add-btn:hover {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+    }
+
+    /* Empty State */
+    swp-empty-state {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 40px;
+      text-align: center;
+      color: var(--color-text-secondary);
+    }
+
+    swp-empty-state p {
+      font-size: 14px;
+    }
+
+    /* ==========================================
+       STAT CARD VARIANTS
+       ========================================== */
+    swp-stat-card.warning swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    swp-stat-card.danger swp-stat-value {
+      color: var(--color-red);
+    }
+
+    swp-stat-card.success swp-stat-value {
+      color: var(--color-green);
+    }
+
+    /* ==========================================
+       KEY-VALUE LIST
+       ========================================== */
+    swp-kv-list {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-kv-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-kv-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-kv-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-kv-value {
+      font-size: 14px;
+      font-weight: 500;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    /* ==========================================
+       RATIO BAR
+       ========================================== */
+    swp-ratio-container {
+      display: block;
+      margin-top: 16px;
+    }
+
+    swp-ratio-labels {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 8px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-ratio-bar {
+      display: flex;
+      height: 10px;
+      border-radius: 5px;
+      overflow: hidden;
+      background: var(--color-background);
+    }
+
+    swp-ratio-segment {
+      height: 100%;
+      transition: width 300ms ease;
+    }
+
+    swp-ratio-segment.services {
+      background: var(--color-teal);
+    }
+
+    swp-ratio-segment.products {
+      background: var(--color-blue);
+    }
+
+    /* ==========================================
+       RISK INDICATOR
+       ========================================== */
+    swp-risk-indicator {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    swp-risk-dot {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+    }
+
+    swp-risk-dot.low {
+      background: var(--color-green);
+    }
+
+    swp-risk-dot.medium {
+      background: var(--color-amber);
+    }
+
+    swp-risk-dot.high {
+      background: var(--color-red);
+    }
+
+    swp-risk-text {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    swp-risk-text.low {
+      color: var(--color-green);
+    }
+
+    swp-risk-text.medium {
+      color: var(--color-amber);
+    }
+
+    swp-risk-text.high {
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       TOP LIST
+       ========================================== */
+    swp-top-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-top-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-size: 13px;
+    }
+
+    swp-top-rank {
+      width: 24px;
+      height: 24px;
+      border-radius: 50%;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 11px;
+      font-weight: 600;
+    }
+
+    swp-top-item:first-child swp-top-rank {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-top-name {
+      flex: 1;
+      color: var(--color-text);
+    }
+
+    swp-top-count {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       ATTENDANCE BAR
+       ========================================== */
+    swp-attendance-bar {
+      display: flex;
+      height: 24px;
+      border-radius: 6px;
+      overflow: hidden;
+      margin-top: 12px;
+    }
+
+    swp-attendance-segment {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 11px;
+      font-weight: 600;
+      color: white;
+    }
+
+    swp-attendance-segment.attended {
+      background: var(--color-teal);
+    }
+
+    swp-attendance-segment.cancelled {
+      background: var(--color-amber);
+    }
+
+    swp-attendance-segment.noshow {
+      background: var(--color-red);
+    }
+
+    /* ==========================================
+       JOURNAL - NEW LAYOUT
+       ========================================== */
+
+    /* Journal Mini Tabs */
+    swp-journal-mini-tabs {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 20px;
+    }
+
+    swp-journal-mini-tab {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-journal-mini-tab:hover {
+      border-color: var(--color-text-secondary);
+    }
+
+    swp-journal-mini-tab.active {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+    }
+
+    swp-journal-mini-tab .tab-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    swp-journal-mini-tab .tab-dot.blue { background: var(--color-blue); }
+    swp-journal-mini-tab .tab-dot.amber { background: var(--color-amber); }
+    swp-journal-mini-tab .tab-dot.purple { background: var(--color-purple); }
+
+    swp-journal-mini-tab .tab-count {
+      font-size: 11px;
+      padding: 2px 6px;
+      background: var(--color-background);
+      border-radius: 10px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Journal Columns */
+    swp-journal-columns {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 20px;
+    }
+
+    swp-journal-column {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-journal-column-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 12px;
+      padding-bottom: 12px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-journal-column-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-journal-column-title .col-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    swp-journal-column-title .col-dot.amber { background: var(--color-amber); }
+    swp-journal-column-title .col-dot.purple { background: var(--color-purple); }
+
+    swp-journal-column-add {
+      font-size: 12px;
+      color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-journal-column-add:hover {
+      text-decoration: underline;
+    }
+
+    /* Journal Entry - New Style */
+    swp-journal-entry-new {
+      display: block;
+      padding: 14px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      margin-bottom: 10px;
+      transition: border-color 150ms ease;
+    }
+
+    swp-journal-entry-new:hover {
+      border-color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-new:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-journal-entry-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 10px;
+    }
+
+    swp-journal-entry-type-new {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 4px;
+    }
+
+    swp-journal-entry-type-new.farveformel {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b8860b;
+    }
+
+    swp-journal-entry-type-new.analyse {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-journal-entry-type-new.note {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-journal-entry-type-new.advarsel {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-journal-entry-tags-new {
+      display: flex;
+      gap: 6px;
+    }
+
+    swp-journal-tag-new {
+      display: inline-block;
+      padding: 3px 8px;
+      font-size: 10px;
+      font-weight: 500;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-tag-new.sensitiv {
+      background: color-mix(in srgb, var(--color-purple) 12%, white);
+      color: var(--color-purple);
+    }
+
+    swp-journal-tag-new.allergi {
+      background: color-mix(in srgb, var(--color-red) 12%, white);
+      color: var(--color-red);
+    }
+
+    swp-journal-entry-delete-new {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      opacity: 0;
+      transition: opacity 150ms ease;
+    }
+
+    swp-journal-entry-new:hover swp-journal-entry-delete-new {
+      opacity: 0.6;
+    }
+
+    swp-journal-entry-delete-new:hover {
+      opacity: 1;
+      color: var(--color-red);
+    }
+
+    swp-journal-entry-body {
+      font-size: 13px;
+      line-height: 1.6;
+      color: var(--color-text);
+    }
+
+    swp-journal-entry-body .mono {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      background: var(--color-background);
+      padding: 1px 4px;
+      border-radius: 3px;
+    }
+
+    swp-journal-entry-body .label {
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-footer-new {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 12px;
+      padding-top: 10px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-journal-entry-date-new {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-icons-new {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-journal-entry-icon {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-icon img {
+      width: 14px;
+      height: 14px;
+      opacity: 0.5;
+    }
+
+    swp-journal-entry-icon.warning {
+      color: var(--color-amber);
+    }
+
+    swp-journal-entry-icon.warning img {
+      opacity: 1;
+    }
+
+    /* Noter Section (full width above columns) */
+    swp-journal-noter-section {
+      display: block;
+      margin-bottom: 24px;
+    }
+
+    swp-journal-noter-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+
+    /* Kundeprofil i Journal */
+    swp-journal-profile {
+      display: block;
+      margin-top: 24px;
+      padding-top: 20px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-journal-profile-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+      cursor: pointer;
+    }
+
+    swp-journal-profile-header .arrow {
+      transition: transform 150ms ease;
+    }
+
+    swp-journal-profile-header.collapsed .arrow {
+      transform: rotate(-90deg);
+    }
+
+    swp-journal-profile swp-profile-boxes {
+      transition: all 200ms ease;
+    }
+
+    swp-journal-profile swp-profile-boxes.collapsed {
+      display: none;
+    }
+
+    /* ==========================================
+       ACTIVITY / AUDIT LOG
+       ========================================== */
+
+    /* Activity Filters */
+    swp-activity-filters {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+
+    swp-activity-filter {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 20px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-activity-filter:hover {
+      border-color: var(--color-text-secondary);
+    }
+
+    swp-activity-filter.active {
+      background: var(--color-teal);
+      color: white;
+      border-color: var(--color-teal);
+    }
+
+    swp-activity-filter .filter-icon {
+      font-size: 11px;
+    }
+
+    swp-activity-filter .filter-icon img {
+      width: 12px;
+      height: 12px;
+      filter: invert(45%) sepia(0%) saturate(0%) brightness(90%);
+    }
+
+    swp-activity-filter.active .filter-icon img {
+      filter: brightness(0) invert(1);
+    }
+
+    /* Activity Timeline */
+    swp-activity-timeline {
+      display: block;
+      position: relative;
+    }
+
+    /* Date Group */
+    swp-activity-date-group {
+      display: block;
+      margin-bottom: 24px;
+    }
+
+    swp-activity-date-header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 12px;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    swp-activity-date-header::after {
+      content: '';
+      flex: 1;
+      height: 1px;
+      background: var(--color-border);
+    }
+
+    /* Activity Item */
+    swp-activity-item {
+      display: flex;
+      gap: 12px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-activity-item:last-child {
+      border-bottom: none;
+    }
+
+    swp-activity-icon {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      flex-shrink: 0;
+    }
+
+    swp-activity-icon img {
+      width: 16px;
+      height: 16px;
+    }
+
+    swp-activity-icon.system {
+      background: var(--color-background);
+    }
+
+    swp-activity-icon.system img {
+      filter: invert(45%) sepia(0%) saturate(0%) brightness(90%);
+    }
+
+    swp-activity-icon.customer {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+    }
+
+    swp-activity-icon.customer img {
+      filter: invert(32%) sepia(98%) saturate(1234%) hue-rotate(196deg) brightness(93%) contrast(92%);
+    }
+
+    swp-activity-icon.employee {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+    }
+
+    swp-activity-icon.employee img {
+      filter: invert(32%) sepia(98%) saturate(1234%) hue-rotate(152deg) brightness(93%) contrast(92%);
+    }
+
+    swp-activity-icon.booking {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+    }
+
+    swp-activity-icon.booking img {
+      filter: invert(45%) sepia(70%) saturate(2000%) hue-rotate(235deg) brightness(90%) contrast(95%);
+    }
+
+    swp-activity-icon.communication {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+    }
+
+    swp-activity-icon.communication img {
+      filter: invert(55%) sepia(80%) saturate(500%) hue-rotate(10deg) brightness(95%) contrast(95%);
+    }
+
+    swp-activity-icon.payment {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+    }
+
+    swp-activity-icon.payment img {
+      filter: invert(45%) sepia(70%) saturate(500%) hue-rotate(90deg) brightness(95%) contrast(90%);
+    }
+
+    swp-activity-icon.warning {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+    }
+
+    swp-activity-icon.warning img {
+      filter: invert(30%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(90%) contrast(95%);
+    }
+
+    swp-activity-content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    swp-activity-title {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text);
+      margin-bottom: 2px;
+    }
+
+    swp-activity-title strong {
+      font-weight: 600;
+    }
+
+    swp-activity-title .highlight {
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    swp-activity-title .old-value {
+      color: var(--color-text-secondary);
+      text-decoration: line-through;
+    }
+
+    swp-activity-title .new-value {
+      color: var(--color-teal);
+    }
+
+    swp-activity-meta {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-activity-time {
+      font-family: var(--font-mono);
+    }
+
+    swp-activity-actor {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    swp-activity-actor::before {
+      content: '·';
+    }
+
+    swp-activity-badge {
+      display: inline-block;
+      padding: 2px 6px;
+      font-size: 9px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 3px;
+      margin-left: 6px;
+    }
+
+    swp-activity-badge.auto {
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-activity-badge.online {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-activity-badge.manual {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    /* Activity Details (expandable) */
+    swp-activity-details {
+      display: block;
+      margin-top: 8px;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-activity-details code {
+      font-family: var(--font-mono);
+      font-size: 11px;
+      background: var(--color-background);
+      padding: 1px 4px;
+      border-radius: 3px;
+    }
+
+    /* Load More */
+    swp-activity-load-more {
+      display: block;
+      text-align: center;
+      padding: 16px;
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+      border-top: 1px solid var(--color-border);
+      margin-top: 12px;
+    }
+
+    swp-activity-load-more:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       DRAG & DROP CARDS
+       ========================================== */
+
+    /* Draggable Card */
+    swp-card[draggable="true"] {
+      position: relative;
+      transition: transform 200ms ease, box-shadow 200ms ease, opacity 200ms ease;
+    }
+
+    swp-card[draggable="true"]:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    swp-card[draggable="true"].dragging {
+      opacity: 0.5;
+      transform: scale(0.98);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+    }
+
+    /* Drag Handle */
+    swp-drag-handle {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 4px;
+      color: var(--color-text-secondary);
+      opacity: 0;
+      transition: opacity 150ms ease, background 150ms ease;
+      cursor: move;
+    }
+
+    swp-drag-handle svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+    }
+
+    swp-card[draggable="true"]:hover swp-drag-handle {
+      opacity: 0.5;
+    }
+
+    swp-drag-handle:hover {
+      opacity: 1 !important;
+      background: var(--color-background);
+    }
+
+    /* Column Drop Zones */
+    swp-card-column {
+      display: flex;
+      flex-direction: column;
+      min-height: 200px;
+      position: relative;
+    }
+
+    /* Drop zone indicator element - dynamically inserted */
+    swp-drop-indicator {
+      display: block;
+      height: 60px;
+      background: color-mix(in srgb, var(--color-teal) 8%, transparent);
+      border: 2px dashed var(--color-teal);
+      border-radius: 8px;
+      margin: 8px 0;
+      transition: opacity 150ms ease;
+    }
+
+    /* Column empty state drop zone */
+    swp-card-column.drag-over-empty {
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+      border: 2px dashed var(--color-teal);
+      border-radius: 8px;
+      min-height: 100px;
+    }
+
+    /* Cards have no gap by default */
+    swp-card-column swp-card {
+      margin-bottom: 16px;
+    }
+
+    swp-card-column swp-card:last-child {
+      margin-bottom: 0;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link onclick="history.back()">
+        <img src="icons/angle-small-left.svg" alt="">
+        Tilbage til kunder
+      </swp-back-link>
+    </swp-topbar-left>
+    <swp-topbar-actions>
+      <swp-btn class="secondary">Slet kunde</swp-btn>
+      <swp-btn class="primary" id="saveBtn">Gem</swp-btn>
+    </swp-topbar-actions>
+  </swp-topbar>
+
+  <!-- Sticky Header -->
+  <swp-customer-header>
+    <swp-customer-avatar>SN</swp-customer-avatar>
+    <swp-customer-info>
+      <swp-customer-name-row>
+        <swp-customer-name contenteditable="true">Sofie Nielsen</swp-customer-name>
+        <swp-tags-editor>
+          <swp-tag class="vip">VIP <span class="remove">×</span></swp-tag>
+          <swp-tag-add>+ Tilføj tag</swp-tag-add>
+        </swp-tags-editor>
+        <swp-booking-exclusion data-excluded="false" id="bookingExclusion">
+          <span class="icon">✓</span>
+          <span class="text">Booking tilladt</span>
+        </swp-booking-exclusion>
+      </swp-customer-name-row>
+      <swp-contact-line>
+        <a href="tel:+4523456789">+45 23 45 67 89</a>
+        <span class="separator">|</span>
+        <a href="mailto:sofie@email.dk">sofie@email.dk</a>
+        <span class="separator">|</span>
+        <span>Kunde siden marts 2024</span>
+      </swp-contact-line>
+      <swp-fact-boxes-inline>
+        <swp-fact-inline>
+          <swp-fact-inline-value>14</swp-fact-inline-value>
+          <swp-fact-inline-label>besøg</swp-fact-inline-label>
+        </swp-fact-inline>
+        <swp-fact-inline>
+          <swp-fact-inline-value>32</swp-fact-inline-value>
+          <swp-fact-inline-label>dage interval</swp-fact-inline-label>
+        </swp-fact-inline>
+        <swp-fact-inline>
+          <swp-fact-inline-value>Emma L.</swp-fact-inline-value>
+          <swp-fact-inline-label>foretrukken frisør</swp-fact-inline-label>
+        </swp-fact-inline>
+        <swp-fact-inline>
+          <swp-fact-inline-value>12.450 kr</swp-fact-inline-value>
+          <swp-fact-inline-label>total omsætning</swp-fact-inline-label>
+        </swp-fact-inline>
+      </swp-fact-boxes-inline>
+    </swp-customer-info>
+  </swp-customer-header>
+
+  <!-- Tab Bar -->
+  <swp-tab-bar>
+    <swp-tab class="active" data-tab="overview">Oversigt</swp-tab>
+    <swp-tab data-tab="economy">Økonomi</swp-tab>
+    <swp-tab data-tab="statistics">Statistik</swp-tab>
+    <swp-tab data-tab="journal">Journal</swp-tab>
+    <swp-tab data-tab="appointments">Aftaler</swp-tab>
+    <swp-tab data-tab="giftcards">Gavekort</swp-tab>
+    <swp-tab data-tab="activity">Aktivitet</swp-tab>
+  </swp-tab-bar>
+
+  <!-- Tab Contents -->
+
+  <!-- OVERSIGT TAB -->
+  <swp-tab-content class="active" data-tab="overview">
+    <div class="grid-2">
+      <!-- Left Column -->
+      <swp-card-column data-column="left">
+        <swp-card draggable="true" data-card-id="kontakt">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Kontaktoplysninger</swp-section-label>
+          <swp-edit-section>
+            <swp-edit-row>
+              <swp-edit-label>Telefon</swp-edit-label>
+              <swp-edit-value contenteditable="true">+45 23 45 67 89</swp-edit-value>
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label>Email</swp-edit-label>
+              <swp-edit-value contenteditable="true">sofie@email.dk</swp-edit-value>
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label>Adresse</swp-edit-label>
+              <swp-edit-value contenteditable="true">Hovedgaden 12</swp-edit-value>
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label>Postnr + By</swp-edit-label>
+              <swp-edit-value contenteditable="true">2100 København Ø</swp-edit-value>
+            </swp-edit-row>
+          </swp-edit-section>
+        </swp-card>
+
+        <swp-card draggable="true" data-card-id="profil">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Profil</swp-section-label>
+          <swp-profile-boxes>
+            <swp-profile-box>
+              <swp-profile-box-label>Hårtype</swp-profile-box-label>
+              <swp-profile-box-value>Medium · Bølget</swp-profile-box-value>
+            </swp-profile-box>
+            <swp-profile-box>
+              <swp-profile-box-label>Porøsitet</swp-profile-box-label>
+              <swp-profile-box-value>Medium</swp-profile-box-value>
+            </swp-profile-box>
+            <swp-profile-box>
+              <swp-profile-box-label>Hovedbund</swp-profile-box-label>
+              <swp-profile-box-value>Normal</swp-profile-box-value>
+            </swp-profile-box>
+            <swp-profile-box>
+              <swp-profile-box-label>Naturlig farve</swp-profile-box-label>
+              <swp-profile-box-value>Mørkblond (6)</swp-profile-box-value>
+            </swp-profile-box>
+          </swp-profile-boxes>
+        </swp-card>
+      </swp-card-column>
+
+      <!-- Right Column -->
+      <swp-card-column data-column="right">
+        <swp-card draggable="true" data-card-id="marketing">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Marketing</swp-section-label>
+          <swp-toggle-row>
+            <swp-toggle-label>Email marketing</swp-toggle-label>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-toggle-row>
+          <swp-toggle-row>
+            <swp-toggle-label>SMS marketing</swp-toggle-label>
+            <swp-toggle-slider data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-toggle-row>
+        </swp-card>
+
+        <swp-card draggable="true" data-card-id="betalingsindstillinger">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Betalingsindstillinger</swp-section-label>
+          <swp-toggle-row>
+            <swp-toggle-info>
+              <swp-toggle-label>Kræv forudbetaling</swp-toggle-label>
+              <swp-toggle-desc>Kunden skal betale fuldt beløb ved booking</swp-toggle-desc>
+            </swp-toggle-info>
+            <swp-toggle-slider data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-toggle-row>
+          <swp-toggle-row>
+            <swp-toggle-info>
+              <swp-toggle-label>Tillad delvis betaling</swp-toggle-label>
+              <swp-toggle-desc>Kunden kan vælge at betale et depositum</swp-toggle-desc>
+            </swp-toggle-info>
+            <swp-toggle-slider data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-toggle-row>
+        </swp-card>
+
+        <swp-card draggable="true" data-card-id="praeferencer">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Præferencer</swp-section-label>
+          <swp-profile-boxes>
+            <swp-profile-box>
+              <swp-profile-box-label>Foretrukken frisør</swp-profile-box-label>
+              <swp-profile-box-value>Emma L.</swp-profile-box-value>
+            </swp-profile-box>
+            <swp-profile-box>
+              <swp-profile-box-label>Foretrukken dag</swp-profile-box-label>
+              <swp-profile-box-value>Tirsdag/Torsdag</swp-profile-box-value>
+            </swp-profile-box>
+            <swp-profile-box class="full-width">
+              <swp-profile-box-label>Specielle ønsker</swp-profile-box-label>
+              <swp-profile-box-value>Foretrækker kold tone, ikke for mørk</swp-profile-box-value>
+            </swp-profile-box>
+          </swp-profile-boxes>
+        </swp-card>
+
+        <swp-card draggable="true" data-card-id="advarsler">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Advarsler</swp-section-label>
+          <swp-profile-boxes>
+            <swp-profile-box class="warning full-width">
+              <swp-profile-box-label>Allergier / Følsomhed</swp-profile-box-label>
+              <swp-profile-box-value>Parfumeallergi - brug uparfumerede produkter</swp-profile-box-value>
+            </swp-profile-box>
+          </swp-profile-boxes>
+        </swp-card>
+
+        <swp-card draggable="true" data-card-id="relationer">
+          <swp-drag-handle><svg viewBox="0 0 24 24"><path d="M13 6v5h5V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3z"/></svg></swp-drag-handle>
+          <swp-section-label>Kundegruppe & Relationer</swp-section-label>
+
+          <swp-customer-group-row>
+            <swp-customer-group-label>Kundegruppe:</swp-customer-group-label>
+            <swp-customer-group>
+              <swp-customer-group-select id="customerGroupSelect">
+                <span class="value">Standard</span>
+                <span class="arrow">▼</span>
+              </swp-customer-group-select>
+              <swp-customer-group-dropdown id="customerGroupDropdown">
+                <swp-customer-group-option class="selected" data-value="standard">Standard</swp-customer-group-option>
+                <swp-customer-group-option data-value="premium">Premium</swp-customer-group-option>
+                <swp-customer-group-option data-value="erhverv">Erhverv</swp-customer-group-option>
+                <swp-customer-group-option data-value="medarbejder">Medarbejder</swp-customer-group-option>
+                <swp-customer-group-option data-value="familie">Familie & Venner</swp-customer-group-option>
+              </swp-customer-group-dropdown>
+            </swp-customer-group>
+          </swp-customer-group-row>
+
+          <swp-relations-list>
+            <swp-relation-item>
+              <swp-relation-avatar>EN</swp-relation-avatar>
+              <swp-relation-info>
+                <swp-relation-name>Emil Nielsen</swp-relation-name>
+                <swp-relation-type>Barn</swp-relation-type>
+              </swp-relation-info>
+              <swp-relation-actions>
+                <swp-relation-link>Åbn</swp-relation-link>
+                <swp-relation-remove>×</swp-relation-remove>
+              </swp-relation-actions>
+            </swp-relation-item>
+
+            <swp-relation-item>
+              <swp-relation-avatar>LN</swp-relation-avatar>
+              <swp-relation-info>
+                <swp-relation-name>Luna Nielsen</swp-relation-name>
+                <swp-relation-type>Barn</swp-relation-type>
+              </swp-relation-info>
+              <swp-relation-actions>
+                <swp-relation-link>Åbn</swp-relation-link>
+                <swp-relation-remove>×</swp-relation-remove>
+              </swp-relation-actions>
+            </swp-relation-item>
+
+            <swp-add-relation>
+              <span>+</span> Tilføj relation
+            </swp-add-relation>
+          </swp-relations-list>
+        </swp-card>
+      </swp-card-column>
+    </div>
+  </swp-tab-content>
+
+  <!-- ØKONOMI TAB -->
+  <swp-tab-content data-tab="economy">
+    <div class="grid-4" style="margin-bottom: 24px;">
+      <swp-stat-card class="highlight">
+        <swp-stat-value>12.450 kr</swp-stat-value>
+        <swp-stat-label>I år (2025)</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>9.800 kr</swp-stat-value>
+        <swp-stat-label>Sidste år</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>889 kr</swp-stat-value>
+        <swp-stat-label>Gns. pr. besøg</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>1.038 kr</swp-stat-value>
+        <swp-stat-label>Gns. pr. måned</swp-stat-label>
+      </swp-stat-card>
+    </div>
+
+    <swp-card>
+      <swp-chart-header>
+        <swp-section-label style="margin-bottom: 0;">Omsætning over tid</swp-section-label>
+        <swp-chart-legend>
+          <swp-chart-legend-item>
+            <swp-chart-legend-dot class="services"></swp-chart-legend-dot>
+            <span>Services</span>
+          </swp-chart-legend-item>
+          <swp-chart-legend-item>
+            <swp-chart-legend-dot class="products"></swp-chart-legend-dot>
+            <span>Produkter</span>
+          </swp-chart-legend-item>
+        </swp-chart-legend>
+      </swp-chart-header>
+      <swp-chart-container id="revenueChart"></swp-chart-container>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Købshistorik</swp-section-label>
+      <swp-table>
+        <swp-table-header style="grid-template-columns: 100px 80px 1fr 100px;">
+          <span>Dato</span>
+          <span>Type</span>
+          <span>Beskrivelse</span>
+          <span style="text-align: right;">Beløb</span>
+        </swp-table-header>
+        <swp-table-row style="grid-template-columns: 100px 80px 1fr 100px;">
+          <span>9. dec 2025</span>
+          <span><swp-journal-type class="farveformel" style="font-size: 9px;">Service</swp-journal-type></span>
+          <span>Klip + Farve</span>
+          <span style="text-align: right; font-family: var(--font-mono);">1.450 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 100px 80px 1fr 100px;">
+          <span>9. dec 2025</span>
+          <span><swp-journal-type class="analyse" style="font-size: 9px;">Produkt</swp-journal-type></span>
+          <span>Olaplex No. 3</span>
+          <span style="text-align: right; font-family: var(--font-mono);">349 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 100px 80px 1fr 100px;">
+          <span>12. nov 2025</span>
+          <span><swp-journal-type class="farveformel" style="font-size: 9px;">Service</swp-journal-type></span>
+          <span>Farve</span>
+          <span style="text-align: right; font-family: var(--font-mono);">1.200 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 100px 80px 1fr 100px;">
+          <span>15. okt 2025</span>
+          <span><swp-journal-type class="farveformel" style="font-size: 9px;">Service</swp-journal-type></span>
+          <span>Klip</span>
+          <span style="text-align: right; font-family: var(--font-mono);">550 kr</span>
+        </swp-table-row>
+      </swp-table>
+      <swp-see-all>Se alle transaktioner →</swp-see-all>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- STATISTIK TAB -->
+  <swp-tab-content data-tab="statistics">
+    <!-- Fremmøde & Pålidelighed -->
+    <swp-card>
+      <swp-section-label>Fremmøde & Pålidelighed</swp-section-label>
+      <div class="grid-4">
+        <swp-stat-card class="highlight">
+          <swp-stat-value>47</swp-stat-value>
+          <swp-stat-label>Fremmøder</swp-stat-label>
+        </swp-stat-card>
+        <swp-stat-card class="warning">
+          <swp-stat-value>3</swp-stat-value>
+          <swp-stat-label>Aflysninger</swp-stat-label>
+        </swp-stat-card>
+        <swp-stat-card class="danger">
+          <swp-stat-value>1</swp-stat-value>
+          <swp-stat-label>No-shows</swp-stat-label>
+        </swp-stat-card>
+        <swp-stat-card class="success">
+          <swp-stat-value>92%</swp-stat-value>
+          <swp-stat-label>Pålidelighed</swp-stat-label>
+        </swp-stat-card>
+      </div>
+      <swp-attendance-bar>
+        <swp-attendance-segment class="attended" style="width: 92%;">47</swp-attendance-segment>
+        <swp-attendance-segment class="cancelled" style="width: 6%;">3</swp-attendance-segment>
+        <swp-attendance-segment class="noshow" style="width: 2%;">1</swp-attendance-segment>
+      </swp-attendance-bar>
+    </swp-card>
+
+    <div class="grid-2">
+      <!-- Booking-adfærd -->
+      <swp-card>
+        <swp-section-label>Booking-adfærd</swp-section-label>
+        <swp-kv-list>
+          <swp-kv-row>
+            <swp-kv-label>Gns. bookingvarsel</swp-kv-label>
+            <swp-kv-value>5 dage</swp-kv-value>
+          </swp-kv-row>
+          <swp-kv-row>
+            <swp-kv-label>Foretrukken dag</swp-kv-label>
+            <swp-kv-value>Tirsdag</swp-kv-value>
+          </swp-kv-row>
+          <swp-kv-row>
+            <swp-kv-label>Foretrukken tid</swp-kv-label>
+            <swp-kv-value>10:00 - 12:00</swp-kv-value>
+          </swp-kv-row>
+          <swp-kv-row>
+            <swp-kv-label>Online booking rate</swp-kv-label>
+            <swp-kv-value>78%</swp-kv-value>
+          </swp-kv-row>
+          <swp-kv-row>
+            <swp-kv-label>Gns. aflysningsvarsel</swp-kv-label>
+            <swp-kv-value>2 dage</swp-kv-value>
+          </swp-kv-row>
+        </swp-kv-list>
+      </swp-card>
+
+      <!-- Loyalitet -->
+      <swp-card>
+        <swp-section-label>Loyalitet</swp-section-label>
+        <div class="grid-2" style="gap: 12px;">
+          <swp-stat-card>
+            <swp-stat-value style="font-size: 20px;">1,8 år</swp-stat-value>
+            <swp-stat-label>Kunde siden</swp-stat-label>
+          </swp-stat-card>
+          <swp-stat-card class="success">
+            <swp-stat-value style="font-size: 20px;">13</swp-stat-value>
+            <swp-stat-label>Dage siden sidst</swp-stat-label>
+          </swp-stat-card>
+          <swp-stat-card>
+            <swp-stat-value style="font-size: 20px;">
+              <swp-risk-indicator>
+                <swp-risk-dot class="low"></swp-risk-dot>
+                <swp-risk-text class="low">Lav</swp-risk-text>
+              </swp-risk-indicator>
+            </swp-stat-value>
+            <swp-stat-label>Churn-risiko</swp-stat-label>
+          </swp-stat-card>
+          <swp-stat-card>
+            <swp-stat-value style="font-size: 20px;">32 dage</swp-stat-value>
+            <swp-stat-label>Gns. interval</swp-stat-label>
+          </swp-stat-card>
+        </div>
+      </swp-card>
+    </div>
+
+    <!-- Service-mønstre -->
+    <swp-card>
+      <swp-section-label>Service-mønstre</swp-section-label>
+      <div class="grid-2">
+        <div>
+          <swp-section-label style="font-size: 10px; margin-bottom: 10px;">Top 3 Services</swp-section-label>
+          <swp-top-list>
+            <swp-top-item>
+              <swp-top-rank>1</swp-top-rank>
+              <swp-top-name>Klip + Farve</swp-top-name>
+              <swp-top-count>12×</swp-top-count>
+            </swp-top-item>
+            <swp-top-item>
+              <swp-top-rank>2</swp-top-rank>
+              <swp-top-name>Farve</swp-top-name>
+              <swp-top-count>8×</swp-top-count>
+            </swp-top-item>
+            <swp-top-item>
+              <swp-top-rank>3</swp-top-rank>
+              <swp-top-name>Klip</swp-top-name>
+              <swp-top-count>6×</swp-top-count>
+            </swp-top-item>
+          </swp-top-list>
+        </div>
+        <div>
+          <swp-section-label style="font-size: 10px; margin-bottom: 10px;">Top 3 Produkter</swp-section-label>
+          <swp-top-list>
+            <swp-top-item>
+              <swp-top-rank>1</swp-top-rank>
+              <swp-top-name>Olaplex No. 3</swp-top-name>
+              <swp-top-count>5×</swp-top-count>
+            </swp-top-item>
+            <swp-top-item>
+              <swp-top-rank>2</swp-top-rank>
+              <swp-top-name>Shampoo</swp-top-name>
+              <swp-top-count>3×</swp-top-count>
+            </swp-top-item>
+            <swp-top-item>
+              <swp-top-rank>3</swp-top-rank>
+              <swp-top-name>Hårkur</swp-top-name>
+              <swp-top-count>2×</swp-top-count>
+            </swp-top-item>
+          </swp-top-list>
+        </div>
+      </div>
+      <swp-ratio-container>
+        <swp-ratio-labels>
+          <span>Services (85%)</span>
+          <span>Produkter (15%)</span>
+        </swp-ratio-labels>
+        <swp-ratio-bar>
+          <swp-ratio-segment class="services" style="width: 85%;"></swp-ratio-segment>
+          <swp-ratio-segment class="products" style="width: 15%;"></swp-ratio-segment>
+        </swp-ratio-bar>
+      </swp-ratio-container>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- JOURNAL TAB -->
+  <swp-tab-content data-tab="journal">
+
+    <!-- Mini Tabs for quick filter -->
+    <swp-journal-mini-tabs>
+      <swp-journal-mini-tab class="active">
+        <span class="tab-dot blue"></span>
+        Alle
+        <span class="tab-count">5</span>
+      </swp-journal-mini-tab>
+      <swp-journal-mini-tab>
+        <span class="tab-dot blue"></span>
+        Noter
+        <span class="tab-count">2</span>
+      </swp-journal-mini-tab>
+      <swp-journal-mini-tab>
+        <span class="tab-dot amber"></span>
+        Farveformler
+        <span class="tab-count">2</span>
+      </swp-journal-mini-tab>
+      <swp-journal-mini-tab>
+        <span class="tab-dot purple"></span>
+        Analyser
+        <span class="tab-count">1</span>
+      </swp-journal-mini-tab>
+    </swp-journal-mini-tabs>
+
+    <!-- Noter Section - full width -->
+    <swp-journal-noter-section>
+      <swp-card>
+        <swp-journal-column-header>
+          <swp-journal-column-title>
+            <span class="col-dot" style="background: var(--color-blue);"></span>
+            Noter
+          </swp-journal-column-title>
+          <swp-journal-column-add>+ Tilføj note</swp-journal-column-add>
+        </swp-journal-column-header>
+
+        <swp-journal-noter-grid>
+          <swp-journal-entry-new>
+            <swp-journal-entry-header>
+              <swp-journal-entry-type-new class="note">Note</swp-journal-entry-type-new>
+              <swp-journal-entry-delete-new>🗑</swp-journal-entry-delete-new>
+            </swp-journal-entry-header>
+            <swp-journal-entry-body>
+              Kunden foretrækker naturlige farver og ønsker lidt ekstra tid til konsultation. Husk at tjekke allergistatus inden farvebehandling.
+            </swp-journal-entry-body>
+            <swp-journal-entry-footer-new>
+              <swp-journal-entry-date-new>9. dec 2025 · Af: Emma</swp-journal-entry-date-new>
+              <swp-journal-entry-icons-new>
+                <swp-journal-entry-icon>
+                  <img src="icons/eye.svg" alt="">
+                  <span>Alle</span>
+                </swp-journal-entry-icon>
+              </swp-journal-entry-icons-new>
+            </swp-journal-entry-footer-new>
+          </swp-journal-entry-new>
+
+          <swp-journal-entry-new>
+            <swp-journal-entry-header>
+              <div style="display: flex; align-items: center; gap: 8px;">
+                <swp-journal-entry-type-new class="advarsel">Advarsel</swp-journal-entry-type-new>
+                <swp-journal-entry-tags-new>
+                  <swp-journal-tag-new class="allergi">Allergi</swp-journal-tag-new>
+                </swp-journal-entry-tags-new>
+              </div>
+              <swp-journal-entry-delete-new>🗑</swp-journal-entry-delete-new>
+            </swp-journal-entry-header>
+            <swp-journal-entry-body>
+              <strong>PARFUMEALLERGI</strong> — Brug kun uparfumerede produkter. Havde reaktion på standard shampoo ved første besøg.
+            </swp-journal-entry-body>
+            <swp-journal-entry-footer-new>
+              <swp-journal-entry-date-new>15. mar 2024 · Af: Nina</swp-journal-entry-date-new>
+              <swp-journal-entry-icons-new>
+                <swp-journal-entry-icon>
+                  <img src="icons/eye.svg" alt="">
+                  <span>Alle</span>
+                </swp-journal-entry-icon>
+                <swp-journal-entry-icon class="warning">
+                  <img src="icons/warning.svg" alt="">
+                  <span>Advarsel</span>
+                </swp-journal-entry-icon>
+              </swp-journal-entry-icons-new>
+            </swp-journal-entry-footer-new>
+          </swp-journal-entry-new>
+        </swp-journal-noter-grid>
+      </swp-card>
+    </swp-journal-noter-section>
+
+    <!-- Two Column Layout: Farveformler + Analyser -->
+    <swp-journal-columns>
+      <!-- Farveformler Column -->
+      <swp-journal-column>
+        <swp-card style="height: 100%;">
+          <swp-journal-column-header>
+            <swp-journal-column-title>
+              <span class="col-dot amber"></span>
+              Farveformler
+            </swp-journal-column-title>
+            <swp-journal-column-add>+ Tilføj</swp-journal-column-add>
+          </swp-journal-column-header>
+
+          <swp-journal-entry-new>
+            <swp-journal-entry-header>
+              <swp-journal-entry-type-new class="farveformel">Farveformel</swp-journal-entry-type-new>
+              <swp-journal-entry-delete-new>🗑</swp-journal-entry-delete-new>
+            </swp-journal-entry-header>
+            <swp-journal-entry-body>
+              <span class="label">Mål/tone:</span> Kold<br>
+              <span class="label">Oxidant:</span> <span class="mono">6%</span><br>
+              <span class="label">Formel:</span> <span class="mono">7/1 + 7/0 (1:1)</span><br>
+              <span class="label">Virketid:</span> <span class="mono">35 min</span><br>
+              <span class="label">Placering:</span> Hele håret<br><br>
+              Resultat: Flot ensartet farve, kunden meget tilfreds
+            </swp-journal-entry-body>
+            <swp-journal-entry-footer-new>
+              <swp-journal-entry-date-new>12. nov 2025 · Af: Emma</swp-journal-entry-date-new>
+              <swp-journal-entry-icons-new>
+                <swp-journal-entry-icon>
+                  <img src="icons/eye.svg" alt="">
+                  <span>Alle</span>
+                </swp-journal-entry-icon>
+              </swp-journal-entry-icons-new>
+            </swp-journal-entry-footer-new>
+          </swp-journal-entry-new>
+
+          <swp-journal-entry-new>
+            <swp-journal-entry-header>
+              <swp-journal-entry-type-new class="farveformel">Farveformel</swp-journal-entry-type-new>
+              <swp-journal-entry-delete-new>🗑</swp-journal-entry-delete-new>
+            </swp-journal-entry-header>
+            <swp-journal-entry-body>
+              <span class="label">Mål/tone:</span> Varm<br>
+              <span class="label">Oxidant:</span> <span class="mono">6%</span><br>
+              <span class="label">Formel:</span> <span class="mono">8/0 + 7/1 (2:1)</span><br>
+              <span class="label">Virketid:</span> <span class="mono">30 min</span><br>
+              <span class="label">Placering:</span> Rødder<br><br>
+              Resultat: Lidt for varm, juster næste gang
+            </swp-journal-entry-body>
+            <swp-journal-entry-footer-new>
+              <swp-journal-entry-date-new>15. sep 2025 · Af: Emma</swp-journal-entry-date-new>
+              <swp-journal-entry-icons-new>
+                <swp-journal-entry-icon>
+                  <img src="icons/eye.svg" alt="">
+                  <span>Alle</span>
+                </swp-journal-entry-icon>
+              </swp-journal-entry-icons-new>
+            </swp-journal-entry-footer-new>
+          </swp-journal-entry-new>
+        </swp-card>
+      </swp-journal-column>
+
+      <!-- Analyser Column -->
+      <swp-journal-column>
+        <swp-card style="height: 100%;">
+          <swp-journal-column-header>
+            <swp-journal-column-title>
+              <span class="col-dot purple"></span>
+              Hår & Hovedbund
+            </swp-journal-column-title>
+            <swp-journal-column-add>+ Tilføj</swp-journal-column-add>
+          </swp-journal-column-header>
+
+          <swp-journal-entry-new>
+            <swp-journal-entry-header>
+              <div style="display: flex; align-items: center; gap: 8px;">
+                <swp-journal-entry-type-new class="analyse">Analyse</swp-journal-entry-type-new>
+                <swp-journal-entry-tags-new>
+                  <swp-journal-tag-new class="sensitiv">Sensitiv</swp-journal-tag-new>
+                </swp-journal-entry-tags-new>
+              </div>
+              <swp-journal-entry-delete-new>🗑</swp-journal-entry-delete-new>
+            </swp-journal-entry-header>
+            <swp-journal-entry-body>
+              <span class="label">Hovedbund:</span> Normal<br>
+              <span class="label">Hår:</span> <span class="mono">Medium · Bølget</span><br>
+              <span class="label">Porøsitet:</span> <span class="mono">Medium</span><br>
+              <span class="label">Elasticitet:</span> <span class="mono">Normal</span><br>
+              <span class="label">Tilstand:</span> Let tørt i spidserne<br><br>
+              Anbefaling: Fugtgivende behandling hver 6. uge
+            </swp-journal-entry-body>
+            <swp-journal-entry-footer-new>
+              <swp-journal-entry-date-new>10. aug 2025 · Af: Nina</swp-journal-entry-date-new>
+              <swp-journal-entry-icons-new>
+                <swp-journal-entry-icon>
+                  <img src="icons/eye.svg" alt="">
+                  <span>Alle</span>
+                </swp-journal-entry-icon>
+              </swp-journal-entry-icons-new>
+            </swp-journal-entry-footer-new>
+          </swp-journal-entry-new>
+        </swp-card>
+      </swp-journal-column>
+    </swp-journal-columns>
+
+    <!-- Kundeprofil Section -->
+    <swp-journal-profile>
+      <swp-journal-profile-header onclick="this.classList.toggle('collapsed'); this.nextElementSibling.classList.toggle('collapsed');">
+        <span class="arrow">▼</span>
+        Vis "Kundeprofil" (hurtige facts)
+      </swp-journal-profile-header>
+      <swp-profile-boxes id="journalProfileBoxes">
+        <swp-profile-box>
+          <swp-profile-box-label>Hårtype</swp-profile-box-label>
+          <swp-profile-box-value>Medium · Bølget</swp-profile-box-value>
+        </swp-profile-box>
+        <swp-profile-box>
+          <swp-profile-box-label>Porøsitet</swp-profile-box-label>
+          <swp-profile-box-value>Medium</swp-profile-box-value>
+        </swp-profile-box>
+        <swp-profile-box>
+          <swp-profile-box-label>Præference</swp-profile-box-label>
+          <swp-profile-box-value>Kold tone, ikke for mørk</swp-profile-box-value>
+        </swp-profile-box>
+        <swp-profile-box class="warning">
+          <swp-profile-box-label>Advarsler</swp-profile-box-label>
+          <swp-profile-box-value>Parfumeallergi · Sensitiv hovedbund</swp-profile-box-value>
+        </swp-profile-box>
+      </swp-profile-boxes>
+    </swp-journal-profile>
+  </swp-tab-content>
+
+  <!-- AFTALER TAB -->
+  <swp-tab-content data-tab="appointments">
+    <swp-card>
+      <swp-section-label>Kommende aftaler</swp-section-label>
+
+      <swp-appointment-card>
+        <swp-appointment-date>
+          Tirsdag 14. januar 2026 kl. 10:00
+        </swp-appointment-date>
+        <swp-appointment-details>
+          Klip + Farve · Emma L. · 2 timer
+        </swp-appointment-details>
+        <swp-appointment-actions>
+          <swp-btn class="secondary">Flyt</swp-btn>
+          <swp-btn class="secondary">Aflys</swp-btn>
+        </swp-appointment-actions>
+      </swp-appointment-card>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Tidligere aftaler</swp-section-label>
+      <swp-table>
+        <swp-table-header style="grid-template-columns: 120px 1fr 100px 80px 100px;">
+          <span>Dato</span>
+          <span>Service</span>
+          <span>Frisør</span>
+          <span>Varighed</span>
+          <span style="text-align: right;">Pris</span>
+        </swp-table-header>
+        <swp-table-row style="grid-template-columns: 120px 1fr 100px 80px 100px;">
+          <span>9. dec 2025</span>
+          <span>Klip + Farve</span>
+          <span>Emma L.</span>
+          <span>2 timer</span>
+          <span style="text-align: right; font-family: var(--font-mono);">1.450 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 120px 1fr 100px 80px 100px;">
+          <span>12. nov 2025</span>
+          <span>Farve</span>
+          <span>Emma L.</span>
+          <span>1t 30m</span>
+          <span style="text-align: right; font-family: var(--font-mono);">1.200 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 120px 1fr 100px 80px 100px;">
+          <span>15. okt 2025</span>
+          <span>Klip</span>
+          <span>Emma L.</span>
+          <span>45 min</span>
+          <span style="text-align: right; font-family: var(--font-mono);">550 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 120px 1fr 100px 80px 100px;">
+          <span>20. sep 2025</span>
+          <span>Klip + Behandling</span>
+          <span>Nina K.</span>
+          <span>1t 15m</span>
+          <span style="text-align: right; font-family: var(--font-mono);">750 kr</span>
+        </swp-table-row>
+        <swp-table-row style="grid-template-columns: 120px 1fr 100px 80px 100px;">
+          <span>15. aug 2025</span>
+          <span>Farve + Klip</span>
+          <span>Emma L.</span>
+          <span>2t 15m</span>
+          <span style="text-align: right; font-family: var(--font-mono);">1.600 kr</span>
+        </swp-table-row>
+      </swp-table>
+      <swp-see-all>Se alle aftaler →</swp-see-all>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- GAVEKORT TAB -->
+  <swp-tab-content data-tab="giftcards">
+    <swp-card>
+      <swp-section-label>Aktive gavekort</swp-section-label>
+
+      <swp-giftcard>
+        <swp-giftcard-header>
+          Gavekort #GK-2024-0892
+        </swp-giftcard-header>
+        <swp-giftcard-balance>
+          Saldo: <strong>350 kr</strong> (af 500 kr)
+        </swp-giftcard-balance>
+        <swp-progress-bar>
+          <swp-progress-fill style="width: 70%;"></swp-progress-fill>
+        </swp-progress-bar>
+        <swp-giftcard-expires>Udløber: 15. marts 2026</swp-giftcard-expires>
+      </swp-giftcard>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Klippekort</swp-section-label>
+
+      <swp-giftcard>
+        <swp-giftcard-header>
+          10-klip kort
+        </swp-giftcard-header>
+        <swp-giftcard-balance>
+          Brugt: <strong>7 af 10</strong> klip
+        </swp-giftcard-balance>
+        <swp-progress-bar>
+          <swp-progress-fill style="width: 70%;"></swp-progress-fill>
+        </swp-progress-bar>
+        <swp-giftcard-expires>Udløber aldrig</swp-giftcard-expires>
+      </swp-giftcard>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Udløbne / Brugte</swp-section-label>
+      <swp-empty-state>
+        <p>Ingen udløbne eller brugte kort</p>
+      </swp-empty-state>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- AKTIVITET TAB -->
+  <swp-tab-content data-tab="activity">
+    <!-- Filters -->
+    <swp-activity-filters>
+      <swp-activity-filter class="active">Alle</swp-activity-filter>
+      <swp-activity-filter><span class="filter-icon"><img src="icons/booking.svg" alt=""></span> Bookinger</swp-activity-filter>
+      <swp-activity-filter><span class="filter-icon"><img src="icons/envelope.svg" alt=""></span> Kommunikation</swp-activity-filter>
+      <swp-activity-filter><span class="filter-icon"><img src="icons/journal-alt.svg" alt=""></span> Ændringer</swp-activity-filter>
+      <swp-activity-filter><span class="filter-icon"><img src="icons/credit-card.svg" alt=""></span> Betalinger</swp-activity-filter>
+      <swp-activity-filter><span class="filter-icon"><img src="icons/unlock.svg" alt=""></span> Login</swp-activity-filter>
+    </swp-activity-filters>
+
+    <swp-card>
+      <swp-activity-timeline>
+
+        <!-- I dag -->
+        <swp-activity-date-group>
+          <swp-activity-date-header>I dag</swp-activity-date-header>
+
+          <swp-activity-item>
+            <swp-activity-icon class="communication"><img src="icons/comment-sms.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>SMS påmindelse</strong> sendt om aftale i morgen
+                <swp-activity-badge class="auto">Auto</swp-activity-badge>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>14:00</swp-activity-time>
+                <swp-activity-actor>System</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="customer"><img src="icons/unlock.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                Kunde <strong>loggede ind</strong> via online booking
+                <swp-activity-badge class="online">Online</swp-activity-badge>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>11:23</swp-activity-time>
+                <swp-activity-actor>Sofie Nielsen</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+        </swp-activity-date-group>
+
+        <!-- 9. december -->
+        <swp-activity-date-group>
+          <swp-activity-date-header>9. december 2025</swp-activity-date-header>
+
+          <swp-activity-item>
+            <swp-activity-icon class="payment"><img src="icons/credit-card.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Betaling modtaget</strong> — <span class="highlight">1.799 kr</span> (Dankort)
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>12:45</swp-activity-time>
+                <swp-activity-actor>Emma L.</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="booking"><img src="icons/booking.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Aftale gennemført</strong> — Klip + Farve hos Emma L.
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>12:30</swp-activity-time>
+                <swp-activity-actor>Emma L.</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="booking"><img src="icons/check-in-calendar.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Check-in</strong> — Kunden er ankommet
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>10:02</swp-activity-time>
+                <swp-activity-actor>Reception</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="employee"><img src="icons/journal-alt.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Journal opdateret</strong> — Ny farveformel tilføjet
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>12:35</swp-activity-time>
+                <swp-activity-actor>Emma L.</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+        </swp-activity-date-group>
+
+        <!-- 5. december -->
+        <swp-activity-date-group>
+          <swp-activity-date-header>5. december 2025</swp-activity-date-header>
+
+          <swp-activity-item>
+            <swp-activity-icon class="booking"><img src="icons/created.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Ny booking</strong> oprettet — 9. dec kl. 10:00, Klip + Farve
+                <swp-activity-badge class="online">Online</swp-activity-badge>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>19:42</swp-activity-time>
+                <swp-activity-actor>Sofie Nielsen</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="customer"><img src="icons/unlock.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                Kunde <strong>loggede ind</strong> via online booking
+                <swp-activity-badge class="online">Online</swp-activity-badge>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>19:40</swp-activity-time>
+                <swp-activity-actor>Sofie Nielsen</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+        </swp-activity-date-group>
+
+        <!-- 28. november -->
+        <swp-activity-date-group>
+          <swp-activity-date-header>28. november 2025</swp-activity-date-header>
+
+          <swp-activity-item>
+            <swp-activity-icon class="employee"><img src="icons/journal-alt.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Telefon ændret</strong> — <span class="old-value">+45 12 34 56 78</span> → <span class="new-value">+45 23 45 67 89</span>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>14:15</swp-activity-time>
+                <swp-activity-actor>Emma L.</swp-activity-actor>
+              </swp-activity-meta>
+              <swp-activity-details>
+                Kunden oplyste nyt nummer under besøg.
+              </swp-activity-details>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="employee"><img src="icons/journal-alt.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Tag tilføjet</strong> — <span class="highlight">VIP</span>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>14:10</swp-activity-time>
+                <swp-activity-actor>Emma L.</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+        </swp-activity-date-group>
+
+        <!-- 12. november -->
+        <swp-activity-date-group>
+          <swp-activity-date-header>12. november 2025</swp-activity-date-header>
+
+          <swp-activity-item>
+            <swp-activity-icon class="warning"><img src="icons/warning.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Booking aflyst</strong> — Af kunden med 2 dages varsel
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>09:15</swp-activity-time>
+                <swp-activity-actor>Sofie Nielsen</swp-activity-actor>
+              </swp-activity-meta>
+              <swp-activity-details>
+                Årsag: "Kan desværre ikke den dag alligevel"
+              </swp-activity-details>
+            </swp-activity-content>
+          </swp-activity-item>
+
+          <swp-activity-item>
+            <swp-activity-icon class="communication"><img src="icons/envelope.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Email sendt</strong> — Booking bekræftelse
+                <swp-activity-badge class="auto">Auto</swp-activity-badge>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>08:00</swp-activity-time>
+                <swp-activity-actor>System</swp-activity-actor>
+              </swp-activity-meta>
+            </swp-activity-content>
+          </swp-activity-item>
+        </swp-activity-date-group>
+
+        <!-- Marts 2024 -->
+        <swp-activity-date-group>
+          <swp-activity-date-header>15. marts 2024</swp-activity-date-header>
+
+          <swp-activity-item>
+            <swp-activity-icon class="system"><img src="icons/created.svg" alt=""></swp-activity-icon>
+            <swp-activity-content>
+              <swp-activity-title>
+                <strong>Kunde oprettet</strong>
+              </swp-activity-title>
+              <swp-activity-meta>
+                <swp-activity-time>10:30</swp-activity-time>
+                <swp-activity-actor>Nina K.</swp-activity-actor>
+              </swp-activity-meta>
+              <swp-activity-details>
+                Oprettet manuelt ved første besøg. Kilde: Walk-in
+              </swp-activity-details>
+            </swp-activity-content>
+          </swp-activity-item>
+        </swp-activity-date-group>
+
+      </swp-activity-timeline>
+
+      <swp-activity-load-more>Indlæs ældre aktivitet...</swp-activity-load-more>
+    </swp-card>
+  </swp-tab-content>
+
+  <script>
+    // ==========================================
+    // TAB SWITCHING
+    // ==========================================
+    document.querySelectorAll('swp-tab').forEach(tab => {
+      tab.addEventListener('click', () => {
+        const tabName = tab.dataset.tab;
+
+        // Update tab active state
+        document.querySelectorAll('swp-tab').forEach(t => t.classList.remove('active'));
+        tab.classList.add('active');
+
+        // Update content visibility
+        document.querySelectorAll('swp-tab-content').forEach(content => {
+          content.classList.remove('active');
+          if (content.dataset.tab === tabName) {
+            content.classList.add('active');
+          }
+        });
+      });
+    });
+
+    // ==========================================
+    // TOGGLE SLIDERS (Ja/Nej)
+    // ==========================================
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      const options = slider.querySelectorAll('swp-toggle-option');
+      options.forEach((option, index) => {
+        option.addEventListener('click', () => {
+          slider.dataset.value = index === 0 ? 'yes' : 'no';
+        });
+      });
+    });
+
+    // ==========================================
+    // TAG REMOVAL
+    // ==========================================
+    document.querySelectorAll('swp-tag .remove').forEach(btn => {
+      btn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        btn.closest('swp-tag').remove();
+      });
+    });
+
+    // ==========================================
+    // BOOKING EXCLUSION TOGGLE
+    // ==========================================
+    const bookingExclusion = document.getElementById('bookingExclusion');
+    bookingExclusion.addEventListener('click', () => {
+      const isExcluded = bookingExclusion.dataset.excluded === 'true';
+      bookingExclusion.dataset.excluded = isExcluded ? 'false' : 'true';
+
+      const icon = bookingExclusion.querySelector('.icon');
+      const text = bookingExclusion.querySelector('.text');
+
+      if (isExcluded) {
+        icon.textContent = '✓';
+        text.textContent = 'Booking tilladt';
+      } else {
+        icon.textContent = '✕';
+        text.textContent = 'Udelukket fra booking';
+      }
+    });
+
+    // ==========================================
+    // CUSTOMER GROUP DROPDOWN
+    // ==========================================
+    const customerGroupSelect = document.getElementById('customerGroupSelect');
+    const customerGroupDropdown = document.getElementById('customerGroupDropdown');
+
+    customerGroupSelect.addEventListener('click', (e) => {
+      e.stopPropagation();
+      customerGroupDropdown.classList.toggle('open');
+    });
+
+    document.querySelectorAll('swp-customer-group-option').forEach(option => {
+      option.addEventListener('click', () => {
+        // Update selection
+        document.querySelectorAll('swp-customer-group-option').forEach(o => o.classList.remove('selected'));
+        option.classList.add('selected');
+
+        // Update display
+        customerGroupSelect.querySelector('.value').textContent = option.textContent;
+
+        // Close dropdown
+        customerGroupDropdown.classList.remove('open');
+      });
+    });
+
+    // Close dropdown when clicking outside
+    document.addEventListener('click', () => {
+      customerGroupDropdown.classList.remove('open');
+    });
+
+    // ==========================================
+    // RELATION REMOVE
+    // ==========================================
+    document.querySelectorAll('swp-relation-remove').forEach(btn => {
+      btn.addEventListener('click', () => {
+        btn.closest('swp-relation-item').remove();
+      });
+    });
+
+    // ==========================================
+    // SAVE BUTTON
+    // ==========================================
+    const saveBtn = document.getElementById('saveBtn');
+    saveBtn.addEventListener('click', () => {
+      // Simulate save
+      saveBtn.textContent = 'Gemt!';
+      saveBtn.style.background = 'var(--color-green)';
+      setTimeout(() => {
+        saveBtn.textContent = 'Gem';
+        saveBtn.style.background = '';
+      }, 2000);
+    });
+
+    // ==========================================
+    // CHART (lazy load)
+    // ==========================================
+    let chartLoaded = false;
+    function loadChart() {
+      if (chartLoaded) return;
+
+      import('https://unpkg.com/@sevenweirdpeople/swp-charting@latest/dist/index.js')
+        .then(module => {
+          const { createChart } = module;
+          createChart(document.getElementById('revenueChart'), {
+            width: 1100,
+            height: 200,
+            xAxis: {
+              categories: ['Jan', 'Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
+            },
+            series: [
+              {
+                name: 'Services',
+                color: '#00897b',
+                data: [
+                  { x: 'Mar', y: 1200 },
+                  { x: 'Apr', y: 800 },
+                  { x: 'Jun', y: 1500 },
+                  { x: 'Aug', y: 1600 },
+                  { x: 'Sep', y: 750 },
+                  { x: 'Okt', y: 550 },
+                  { x: 'Nov', y: 1200 },
+                  { x: 'Dec', y: 1450 }
+                ]
+              },
+              {
+                name: 'Produkter',
+                color: '#1976d2',
+                data: [
+                  { x: 'Apr', y: 250 },
+                  { x: 'Jun', y: 180 },
+                  { x: 'Sep', y: 320 },
+                  { x: 'Dec', y: 349 }
+                ]
+              }
+            ],
+            legend: false
+          });
+          chartLoaded = true;
+        });
+    }
+
+    // Load chart when Økonomi tab is shown
+    document.querySelector('swp-tab[data-tab="economy"]').addEventListener('click', loadChart);
+
+    // ==========================================
+    // JOURNAL MINI TABS
+    // ==========================================
+    document.querySelectorAll('swp-journal-mini-tab').forEach(tab => {
+      tab.addEventListener('click', () => {
+        document.querySelectorAll('swp-journal-mini-tab').forEach(t => t.classList.remove('active'));
+        tab.classList.add('active');
+        // In a real app, this would filter the entries
+      });
+    });
+
+    // ==========================================
+    // JOURNAL ENTRY DELETE
+    // ==========================================
+    document.querySelectorAll('swp-journal-entry-delete-new').forEach(btn => {
+      btn.addEventListener('click', () => {
+        btn.closest('swp-journal-entry-new').remove();
+      });
+    });
+
+    // ==========================================
+    // ACTIVITY FILTERS
+    // ==========================================
+    document.querySelectorAll('swp-activity-filter').forEach(filter => {
+      filter.addEventListener('click', () => {
+        document.querySelectorAll('swp-activity-filter').forEach(f => f.classList.remove('active'));
+        filter.classList.add('active');
+        // In a real app, this would filter the activity items
+      });
+    });
+
+    // ==========================================
+    // CARD DRAG & DROP
+    // ==========================================
+    let draggedCard = null;
+    let dropIndicator = null;
+
+    // Create drop indicator element
+    function createDropIndicator() {
+      if (!dropIndicator) {
+        dropIndicator = document.createElement('swp-drop-indicator');
+      }
+      return dropIndicator;
+    }
+
+    function removeDropIndicator() {
+      if (dropIndicator && dropIndicator.parentNode) {
+        dropIndicator.remove();
+      }
+    }
+
+    function clearDropIndicators() {
+      removeDropIndicator();
+      document.querySelectorAll('.drag-over-empty').forEach(el => {
+        el.classList.remove('drag-over-empty');
+      });
+    }
+
+    // Find the closest card and position based on mouse Y
+    function findDropPosition(column, mouseY) {
+      const cards = Array.from(column.querySelectorAll('swp-card[draggable="true"]:not(.dragging)'));
+      if (cards.length === 0) return { card: null, position: null };
+
+      for (let i = 0; i < cards.length; i++) {
+        const card = cards[i];
+        const rect = card.getBoundingClientRect();
+        const cardMiddle = rect.top + rect.height / 2;
+
+        // If mouse is above the middle of this card, insert before it
+        if (mouseY < cardMiddle) {
+          return { card, position: 'before' };
+        }
+      }
+
+      // Mouse is below all cards, insert after the last one
+      return { card: cards[cards.length - 1], position: 'after' };
+    }
+
+    // Setup draggable cards
+    document.querySelectorAll('swp-card[draggable="true"]').forEach(card => {
+      card.addEventListener('dragstart', (e) => {
+        draggedCard = card;
+        card.classList.add('dragging');
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/plain', card.dataset.cardId);
+
+        setTimeout(() => {
+          card.style.opacity = '0.4';
+        }, 0);
+      });
+
+      card.addEventListener('dragend', () => {
+        card.classList.remove('dragging');
+        card.style.opacity = '';
+        draggedCard = null;
+        clearDropIndicators();
+      });
+    });
+
+    // Handle all dragover at column level for seamless detection
+    document.querySelectorAll('swp-card-column').forEach(column => {
+      column.addEventListener('dragover', (e) => {
+        e.preventDefault();
+        if (!draggedCard) return;
+
+        e.dataTransfer.dropEffect = 'move';
+
+        const cards = column.querySelectorAll('swp-card[draggable="true"]:not(.dragging)');
+
+        if (cards.length === 0) {
+          // Empty column
+          column.classList.add('drag-over-empty');
+          removeDropIndicator();
+          return;
+        }
+
+        column.classList.remove('drag-over-empty');
+
+        // Find where to show the indicator
+        const { card, position } = findDropPosition(column, e.clientY);
+
+        if (card) {
+          const indicator = createDropIndicator();
+
+          if (position === 'before') {
+            if (indicator.nextElementSibling !== card) {
+              card.before(indicator);
+            }
+          } else {
+            if (indicator.previousElementSibling !== card) {
+              card.after(indicator);
+            }
+          }
+        }
+      });
+
+      column.addEventListener('dragleave', (e) => {
+        if (!column.contains(e.relatedTarget)) {
+          column.classList.remove('drag-over-empty');
+          removeDropIndicator();
+        }
+      });
+
+      column.addEventListener('drop', (e) => {
+        e.preventDefault();
+        if (!draggedCard) return;
+
+        // Insert dragged card where the indicator is, or at end of empty column
+        if (dropIndicator && dropIndicator.parentNode) {
+          dropIndicator.before(draggedCard);
+        } else if (column.classList.contains('drag-over-empty')) {
+          column.appendChild(draggedCard);
+        }
+
+        clearDropIndicators();
+      });
+    });
+
+    // Also handle drop on the indicator itself
+    document.addEventListener('dragover', (e) => {
+      if (e.target.tagName === 'SWP-DROP-INDICATOR') {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'move';
+      }
+    });
+
+    document.addEventListener('drop', (e) => {
+      if (e.target.tagName === 'SWP-DROP-INDICATOR' && draggedCard) {
+        e.preventDefault();
+        dropIndicator.before(draggedCard);
+        clearDropIndicators();
+      }
+    });
+  </script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-customer-list.html b/wwwroot/poc-customer-list.html
new file mode 100644
index 0000000..b46c180
--- /dev/null
+++ b/wwwroot/poc-customer-list.html
@@ -0,0 +1,1642 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kunder - POC</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      /* Colors */
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #ffb300;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+
+      /* Typography */
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       HEADER
+       ========================================== */
+    swp-page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 24px;
+    }
+
+    swp-page-title {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-page-actions {
+      display: flex;
+      gap: 12px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 10px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      border: none;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      color: var(--color-text);
+      border: 1px solid var(--color-border);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background);
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+      margin-bottom: 24px;
+    }
+
+    swp-stat-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 16px 20px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
+
+    swp-stat-value {
+      display: block;
+      font-size: 28px;
+      font-weight: 600;
+      color: var(--color-text);
+      font-family: var(--font-mono);
+    }
+
+    swp-stat-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       SEARCH BAR
+       ========================================== */
+    swp-search-bar {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-bottom: 16px;
+      background: var(--color-surface);
+      padding: 12px 16px;
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
+
+    swp-search-input {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      flex: 1;
+      position: relative;
+    }
+
+    swp-search-input img {
+      width: 18px;
+      height: 18px;
+      opacity: 0.5;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+    }
+
+    swp-search-input input {
+      flex: 1;
+      padding: 8px 0;
+      font-size: 14px;
+      border: none;
+      outline: none;
+      background: transparent;
+    }
+
+    swp-search-input input::placeholder {
+      color: var(--color-text-secondary);
+    }
+
+    swp-search-filters {
+      display: flex;
+      gap: 8px;
+    }
+
+    .filter-btn {
+      padding: 6px 14px;
+      font-size: 12px;
+      font-weight: 500;
+      border: 1px solid var(--color-border);
+      border-radius: 20px;
+      background: var(--color-surface);
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .filter-btn:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    .filter-btn.active {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+      color: white;
+    }
+
+    swp-search-count {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      white-space: nowrap;
+    }
+
+    /* ==========================================
+       TABLE
+       ========================================== */
+    swp-customer-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      overflow: hidden;
+    }
+
+    /* Grid: Navn(220) | Tlf(130) | Email(200) | Besøg(70) | Sidste(100) | Frisør(100) | Oprettet(90) | Tags(1fr) */
+    swp-table-header,
+    swp-customer-row {
+      display: grid;
+      grid-template-columns: 220px 130px 200px 70px 100px 100px 90px 1fr;
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background);
+      border-bottom: 1px solid var(--color-border);
+      padding: 14px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      user-select: none;
+    }
+
+    swp-th.sortable {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      transition: color 150ms ease;
+    }
+
+    swp-th.sortable:hover {
+      color: var(--color-teal);
+    }
+
+    swp-th.sorted {
+      color: var(--color-teal);
+    }
+
+    .sort-icon {
+      font-size: 10px;
+      opacity: 0.4;
+      transition: opacity 150ms ease, transform 150ms ease;
+    }
+
+    swp-th.sorted .sort-icon {
+      opacity: 1;
+    }
+
+    swp-th.sorted.desc .sort-icon {
+      transform: rotate(180deg);
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-customer-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+    }
+
+    swp-customer-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-customer-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-customer-row.hidden {
+      display: none;
+    }
+
+    /* Table cells */
+    swp-td {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    swp-td.secondary {
+      color: var(--color-text-secondary);
+    }
+
+    swp-td.center {
+      text-align: center;
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+      font-size: 12px;
+    }
+
+    /* Name cell with avatar */
+    .name-cell {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-customer-avatar {
+      width: 34px;
+      height: 34px;
+      border-radius: 50%;
+      background: var(--color-teal);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+
+    swp-customer-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    /* Tags */
+    swp-customer-tags {
+      display: flex;
+      gap: 6px;
+      flex-wrap: wrap;
+    }
+
+    swp-tag {
+      display: inline-block;
+      padding: 3px 8px;
+      font-size: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-tag.vip {
+      background: color-mix(in srgb, var(--color-amber) 20%, white);
+      color: #b8860b;
+    }
+
+    swp-tag.stamkunde {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-tag.ny {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-tag.allergi {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-tag.sensitiv {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    /* ==========================================
+       EMPTY STATE
+       ========================================== */
+    swp-empty-state {
+      display: none;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 60px 20px;
+      text-align: center;
+    }
+
+    swp-empty-state.visible {
+      display: flex;
+    }
+
+    swp-empty-state svg {
+      width: 64px;
+      height: 64px;
+      opacity: 0.3;
+      margin-bottom: 16px;
+    }
+
+    swp-empty-state p {
+      color: var(--color-text-secondary);
+      font-size: 14px;
+    }
+
+    /* ==========================================
+       RESPONSIVE (optional)
+       ========================================== */
+    @media (max-width: 1200px) {
+      swp-table-header,
+      swp-customer-row {
+        grid-template-columns: 200px 120px 180px 60px 90px 90px 90px 80px 1fr;
+      }
+    }
+
+    /* ==========================================
+       OVERLAY
+       ========================================== */
+    swp-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.25);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 0ms 200ms;
+      z-index: 900;
+    }
+
+    swp-overlay.open {
+      opacity: 1;
+      visibility: visible;
+      transition: opacity 200ms ease, visibility 0ms 0ms;
+    }
+
+    /* ==========================================
+       CUSTOMER CARD PANEL
+       ========================================== */
+    swp-customer-card {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 680px;
+      background: var(--color-surface);
+      box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
+      transform: translateX(100%);
+      opacity: 0;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000;
+      overflow: hidden;
+    }
+
+    swp-customer-card.open {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px 24px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-card-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    swp-card-title img {
+      width: 20px;
+      height: 20px;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+    }
+
+    swp-card-close {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      transition: background 150ms ease;
+    }
+
+    swp-card-close:hover {
+      background: var(--color-background);
+    }
+
+    swp-card-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 24px;
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+    }
+
+    /* Customer Header */
+    swp-customer-header {
+      display: flex;
+      gap: 20px;
+      padding-bottom: 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-customer-header swp-customer-avatar {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28px;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+
+    swp-customer-header-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+
+    swp-customer-header-top {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+    }
+
+    swp-customer-header-left {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-customer-header-name {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-customer-since {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-customer-header-contact {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 4px;
+    }
+
+    swp-customer-header-contact a {
+      font-size: 13px;
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-customer-header-contact a:hover {
+      text-decoration: underline;
+    }
+
+    swp-customer-header-contact swp-customer-tags {
+      margin-top: 4px;
+      justify-content: flex-end;
+    }
+
+    /* Fact Boxes */
+    swp-fact-boxes {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+    }
+
+    swp-fact-box {
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      text-align: center;
+    }
+
+    swp-fact-box.highlight {
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      border-color: var(--color-teal);
+    }
+
+    swp-fact-box-value {
+      display: block;
+      font-size: 20px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-fact-box.highlight swp-fact-box-value {
+      color: var(--color-teal);
+    }
+
+    swp-fact-box-label {
+      display: block;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-top: 4px;
+    }
+
+    /* Section Labels */
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 12px;
+    }
+
+    /* Edit Section */
+    swp-edit-section {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    swp-edit-row {
+      display: grid;
+      grid-template-columns: 120px 1fr;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-edit-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-edit-input {
+      display: flex;
+      gap: 8px;
+    }
+
+    swp-edit-input input {
+      flex: 1;
+      padding: 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      transition: border-color 150ms ease;
+    }
+
+    swp-edit-input input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-edit-input input.short {
+      max-width: 80px;
+      flex: none;
+    }
+
+    /* Marketing Section */
+    swp-marketing-section {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-toggle-slider {
+      display: flex;
+      position: relative;
+      background: var(--color-background);
+      border-radius: 6px;
+      padding: 3px;
+      gap: 0;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 3px;
+      left: 3px;
+      width: calc(50% - 3px);
+      height: calc(100% - 6px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+      z-index: 0;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: color 200ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* Profile Boxes */
+    swp-profile-boxes {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+
+    swp-profile-box {
+      padding: 12px 14px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-profile-box.warning {
+      background: color-mix(in srgb, var(--color-red) 8%, white);
+      border-color: color-mix(in srgb, var(--color-red) 30%, white);
+    }
+
+    swp-profile-box-label {
+      display: block;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 4px;
+    }
+
+    swp-profile-box-value {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-profile-box.warning swp-profile-box-value {
+      color: var(--color-red);
+    }
+
+    /* Chart Section */
+    swp-chart-section {
+      display: block;
+    }
+
+    swp-chart-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 12px;
+    }
+
+    swp-chart-legend {
+      display: flex;
+      gap: 16px;
+    }
+
+    swp-chart-legend-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-legend-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    swp-chart-legend-dot.services {
+      background: var(--color-teal);
+    }
+
+    swp-chart-legend-dot.products {
+      background: var(--color-blue);
+    }
+
+    swp-chart-container {
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      min-height: 180px;
+    }
+
+    /* Notes Section */
+    swp-notes-section {
+      display: block;
+    }
+
+    swp-note-item {
+      display: block;
+      padding: 12px 14px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 8px;
+    }
+
+    swp-note-item:last-of-type {
+      margin-bottom: 0;
+    }
+
+    swp-note-meta {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 6px;
+    }
+
+    swp-note-type {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      padding: 2px 6px;
+      border-radius: 3px;
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-note-date {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-note-text {
+      font-size: 13px;
+      color: var(--color-text);
+      line-height: 1.5;
+    }
+
+    swp-see-all-link {
+      display: inline-block;
+      margin-top: 12px;
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-see-all-link:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+
+  <swp-page-container>
+    <!-- Page Header -->
+    <swp-page-header>
+      <swp-page-title>Kunder</swp-page-title>
+      <swp-page-actions>
+        <swp-btn class="secondary">
+          <span>⬇</span> Eksporter
+        </swp-btn>
+        <swp-btn class="primary">
+          <span>+</span> Ny kunde
+        </swp-btn>
+      </swp-page-actions>
+    </swp-page-header>
+
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>12</swp-stat-value>
+        <swp-stat-label>Total kunder</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>3</swp-stat-value>
+        <swp-stat-label>Nye denne måned</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>12,4</swp-stat-value>
+        <swp-stat-label>Gns. besøg</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Search Bar -->
+    <swp-search-bar>
+      <swp-search-input>
+        <img src="icons/search.svg" alt="">
+        <input type="text" id="searchInput" placeholder="Søg kunde (navn, telefon, email...)">
+      </swp-search-input>
+      <swp-search-filters>
+        <button class="filter-btn active" data-filter="all">Alle</button>
+        <button class="filter-btn" data-filter="vip">VIP</button>
+        <button class="filter-btn" data-filter="stamkunde">Stamkunder</button>
+        <button class="filter-btn" data-filter="ny">Nye</button>
+      </swp-search-filters>
+      <swp-search-count id="searchCount">12 kunder</swp-search-count>
+    </swp-search-bar>
+
+    <!-- Customer Table -->
+    <swp-customer-table>
+      <swp-table-header>
+        <swp-th class="sortable sorted" data-sort="name">Navn <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable" data-sort="phone">Telefon <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable" data-sort="email">Email <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable" data-sort="visits">Besøg <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable" data-sort="lastVisit">Sidste <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable" data-sort="hairdresser">Frisør <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable" data-sort="created">Oprettet <span class="sort-icon">▲</span></swp-th>
+        <swp-th>Tags</swp-th>
+      </swp-table-header>
+
+      <swp-table-body id="tableBody">
+        <swp-customer-row data-name="Anna Jensen" data-visits="6" data-revenue="5900" data-created="2024-09" data-tags="">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>AJ</swp-customer-avatar>
+            <swp-customer-name>Anna Jensen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 22 33 44 55</swp-td>
+          <swp-td class="secondary">anna.j@hotmail.dk</swp-td>
+          <swp-td class="center">6</swp-td>
+          <swp-td>15. nov</swp-td>
+          <swp-td>Nina K.</swp-td>
+          <swp-td class="secondary">Sep 2024</swp-td>
+          <swp-td><swp-customer-tags></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Camilla Holm" data-visits="25" data-revenue="18500" data-created="2022-12" data-tags="vip">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>CH</swp-customer-avatar>
+            <swp-customer-name>Camilla Holm</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 66 77 88 99</swp-td>
+          <swp-td class="secondary">camilla.h@outlook.dk</swp-td>
+          <swp-td class="center">25</swp-td>
+          <swp-td>28. okt</swp-td>
+          <swp-td>Emma L.</swp-td>
+          <swp-td class="secondary">Dec 2022</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="vip">VIP</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Emma Larsen" data-visits="8" data-revenue="8200" data-created="2024-06" data-tags="">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>EL</swp-customer-avatar>
+            <swp-customer-name>Emma Larsen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 12 34 56 78</swp-td>
+          <swp-td class="secondary">emma.l@gmail.com</swp-td>
+          <swp-td class="center">8</swp-td>
+          <swp-td>5. dec</swp-td>
+          <swp-td>Nina K.</swp-td>
+          <swp-td class="secondary">Jun 2024</swp-td>
+          <swp-td><swp-customer-tags></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Freja Christensen" data-visits="31" data-revenue="22100" data-created="2022-08" data-tags="vip,allergi">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>FC</swp-customer-avatar>
+            <swp-customer-name>Freja Christensen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 55 66 77 88</swp-td>
+          <swp-td class="secondary">freja.c@outlook.dk</swp-td>
+          <swp-td class="center">31</swp-td>
+          <swp-td>20. nov</swp-td>
+          <swp-td>Emma L.</swp-td>
+          <swp-td class="secondary">Aug 2022</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="vip">VIP</swp-tag><swp-tag class="allergi">Allergi</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Ida Andersen" data-visits="3" data-revenue="4500" data-created="2025-10" data-tags="ny">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>IA</swp-customer-avatar>
+            <swp-customer-name>Ida Andersen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 11 22 33 44</swp-td>
+          <swp-td class="secondary">ida@firma.dk</swp-td>
+          <swp-td class="center">3</swp-td>
+          <swp-td>28. nov</swp-td>
+          <swp-td>Sofie M.</swp-td>
+          <swp-td class="secondary">Okt 2025</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="ny">Ny</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Katrine Berg" data-visits="12" data-revenue="9600" data-created="2024-04" data-tags="">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>KB</swp-customer-avatar>
+            <swp-customer-name>Katrine Berg</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 55 66 77 88</swp-td>
+          <swp-td class="secondary">katrine.b@firma.dk</swp-td>
+          <swp-td class="center">12</swp-td>
+          <swp-td>1. nov</swp-td>
+          <swp-td>Nina K.</swp-td>
+          <swp-td class="secondary">Apr 2024</swp-td>
+          <swp-td><swp-customer-tags></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Line Frost" data-visits="9" data-revenue="7400" data-created="2024-05" data-tags="sensitiv">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>LF</swp-customer-avatar>
+            <swp-customer-name>Line Frost</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 88 99 00 11</swp-td>
+          <swp-td class="secondary">line.f@mail.dk</swp-td>
+          <swp-td class="center">9</swp-td>
+          <swp-td>15. okt</swp-td>
+          <swp-td>Nina K.</swp-td>
+          <swp-td class="secondary">Maj 2024</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="sensitiv">Sensitiv</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Louise Hansen" data-visits="18" data-revenue="14200" data-created="2023-02" data-tags="stamkunde">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>LH</swp-customer-avatar>
+            <swp-customer-name>Louise Hansen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 33 44 55 66</swp-td>
+          <swp-td class="secondary">louise.h@gmail.com</swp-td>
+          <swp-td class="center">18</swp-td>
+          <swp-td>10. nov</swp-td>
+          <swp-td>Emma L.</swp-td>
+          <swp-td class="secondary">Feb 2023</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="stamkunde">Stamkunde</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Maja Petersen" data-visits="22" data-revenue="15800" data-created="2023-01" data-tags="stamkunde">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>MP</swp-customer-avatar>
+            <swp-customer-name>Maja Petersen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 98 76 54 32</swp-td>
+          <swp-td class="secondary">maja.p@mail.dk</swp-td>
+          <swp-td class="center">22</swp-td>
+          <swp-td>1. dec</swp-td>
+          <swp-td>Emma L.</swp-td>
+          <swp-td class="secondary">Jan 2023</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="stamkunde">Stamkunde</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Maria Olsen" data-visits="2" data-revenue="1800" data-created="2025-11" data-tags="ny">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>MO</swp-customer-avatar>
+            <swp-customer-name>Maria Olsen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 44 55 66 77</swp-td>
+          <swp-td class="secondary">maria.o@mail.dk</swp-td>
+          <swp-td class="center">2</swp-td>
+          <swp-td>5. nov</swp-td>
+          <swp-td>Sofie M.</swp-td>
+          <swp-td class="secondary">Nov 2025</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="ny">Ny</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Rikke Skov" data-visits="4" data-revenue="3200" data-created="2025-08" data-tags="">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>RS</swp-customer-avatar>
+            <swp-customer-name>Rikke Skov</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 77 88 99 00</swp-td>
+          <swp-td class="secondary">rikke.s@gmail.com</swp-td>
+          <swp-td class="center">4</swp-td>
+          <swp-td>20. okt</swp-td>
+          <swp-td>Sofie M.</swp-td>
+          <swp-td class="secondary">Aug 2025</swp-td>
+          <swp-td><swp-customer-tags></swp-customer-tags></swp-td>
+        </swp-customer-row>
+
+        <swp-customer-row data-name="Sofie Nielsen" data-visits="14" data-revenue="12450" data-created="2024-03" data-tags="vip">
+          <swp-td class="name-cell">
+            <swp-customer-avatar>SN</swp-customer-avatar>
+            <swp-customer-name>Sofie Nielsen</swp-customer-name>
+          </swp-td>
+          <swp-td>+45 23 45 67 89</swp-td>
+          <swp-td class="secondary">sofie@email.dk</swp-td>
+          <swp-td class="center">14</swp-td>
+          <swp-td>9. dec</swp-td>
+          <swp-td>Emma L.</swp-td>
+          <swp-td class="secondary">Mar 2024</swp-td>
+          <swp-td><swp-customer-tags><swp-tag class="vip">VIP</swp-tag></swp-customer-tags></swp-td>
+        </swp-customer-row>
+      </swp-table-body>
+
+      <swp-empty-state id="emptyState">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16 8 8 0 010 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z"/></svg>
+        <p>Ingen kunder matcher din søgning</p>
+      </swp-empty-state>
+    </swp-customer-table>
+  </swp-page-container>
+
+  <!-- Overlay -->
+  <swp-overlay id="cardOverlay" onclick="closeCustomerCard()"></swp-overlay>
+
+  <!-- Customer Card Panel -->
+  <swp-customer-card id="customerCard">
+    <swp-card-header>
+      <swp-card-title><img src="icons/user.svg" alt="">Kundekort</swp-card-title>
+      <swp-card-close onclick="closeCustomerCard()">✕</swp-card-close>
+    </swp-card-header>
+
+    <swp-card-content>
+      <!-- Customer Header -->
+      <swp-customer-header>
+        <swp-customer-avatar id="cardAvatar">SN</swp-customer-avatar>
+        <swp-customer-header-info>
+          <swp-customer-header-top>
+            <swp-customer-header-left>
+              <swp-customer-header-name id="cardName">Sofie Nielsen</swp-customer-header-name>
+              <swp-customer-since id="cardSince">Kunde siden marts 2024</swp-customer-since>
+            </swp-customer-header-left>
+            <swp-customer-header-contact>
+              <a href="tel:+4523456789" id="cardPhoneLink">+45 23 45 67 89</a>
+              <a href="mailto:sofie@email.dk" id="cardEmailLink">sofie@email.dk</a>
+              <swp-customer-tags id="cardTags"></swp-customer-tags>
+            </swp-customer-header-contact>
+          </swp-customer-header-top>
+        </swp-customer-header-info>
+      </swp-customer-header>
+
+      <!-- Fact Boxes -->
+      <swp-fact-boxes>
+        <swp-fact-box class="highlight">
+          <swp-fact-box-value id="cardVisits">14</swp-fact-box-value>
+          <swp-fact-box-label>Besøg</swp-fact-box-label>
+        </swp-fact-box>
+        <swp-fact-box>
+          <swp-fact-box-value id="cardInterval">32 dage</swp-fact-box-value>
+          <swp-fact-box-label>Gns. interval</swp-fact-box-label>
+        </swp-fact-box>
+        <swp-fact-box>
+          <swp-fact-box-value id="cardHairdresser">Emma L.</swp-fact-box-value>
+          <swp-fact-box-label>Foretrukken frisør</swp-fact-box-label>
+        </swp-fact-box>
+      </swp-fact-boxes>
+
+      <!-- Contact Info (Editable) -->
+      <div>
+        <swp-section-label>Kontaktoplysninger</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Telefon</swp-edit-label>
+            <swp-edit-input><input type="tel" id="editPhone" value="+45 23 45 67 89"></swp-edit-input>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Email</swp-edit-label>
+            <swp-edit-input><input type="email" id="editEmail" value="sofie@email.dk"></swp-edit-input>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Adresse</swp-edit-label>
+            <swp-edit-input><input type="text" id="editAddress" value="Hovedgaden 12"></swp-edit-input>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Postnr + By</swp-edit-label>
+            <swp-edit-input>
+              <input type="text" id="editZip" value="2100" class="short">
+              <input type="text" id="editCity" value="København Ø">
+            </swp-edit-input>
+          </swp-edit-row>
+        </swp-edit-section>
+      </div>
+
+      <!-- Marketing Opt-in -->
+      <div>
+        <swp-section-label>Marketing</swp-section-label>
+        <swp-marketing-section>
+          <swp-toggle-row>
+            <swp-toggle-label>Email marketing</swp-toggle-label>
+            <swp-toggle-slider id="toggleEmail" data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-toggle-row>
+          <swp-toggle-row>
+            <swp-toggle-label>SMS marketing</swp-toggle-label>
+            <swp-toggle-slider id="toggleSms" data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-toggle-row>
+        </swp-marketing-section>
+      </div>
+
+      <!-- Profile Boxes -->
+      <div>
+        <swp-section-label>Profil</swp-section-label>
+        <swp-profile-boxes>
+          <swp-profile-box>
+            <swp-profile-box-label>Hårtype</swp-profile-box-label>
+            <swp-profile-box-value>Medium · Bølget</swp-profile-box-value>
+          </swp-profile-box>
+          <swp-profile-box>
+            <swp-profile-box-label>Porøsitet</swp-profile-box-label>
+            <swp-profile-box-value>Medium</swp-profile-box-value>
+          </swp-profile-box>
+          <swp-profile-box>
+            <swp-profile-box-label>Præference</swp-profile-box-label>
+            <swp-profile-box-value>Kold tone, ikke for mørk</swp-profile-box-value>
+          </swp-profile-box>
+          <swp-profile-box class="warning">
+            <swp-profile-box-label>Advarsler</swp-profile-box-label>
+            <swp-profile-box-value>Parfume-allergi</swp-profile-box-value>
+          </swp-profile-box>
+        </swp-profile-boxes>
+      </div>
+
+      <!-- Chart -->
+      <swp-chart-section>
+        <swp-chart-header>
+          <swp-section-label style="margin-bottom: 0;">Omsætning (sidste 6 mdr)</swp-section-label>
+          <swp-chart-legend>
+            <swp-chart-legend-item>
+              <swp-chart-legend-dot class="services"></swp-chart-legend-dot>
+              <span>Services</span>
+            </swp-chart-legend-item>
+            <swp-chart-legend-item>
+              <swp-chart-legend-dot class="products"></swp-chart-legend-dot>
+              <span>Produkter</span>
+            </swp-chart-legend-item>
+          </swp-chart-legend>
+        </swp-chart-header>
+        <swp-chart-container id="customerChart"></swp-chart-container>
+      </swp-chart-section>
+
+      <!-- Notes -->
+      <swp-notes-section>
+        <swp-section-label>Seneste noter</swp-section-label>
+        <swp-note-item>
+          <swp-note-meta>
+            <swp-note-type>Note</swp-note-type>
+            <swp-note-date>9. dec 2025</swp-note-date>
+          </swp-note-meta>
+          <swp-note-text>Kunden foretrækker naturlige farver og ønsker lidt ekstra tid til konsultation.</swp-note-text>
+        </swp-note-item>
+        <swp-note-item>
+          <swp-note-meta>
+            <swp-note-type>Farveformel</swp-note-type>
+            <swp-note-date>12. nov 2025</swp-note-date>
+          </swp-note-meta>
+          <swp-note-text>7/1 + 7/0 (1:1) · Oxidant 6% · Virketid 35 min</swp-note-text>
+        </swp-note-item>
+        <swp-see-all-link>Se alle noter →</swp-see-all-link>
+      </swp-notes-section>
+    </swp-card-content>
+  </swp-customer-card>
+
+  <script>
+    // ==========================================
+    // SEARCH FUNCTIONALITY
+    // ==========================================
+    const searchInput = document.getElementById('searchInput');
+    const searchCount = document.getElementById('searchCount');
+    const tableBody = document.getElementById('tableBody');
+    const emptyState = document.getElementById('emptyState');
+    let currentFilter = 'all';
+
+    // Debounce helper
+    function debounce(fn, delay) {
+      let timeout;
+      return (...args) => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => fn(...args), delay);
+      };
+    }
+
+    function filterCustomers() {
+      const query = searchInput.value.toLowerCase().trim();
+      const rows = document.querySelectorAll('swp-customer-row');
+      let visibleCount = 0;
+
+      rows.forEach(row => {
+        const text = row.textContent.toLowerCase();
+        const tags = row.dataset.tags || '';
+
+        // Check search query
+        const matchesSearch = query === '' || text.includes(query);
+
+        // Check filter
+        let matchesFilter = true;
+        if (currentFilter !== 'all') {
+          matchesFilter = tags.includes(currentFilter);
+        }
+
+        if (matchesSearch && matchesFilter) {
+          row.classList.remove('hidden');
+          visibleCount++;
+        } else {
+          row.classList.add('hidden');
+        }
+      });
+
+      // Update count
+      searchCount.textContent = `${visibleCount} kunde${visibleCount !== 1 ? 'r' : ''}`;
+
+      // Show/hide empty state
+      if (visibleCount === 0) {
+        emptyState.classList.add('visible');
+        tableBody.style.display = 'none';
+      } else {
+        emptyState.classList.remove('visible');
+        tableBody.style.display = 'block';
+      }
+    }
+
+    searchInput.addEventListener('input', debounce(filterCustomers, 150));
+
+    // ==========================================
+    // FILTER BUTTONS
+    // ==========================================
+    document.querySelectorAll('.filter-btn').forEach(btn => {
+      btn.addEventListener('click', () => {
+        // Update active state
+        document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
+        btn.classList.add('active');
+
+        // Apply filter
+        currentFilter = btn.dataset.filter;
+        filterCustomers();
+      });
+    });
+
+    // ==========================================
+    // SORTING FUNCTIONALITY
+    // ==========================================
+    let currentSort = { column: 'name', direction: 'asc' };
+
+    document.querySelectorAll('swp-th.sortable').forEach(th => {
+      th.addEventListener('click', () => {
+        const column = th.dataset.sort;
+
+        // Toggle direction if same column
+        if (currentSort.column === column) {
+          currentSort.direction = currentSort.direction === 'asc' ? 'desc' : 'asc';
+        } else {
+          currentSort.column = column;
+          currentSort.direction = 'asc';
+        }
+
+        sortTable();
+        updateSortIndicators();
+      });
+    });
+
+    function sortTable() {
+      const rows = [...document.querySelectorAll('swp-customer-row')];
+      const { column, direction } = currentSort;
+
+      rows.sort((a, b) => {
+        let aVal, bVal;
+
+        switch (column) {
+          case 'name':
+            aVal = a.dataset.name.toLowerCase();
+            bVal = b.dataset.name.toLowerCase();
+            break;
+          case 'visits':
+            aVal = parseInt(a.dataset.visits) || 0;
+            bVal = parseInt(b.dataset.visits) || 0;
+            break;
+          case 'created':
+            aVal = a.dataset.created;
+            bVal = b.dataset.created;
+            break;
+          case 'phone':
+          case 'email':
+          case 'lastVisit':
+          case 'hairdresser':
+            // Get text content from the appropriate cell
+            const cells = {
+              phone: 1,
+              email: 2,
+              lastVisit: 4,
+              hairdresser: 5
+            };
+            aVal = a.querySelectorAll('swp-td')[cells[column]]?.textContent.toLowerCase() || '';
+            bVal = b.querySelectorAll('swp-td')[cells[column]]?.textContent.toLowerCase() || '';
+            break;
+          default:
+            aVal = '';
+            bVal = '';
+        }
+
+        if (typeof aVal === 'number' && typeof bVal === 'number') {
+          return direction === 'asc' ? aVal - bVal : bVal - aVal;
+        }
+
+        if (aVal < bVal) return direction === 'asc' ? -1 : 1;
+        if (aVal > bVal) return direction === 'asc' ? 1 : -1;
+        return 0;
+      });
+
+      // Re-append sorted rows
+      rows.forEach(row => tableBody.appendChild(row));
+    }
+
+    function updateSortIndicators() {
+      document.querySelectorAll('swp-th.sortable').forEach(th => {
+        const isSorted = th.dataset.sort === currentSort.column;
+        th.classList.toggle('sorted', isSorted);
+        th.classList.toggle('desc', isSorted && currentSort.direction === 'desc');
+      });
+    }
+
+    // Initial state
+    updateSortIndicators();
+
+    // ==========================================
+    // CUSTOMER CARD
+    // ==========================================
+    const customerCard = document.getElementById('customerCard');
+    const cardOverlay = document.getElementById('cardOverlay');
+
+    // Add click handlers to all customer rows
+    document.querySelectorAll('swp-customer-row').forEach(row => {
+      row.style.cursor = 'pointer';
+      row.addEventListener('click', () => openCustomerCard(row));
+    });
+
+    function openCustomerCard(row) {
+      // Get data from row
+      const name = row.dataset.name;
+      const visits = row.dataset.visits;
+      const created = row.dataset.created;
+      const cells = row.querySelectorAll('swp-td');
+      const phone = cells[1]?.textContent || '';
+      const email = cells[2]?.textContent || '';
+      const hairdresser = cells[5]?.textContent || '';
+
+      // Generate initials
+      const initials = name.split(' ').map(n => n[0]).join('').toUpperCase();
+
+      // Format "Kunde siden"
+      const createdDate = created ? formatCreatedDate(created) : 'Ukendt';
+
+      // Update card content
+      document.getElementById('cardAvatar').textContent = initials;
+      document.getElementById('cardName').textContent = name;
+      document.getElementById('cardSince').textContent = `Kunde siden ${createdDate}`;
+      document.getElementById('cardPhoneLink').textContent = phone;
+      document.getElementById('cardPhoneLink').href = `tel:${phone.replace(/\s/g, '')}`;
+      document.getElementById('cardEmailLink').textContent = email;
+      document.getElementById('cardEmailLink').href = `mailto:${email}`;
+      document.getElementById('cardVisits').textContent = visits;
+      document.getElementById('cardHairdresser').textContent = hairdresser;
+
+      // Update editable fields
+      document.getElementById('editPhone').value = phone;
+      document.getElementById('editEmail').value = email;
+
+      // Update tags
+      const tags = row.dataset.tags || '';
+      const cardTags = document.getElementById('cardTags');
+      cardTags.innerHTML = '';
+      if (tags) {
+        tags.split(',').forEach(tag => {
+          const tagEl = document.createElement('swp-tag');
+          tagEl.className = tag.trim();
+          tagEl.textContent = tag.trim().charAt(0).toUpperCase() + tag.trim().slice(1);
+          cardTags.appendChild(tagEl);
+        });
+      }
+
+      // Open panel
+      cardOverlay.classList.add('open');
+      customerCard.classList.add('open');
+
+      // Initialize chart
+      initCustomerChart();
+    }
+
+    function closeCustomerCard() {
+      cardOverlay.classList.remove('open');
+      customerCard.classList.remove('open');
+    }
+
+    function formatCreatedDate(dateStr) {
+      // Format: "2024-03" -> "marts 2024"
+      const months = ['januar', 'februar', 'marts', 'april', 'maj', 'juni',
+                      'juli', 'august', 'september', 'oktober', 'november', 'december'];
+      const [year, month] = dateStr.split('-');
+      return `${months[parseInt(month) - 1]} ${year}`;
+    }
+
+    // Escape key closes card
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') closeCustomerCard();
+    });
+
+    // ==========================================
+    // TOGGLE SLIDER (Ja/Nej)
+    // ==========================================
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      const options = slider.querySelectorAll('swp-toggle-option');
+      options.forEach((option, index) => {
+        option.addEventListener('click', () => {
+          slider.dataset.value = index === 0 ? 'yes' : 'no';
+        });
+      });
+    });
+
+    // Chart initialization
+    let chartInitialized = false;
+    function initCustomerChart() {
+      if (chartInitialized) return;
+
+      import('https://unpkg.com/@sevenweirdpeople/swp-charting@latest/dist/index.js')
+        .then(module => {
+          const { createChart } = module;
+          createChart(document.getElementById('customerChart'), {
+            width: 620,
+            height: 180,
+            xAxis: {
+              categories: ['Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
+            },
+            series: [
+              {
+                name: 'Services',
+                color: '#00897b',
+                data: [
+                  { x: 'Jul', y: 1200 },
+                  { x: 'Sep', y: 1500 },
+                  { x: 'Okt', y: 2800 },
+                  { x: 'Dec', y: 1800 }
+                ]
+              },
+              {
+                name: 'Produkter',
+                color: '#1976d2',
+                data: [
+                  { x: 'Aug', y: 800 },
+                  { x: 'Okt', y: 900 },
+                  { x: 'Nov', y: 700 },
+                  { x: 'Dec', y: 950 }
+                ]
+              }
+            ],
+            legend: false
+          });
+          chartInitialized = true;
+        });
+    }
+  </script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-dashboard.html b/wwwroot/poc-dashboard.html
new file mode 100644
index 0000000..a4b3f63
--- /dev/null
+++ b/wwwroot/poc-dashboard.html
@@ -0,0 +1,732 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Dashboard - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
+  <link rel="stylesheet" href="css/dashboard.css">
+</head>
+<body>
+  <!-- Page Header -->
+  <swp-page-header>
+    <swp-page-title>Dashboard</swp-page-title>
+    <swp-page-actions>
+      <swp-date-display>
+        <i class="ph ph-calendar-blank"></i>
+        <span>Mandag, 30. december 2024</span>
+      </swp-date-display>
+      <swp-btn class="primary">
+        <i class="ph ph-plus"></i>
+        Ny booking
+      </swp-btn>
+    </swp-page-actions>
+  </swp-page-header>
+
+  <swp-page-container>
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>12</swp-stat-value>
+        <swp-stat-label>Bookinger i dag</swp-stat-label>
+        <swp-stat-trend class="up">
+          <i class="ph ph-check-circle"></i>
+          4 gennemf&oslash;rt, 2 i gang
+        </swp-stat-trend>
+      </swp-stat-card>
+      <swp-stat-card class="success">
+        <swp-stat-value>8.450 kr</swp-stat-value>
+        <swp-stat-label>Forventet oms&aelig;tning</swp-stat-label>
+        <swp-stat-trend class="up">
+          <i class="ph ph-trend-up"></i>
+          +12% vs. gennemsnit
+        </swp-stat-trend>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>78%</swp-stat-value>
+        <swp-stat-label>Bel&aelig;gningsgrad</swp-stat-label>
+        <swp-stat-trend class="up">
+          <i class="ph ph-trend-up"></i>
+          God kapacitet
+        </swp-stat-trend>
+      </swp-stat-card>
+      <swp-stat-card class="warning">
+        <swp-stat-value>3</swp-stat-value>
+        <swp-stat-label>Kr&aelig;ver opm&aelig;rksomhed</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <swp-dashboard-grid>
+      <!-- Main Column -->
+      <swp-main-column>
+        <!-- AI Insight -->
+        <swp-card>
+          <swp-ai-insight>
+            <swp-ai-header>
+              <i class="ph ph-sparkle"></i>
+              <span>AI Analyse</span>
+            </swp-ai-header>
+            <swp-ai-text>
+              <strong>Godt i gang!</strong> 4 af 12 bookinger er gennemf&oslash;rt. 2 er i gang nu, og 6 venter.
+              Forventet oms&aelig;tning: <strong>8.450 kr</strong> &ndash; allerede realiseret <strong>2.150 kr</strong>.
+              Tip: Ida Rasmussen (11:30) har ikke bekr&aelig;ftet &ndash; overvej at sende en p&aring;mindelse.
+            </swp-ai-text>
+          </swp-ai-insight>
+        </swp-card>
+
+        <!-- Today's Bookings -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-calendar-check"></i>
+              Dagens bookinger
+            </swp-card-title>
+            <swp-card-action>Se alle</swp-card-action>
+          </swp-card-header>
+
+          <swp-current-time>
+            <i class="ph ph-clock"></i>
+            <span>Nu: <swp-time>10:45</swp-time></span>
+          </swp-current-time>
+
+          <swp-booking-list>
+            <!-- Gennemførte bookinger -->
+            <swp-booking-item class="completed">
+              <swp-booking-time>
+                <swp-time-start>08:00</swp-time-start>
+                <swp-time-end>08:30</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Herreklip</swp-booking-service>
+                <swp-booking-customer>Thomas Berg</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>MH</swp-avatar-small>
+                <span>Maria</span>
+              </swp-booking-employee>
+              <swp-booking-status class="completed">Gennemf&oslash;rt</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item class="completed">
+              <swp-booking-time>
+                <swp-time-start>08:30</swp-time-start>
+                <swp-time-end>09:00</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Dameklip</swp-booking-service>
+                <swp-booking-customer>Katrine Holm</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>AS</swp-avatar-small>
+                <span>Anna</span>
+              </swp-booking-employee>
+              <swp-booking-status class="completed">Gennemf&oslash;rt</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item class="completed">
+              <swp-booking-time>
+                <swp-time-start>09:00</swp-time-start>
+                <swp-time-end>09:30</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Sk&aelig;gtrimning</swp-booking-service>
+                <swp-booking-customer>Mikkel Skov</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>PK</swp-avatar-small>
+                <span>Peter</span>
+              </swp-booking-employee>
+              <swp-booking-status class="completed">Gennemf&oslash;rt</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item class="completed">
+              <swp-booking-time>
+                <swp-time-start>09:00</swp-time-start>
+                <swp-time-end>10:30</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Dameklip + Farve</swp-booking-service>
+                <swp-booking-customer>Sofie Nielsen</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>AS</swp-avatar-small>
+                <span>Anna</span>
+              </swp-booking-employee>
+              <swp-booking-status class="completed">Gennemf&oslash;rt</swp-booking-status>
+            </swp-booking-item>
+
+            <!-- Igangværende -->
+            <swp-booking-item style="background: color-mix(in srgb, var(--color-teal) 8%, var(--color-background-alt));">
+              <swp-booking-time>
+                <swp-time-start>10:30</swp-time-start>
+                <swp-time-end>11:00</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="blue"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Herreklip</swp-booking-service>
+                <swp-booking-customer>Jonas Petersen</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>MH</swp-avatar-small>
+                <span>Maria</span>
+              </swp-booking-employee>
+              <swp-booking-status class="inprogress">I gang</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item style="background: color-mix(in srgb, var(--color-teal) 8%, var(--color-background-alt));">
+              <swp-booking-time>
+                <swp-time-start>10:00</swp-time-start>
+                <swp-time-end>11:00</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="purple"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>F&oslash;n + Styling</swp-booking-service>
+                <swp-booking-customer>Rikke Dam</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>LJ</swp-avatar-small>
+                <span>Louise</span>
+              </swp-booking-employee>
+              <swp-booking-status class="inprogress">I gang</swp-booking-status>
+            </swp-booking-item>
+
+            <!-- Kommende -->
+            <swp-booking-item>
+              <swp-booking-time>
+                <swp-time-start>11:00</swp-time-start>
+                <swp-time-end>12:00</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="teal"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Balayage</swp-booking-service>
+                <swp-booking-customer>Emma Christensen</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>AS</swp-avatar-small>
+                <span>Anna</span>
+              </swp-booking-employee>
+              <swp-booking-status class="confirmed">Bekr&aelig;ftet</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item>
+              <swp-booking-time>
+                <swp-time-start>11:30</swp-time-start>
+                <swp-time-end>12:00</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="amber"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Dameklip</swp-booking-service>
+                <swp-booking-customer>Ida Rasmussen</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>MH</swp-avatar-small>
+                <span>Maria</span>
+              </swp-booking-employee>
+              <swp-booking-status class="pending">Afventer</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item>
+              <swp-booking-time>
+                <swp-time-start>13:00</swp-time-start>
+                <swp-time-end>14:00</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="green"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Farve + F&oslash;n</swp-booking-service>
+                <swp-booking-customer>Louise Andersen</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>AS</swp-avatar-small>
+                <span>Anna</span>
+              </swp-booking-employee>
+              <swp-booking-status class="confirmed">Bekr&aelig;ftet</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item>
+              <swp-booking-time>
+                <swp-time-start>14:00</swp-time-start>
+                <swp-time-end>14:30</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="blue"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Herreklip</swp-booking-service>
+                <swp-booking-customer>Anders M&oslash;ller</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>PK</swp-avatar-small>
+                <span>Peter</span>
+              </swp-booking-employee>
+              <swp-booking-status class="confirmed">Bekr&aelig;ftet</swp-booking-status>
+            </swp-booking-item>
+
+            <swp-booking-item>
+              <swp-booking-time>
+                <swp-time-start>15:30</swp-time-start>
+                <swp-time-end>16:30</swp-time-end>
+              </swp-booking-time>
+              <swp-booking-indicator class="purple"></swp-booking-indicator>
+              <swp-booking-details>
+                <swp-booking-service>Extensions</swp-booking-service>
+                <swp-booking-customer>Julie Lund</swp-booking-customer>
+              </swp-booking-details>
+              <swp-booking-employee>
+                <swp-avatar-small>LJ</swp-avatar-small>
+                <span>Louise</span>
+              </swp-booking-employee>
+              <swp-booking-status class="confirmed">Bekr&aelig;ftet</swp-booking-status>
+            </swp-booking-item>
+          </swp-booking-list>
+        </swp-card>
+
+        <!-- Attention Items -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-warning-circle"></i>
+              Opm&aelig;rksomheder
+            </swp-card-title>
+          </swp-card-header>
+
+          <swp-attention-list>
+            <swp-attention-item class="urgent">
+              <swp-attention-icon>
+                <i class="ph ph-x-circle"></i>
+              </swp-attention-icon>
+              <swp-attention-content>
+                <swp-attention-title>Aflyst booking</swp-attention-title>
+                <swp-attention-desc>Mette Hansen aflyste kl. 15:00 &ndash; tid nu ledig</swp-attention-desc>
+              </swp-attention-content>
+              <swp-attention-action>Fyld tid</swp-attention-action>
+            </swp-attention-item>
+
+            <swp-attention-item class="warning">
+              <swp-attention-icon>
+                <i class="ph ph-clock"></i>
+              </swp-attention-icon>
+              <swp-attention-content>
+                <swp-attention-title>Ubekr&aelig;ftet booking</swp-attention-title>
+                <swp-attention-desc>Ida Rasmussen har ikke bekr&aelig;ftet kl. 11:30</swp-attention-desc>
+              </swp-attention-content>
+              <swp-attention-action>Send p&aring;mindelse</swp-attention-action>
+            </swp-attention-item>
+
+            <swp-attention-item class="info">
+              <swp-attention-icon>
+                <i class="ph ph-gift"></i>
+              </swp-attention-icon>
+              <swp-attention-content>
+                <swp-attention-title>Gavekort udl&oslash;ber snart</swp-attention-title>
+                <swp-attention-desc>GC-D2R4-6TY9 udl&oslash;ber om 3 uger (200 DKK)</swp-attention-desc>
+              </swp-attention-content>
+              <swp-attention-action>Se gavekort</swp-attention-action>
+            </swp-attention-item>
+          </swp-attention-list>
+        </swp-card>
+      </swp-main-column>
+
+      <!-- Side Column -->
+      <swp-side-column>
+        <!-- Notifications -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-bell"></i>
+              Notifikationer
+            </swp-card-title>
+            <swp-card-action>Marker alle som l&aelig;st</swp-card-action>
+          </swp-card-header>
+
+          <swp-notification-list>
+            <swp-notification-item class="unread">
+              <swp-notification-icon>
+                <i class="ph ph-calendar-plus"></i>
+              </swp-notification-icon>
+              <swp-notification-content>
+                <swp-notification-text>
+                  <strong>Ny booking</strong> fra Emma Christensen til Balayage
+                </swp-notification-text>
+                <swp-notification-time>For 15 min. siden</swp-notification-time>
+              </swp-notification-content>
+            </swp-notification-item>
+
+            <swp-notification-item class="unread">
+              <swp-notification-icon>
+                <i class="ph ph-star"></i>
+              </swp-notification-icon>
+              <swp-notification-content>
+                <swp-notification-text>
+                  <strong>Ny anmeldelse</strong> &ndash; 5 stjerner fra Sofie Nielsen
+                </swp-notification-text>
+                <swp-notification-time>For 1 time siden</swp-notification-time>
+              </swp-notification-content>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-icon>
+                <i class="ph ph-x"></i>
+              </swp-notification-icon>
+              <swp-notification-content>
+                <swp-notification-text>
+                  <strong>Aflysning</strong> &ndash; Mette Hansen aflyste kl. 15:00
+                </swp-notification-text>
+                <swp-notification-time>For 2 timer siden</swp-notification-time>
+              </swp-notification-content>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-icon>
+                <i class="ph ph-check"></i>
+              </swp-notification-icon>
+              <swp-notification-content>
+                <swp-notification-text>
+                  <strong>Bekr&aelig;ftet</strong> &ndash; Louise Andersen bekr&aelig;ftede kl. 13:00
+                </swp-notification-text>
+                <swp-notification-time>I g&aring;r kl. 18:30</swp-notification-time>
+              </swp-notification-content>
+            </swp-notification-item>
+          </swp-notification-list>
+        </swp-card>
+
+        <!-- Waitlist Mini Card -->
+        <swp-waitlist-card>
+          <swp-waitlist-icon>
+            <i class="ph ph-users-three"></i>
+            <swp-waitlist-badge>4</swp-waitlist-badge>
+          </swp-waitlist-icon>
+          <swp-waitlist-label>P&aring; venteliste</swp-waitlist-label>
+        </swp-waitlist-card>
+
+        <!-- Quick Stats -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-chart-line-up"></i>
+              Denne uge
+            </swp-card-title>
+          </swp-card-header>
+
+          <swp-quick-stats>
+            <swp-quick-stat>
+              <swp-stat-value>47</swp-stat-value>
+              <swp-stat-label>Bookinger</swp-stat-label>
+            </swp-quick-stat>
+            <swp-quick-stat>
+              <swp-stat-value>38.200 kr</swp-stat-value>
+              <swp-stat-label>Oms&aelig;tning</swp-stat-label>
+            </swp-quick-stat>
+            <swp-quick-stat>
+              <swp-stat-value>8</swp-stat-value>
+              <swp-stat-label>Nye kunder</swp-stat-label>
+            </swp-quick-stat>
+            <swp-quick-stat>
+              <swp-stat-value>72%</swp-stat-value>
+              <swp-stat-label>Gns. bel&aelig;gning</swp-stat-label>
+            </swp-quick-stat>
+          </swp-quick-stats>
+        </swp-card>
+
+        <!-- Employee Status -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>
+              <i class="ph ph-users"></i>
+              Medarbejdere
+            </swp-card-title>
+          </swp-card-header>
+
+          <swp-employee-list>
+            <swp-employee-status-item>
+              <swp-employee-avatar>AS</swp-employee-avatar>
+              <swp-employee-info>
+                <swp-employee-name>Anna S&oslash;rensen</swp-employee-name>
+                <swp-employee-current>Ledig til kl. 11:00 (Balayage)</swp-employee-current>
+              </swp-employee-info>
+              <swp-employee-status-badge class="available">Ledig</swp-employee-status-badge>
+            </swp-employee-status-item>
+
+            <swp-employee-status-item>
+              <swp-employee-avatar>MH</swp-employee-avatar>
+              <swp-employee-info>
+                <swp-employee-name>Maria Hansen</swp-employee-name>
+                <swp-employee-current>Herreklip med Jonas</swp-employee-current>
+              </swp-employee-info>
+              <swp-employee-status-badge class="busy">Optaget</swp-employee-status-badge>
+            </swp-employee-status-item>
+
+            <swp-employee-status-item>
+              <swp-employee-avatar>LJ</swp-employee-avatar>
+              <swp-employee-info>
+                <swp-employee-name>Louise Jensen</swp-employee-name>
+                <swp-employee-current>F&oslash;n + Styling med Rikke</swp-employee-current>
+              </swp-employee-info>
+              <swp-employee-status-badge class="busy">Optaget</swp-employee-status-badge>
+            </swp-employee-status-item>
+
+            <swp-employee-status-item>
+              <swp-employee-avatar>PK</swp-employee-avatar>
+              <swp-employee-info>
+                <swp-employee-name>Peter Kristensen</swp-employee-name>
+                <swp-employee-current>Ledig til kl. 14:00</swp-employee-current>
+              </swp-employee-info>
+              <swp-employee-status-badge class="available">Ledig</swp-employee-status-badge>
+            </swp-employee-status-item>
+          </swp-employee-list>
+        </swp-card>
+      </swp-side-column>
+    </swp-dashboard-grid>
+  </swp-page-container>
+
+  <!-- Waitlist Drawer Overlay -->
+  <swp-drawer-overlay></swp-drawer-overlay>
+
+  <!-- Waitlist Drawer -->
+  <swp-waitlist-drawer>
+    <swp-drawer-header>
+      <swp-drawer-title>
+        Venteliste <swp-count>(4)</swp-count>
+      </swp-drawer-title>
+      <swp-drawer-close>
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+    <swp-drawer-body>
+      <swp-waitlist-list>
+        <!-- Entry 1 -->
+        <swp-waitlist-item>
+          <swp-waitlist-customer>
+            <swp-avatar>EC</swp-avatar>
+            <swp-waitlist-customer-info>
+              <swp-waitlist-name>Emma Christensen</swp-waitlist-name>
+              <swp-waitlist-phone>+45 12 34 56 78</swp-waitlist-phone>
+            </swp-waitlist-customer-info>
+          </swp-waitlist-customer>
+          <swp-waitlist-service>Dameklip + Farve</swp-waitlist-service>
+          <swp-waitlist-meta>
+            <swp-waitlist-periods>
+              <swp-label>&Oslash;nsker:</swp-label>
+              <swp-waitlist-period-tag>Mandag-Onsdag</swp-waitlist-period-tag>
+              <swp-waitlist-period-tag>Formiddag</swp-waitlist-period-tag>
+            </swp-waitlist-periods>
+            <swp-waitlist-dates>
+              <swp-waitlist-date>
+                <i class="ph ph-calendar"></i>
+                Tilmeldt: 2. jan 2026
+              </swp-waitlist-date>
+              <swp-waitlist-date class="expires">
+                <i class="ph ph-clock"></i>
+                Udl&oslash;ber: 16. jan 2026
+              </swp-waitlist-date>
+            </swp-waitlist-dates>
+          </swp-waitlist-meta>
+          <swp-waitlist-actions>
+            <swp-btn class="secondary">
+              <i class="ph ph-phone"></i>
+              Kontakt
+            </swp-btn>
+            <swp-btn class="primary">
+              <i class="ph ph-calendar-plus"></i>
+              Book nu
+            </swp-btn>
+          </swp-waitlist-actions>
+        </swp-waitlist-item>
+
+        <!-- Entry 2 -->
+        <swp-waitlist-item>
+          <swp-waitlist-customer>
+            <swp-avatar>MS</swp-avatar>
+            <swp-waitlist-customer-info>
+              <swp-waitlist-name>Mikkel S&oslash;rensen</swp-waitlist-name>
+              <swp-waitlist-phone>+45 23 45 67 89</swp-waitlist-phone>
+            </swp-waitlist-customer-info>
+          </swp-waitlist-customer>
+          <swp-waitlist-service>Herreklip</swp-waitlist-service>
+          <swp-waitlist-meta>
+            <swp-waitlist-periods>
+              <swp-label>&Oslash;nsker:</swp-label>
+              <swp-waitlist-period-tag>Weekend</swp-waitlist-period-tag>
+            </swp-waitlist-periods>
+            <swp-waitlist-dates>
+              <swp-waitlist-date>
+                <i class="ph ph-calendar"></i>
+                Tilmeldt: 30. dec 2025
+              </swp-waitlist-date>
+              <swp-waitlist-date class="expires soon">
+                <i class="ph ph-clock"></i>
+                Udl&oslash;ber: 6. jan 2026
+              </swp-waitlist-date>
+            </swp-waitlist-dates>
+          </swp-waitlist-meta>
+          <swp-waitlist-actions>
+            <swp-btn class="secondary">
+              <i class="ph ph-phone"></i>
+              Kontakt
+            </swp-btn>
+            <swp-btn class="primary">
+              <i class="ph ph-calendar-plus"></i>
+              Book nu
+            </swp-btn>
+          </swp-waitlist-actions>
+        </swp-waitlist-item>
+
+        <!-- Entry 3 -->
+        <swp-waitlist-item>
+          <swp-waitlist-customer>
+            <swp-avatar>LA</swp-avatar>
+            <swp-waitlist-customer-info>
+              <swp-waitlist-name>Lise Andersen</swp-waitlist-name>
+              <swp-waitlist-phone>+45 34 56 78 90</swp-waitlist-phone>
+            </swp-waitlist-customer-info>
+          </swp-waitlist-customer>
+          <swp-waitlist-service>Balayage</swp-waitlist-service>
+          <swp-waitlist-meta>
+            <swp-waitlist-periods>
+              <swp-label>&Oslash;nsker:</swp-label>
+              <swp-waitlist-period-tag>Tirsdag-Torsdag</swp-waitlist-period-tag>
+              <swp-waitlist-period-tag>Eftermiddag</swp-waitlist-period-tag>
+            </swp-waitlist-periods>
+            <swp-waitlist-dates>
+              <swp-waitlist-date>
+                <i class="ph ph-calendar"></i>
+                Tilmeldt: 28. dec 2025
+              </swp-waitlist-date>
+              <swp-waitlist-date class="expires">
+                <i class="ph ph-clock"></i>
+                Udl&oslash;ber: 11. jan 2026
+              </swp-waitlist-date>
+            </swp-waitlist-dates>
+          </swp-waitlist-meta>
+          <swp-waitlist-actions>
+            <swp-btn class="secondary">
+              <i class="ph ph-phone"></i>
+              Kontakt
+            </swp-btn>
+            <swp-btn class="primary">
+              <i class="ph ph-calendar-plus"></i>
+              Book nu
+            </swp-btn>
+          </swp-waitlist-actions>
+        </swp-waitlist-item>
+
+        <!-- Entry 4 -->
+        <swp-waitlist-item>
+          <swp-waitlist-customer>
+            <swp-avatar>PH</swp-avatar>
+            <swp-waitlist-customer-info>
+              <swp-waitlist-name>Peter Hansen</swp-waitlist-name>
+              <swp-waitlist-phone>+45 45 67 89 01</swp-waitlist-phone>
+            </swp-waitlist-customer-info>
+          </swp-waitlist-customer>
+          <swp-waitlist-service>Herreklip + Sk&aelig;g</swp-waitlist-service>
+          <swp-waitlist-meta>
+            <swp-waitlist-periods>
+              <swp-label>&Oslash;nsker:</swp-label>
+              <swp-waitlist-period-tag>Fleksibel</swp-waitlist-period-tag>
+            </swp-waitlist-periods>
+            <swp-waitlist-dates>
+              <swp-waitlist-date>
+                <i class="ph ph-calendar"></i>
+                Tilmeldt: 27. dec 2025
+              </swp-waitlist-date>
+              <swp-waitlist-date class="expires">
+                <i class="ph ph-clock"></i>
+                Udl&oslash;ber: 10. jan 2026
+              </swp-waitlist-date>
+            </swp-waitlist-dates>
+          </swp-waitlist-meta>
+          <swp-waitlist-actions>
+            <swp-btn class="secondary">
+              <i class="ph ph-phone"></i>
+              Kontakt
+            </swp-btn>
+            <swp-btn class="primary">
+              <i class="ph ph-calendar-plus"></i>
+              Book nu
+            </swp-btn>
+          </swp-waitlist-actions>
+        </swp-waitlist-item>
+      </swp-waitlist-list>
+    </swp-drawer-body>
+  </swp-waitlist-drawer>
+
+  <script>
+    // Update current time
+    function updateTime() {
+      const now = new Date();
+      const hours = String(now.getHours()).padStart(2, '0');
+      const minutes = String(now.getMinutes()).padStart(2, '0');
+      const timeEl = document.querySelector('swp-current-time swp-time');
+      if (timeEl) {
+        timeEl.textContent = `${hours}:${minutes}`;
+      }
+    }
+
+    updateTime();
+    setInterval(updateTime, 60000);
+
+    // Click handlers for attention items
+    document.querySelectorAll('swp-attention-action').forEach(action => {
+      action.addEventListener('click', (e) => {
+        e.stopPropagation();
+        alert('Handling: ' + action.textContent);
+      });
+    });
+
+    // Click handlers for bookings
+    document.querySelectorAll('swp-booking-item').forEach(item => {
+      item.addEventListener('click', () => {
+        const service = item.querySelector('swp-booking-service').textContent;
+        alert('&Aring;bn booking: ' + service);
+      });
+    });
+
+    // Waitlist Drawer functionality
+    const waitlistCard = document.querySelector('swp-waitlist-card');
+    const waitlistDrawer = document.querySelector('swp-waitlist-drawer');
+    const drawerOverlay = document.querySelector('swp-drawer-overlay');
+    const drawerClose = document.querySelector('swp-drawer-close');
+
+    function openWaitlistDrawer() {
+      waitlistDrawer.classList.add('open');
+      drawerOverlay.classList.add('visible');
+      document.body.style.overflow = 'hidden';
+    }
+
+    function closeWaitlistDrawer() {
+      waitlistDrawer.classList.remove('open');
+      drawerOverlay.classList.remove('visible');
+      document.body.style.overflow = '';
+    }
+
+    waitlistCard.addEventListener('click', openWaitlistDrawer);
+    drawerClose.addEventListener('click', closeWaitlistDrawer);
+    drawerOverlay.addEventListener('click', closeWaitlistDrawer);
+
+    // Close on Escape key
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape' && waitlistDrawer.classList.contains('open')) {
+        closeWaitlistDrawer();
+      }
+    });
+
+    // Click handlers for waitlist actions
+    document.querySelectorAll('swp-waitlist-actions swp-btn').forEach(btn => {
+      btn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        const isContact = btn.classList.contains('secondary');
+        const name = btn.closest('swp-waitlist-item').querySelector('swp-waitlist-name').textContent;
+        if (isContact) {
+          alert('Kontakt: ' + name);
+        } else {
+          alert('Book nu for: ' + name);
+          closeWaitlistDrawer();
+        }
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-detail-drawer.html b/wwwroot/poc-detail-drawer.html
new file mode 100644
index 0000000..9e7650e
--- /dev/null
+++ b/wwwroot/poc-detail-drawer.html
@@ -0,0 +1,3481 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Detail Drawer POC</title>
+  <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=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* Import design tokens fra calendar-base.css */
+    :root {
+      --hour-height: 64px;
+      --time-axis-width: 60px;
+      --header-height: 70px;
+
+      /* Colors - UI */
+      --color-border: #e0e0e0;
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-text: #333333;
+      --color-text-secondary: #666;
+      --color-primary: #1976d2;
+
+      /* Named color palette */
+      --b-color-blue: #1e88e5;
+      --b-color-green: #43a047;
+      --b-color-red: #e53935;
+      --b-color-amber: #ffb300;
+      --b-color-purple: #8e24aa;
+      --b-color-teal: #00897b;
+      --b-mix: #fff;
+
+      /* Checkout style tokens */
+      --color-teal: #00897b;
+      --font-mono: 'JetBrains Mono', monospace;
+
+      /* Shadows */
+      --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
+      --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+
+      /* Transitions */
+      --transition-fast: 150ms ease;
+    }
+
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: var(--color-background);
+    }
+
+    /* Demo layout */
+    .demo-container {
+      padding: 16px;
+    }
+
+    .demo-buttons {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 16px;
+      flex-wrap: wrap;
+    }
+
+    .demo-btn {
+      padding: 6px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      cursor: pointer;
+      background: var(--color-surface);
+      font-size: 12px;
+      transition: background var(--transition-fast);
+    }
+
+    .demo-btn:hover {
+      background: var(--color-background-hover);
+    }
+
+    .demo-btn-primary {
+      background: var(--color-primary);
+      color: white;
+      border-color: var(--color-primary);
+    }
+
+    .demo-btn-primary:hover {
+      background: #1565c0;
+    }
+
+    /* Calendar mock */
+    .calendar-mock {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      height: 500px;
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+    }
+
+    .calendar-mock-column {
+      border-right: 1px solid var(--color-border);
+      padding: 8px;
+    }
+
+    .calendar-mock-column:last-child {
+      border-right: none;
+    }
+
+    .mock-event {
+      --b-primary: var(--b-color-blue);
+      background-color: color-mix(in srgb, var(--b-primary) 10%, var(--b-mix));
+      border-left: 4px solid var(--b-primary);
+      padding: 4px 6px;
+      margin-bottom: 8px;
+      border-radius: 3px;
+      cursor: pointer;
+      font-size: 12px;
+      transition: background-color 200ms ease;
+    }
+
+    .mock-event:hover {
+      background-color: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+    }
+
+    .mock-event-time {
+      font-size: 0.875rem;
+      font-weight: 500;
+    }
+
+    .mock-event-title {
+      font-size: 0.875rem;
+    }
+
+    /* ==========================================
+       DETAIL DRAWER
+       ========================================== */
+
+    swp-detail-drawer-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.2);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 200ms ease;
+      z-index: 900;
+    }
+
+    swp-detail-drawer-overlay.open {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    swp-detail-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 340px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      transition: transform 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000; /* Drawer 1 - top */
+    }
+
+    swp-detail-drawer.open {
+      transform: translateX(0);
+    }
+
+    /* Drawer header */
+    swp-drawer-header {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      padding: 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-drawer-title {
+      display: flex;
+      justify-content: center;
+      padding: 14px 16px;
+      font-size: 14px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-drawer-title.source-web {
+      --b-primary: var(--b-color-blue);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+
+    swp-drawer-title.source-recurring {
+      --b-primary: var(--b-color-purple);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+
+    swp-drawer-title.source-manual {
+      --b-primary: var(--b-color-teal);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+
+    swp-created-date {
+      font-size: 10px;
+      color: var(--color-text-secondary);
+      opacity: 0.8;
+      padding: 4px 16px 8px;
+      text-align: right;
+      background: var(--color-background-alt);
+    }
+
+    /* Drawer content */
+    swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    /* Section styling */
+    swp-drawer-section {
+      display: block;
+    }
+
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 400;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 10px;
+    }
+
+    /* Event time/date */
+    swp-event-info {
+      display: block;
+      padding-bottom: 16px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-event-time-display {
+      display: block;
+      font-size: 20px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-event-date-display {
+      display: block;
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    /* Customer section */
+    swp-customer-info {
+      display: block;
+    }
+
+    swp-customer-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+    }
+
+    swp-customer-name {
+      font-size: 18px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-customer-phone {
+      font-size: 14px;
+      color: var(--color-teal);
+    }
+
+    swp-customer-phone a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-customer-phone a:hover {
+      text-decoration: underline;
+    }
+
+    swp-customer-details-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      margin-top: 6px;
+      transition: color 150ms ease;
+    }
+
+    swp-customer-details-link:hover {
+      color: var(--color-teal);
+    }
+
+    /* Chevron icon styling */
+    .link-chevron {
+      width: 18px;
+      height: 18px;
+      transition: transform 200ms ease;
+      filter: invert(45%) sepia(0%) saturate(0%) brightness(90%);
+    }
+
+    swp-customer-details-link:hover .link-chevron,
+    swp-journal-details-link:hover .link-chevron {
+      filter: invert(32%) sepia(98%) saturate(1234%) hue-rotate(152deg) brightness(93%) contrast(92%);
+    }
+
+    swp-customer-details-link.panel-open .link-chevron,
+    swp-journal-details-link.panel-open .link-chevron {
+      transform: rotate(90deg);
+    }
+
+    /* Status */
+    swp-status-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 4px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-status-label {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-status-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+    }
+
+    /* Status variants - using color-mix like events */
+    .status-badge.status-created {
+      --b-primary: var(--b-color-purple);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+    .status-badge.status-created swp-status-dot { background: var(--b-color-purple); }
+
+    .status-badge.status-arrived {
+      --b-primary: var(--b-color-green);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+    .status-badge.status-arrived swp-status-dot { background: var(--b-color-green); }
+
+    .status-badge.status-paid {
+      --b-primary: var(--b-color-blue);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+    .status-badge.status-paid swp-status-dot { background: var(--b-color-blue); }
+
+    .status-badge.status-noshow {
+      --b-primary: var(--b-color-red);
+      background: color-mix(in srgb, var(--b-primary) 15%, var(--b-mix));
+      color: var(--b-primary);
+    }
+    .status-badge.status-noshow swp-status-dot { background: var(--b-color-red); }
+
+    .status-badge.status-cancelled {
+      background: var(--color-background-alt);
+      color: var(--color-text-secondary);
+      border: 1px solid var(--color-border);
+    }
+    .status-badge.status-cancelled swp-status-dot { background: var(--color-text-secondary); }
+
+    /* Services list */
+    swp-services-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-service-item {
+      --b-primary: var(--b-color-blue);
+      display: block;
+      padding: 10px 12px;
+      background: color-mix(in srgb, var(--b-primary) 5%, var(--b-mix));
+      border-left: 3px solid var(--b-primary);
+      border-radius: 3px;
+    }
+
+    swp-service-name {
+      display: block;
+      font-size: 15px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-service-details {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-service-price {
+      font-family: var(--font-mono);
+      font-weight: 500;
+    }
+
+    swp-service-resource {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+      opacity: 0.8;
+    }
+
+    /* Total */
+    swp-total-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 12px 0;
+      border-top: 1px solid var(--color-border);
+      border-bottom: 1px solid var(--color-border);
+      margin-top: 4px;
+    }
+
+    swp-total-label {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-total-amount {
+      font-family: var(--font-mono);
+      font-size: 24px;
+      font-weight: 700;
+      color: var(--color-text);
+    }
+
+    /* Notes */
+    swp-notes-box {
+      display: block;
+      padding: 10px 12px;
+      background: color-mix(in srgb, var(--b-color-amber) 10%, var(--b-mix));
+      border-left: 3px solid var(--b-color-amber);
+      border-radius: 3px;
+      font-size: 14px;
+      color: var(--color-text);
+      font-style: italic;
+    }
+
+    /* Journal link */
+    swp-journal-link {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 12px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all var(--transition-fast);
+    }
+
+    swp-journal-link:hover {
+      background: var(--color-background-hover);
+      border-color: var(--color-teal);
+    }
+
+    swp-journal-icon {
+      width: 20px;
+      height: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    swp-journal-icon img {
+      width: 20px;
+      height: 20px;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+      transition: filter 150ms ease;
+    }
+
+    swp-journal-link:hover swp-journal-icon img {
+      filter: invert(32%) sepia(98%) saturate(1234%) hue-rotate(196deg) brightness(93%) contrast(92%);
+    }
+
+    swp-journal-link.no-journal swp-journal-icon img {
+      filter: invert(45%) sepia(8%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
+    }
+
+    swp-journal-link.no-journal:hover swp-journal-icon img {
+      filter: invert(32%) sepia(98%) saturate(1234%) hue-rotate(196deg) brightness(93%) contrast(92%);
+    }
+
+    swp-journal-text {
+      flex: 1;
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-journal-arrow {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Journal not created state */
+    swp-journal-link.no-journal {
+      border-style: dashed;
+      background: var(--color-background-alt);
+    }
+
+    swp-journal-link.no-journal swp-journal-text {
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-link.no-journal:hover {
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+      border-style: solid;
+    }
+
+    /* Journal Panel - slides out from left of drawer */
+    swp-journal-panel {
+      position: fixed;
+      top: 0;
+      right: 340px;
+      bottom: 0;
+      width: 440px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      opacity: 0;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  opacity 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 990; /* Drawer 2 - middle */
+    }
+
+    swp-journal-panel.open {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    swp-journal-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-journal-header-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-journal-close {
+      background: none;
+      border: none;
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      padding: 4px 8px;
+      border-radius: 4px;
+      transition: background 150ms ease;
+    }
+
+    swp-journal-close:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* Journal Tabs - Traditional style */
+    swp-journal-tabs {
+      display: flex;
+      padding: 0 20px;
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-journal-tab {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 14px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      background: transparent;
+      border: none;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-journal-tab:hover:not(.disabled) {
+      color: var(--color-text);
+      background: var(--color-background-hover);
+    }
+
+    swp-journal-tab.active {
+      color: var(--color-text);
+      background: var(--color-surface);
+      border-bottom-color: var(--color-teal);
+    }
+
+    swp-journal-tab.disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .tab-indicator {
+      width: 8px;
+      height: 8px;
+      border-radius: 2px;
+      flex-shrink: 0;
+    }
+
+    .tab-indicator.blue {
+      background: var(--b-color-blue);
+    }
+
+    .tab-indicator.amber {
+      background: var(--b-color-amber);
+    }
+
+    .tab-indicator.gray {
+      background: var(--color-text-secondary);
+    }
+
+    .tab-indicator.purple {
+      background: #8b5cf6;
+    }
+
+    /* Tab Content Container */
+    swp-journal-tab-content {
+      display: none;
+      flex-direction: column;
+      flex: 1;
+      overflow: hidden;
+    }
+
+    swp-journal-tab-content.active {
+      display: flex;
+    }
+
+    /* Tab Content Header */
+    swp-journal-tab-header {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-journal-tab-title {
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-journal-tab-title span {
+      font-weight: 400;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-tab-desc {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      line-height: 1.4;
+    }
+
+    swp-journal-add-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 8px 14px;
+      font-size: 13px;
+      font-weight: 500;
+      color: white;
+      background: var(--color-teal);
+      border-radius: 6px;
+      cursor: pointer;
+      margin-top: 4px;
+      align-self: flex-start;
+      transition: background 150ms ease;
+    }
+
+    swp-journal-add-btn:hover {
+      background: #00796b;
+    }
+
+    /* Journal Content */
+    swp-journal-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    /* Journal Entry Card */
+    swp-journal-entry {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 14px 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-journal-entry-meta {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-journal-entry-type {
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--b-color-blue);
+      background: color-mix(in srgb, var(--b-color-blue) 15%, var(--b-mix));
+      border-radius: 4px;
+    }
+
+    swp-journal-entry-type.farveformel {
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 15%, var(--b-mix));
+    }
+
+    swp-journal-entry-type.analyse {
+      color: #7c3aed;
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+    }
+
+    swp-journal-entry-date {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-author {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-tags {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      margin-left: auto;
+    }
+
+    swp-journal-tag {
+      padding: 3px 10px;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 12px;
+    }
+
+    /* Tag Colors - Journal Panel */
+    swp-journal-tag.tag-note,
+    swp-journal-tag:contains('Fri note') {
+      background: color-mix(in srgb, var(--b-color-blue) 15%, var(--b-mix));
+      border-color: var(--b-color-blue);
+      color: var(--b-color-blue);
+    }
+    swp-journal-tag.tag-sensitiv {
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+      border-color: #8b5cf6;
+      color: #7c3aed;
+    }
+    swp-journal-tag.tag-allergi {
+      background: color-mix(in srgb, var(--b-color-red) 15%, var(--b-mix));
+      border-color: var(--b-color-red);
+      color: var(--b-color-red);
+    }
+    swp-journal-tag.tag-praference {
+      background: color-mix(in srgb, var(--color-teal) 15%, var(--b-mix));
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+    swp-journal-tag.tag-anbefaling {
+      background: color-mix(in srgb, var(--b-color-amber) 15%, var(--b-mix));
+      border-color: var(--b-color-amber);
+      color: #b45309;
+    }
+
+    /* Farveformel Tags */
+    swp-journal-tag.tag-farveformel {
+      background: color-mix(in srgb, var(--color-teal) 15%, var(--b-mix));
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+    swp-journal-tag.tag-kold-tone {
+      background: color-mix(in srgb, var(--b-color-blue) 15%, var(--b-mix));
+      border-color: var(--b-color-blue);
+      color: var(--b-color-blue);
+    }
+    swp-journal-tag.tag-toning {
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+      border-color: #8b5cf6;
+      color: #7c3aed;
+    }
+    swp-journal-tag.tag-balayage {
+      background: color-mix(in srgb, var(--b-color-amber) 15%, var(--b-mix));
+      border-color: var(--b-color-amber);
+      color: #b45309;
+    }
+
+    swp-journal-entry-delete {
+      padding: 4px 6px;
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-radius: 4px;
+      transition: all 150ms ease;
+      opacity: 0.6;
+    }
+
+    swp-journal-entry-delete:hover {
+      color: var(--b-color-red);
+      background: color-mix(in srgb, var(--b-color-red) 10%, var(--b-mix));
+      opacity: 1;
+    }
+
+    swp-journal-entry-text {
+      font-size: 13px;
+      color: var(--color-text);
+      line-height: 1.5;
+      white-space: pre-line;
+    }
+
+    swp-journal-entry-text .mono {
+      font-family: var(--font-mono);
+    }
+
+    /* Entry Footer - Dato, Synlighed & Markering */
+    swp-journal-entry-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 10px;
+      padding-top: 10px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-journal-entry-footer swp-journal-entry-date {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-icons {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-journal-entry-visibility,
+    swp-journal-entry-marking {
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-journal-entry-visibility .entry-icon,
+    swp-journal-entry-marking .entry-icon {
+      width: 18px;
+      height: 18px;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+    }
+
+    swp-journal-entry-marking.hidden {
+      display: none;
+    }
+
+    /* Preview Entry */
+    swp-journal-entry.preview {
+      border: 2px dashed var(--color-teal);
+      opacity: 1;
+      transform: translateY(0);
+      transition: opacity 200ms ease, transform 200ms ease, max-height 300ms ease;
+      max-height: 2000px;
+    }
+
+    swp-journal-entry.preview.hidden {
+      opacity: 0;
+      transform: translateY(-20px);
+      max-height: 0;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      border: none;
+    }
+
+    /* Journal Profile Section */
+    swp-journal-profile-section {
+      padding: 16px 20px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-surface);
+    }
+
+    swp-journal-profile-toggle {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-journal-profile-toggle:hover {
+      color: #00796b;
+    }
+
+    swp-journal-profile-toggle .toggle-arrow {
+      font-size: 10px;
+      transition: transform 200ms ease;
+    }
+
+    swp-journal-profile-toggle.collapsed .toggle-arrow {
+      transform: rotate(-90deg);
+    }
+
+    swp-journal-profile-boxes {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 8px;
+      margin-top: 12px;
+      max-height: 200px;
+      overflow: hidden;
+      transition: max-height 200ms ease, margin-top 200ms ease, opacity 200ms ease;
+    }
+
+    swp-journal-profile-boxes.collapsed {
+      max-height: 0;
+      margin-top: 0;
+      opacity: 0;
+    }
+
+    /* Customer Details Panel - double width drawer, slides under like journal */
+    swp-customer-panel {
+      position: fixed;
+      top: 0;
+      right: 340px;
+      bottom: 0;
+      width: 680px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      opacity: 0;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  opacity 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000;
+      overflow: hidden;
+    }
+
+    swp-customer-panel.open {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    swp-customer-panel-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px 24px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-customer-panel-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    .panel-header-icon {
+      width: 20px;
+      height: 20px;
+      filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
+    }
+
+    swp-customer-panel-close {
+      background: none;
+      border: none;
+      font-size: 20px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      padding: 4px 8px;
+      border-radius: 4px;
+      transition: background 150ms ease;
+    }
+
+    swp-customer-panel-close:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-customer-panel-content {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+      padding: 24px;
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+      min-height: 0;
+    }
+
+    /* Customer info header */
+    swp-customer-header-section {
+      display: flex;
+      gap: 24px;
+      padding-bottom: 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-customer-avatar {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--color-teal), #4db6ac);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 32px;
+      font-weight: 600;
+      color: white;
+      flex-shrink: 0;
+    }
+
+    swp-customer-header-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-customer-header-top {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+    }
+
+    swp-customer-header-left {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-customer-header-name {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-customer-header-contact {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      align-items: flex-end;
+    }
+
+    swp-customer-header-contact-item {
+      font-size: 14px;
+    }
+
+    swp-customer-header-contact-item a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-customer-header-contact-item a:hover {
+      text-decoration: underline;
+    }
+
+    swp-customer-since {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Fact boxes grid */
+    swp-fact-boxes {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+    }
+
+    swp-fact-box {
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      text-align: center;
+    }
+
+    swp-fact-box-value {
+      display: block;
+      font-family: var(--font-mono);
+      font-size: 20px;
+      font-weight: 700;
+      color: var(--color-text);
+      margin-bottom: 4px;
+    }
+
+    swp-fact-box-label {
+      display: block;
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-fact-box.highlight {
+      background: linear-gradient(135deg, rgba(0, 137, 123, 0.1), rgba(0, 137, 123, 0.05));
+      border-color: var(--color-teal);
+    }
+
+    swp-fact-box.highlight swp-fact-box-value {
+      color: var(--color-teal);
+    }
+
+    /* Chart section */
+    swp-chart-section {
+      display: block;
+    }
+
+    swp-chart-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    swp-chart-title {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-legend {
+      display: flex;
+      gap: 16px;
+    }
+
+    swp-chart-legend-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-legend-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    swp-chart-legend-dot.services {
+      background: var(--color-teal);
+    }
+
+    swp-chart-legend-dot.products {
+      background: var(--b-color-blue);
+    }
+
+    swp-chart-container {
+      display: block;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    /* Products list */
+    swp-products-section {
+      display: block;
+    }
+
+    swp-products-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-product-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 14px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-product-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-product-name {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-product-date {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-product-price {
+      font-family: var(--font-mono);
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    /* Preferences section */
+    swp-preferences-section {
+      display: block;
+    }
+
+    swp-preferences-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 12px;
+    }
+
+    swp-preference-item {
+      padding: 12px 14px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-preference-label {
+      display: block;
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 4px;
+    }
+
+    swp-preference-value {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    /* Customer stats */
+    swp-stats-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 8px;
+    }
+
+    swp-stat-item {
+      display: flex;
+      flex-direction: column;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 4px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-value {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-stat-value.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-stat-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    /* Profile boxes */
+    swp-profile-boxes {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 8px;
+    }
+
+    swp-profile-box {
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 4px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-profile-box.warning {
+      background: color-mix(in srgb, var(--b-color-amber) 10%, var(--b-mix));
+      border-color: var(--b-color-amber);
+    }
+
+    swp-profile-box-label {
+      display: block;
+      font-size: 10px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 3px;
+    }
+
+    swp-profile-box.warning swp-profile-box-label {
+      color: #b8860b;
+    }
+
+    swp-profile-box-value {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text);
+      line-height: 1.3;
+    }
+
+    swp-journal-details-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      margin-top: 10px;
+      transition: color 150ms ease;
+    }
+
+    swp-journal-details-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-journal-details-link.no-journal {
+      color: var(--color-teal);
+    }
+
+    /* Drawer footer */
+    swp-drawer-footer {
+      display: flex;
+      gap: 8px;
+      padding: 16px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-surface);
+    }
+
+    swp-footer-btn {
+      flex: 1;
+      padding: 12px 16px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all var(--transition-fast);
+      text-align: center;
+    }
+
+    swp-footer-btn.btn-primary {
+      background: var(--color-teal);
+      color: white;
+      border-color: var(--color-teal);
+    }
+
+    swp-footer-btn.btn-primary:hover {
+      background: #00796b;
+    }
+
+    swp-footer-btn.btn-secondary {
+      background: var(--color-surface);
+      color: var(--color-text);
+    }
+
+    swp-footer-btn.btn-secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* Footer states based on booking status */
+    swp-drawer-footer.status-paid swp-footer-btn.btn-primary {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+      opacity: 0.7;
+      cursor: default;
+    }
+
+    swp-drawer-footer.status-cancelled swp-footer-btn.btn-primary,
+    swp-drawer-footer.status-noshow swp-footer-btn.btn-primary {
+      background: var(--color-text-secondary);
+      border-color: var(--color-text-secondary);
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    /* ==========================================
+       STATUS DROPDOWN (Popover API)
+       ========================================== */
+
+    swp-status-row {
+      position: relative;
+      anchor-name: --status-row;
+    }
+
+    .status-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 3px 8px;
+      border: none;
+      border-radius: 3px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: inherit;
+      cursor: pointer;
+      transition: transform var(--transition-fast);
+    }
+
+    .status-badge:hover {
+      transform: scale(1.02);
+    }
+
+    #statusText {
+      margin-top: -2px;
+    }
+
+    swp-status-dropdown {
+      margin: 0;
+      padding: 4px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      box-shadow: var(--shadow-md);
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+
+      /* Animation */
+      opacity: 0;
+      transform: translateY(-8px);
+      transition: opacity 150ms ease, transform 150ms ease, display 150ms ease allow-discrete;
+    }
+
+    swp-status-dropdown:popover-open {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    @starting-style {
+      swp-status-dropdown:popover-open {
+        opacity: 0;
+        transform: translateY(-8px);
+      }
+    }
+
+    swp-status-option {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 10px;
+      border-radius: 3px;
+      cursor: pointer;
+      font-size: 13px;
+      font-weight: 500;
+      opacity: 0;
+      transform: translateX(10px);
+      transition: background var(--transition-fast), opacity 150ms ease, transform 150ms ease;
+    }
+
+    swp-status-dropdown:popover-open swp-status-option {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    /* Stagger animation delays */
+    swp-status-dropdown:popover-open swp-status-option:nth-child(1) { transition-delay: 0ms; }
+    swp-status-dropdown:popover-open swp-status-option:nth-child(2) { transition-delay: 30ms; }
+    swp-status-dropdown:popover-open swp-status-option:nth-child(3) { transition-delay: 60ms; }
+    swp-status-dropdown:popover-open swp-status-option:nth-child(4) { transition-delay: 90ms; }
+    swp-status-dropdown:popover-open swp-status-option:nth-child(5) { transition-delay: 120ms; }
+
+    swp-status-option:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-status-option swp-status-dot {
+      width: 8px;
+      height: 8px;
+    }
+
+    swp-status-option swp-status-check {
+      margin-left: auto;
+      font-size: 12px;
+      opacity: 0;
+    }
+
+    swp-status-option.selected swp-status-check {
+      opacity: 1;
+    }
+
+    /* Status option colors */
+    swp-status-option.opt-created { color: var(--b-color-purple); }
+    swp-status-option.opt-created swp-status-dot { background: var(--b-color-purple); }
+
+    swp-status-option.opt-arrived { color: var(--b-color-green); }
+    swp-status-option.opt-arrived swp-status-dot { background: var(--b-color-green); }
+
+    swp-status-option.opt-paid { color: var(--b-color-blue); }
+    swp-status-option.opt-paid swp-status-dot { background: var(--b-color-blue); }
+
+    swp-status-option.opt-noshow { color: var(--b-color-red); }
+    swp-status-option.opt-noshow swp-status-dot { background: var(--b-color-red); }
+
+    swp-status-option.opt-cancelled { color: var(--color-text-secondary); }
+    swp-status-option.opt-cancelled swp-status-dot { background: var(--color-text-secondary); }
+
+    /* ==========================================
+       ADD NOTE PANEL
+       ========================================== */
+    swp-add-note-panel {
+      position: fixed;
+      top: 0;
+      right: 340px; /* Same as journal - starts behind it */
+      bottom: 0;
+      width: 440px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(0); /* Behind journal panel */
+      visibility: hidden;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  visibility 0ms 250ms;
+      display: flex;
+      flex-direction: column;
+      z-index: 980; /* Drawer 3 - bottom */
+    }
+
+    swp-add-note-panel.open {
+      transform: translateX(-100%); /* Slide out to the left */
+      visibility: visible;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  visibility 0ms 0ms;
+    }
+
+    swp-add-note-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-add-note-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-add-note-close {
+      cursor: pointer;
+      padding: 4px 8px;
+      border-radius: 4px;
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      transition: background 150ms ease;
+    }
+
+    swp-add-note-close:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-add-note-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    swp-add-note-desc {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      line-height: 1.4;
+    }
+
+    swp-add-note-field {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-add-note-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Tags */
+    swp-add-note-tags {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+
+    swp-add-note-tag-option {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 14px;
+      font-size: 13px;
+      border-radius: 16px;
+      border: 1px solid var(--color-border);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-add-note-tag-option::before {
+      content: '';
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      border: 1px solid var(--color-border);
+      transition: all 150ms ease;
+    }
+
+    swp-add-note-tag-option:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-add-note-tag-option.selected {
+      background: color-mix(in srgb, var(--b-color-blue) 12%, var(--b-mix));
+      border-color: var(--b-color-blue);
+    }
+
+    /* Tag Colors - Add Note Panel */
+    swp-add-note-tag-option[data-tag="note"].selected {
+      background: color-mix(in srgb, var(--b-color-blue) 15%, var(--b-mix));
+      border-color: var(--b-color-blue);
+      color: var(--b-color-blue);
+    }
+    swp-add-note-tag-option[data-tag="sensitiv"].selected {
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+      border-color: #8b5cf6;
+      color: #7c3aed;
+    }
+    swp-add-note-tag-option[data-tag="allergi"].selected {
+      background: color-mix(in srgb, var(--b-color-red) 15%, var(--b-mix));
+      border-color: var(--b-color-red);
+      color: var(--b-color-red);
+    }
+    swp-add-note-tag-option[data-tag="praference"].selected {
+      background: color-mix(in srgb, var(--color-teal) 15%, var(--b-mix));
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+    swp-add-note-tag-option[data-tag="anbefaling"].selected {
+      background: color-mix(in srgb, var(--b-color-amber) 15%, var(--b-mix));
+      border-color: var(--b-color-amber);
+      color: #b45309;
+    }
+    /* Farveformel tags */
+    swp-add-note-tag-option[data-tag="farveformel"].selected {
+      background: color-mix(in srgb, var(--color-teal) 15%, var(--b-mix));
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+    swp-add-note-tag-option[data-tag="kold-tone"].selected {
+      background: color-mix(in srgb, var(--b-color-blue) 15%, var(--b-mix));
+      border-color: var(--b-color-blue);
+      color: var(--b-color-blue);
+    }
+    swp-add-note-tag-option[data-tag="toning"].selected {
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+      border-color: #8b5cf6;
+      color: #7c3aed;
+    }
+    swp-add-note-tag-option[data-tag="balayage"].selected {
+      background: color-mix(in srgb, var(--b-color-amber) 15%, var(--b-mix));
+      border-color: var(--b-color-amber);
+      color: #b45309;
+    }
+
+    swp-add-note-tag-option.selected::before {
+      background: var(--b-color-blue);
+      border-color: var(--b-color-blue);
+    }
+    swp-add-note-tag-option[data-tag="note"].selected::before {
+      background: var(--b-color-blue);
+      border-color: var(--b-color-blue);
+    }
+    swp-add-note-tag-option[data-tag="sensitiv"].selected::before {
+      background: #8b5cf6;
+      border-color: #8b5cf6;
+    }
+    swp-add-note-tag-option[data-tag="allergi"].selected::before {
+      background: var(--b-color-red);
+      border-color: var(--b-color-red);
+    }
+    swp-add-note-tag-option[data-tag="praference"].selected::before {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+    }
+    swp-add-note-tag-option[data-tag="anbefaling"].selected::before {
+      background: var(--b-color-amber);
+      border-color: var(--b-color-amber);
+    }
+    /* Farveformel tags ::before */
+    swp-add-note-tag-option[data-tag="farveformel"].selected::before {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+    }
+    swp-add-note-tag-option[data-tag="kold-tone"].selected::before {
+      background: var(--b-color-blue);
+      border-color: var(--b-color-blue);
+    }
+    swp-add-note-tag-option[data-tag="toning"].selected::before {
+      background: #8b5cf6;
+      border-color: #8b5cf6;
+    }
+    swp-add-note-tag-option[data-tag="balayage"].selected::before {
+      background: var(--b-color-amber);
+      border-color: var(--b-color-amber);
+    }
+
+    swp-add-note-tip {
+      font-size: 11px;
+      color: var(--color-teal);
+      font-style: italic;
+    }
+
+    /* Textarea */
+    swp-add-note-content textarea {
+      width: 100%;
+      min-height: 120px;
+      padding: 12px;
+      font-family: inherit;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      resize: vertical;
+      line-height: 1.5;
+    }
+
+    swp-add-note-content textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* Dropdowns */
+    swp-add-note-dropdowns {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-add-note-dropdown-group {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-add-note-dropdown-group select {
+      padding: 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      cursor: pointer;
+    }
+
+    swp-add-note-dropdown-group select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-add-note-help {
+      font-size: 11px;
+      color: var(--color-teal);
+    }
+
+    /* Footer */
+    swp-add-note-footer {
+      display: flex;
+      gap: 8px;
+      padding: 16px 20px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-add-note-btn {
+      flex: 1;
+      padding: 10px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      cursor: pointer;
+      text-align: center;
+      transition: all 150ms ease;
+    }
+
+    swp-add-note-btn.primary {
+      background: var(--color-teal);
+      color: white;
+      border: none;
+    }
+
+    swp-add-note-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-add-note-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-add-note-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* ==========================================
+       FARVEFORMEL PANEL (extends add-note styles)
+       ========================================== */
+    swp-farveformel-panel {
+      position: fixed;
+      top: 0;
+      right: 340px;
+      bottom: 0;
+      width: 440px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(0);
+      visibility: hidden;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  visibility 0ms 250ms;
+      display: flex;
+      flex-direction: column;
+      z-index: 980;
+    }
+
+    swp-farveformel-panel.open {
+      transform: translateX(-100%);
+      visibility: visible;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  visibility 0ms 0ms;
+    }
+
+    /* Farveformel-specific: 2-column grid layout */
+    swp-add-note-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-add-note-field.full-width {
+      grid-column: 1 / -1;
+    }
+
+    /* Input styling for farveformel */
+    swp-farveformel-panel input[type="text"] {
+      padding: 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    /* Monospace for formula fields */
+    swp-farveformel-panel input#ffFormel,
+    swp-farveformel-panel input#ffBlandingsforhold {
+      font-family: var(--font-mono);
+    }
+
+    swp-farveformel-panel input[type="text"]:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-farveformel-panel select {
+      padding: 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      cursor: pointer;
+    }
+
+    swp-farveformel-panel select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-farveformel-panel textarea {
+      width: 100%;
+      min-height: 100px;
+      padding: 12px;
+      font-family: inherit;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      resize: vertical;
+      line-height: 1.5;
+    }
+
+    swp-farveformel-panel textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       ANALYSE PANEL (extends add-note styles)
+       ========================================== */
+    swp-analyse-panel {
+      position: fixed;
+      top: 0;
+      right: 340px;
+      bottom: 0;
+      width: 440px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(0);
+      visibility: hidden;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  visibility 0ms 250ms;
+      display: flex;
+      flex-direction: column;
+      z-index: 980;
+    }
+
+    swp-analyse-panel.open {
+      transform: translateX(-100%);
+      visibility: visible;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  visibility 0ms 0ms;
+    }
+
+    swp-analyse-panel input[type="text"] {
+      padding: 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-analyse-panel input[type="text"]:focus {
+      outline: none;
+      border-color: #8b5cf6;
+    }
+
+    swp-analyse-panel select {
+      padding: 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      cursor: pointer;
+    }
+
+    swp-analyse-panel select:focus {
+      outline: none;
+      border-color: #8b5cf6;
+    }
+
+    swp-analyse-panel textarea {
+      width: 100%;
+      min-height: 80px;
+      padding: 12px;
+      font-family: inherit;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      resize: vertical;
+      line-height: 1.5;
+    }
+
+    swp-analyse-panel textarea:focus {
+      outline: none;
+      border-color: #8b5cf6;
+    }
+
+    /* Analyse tags */
+    swp-add-note-tag-option[data-tag="analyse"].selected {
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+      border-color: #8b5cf6;
+      color: #7c3aed;
+    }
+    swp-add-note-tag-option[data-tag="hovedbund"].selected {
+      background: color-mix(in srgb, var(--b-color-amber) 15%, var(--b-mix));
+      border-color: var(--b-color-amber);
+      color: #b45309;
+    }
+    swp-add-note-tag-option[data-tag="analyse"].selected::before {
+      background: #8b5cf6;
+      border-color: #8b5cf6;
+    }
+    swp-add-note-tag-option[data-tag="hovedbund"].selected::before {
+      background: var(--b-color-amber);
+      border-color: var(--b-color-amber);
+    }
+
+    /* Journal tag for analyse */
+    swp-journal-tag.tag-analyse {
+      background: color-mix(in srgb, #8b5cf6 15%, var(--b-mix));
+      border-color: #8b5cf6;
+      color: #7c3aed;
+    }
+    swp-journal-tag.tag-hovedbund {
+      background: color-mix(in srgb, var(--b-color-amber) 15%, var(--b-mix));
+      border-color: var(--b-color-amber);
+      color: #b45309;
+    }
+  </style>
+</head>
+<body>
+  <div class="demo-container">
+    <p style="font-size: 12px; color: var(--color-text-secondary); margin-bottom: 12px;">
+      Dobbeltklik på en event eller brug knapperne
+    </p>
+
+    <div class="demo-buttons">
+      <button class="demo-btn demo-btn-primary" onclick="openDrawer('arrived', 'web', true)">Online + journal</button>
+      <button class="demo-btn" onclick="openDrawer('created', 'manual', false)">Manuel</button>
+      <button class="demo-btn" onclick="openDrawer('paid', 'recurring', true)">Recurring</button>
+      <button class="demo-btn" onclick="openDrawer('noshow', 'web', false)">No-show</button>
+      <button class="demo-btn" onclick="openDrawer('cancelled', 'manual', true)">Cancelled</button>
+    </div>
+
+    <div class="calendar-mock">
+      <div class="calendar-mock-column">
+        <div class="mock-event" ondblclick="openDrawer('arrived')">
+          <div class="mock-event-time">10:00 - 11:00</div>
+          <div class="mock-event-title">Sofie Nielsen</div>
+        </div>
+        <div class="mock-event" ondblclick="openDrawer('created')">
+          <div class="mock-event-time">14:00 - 15:30</div>
+          <div class="mock-event-title">Lars Pedersen</div>
+        </div>
+      </div>
+      <div class="calendar-mock-column">
+        <div class="mock-event" ondblclick="openDrawer('paid')">
+          <div class="mock-event-time">09:00 - 10:00</div>
+          <div class="mock-event-title">Marie Hansen</div>
+        </div>
+      </div>
+      <div class="calendar-mock-column">
+        <div class="mock-event" ondblclick="openDrawer('noshow')">
+          <div class="mock-event-time">11:00 - 12:00</div>
+          <div class="mock-event-title">Peter Jensen</div>
+        </div>
+      </div>
+      <div class="calendar-mock-column"></div>
+      <div class="calendar-mock-column"></div>
+    </div>
+  </div>
+
+  <!-- Overlay -->
+  <swp-detail-drawer-overlay id="drawerOverlay" onclick="closeDrawer()"></swp-detail-drawer-overlay>
+
+  <!-- Journal Panel -->
+  <swp-journal-panel id="journalPanel">
+    <swp-journal-header>
+      <swp-journal-header-title>Journal</swp-journal-header-title>
+      <swp-journal-close onclick="closeJournal()">✕</swp-journal-close>
+    </swp-journal-header>
+
+    <!-- Tabs -->
+    <swp-journal-tabs>
+      <swp-journal-tab class="active" data-tab="noter" onclick="switchJournalTab('noter')"><span class="tab-indicator blue"></span>Noter</swp-journal-tab>
+      <swp-journal-tab data-tab="farveformler" onclick="switchJournalTab('farveformler')"><span class="tab-indicator amber"></span>Farveformler</swp-journal-tab>
+      <swp-journal-tab data-tab="analyse" onclick="switchJournalTab('analyse')"><span class="tab-indicator purple"></span>Analyse</swp-journal-tab>
+    </swp-journal-tabs>
+
+    <!-- Tab: Noter -->
+    <swp-journal-tab-content id="tabNoter" class="active">
+      <swp-journal-tab-header>
+        <swp-journal-tab-title>Kunde-journal <span>(langsigtet)</span></swp-journal-tab-title>
+        <swp-journal-tab-desc>Private noter om hår, reaktioner og anbefalinger. Kunden ser det ikke.</swp-journal-tab-desc>
+        <swp-journal-add-btn onclick="openAddNote()">+ Tilføj note</swp-journal-add-btn>
+      </swp-journal-tab-header>
+
+      <swp-journal-content>
+        <!-- Preview Entry for Notes -->
+        <swp-journal-entry id="previewEntry" class="preview hidden">
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type>Note</swp-journal-entry-type>
+            <swp-journal-entry-tags id="previewTags"></swp-journal-entry-tags>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text id="previewText">(Tom note)</swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date id="previewDate">I dag</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility id="previewVisibility">
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+              <swp-journal-entry-marking id="previewMarking" class="hidden"></swp-journal-entry-marking>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+
+        <swp-journal-entry>
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type>Note</swp-journal-entry-type>
+            <swp-journal-entry-tags>
+              <swp-journal-tag class="tag-allergi">Hovedbund</swp-journal-tag>
+              <swp-journal-tag class="tag-sensitiv">Sensitiv</swp-journal-tag>
+            </swp-journal-entry-tags>
+            <swp-journal-entry-delete title="Slet">🗑</swp-journal-entry-delete>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text>
+            Let irritation ved hårgrænsen. Anbefalet parfumefri shampoo + mild kur.<br>
+            Kunden reagerer på stærk parfume.
+          </swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date>2. sep 2025 · Af: Nina</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility>
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+      </swp-journal-content>
+    </swp-journal-tab-content>
+
+    <!-- Tab: Farveformler -->
+    <swp-journal-tab-content id="tabFarveformler">
+      <swp-journal-tab-header>
+        <swp-journal-tab-title>Farveformler <span>(historik)</span></swp-journal-tab-title>
+        <swp-journal-tab-desc>Gemte farveformler for denne kunde. Nem genbrug og konsistens.</swp-journal-tab-desc>
+        <swp-journal-add-btn onclick="openFarveformel()">+ Tilføj farveformel</swp-journal-add-btn>
+      </swp-journal-tab-header>
+
+      <swp-journal-content>
+        <!-- Preview Entry for Farveformler -->
+        <swp-journal-entry id="previewEntryFarveformel" class="preview hidden">
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type class="farveformel">Farveformel</swp-journal-entry-type>
+            <swp-journal-entry-tags id="previewTagsFarveformel"></swp-journal-entry-tags>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text id="previewTextFarveformel">(Udfyld felter...)</swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date>I dag</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility>
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+
+        <swp-journal-entry>
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type class="farveformel">Farveformel</swp-journal-entry-type>
+            <swp-journal-entry-delete title="Slet">🗑</swp-journal-entry-delete>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text>
+            • Mål/tone: Kold<br>
+            • Oxidant: <span class="mono">1.9%</span><br>
+            • Formel: <span class="mono">7/1 + 7/0 (1:1)</span><br>
+            • Virketid: <span class="mono">15 min</span><br>
+            • Placering: Hele håret<br><br>
+            Resultat: neutral/kold, god glans. Undgå varme toner næste gang.
+          </swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date>12. nov 2025 · Af: Maja</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility>
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+
+        <swp-journal-entry>
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type class="farveformel">Farveformel</swp-journal-entry-type>
+            <swp-journal-entry-delete title="Slet">🗑</swp-journal-entry-delete>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text>
+            • Mål/tone: Neutral<br>
+            • Oxidant: <span class="mono">3%</span><br>
+            • Formel: <span class="mono">6/0 + 7/1 (2:1)</span><br>
+            • Virketid: <span class="mono">20 min</span><br>
+            • Placering: Rødder<br><br>
+            Første besøg. Kunden ønskede naturlig look.
+          </swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date>15. aug 2025 · Af: Maja</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility>
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+      </swp-journal-content>
+    </swp-journal-tab-content>
+
+    <!-- Tab: Analyse -->
+    <swp-journal-tab-content id="tabAnalyse">
+      <swp-journal-tab-header>
+        <swp-journal-tab-title>Hår & hovedbund <span>(analyse)</span></swp-journal-tab-title>
+        <swp-journal-tab-desc>Struktureret analyse af hår og hovedbund. Kan blive til advarsel.</swp-journal-tab-desc>
+        <swp-journal-add-btn onclick="openAnalyse()">+ Tilføj analyse</swp-journal-add-btn>
+      </swp-journal-tab-header>
+
+      <swp-journal-content>
+        <!-- Preview Entry for Analyse -->
+        <swp-journal-entry id="previewEntryAnalyse" class="preview hidden">
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type class="analyse">Analyse</swp-journal-entry-type>
+            <swp-journal-entry-tags id="previewTagsAnalyse"></swp-journal-entry-tags>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text id="previewTextAnalyse">(Udfyld felter...)</swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date>I dag</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility>
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+
+        <swp-journal-entry>
+          <swp-journal-entry-meta>
+            <swp-journal-entry-type class="analyse">Analyse</swp-journal-entry-type>
+            <swp-journal-entry-tags>
+              <swp-journal-tag class="tag-analyse">Hovedbund</swp-journal-tag>
+              <swp-journal-tag class="tag-sensitiv">Sensitiv</swp-journal-tag>
+            </swp-journal-entry-tags>
+            <swp-journal-entry-delete title="Slet">🗑</swp-journal-entry-delete>
+          </swp-journal-entry-meta>
+          <swp-journal-entry-text>
+            • Hovedbund: Let irriteret<br>
+            • Hår: <span class="mono">Medium · Bølget</span><br>
+            • Porøsitet: <span class="mono">Medium</span><br>
+            • Kemisk beh.: Nej<br><br>
+            Let rødme ved hårgrænsen. Anbefalet parfumefri shampoo.
+          </swp-journal-entry-text>
+          <swp-journal-entry-footer>
+            <swp-journal-entry-date>2. sep 2025 · Af: Nina</swp-journal-entry-date>
+            <swp-journal-entry-icons>
+              <swp-journal-entry-visibility>
+                <img src="icons/eye.svg" class="entry-icon" alt="">
+                <span>Alle</span>
+              </swp-journal-entry-visibility>
+              <swp-journal-entry-marking class="warning">
+                <img src="icons/warning.svg" class="entry-icon" alt="">
+                <span>Advarsel</span>
+              </swp-journal-entry-marking>
+            </swp-journal-entry-icons>
+          </swp-journal-entry-footer>
+        </swp-journal-entry>
+      </swp-journal-content>
+    </swp-journal-tab-content>
+
+    <!-- Kundeprofil Toggle -->
+    <swp-journal-profile-section>
+      <swp-journal-profile-toggle onclick="toggleJournalProfile()">
+        <span class="toggle-arrow">▼</span> Vis "Kundeprofil" (hurtige facts)
+      </swp-journal-profile-toggle>
+      <swp-journal-profile-boxes id="journalProfileBoxes">
+        <swp-profile-box>
+          <swp-profile-box-label>Hårtype</swp-profile-box-label>
+          <swp-profile-box-value>Medium • Bølget</swp-profile-box-value>
+        </swp-profile-box>
+        <swp-profile-box>
+          <swp-profile-box-label>Porøsitet</swp-profile-box-label>
+          <swp-profile-box-value>Medium</swp-profile-box-value>
+        </swp-profile-box>
+        <swp-profile-box>
+          <swp-profile-box-label>Præference</swp-profile-box-label>
+          <swp-profile-box-value>Kold tone, ikke for mørk</swp-profile-box-value>
+        </swp-profile-box>
+        <swp-profile-box class="warning">
+          <swp-profile-box-label>Advarsler</swp-profile-box-label>
+          <swp-profile-box-value>Parfume-allergi • Sensitiv hovedbund</swp-profile-box-value>
+        </swp-profile-box>
+      </swp-journal-profile-boxes>
+    </swp-journal-profile-section>
+  </swp-journal-panel>
+
+  <!-- Add Note Panel -->
+  <swp-add-note-panel id="addNotePanel">
+    <swp-add-note-header>
+      <swp-add-note-title>Opret ny note</swp-add-note-title>
+      <swp-add-note-close onclick="closeAddNote()">✕</swp-add-note-close>
+    </swp-add-note-header>
+
+    <swp-add-note-content>
+      <swp-add-note-desc>God til observationer, præferencer, reaktioner og næste gang-plan.</swp-add-note-desc>
+
+      <!-- Tags -->
+      <swp-add-note-field>
+        <swp-add-note-label>Tags (klik for at tilføje)</swp-add-note-label>
+        <swp-add-note-tags>
+          <swp-add-note-tag-option class="selected" data-tag="note">Fri note</swp-add-note-tag-option>
+          <swp-add-note-tag-option data-tag="sensitiv">Sensitiv</swp-add-note-tag-option>
+          <swp-add-note-tag-option data-tag="allergi">Allergi</swp-add-note-tag-option>
+          <swp-add-note-tag-option data-tag="praference">Præference</swp-add-note-tag-option>
+          <swp-add-note-tag-option data-tag="anbefaling">Anbefaling</swp-add-note-tag-option>
+        </swp-add-note-tags>
+        <swp-add-note-tip>Tip: I et rigtigt system kan tags være søgbare/standardiserede.</swp-add-note-tip>
+      </swp-add-note-field>
+
+      <!-- Note Textarea -->
+      <swp-add-note-field>
+        <swp-add-note-label>Note</swp-add-note-label>
+        <textarea placeholder="Fx: Kunden vil have kold tone og ikke for mørk. Reagerer på parfume. Næste gang: kortere pandehår."></textarea>
+      </swp-add-note-field>
+
+      <!-- Dropdowns -->
+      <swp-add-note-dropdowns>
+        <swp-add-note-dropdown-group>
+          <swp-add-note-label>Synlighed</swp-add-note-label>
+          <select>
+            <option>Hele salonen</option>
+            <option>Kun mig</option>
+          </select>
+          <swp-add-note-help>Hvis I er flere frisører, kan "Kun mig" være nyttigt.</swp-add-note-help>
+        </swp-add-note-dropdown-group>
+        <swp-add-note-dropdown-group>
+          <swp-add-note-label>Markering</swp-add-note-label>
+          <select>
+            <option>Ingen</option>
+            <option>Vigtigt</option>
+            <option>Advarsel</option>
+          </select>
+          <swp-add-note-help>"Advarsel" kan vise ikon på kundekortet.</swp-add-note-help>
+        </swp-add-note-dropdown-group>
+      </swp-add-note-dropdowns>
+    </swp-add-note-content>
+
+    <swp-add-note-footer>
+      <swp-add-note-btn class="secondary" onclick="closeAddNote()">Annuller</swp-add-note-btn>
+      <swp-add-note-btn class="primary">Gem note</swp-add-note-btn>
+    </swp-add-note-footer>
+  </swp-add-note-panel>
+
+  <!-- Farveformel Panel -->
+  <swp-farveformel-panel id="farveformelPanel">
+    <swp-add-note-header>
+      <swp-add-note-title>Farveformel</swp-add-note-title>
+      <swp-add-note-close onclick="closeFarveformel()">✕</swp-add-note-close>
+    </swp-add-note-header>
+
+    <swp-add-note-content>
+      <swp-add-note-desc>Struktureret nok til at kunne genskabes. Gemmes som journalnote.</swp-add-note-desc>
+
+      <!-- Row 1: Mål/tone + Oxidant -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Mål / tone</swp-add-note-label>
+          <select id="ffMaalTone">
+            <option value="">Vælg...</option>
+            <option value="Kold">Kold</option>
+            <option value="Varm">Varm</option>
+            <option value="Neutral">Neutral</option>
+          </select>
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Oxidant / styrke</swp-add-note-label>
+          <select id="ffOxidant">
+            <option value="">Vælg...</option>
+            <option value="1.9%">1.9%</option>
+            <option value="3%">3%</option>
+            <option value="6%">6%</option>
+            <option value="9%">9%</option>
+            <option value="12%">12%</option>
+          </select>
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Row 2: Formel + Blandingsforhold -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Formel (skriv som du vil)</swp-add-note-label>
+          <input type="text" id="ffFormel" placeholder="Fx: 7/1 + 7/0 (1:1)">
+          <swp-add-note-tip>Monospace gør formler nemmere at læse.</swp-add-note-tip>
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Blandingsforhold</swp-add-note-label>
+          <input type="text" id="ffBlandingsforhold" placeholder="Fx: 1:2">
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Row 3: Virketid + Placering -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Virketid</swp-add-note-label>
+          <input type="text" id="ffVirketid" placeholder="Fx: 15 min">
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Placering</swp-add-note-label>
+          <select id="ffPlacering">
+            <option value="">Vælg...</option>
+            <option value="Hele håret">Hele håret</option>
+            <option value="Rødder">Rødder</option>
+            <option value="Længder">Længder</option>
+            <option value="Spidser">Spidser</option>
+          </select>
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Resultat / note -->
+      <swp-add-note-field class="full-width">
+        <swp-add-note-label>Resultat / note</swp-add-note-label>
+        <textarea id="ffResultat" placeholder="Fx: Resultat kold/neutral, god glans. Undgå varme toner næste gang."></textarea>
+      </swp-add-note-field>
+
+    </swp-add-note-content>
+
+    <swp-add-note-footer>
+      <swp-add-note-btn class="secondary" onclick="closeFarveformel()">Annuller</swp-add-note-btn>
+      <swp-add-note-btn class="primary" onclick="saveFarveformel()">Gem farveformel</swp-add-note-btn>
+    </swp-add-note-footer>
+  </swp-farveformel-panel>
+
+  <!-- Analyse Panel -->
+  <swp-analyse-panel id="analysePanel">
+    <swp-add-note-header>
+      <swp-add-note-title>Shampoo & hovedbund-analyse</swp-add-note-title>
+      <swp-add-note-close onclick="closeAnalyse()">✕</swp-add-note-close>
+    </swp-add-note-header>
+
+    <swp-add-note-content>
+      <swp-add-note-desc>Hurtige valg + bemærkning. Kan blive til "sticky warning".</swp-add-note-desc>
+
+      <!-- Row 1: Hovedbund + Irritation -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Hovedbund (tilstand)</swp-add-note-label>
+          <select id="anHovedbund">
+            <option value="">Vælg...</option>
+            <option value="Normal">Normal</option>
+            <option value="Tør">Tør</option>
+            <option value="Fedtet">Fedtet</option>
+            <option value="Let irriteret">Let irriteret</option>
+            <option value="Irriteret">Irriteret</option>
+          </select>
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Irritation</swp-add-note-label>
+          <select id="anIrritation">
+            <option value="">Vælg...</option>
+            <option value="Ingen">Ingen</option>
+            <option value="Let">Let</option>
+            <option value="Moderat">Moderat</option>
+            <option value="Kraftig">Kraftig</option>
+          </select>
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Row 2: Hår tykkelse + struktur -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Hår (tykkelse)</swp-add-note-label>
+          <select id="anHaarTykkelse">
+            <option value="">Vælg...</option>
+            <option value="Fint">Fint</option>
+            <option value="Medium">Medium</option>
+            <option value="Tykt">Tykt</option>
+          </select>
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Hår (struktur)</swp-add-note-label>
+          <select id="anHaarStruktur">
+            <option value="">Vælg...</option>
+            <option value="Glat">Glat</option>
+            <option value="Bølget">Bølget</option>
+            <option value="Krøllet">Krøllet</option>
+          </select>
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Row 3: Porøsitet + Kemisk behandling -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Porøsitet</swp-add-note-label>
+          <select id="anPorositet">
+            <option value="">Vælg...</option>
+            <option value="Lav">Lav</option>
+            <option value="Medium">Medium</option>
+            <option value="Høj">Høj</option>
+          </select>
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Tidligere kemisk behandling?</swp-add-note-label>
+          <select id="anKemisk">
+            <option value="">Vælg...</option>
+            <option value="Nej">Nej</option>
+            <option value="Ja">Ja</option>
+          </select>
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Row 4: Shampoo + Hjemmepleje -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Anvendt shampoo</swp-add-note-label>
+          <input type="text" id="anShampoo" placeholder="Fx: Kerastase Bain">
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Anbefalet hjemmepleje</swp-add-note-label>
+          <input type="text" id="anHjemmepleje" placeholder="Fx: Parfumefri shampoo">
+        </swp-add-note-field>
+      </swp-add-note-row>
+
+      <!-- Bemærkning -->
+      <swp-add-note-field class="full-width">
+        <swp-add-note-label>Bemærkning</swp-add-note-label>
+        <textarea id="anBemaerkning" placeholder="Fx: Let rødme ved hårgrænsen. Undgå parfume og stærke sulfater."></textarea>
+      </swp-add-note-field>
+
+      <!-- Row 5: Advarsel + Tags -->
+      <swp-add-note-row>
+        <swp-add-note-field>
+          <swp-add-note-label>Gør til advarsel på kundekort?</swp-add-note-label>
+          <select id="anAdvarsel">
+            <option value="Nej">Nej</option>
+            <option value="Ja">Ja</option>
+          </select>
+          <swp-add-note-help>Brug "Ja" ved fx allergi/sensitivitet.</swp-add-note-help>
+        </swp-add-note-field>
+        <swp-add-note-field>
+          <swp-add-note-label>Tags</swp-add-note-label>
+          <swp-add-note-tags>
+            <swp-add-note-tag-option class="selected" data-tag="analyse">Analyse</swp-add-note-tag-option>
+            <swp-add-note-tag-option data-tag="hovedbund">Hovedbund</swp-add-note-tag-option>
+            <swp-add-note-tag-option data-tag="sensitiv">Sensitiv</swp-add-note-tag-option>
+            <swp-add-note-tag-option data-tag="allergi">Allergi</swp-add-note-tag-option>
+          </swp-add-note-tags>
+        </swp-add-note-field>
+      </swp-add-note-row>
+    </swp-add-note-content>
+
+    <swp-add-note-footer>
+      <swp-add-note-btn class="secondary" onclick="closeAnalyse()">Annuller</swp-add-note-btn>
+      <swp-add-note-btn class="primary" onclick="saveAnalyse()">Gem analyse</swp-add-note-btn>
+    </swp-add-note-footer>
+  </swp-analyse-panel>
+
+  <!-- Customer Details Panel -->
+  <swp-customer-panel id="customerPanel">
+    <swp-customer-panel-header>
+      <swp-customer-panel-title><img src="icons/user.svg" class="panel-header-icon" alt="">Kundedetaljer</swp-customer-panel-title>
+      <swp-customer-panel-close onclick="closeCustomerPanel()">✕</swp-customer-panel-close>
+    </swp-customer-panel-header>
+    <swp-customer-panel-content>
+      <!-- Customer header with avatar -->
+      <swp-customer-header-section>
+        <swp-customer-avatar>SN</swp-customer-avatar>
+        <swp-customer-header-info>
+          <swp-customer-header-top>
+            <swp-customer-header-left>
+              <swp-customer-header-name>Sofie Nielsen</swp-customer-header-name>
+              <swp-customer-since>Kunde siden marts 2024</swp-customer-since>
+            </swp-customer-header-left>
+            <swp-customer-header-contact>
+              <swp-customer-header-contact-item>
+                <a href="tel:+4523456789">+45 23 45 67 89</a>
+              </swp-customer-header-contact-item>
+              <swp-customer-header-contact-item>
+                <a href="mailto:sofie@email.dk">sofie@email.dk</a>
+              </swp-customer-header-contact-item>
+            </swp-customer-header-contact>
+          </swp-customer-header-top>
+        </swp-customer-header-info>
+      </swp-customer-header-section>
+
+      <!-- Fact boxes -->
+      <swp-fact-boxes>
+        <swp-fact-box class="highlight">
+          <swp-fact-box-value>12.450 kr</swp-fact-box-value>
+          <swp-fact-box-label>Total omsætning</swp-fact-box-label>
+        </swp-fact-box>
+        <swp-fact-box>
+          <swp-fact-box-value>14</swp-fact-box-value>
+          <swp-fact-box-label>Besøg</swp-fact-box-label>
+        </swp-fact-box>
+        <swp-fact-box>
+          <swp-fact-box-value>889 kr</swp-fact-box-value>
+          <swp-fact-box-label>Gns. pr. besøg</swp-fact-box-label>
+        </swp-fact-box>
+        <swp-fact-box>
+          <swp-fact-box-value>32 dage</swp-fact-box-value>
+          <swp-fact-box-label>Gns. interval</swp-fact-box-label>
+        </swp-fact-box>
+      </swp-fact-boxes>
+
+      <!-- Chart -->
+      <swp-chart-section>
+        <swp-chart-header>
+          <swp-chart-title>Omsætning (sidste 6 mdr)</swp-chart-title>
+          <swp-chart-legend>
+            <swp-chart-legend-item>
+              <swp-chart-legend-dot class="services"></swp-chart-legend-dot>
+              <span>Services</span>
+            </swp-chart-legend-item>
+            <swp-chart-legend-item>
+              <swp-chart-legend-dot class="products"></swp-chart-legend-dot>
+              <span>Produkter</span>
+            </swp-chart-legend-item>
+          </swp-chart-legend>
+        </swp-chart-header>
+        <swp-chart-container id="customerRevenueChart"></swp-chart-container>
+      </swp-chart-section>
+
+      <!-- Last 5 products -->
+      <swp-products-section>
+        <swp-section-label>Seneste produktkøb</swp-section-label>
+        <swp-products-list>
+          <swp-product-item>
+            <swp-product-info>
+              <swp-product-name>Olaplex No. 3</swp-product-name>
+              <swp-product-date>9. dec 2025</swp-product-date>
+            </swp-product-info>
+            <swp-product-price>300 kr</swp-product-price>
+          </swp-product-item>
+          <swp-product-item>
+            <swp-product-info>
+              <swp-product-name>Kevin Murphy Hydrate-Me Wash</swp-product-name>
+              <swp-product-date>12. nov 2025</swp-product-date>
+            </swp-product-info>
+            <swp-product-price>275 kr</swp-product-price>
+          </swp-product-item>
+          <swp-product-item>
+            <swp-product-info>
+              <swp-product-name>Olaplex No. 4 Bond Shampoo</swp-product-name>
+              <swp-product-date>18. okt 2025</swp-product-date>
+            </swp-product-info>
+            <swp-product-price>320 kr</swp-product-price>
+          </swp-product-item>
+          <swp-product-item>
+            <swp-product-info>
+              <swp-product-name>Moroccanoil Treatment</swp-product-name>
+              <swp-product-date>5. sep 2025</swp-product-date>
+            </swp-product-info>
+            <swp-product-price>399 kr</swp-product-price>
+          </swp-product-item>
+          <swp-product-item>
+            <swp-product-info>
+              <swp-product-name>Olaplex No. 5 Conditioner</swp-product-name>
+              <swp-product-date>12. aug 2025</swp-product-date>
+            </swp-product-info>
+            <swp-product-price>320 kr</swp-product-price>
+          </swp-product-item>
+        </swp-products-list>
+      </swp-products-section>
+
+      <!-- Preferences -->
+      <swp-preferences-section>
+        <swp-section-label>Præferencer & noter</swp-section-label>
+        <swp-preferences-grid>
+          <swp-preference-item>
+            <swp-preference-label>Foretrukken frisør</swp-preference-label>
+            <swp-preference-value>Emma Larsen</swp-preference-value>
+          </swp-preference-item>
+          <swp-preference-item>
+            <swp-preference-label>Hårtype</swp-preference-label>
+            <swp-preference-value>Fint, medium tykkelse</swp-preference-value>
+          </swp-preference-item>
+          <swp-preference-item>
+            <swp-preference-label>Farvehistorik</swp-preference-label>
+            <swp-preference-value>7.3 + 7.4 blanding</swp-preference-value>
+          </swp-preference-item>
+          <swp-preference-item>
+            <swp-preference-label>Allergier</swp-preference-label>
+            <swp-preference-value>Ingen kendte</swp-preference-value>
+          </swp-preference-item>
+        </swp-preferences-grid>
+      </swp-preferences-section>
+    </swp-customer-panel-content>
+  </swp-customer-panel>
+
+  <!-- Detail Drawer -->
+  <swp-detail-drawer id="detailDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title id="drawerTitle" class="source-web">Online Booking</swp-drawer-title>
+      <swp-created-date>oprettet 5. aug 2025, 14:32</swp-created-date>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <!-- Event time/date -->
+      <swp-event-info>
+        <swp-event-time-display>10:00 - 11:00</swp-event-time-display>
+        <swp-event-date-display>Mandag 9. december 2025</swp-event-date-display>
+      </swp-event-info>
+
+      <!-- Customer -->
+      <swp-drawer-section>
+        <swp-section-label>Kunde</swp-section-label>
+        <swp-customer-info>
+          <swp-customer-row>
+            <swp-customer-name>Sofie Nielsen</swp-customer-name>
+            <swp-customer-phone><a href="tel:+4523456789">+45 23 45 67 89</a></swp-customer-phone>
+          </swp-customer-row>
+          <swp-customer-details-link id="customerDetailsLink" onclick="openCustomerPanel()">Vis detaljer <img src="icons/angle-small-right.svg" class="link-chevron" alt=""></swp-customer-details-link>
+        </swp-customer-info>
+      </swp-drawer-section>
+
+      <!-- Status -->
+      <swp-drawer-section>
+        <swp-status-row>
+          <swp-status-label>Status</swp-status-label>
+          <button class="status-badge status-arrived" id="statusBadge" popovertarget="statusDropdown">
+            <swp-status-dot></swp-status-dot>
+            <span id="statusText">Ankommet</span>
+          </button>
+          <swp-status-dropdown id="statusDropdown" popover>
+            <swp-status-option class="opt-created" data-status="created" onclick="selectStatus('created')">
+              <swp-status-dot></swp-status-dot>
+              <span>Oprettet</span>
+              <swp-status-check>✓</swp-status-check>
+            </swp-status-option>
+            <swp-status-option class="opt-arrived" data-status="arrived" onclick="selectStatus('arrived')">
+              <swp-status-dot></swp-status-dot>
+              <span>Ankommet</span>
+              <swp-status-check>✓</swp-status-check>
+            </swp-status-option>
+            <swp-status-option class="opt-paid" data-status="paid" onclick="selectStatus('paid')">
+              <swp-status-dot></swp-status-dot>
+              <span>Betalt</span>
+              <swp-status-check>✓</swp-status-check>
+            </swp-status-option>
+            <swp-status-option class="opt-noshow" data-status="noshow" onclick="selectStatus('noshow')">
+              <swp-status-dot></swp-status-dot>
+              <span>Udeblevet</span>
+              <swp-status-check>✓</swp-status-check>
+            </swp-status-option>
+            <swp-status-option class="opt-cancelled" data-status="cancelled" onclick="selectStatus('cancelled')">
+              <swp-status-dot></swp-status-dot>
+              <span>Aflyst</span>
+              <swp-status-check>✓</swp-status-check>
+            </swp-status-option>
+          </swp-status-dropdown>
+        </swp-status-row>
+      </swp-drawer-section>
+
+      <!-- Services -->
+      <swp-drawer-section>
+        <swp-section-label>Services</swp-section-label>
+        <swp-services-list>
+          <swp-service-item>
+            <swp-service-name>Klipning og styling</swp-service-name>
+            <swp-service-details>60 min · <swp-service-price>500 kr</swp-service-price></swp-service-details>
+            <swp-service-resource>Emma (EMP001)</swp-service-resource>
+          </swp-service-item>
+          <swp-service-item>
+            <swp-service-name>Bundfarve</swp-service-name>
+            <swp-service-details>90 min · <swp-service-price>800 kr</swp-service-price></swp-service-details>
+            <swp-service-resource>Emma (EMP001)</swp-service-resource>
+          </swp-service-item>
+        </swp-services-list>
+      </swp-drawer-section>
+
+      <!-- Total -->
+      <swp-drawer-section>
+        <swp-total-row>
+          <swp-total-label>Total</swp-total-label>
+          <swp-total-amount>1.300 kr</swp-total-amount>
+        </swp-total-row>
+      </swp-drawer-section>
+
+      <!-- Notes -->
+      <swp-drawer-section>
+        <swp-section-label>Noter</swp-section-label>
+        <swp-notes-box>
+          Kunden foretrækker naturlige farver og ønsker lidt ekstra tid til konsultation
+        </swp-notes-box>
+      </swp-drawer-section>
+
+      <!-- Customer profile boxes -->
+      <swp-drawer-section>
+        <swp-section-label>Profil</swp-section-label>
+        <swp-profile-boxes>
+          <swp-profile-box>
+            <swp-profile-box-label>Hårtype</swp-profile-box-label>
+            <swp-profile-box-value>Medium • Bølget</swp-profile-box-value>
+          </swp-profile-box>
+          <swp-profile-box>
+            <swp-profile-box-label>Porøsitet</swp-profile-box-label>
+            <swp-profile-box-value>Medium</swp-profile-box-value>
+          </swp-profile-box>
+          <swp-profile-box>
+            <swp-profile-box-label>Præference</swp-profile-box-label>
+            <swp-profile-box-value>Kold tone, ikke for mørk</swp-profile-box-value>
+          </swp-profile-box>
+          <swp-profile-box class="warning">
+            <swp-profile-box-label>Advarsler</swp-profile-box-label>
+            <swp-profile-box-value>Parfume-allergi • Sensitiv hovedbund</swp-profile-box-value>
+          </swp-profile-box>
+        </swp-profile-boxes>
+        <swp-journal-details-link id="journalLink" onclick="toggleJournal()">Se journal <img src="icons/angle-small-right.svg" class="link-chevron" alt=""></swp-journal-details-link>
+      </swp-drawer-section>
+
+    </swp-drawer-content>
+
+    <swp-drawer-footer id="drawerFooter">
+      <swp-footer-btn class="btn-primary" id="payBtn">Gå til betaling</swp-footer-btn>
+    </swp-drawer-footer>
+  </swp-detail-drawer>
+
+  <script>
+    const statusLabels = {
+      created: 'Oprettet',
+      arrived: 'Ankommet',
+      paid: 'Betalt',
+      noshow: 'Udeblevet',
+      cancelled: 'Aflyst'
+    };
+
+    const sourceTitles = {
+      manual: 'Manuel Booking',
+      web: 'Online Booking',
+      recurring: 'Gentagende Booking'
+    };
+
+    function openDrawer(status = 'arrived', source = 'web', hasJournal = true) {
+      document.getElementById('drawerOverlay').classList.add('open');
+      document.getElementById('detailDrawer').classList.add('open');
+
+      // Update current status for dropdown
+      currentStatus = status;
+
+      // Update status badge
+      const badge = document.getElementById('statusBadge');
+      const text = document.getElementById('statusText');
+      badge.className = 'status-badge status-' + status;
+      text.textContent = statusLabels[status];
+
+      // Update drawer title based on source
+      const title = document.getElementById('drawerTitle');
+      title.textContent = sourceTitles[source];
+      title.className = 'source-' + source;
+
+      // Update journal link
+      const journalLink = document.getElementById('journalLink');
+      const chevronImg = '<img src="icons/angle-small-right.svg" class="link-chevron" alt="">';
+
+      if (hasJournal) {
+        journalLink.classList.remove('no-journal');
+        journalLink.innerHTML = 'Se journal ' + chevronImg;
+      } else {
+        journalLink.classList.add('no-journal');
+        journalLink.innerHTML = '+ Opret journal';
+      }
+
+      // Update footer based on status
+      const footer = document.getElementById('drawerFooter');
+      const payBtn = document.getElementById('payBtn');
+      footer.className = 'status-' + status;
+
+      const btnLabels = {
+        created: 'Gå til betaling',
+        arrived: 'Gå til betaling',
+        paid: 'Betalt ✓',
+        noshow: 'Udeblevet',
+        cancelled: 'Aflyst'
+      };
+      payBtn.textContent = btnLabels[status];
+    }
+
+    function closeDrawer() {
+      document.getElementById('drawerOverlay').classList.remove('open');
+      document.getElementById('detailDrawer').classList.remove('open');
+      document.getElementById('journalPanel').classList.remove('open');
+      document.getElementById('customerPanel').classList.remove('open');
+      document.getElementById('addNotePanel').classList.remove('open');
+      document.getElementById('journalLink').classList.remove('panel-open');
+      document.getElementById('customerDetailsLink').classList.remove('panel-open');
+    }
+
+    function toggleJournal() {
+      const journalLink = document.getElementById('journalLink');
+      // Don't open journal if it's the "create" state
+      if (journalLink.classList.contains('no-journal')) {
+        // Could show create journal flow here
+        return;
+      }
+      const journalPanel = document.getElementById('journalPanel');
+      journalPanel.classList.toggle('open');
+      journalLink.classList.toggle('panel-open', journalPanel.classList.contains('open'));
+    }
+
+    function closeJournal() {
+      document.getElementById('journalPanel').classList.remove('open');
+      document.getElementById('journalLink').classList.remove('panel-open');
+      closeAddNote();
+      closeFarveformel();
+      closeAnalyse();
+    }
+
+    function switchJournalTab(tabName) {
+      // Update tab buttons
+      document.querySelectorAll('swp-journal-tab[data-tab]').forEach(tab => {
+        tab.classList.toggle('active', tab.dataset.tab === tabName);
+      });
+      // Update tab content
+      document.getElementById('tabNoter').classList.toggle('active', tabName === 'noter');
+      document.getElementById('tabFarveformler').classList.toggle('active', tabName === 'farveformler');
+      document.getElementById('tabAnalyse').classList.toggle('active', tabName === 'analyse');
+      // Close any open panels
+      closeAddNote();
+      closeFarveformel();
+      closeAnalyse();
+    }
+
+    function openAddNote() {
+      document.getElementById('addNotePanel').classList.add('open');
+    }
+
+    function closeAddNote() {
+      document.getElementById('addNotePanel').classList.remove('open');
+      hidePreview();
+      resetAddNoteForm();
+    }
+
+    function toggleJournalProfile() {
+      const toggle = document.querySelector('swp-journal-profile-toggle');
+      const boxes = document.getElementById('journalProfileBoxes');
+      toggle.classList.toggle('collapsed');
+      boxes.classList.toggle('collapsed');
+    }
+
+    function openCustomerPanel() {
+      const panel = document.getElementById('customerPanel');
+      const link = document.getElementById('customerDetailsLink');
+      const isOpen = panel.classList.contains('open');
+
+      if (isOpen) {
+        panel.classList.remove('open');
+        link.classList.remove('panel-open');
+      } else {
+        panel.classList.add('open');
+        link.classList.add('panel-open');
+      }
+    }
+
+    function closeCustomerPanel() {
+      document.getElementById('customerPanel').classList.remove('open');
+      document.getElementById('customerDetailsLink').classList.remove('panel-open');
+    }
+
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') closeDrawer();
+    });
+
+    // Status dropdown (Popover API)
+    let currentStatus = 'arrived';
+    const dropdown = document.getElementById('statusDropdown');
+    const badge = document.getElementById('statusBadge');
+
+    // Update selection when popover is about to open
+    dropdown.addEventListener('beforetoggle', (e) => {
+      if (e.newState === 'open') {
+        updateDropdownSelection();
+      }
+    });
+
+    // Position after popover opens
+    dropdown.addEventListener('toggle', (e) => {
+      if (e.newState === 'open') {
+        const rect = badge.getBoundingClientRect();
+        dropdown.style.position = 'fixed';
+        dropdown.style.top = `${rect.bottom + 4}px`;
+        dropdown.style.left = `${rect.right - dropdown.offsetWidth}px`;
+      }
+    });
+
+    function updateDropdownSelection() {
+      const options = document.querySelectorAll('swp-status-option');
+      options.forEach(opt => {
+        opt.classList.toggle('selected', opt.dataset.status === currentStatus);
+      });
+    }
+
+    function selectStatus(status) {
+      currentStatus = status;
+
+      // Update badge
+      const badge = document.getElementById('statusBadge');
+      const text = document.getElementById('statusText');
+      badge.className = 'status-badge status-' + status;
+      text.textContent = statusLabels[status];
+
+      // Update footer
+      const footer = document.getElementById('drawerFooter');
+      const payBtn = document.getElementById('payBtn');
+      footer.className = 'status-' + status;
+
+      const btnLabels = {
+        created: 'Gå til betaling',
+        arrived: 'Gå til betaling',
+        paid: 'Betalt ✓',
+        noshow: 'Udeblevet',
+        cancelled: 'Aflyst'
+      };
+      payBtn.textContent = btnLabels[status];
+
+      // Close popover
+      dropdown.hidePopover();
+    }
+
+    // Add note tags: multi-select (toggle) + update preview
+    document.querySelectorAll('swp-add-note-tag-option').forEach(tag => {
+      tag.onclick = () => {
+        tag.classList.toggle('selected');
+        updatePreviewTags();
+      };
+    });
+
+    // Live Preview Logic
+    const addNoteTextarea = document.querySelector('swp-add-note-content textarea');
+    const previewEntry = document.getElementById('previewEntry');
+    const previewText = document.getElementById('previewText');
+    const previewTags = document.getElementById('previewTags');
+    const previewVisibility = document.getElementById('previewVisibility');
+    const previewMarking = document.getElementById('previewMarking');
+    const visibilitySelect = document.querySelector('swp-add-note-dropdown-group:nth-child(1) select');
+    const markingSelect = document.querySelector('swp-add-note-dropdown-group:nth-child(2) select');
+
+    // Show preview on textarea focus
+    addNoteTextarea.addEventListener('focus', showPreview);
+
+    // Update visibility in preview
+    visibilitySelect.addEventListener('change', updatePreviewVisibility);
+
+    // Update marking in preview
+    markingSelect.addEventListener('change', updatePreviewMarking);
+
+    // Update preview text in real-time
+    addNoteTextarea.addEventListener('input', () => {
+      previewText.textContent = addNoteTextarea.value || '(Tom note)';
+    });
+
+    function showPreview() {
+      previewEntry.classList.remove('hidden');
+      updatePreviewTags();
+    }
+
+    function hidePreview() {
+      previewEntry.classList.add('hidden');
+    }
+
+    function updatePreviewTags() {
+      const selectedTags = document.querySelectorAll('swp-add-note-tag-option.selected');
+      previewTags.innerHTML = '';
+      selectedTags.forEach(tag => {
+        const tagEl = document.createElement('swp-journal-tag');
+        tagEl.textContent = tag.textContent;
+        tagEl.classList.add('tag-' + tag.dataset.tag);
+        previewTags.appendChild(tagEl);
+      });
+    }
+
+    function updatePreviewVisibility() {
+      const value = visibilitySelect.value;
+      const text = value === 'Kun mig' ? 'Kun dig' : 'Alle';
+      previewVisibility.querySelector('span').textContent = text;
+    }
+
+    function updatePreviewMarking() {
+      const value = markingSelect.value;
+      previewMarking.className = '';
+
+      if (value === 'Ingen') {
+        previewMarking.classList.add('hidden');
+        previewMarking.innerHTML = '';
+      } else if (value === 'Vigtigt') {
+        previewMarking.classList.add('important');
+        previewMarking.innerHTML = '<img src="icons/exclamation.svg" class="entry-icon" alt=""><span>Vigtigt</span>';
+      } else if (value === 'Advarsel') {
+        previewMarking.classList.add('warning');
+        previewMarking.innerHTML = '<img src="icons/warning.svg" class="entry-icon" alt=""><span>Advarsel</span>';
+      }
+    }
+
+    function resetAddNoteForm() {
+      addNoteTextarea.value = '';
+      previewText.textContent = '(Tom note)';
+      document.querySelectorAll('swp-add-note-tag-option').forEach(tag => {
+        if (tag.textContent === 'Fri note') {
+          tag.classList.add('selected');
+        } else {
+          tag.classList.remove('selected');
+        }
+      });
+      visibilitySelect.value = 'Hele salonen';
+      markingSelect.value = 'Ingen';
+      updatePreviewTags();
+      updatePreviewVisibility();
+      updatePreviewMarking();
+    }
+
+    // ==========================================
+    // FARVEFORMEL PANEL
+    // ==========================================
+    let activePanel = null; // 'note' or 'farveformel'
+
+    // Farveformel elements
+    const ffMaalTone = document.getElementById('ffMaalTone');
+    const ffOxidant = document.getElementById('ffOxidant');
+    const ffFormel = document.getElementById('ffFormel');
+    const ffBlandingsforhold = document.getElementById('ffBlandingsforhold');
+    const ffVirketid = document.getElementById('ffVirketid');
+    const ffPlacering = document.getElementById('ffPlacering');
+    const ffResultat = document.getElementById('ffResultat');
+    const previewType = document.querySelector('#previewEntry swp-journal-entry-type');
+
+    // Farveformel preview elements (in farveformler tab)
+    const previewEntryFarveformel = document.getElementById('previewEntryFarveformel');
+    const previewTextFarveformel = document.getElementById('previewTextFarveformel');
+
+    function openFarveformel() {
+      document.getElementById('farveformelPanel').classList.add('open');
+      activePanel = 'farveformel';
+      showFarveformelPreview();
+    }
+
+    function closeFarveformel() {
+      document.getElementById('farveformelPanel').classList.remove('open');
+      hideFarveformelPreview();
+      resetFarveformelForm();
+      activePanel = null;
+    }
+
+    function showFarveformelPreview() {
+      previewEntryFarveformel.classList.remove('hidden');
+      updateFarveformelPreview();
+    }
+
+    function hideFarveformelPreview() {
+      previewEntryFarveformel.classList.add('hidden');
+    }
+
+    function updateFarveformelPreview() {
+      const lines = [];
+
+      if (ffMaalTone.value) {
+        lines.push(`• Mål/tone: ${ffMaalTone.value}`);
+      }
+      if (ffOxidant.value) {
+        lines.push(`• Oxidant: <span class="mono">${ffOxidant.value}</span>`);
+      }
+      if (ffFormel.value) {
+        lines.push(`• Formel: <span class="mono">${ffFormel.value}</span>`);
+      } else {
+        lines.push(`• Formel: <span class="mono">(ikke angivet)</span>`);
+      }
+      if (ffBlandingsforhold.value) {
+        lines.push(`• Blanding: <span class="mono">${ffBlandingsforhold.value}</span>`);
+      }
+      if (ffVirketid.value) {
+        lines.push(`• Virketid: <span class="mono">${ffVirketid.value}</span>`);
+      }
+      if (ffPlacering.value) {
+        lines.push(`• Placering: ${ffPlacering.value}`);
+      }
+      if (ffResultat.value) {
+        lines.push(`<br>${ffResultat.value}`);
+      }
+
+      previewTextFarveformel.innerHTML = lines.length > 0 ? lines.join('<br>') : '(Udfyld felter...)';
+    }
+
+    function resetFarveformelForm() {
+      ffMaalTone.value = '';
+      ffOxidant.value = '';
+      ffFormel.value = '';
+      ffBlandingsforhold.value = '';
+      ffVirketid.value = '';
+      ffPlacering.value = '';
+      ffResultat.value = '';
+    }
+
+    function saveFarveformel() {
+      // In a real app, this would save to backend
+      alert('Farveformel gemt!');
+      closeFarveformel();
+    }
+
+    // Add event listeners for farveformel fields
+    [ffMaalTone, ffOxidant, ffFormel, ffBlandingsforhold, ffVirketid, ffPlacering, ffResultat].forEach(el => {
+      el.addEventListener('input', () => {
+        if (activePanel === 'farveformel') {
+          updateFarveformelPreview();
+        }
+      });
+      el.addEventListener('change', () => {
+        if (activePanel === 'farveformel') {
+          updateFarveformelPreview();
+        }
+      });
+    });
+
+    // Update original openAddNote to track active panel
+    const originalOpenAddNote = openAddNote;
+    openAddNote = function() {
+      originalOpenAddNote();
+      activePanel = 'note';
+    };
+
+    // Update original closeAddNote to clear active panel
+    const originalCloseAddNote = closeAddNote;
+    closeAddNote = function() {
+      originalCloseAddNote();
+      activePanel = null;
+    };
+
+    // ==========================================
+    // ANALYSE PANEL
+    // ==========================================
+
+    // Analyse form elements
+    const anHovedbund = document.getElementById('anHovedbund');
+    const anIrritation = document.getElementById('anIrritation');
+    const anHaarTykkelse = document.getElementById('anHaarTykkelse');
+    const anHaarStruktur = document.getElementById('anHaarStruktur');
+    const anPorositet = document.getElementById('anPorositet');
+    const anKemisk = document.getElementById('anKemisk');
+    const anShampoo = document.getElementById('anShampoo');
+    const anHjemmepleje = document.getElementById('anHjemmepleje');
+    const anBemaerkning = document.getElementById('anBemaerkning');
+    const anAdvarsel = document.getElementById('anAdvarsel');
+
+    // Analyse preview elements
+    const previewEntryAnalyse = document.getElementById('previewEntryAnalyse');
+    const previewTextAnalyse = document.getElementById('previewTextAnalyse');
+    const previewTagsAnalyse = document.getElementById('previewTagsAnalyse');
+
+    function openAnalyse() {
+      document.getElementById('analysePanel').classList.add('open');
+      activePanel = 'analyse';
+      showAnalysePreview();
+    }
+
+    function closeAnalyse() {
+      document.getElementById('analysePanel').classList.remove('open');
+      hideAnalysePreview();
+      resetAnalyseForm();
+      activePanel = null;
+    }
+
+    function showAnalysePreview() {
+      previewEntryAnalyse.classList.remove('hidden');
+      updateAnalysePreview();
+      updateAnalysePreviewTags();
+    }
+
+    function hideAnalysePreview() {
+      previewEntryAnalyse.classList.add('hidden');
+    }
+
+    function updateAnalysePreview() {
+      const lines = [];
+
+      if (anHovedbund.value) {
+        lines.push(`• Hovedbund: ${anHovedbund.value}`);
+      }
+      if (anIrritation.value) {
+        lines.push(`• Irritation: ${anIrritation.value}`);
+      }
+      if (anHaarTykkelse.value || anHaarStruktur.value) {
+        const haarParts = [];
+        if (anHaarTykkelse.value) haarParts.push(anHaarTykkelse.value);
+        if (anHaarStruktur.value) haarParts.push(anHaarStruktur.value);
+        lines.push(`• Hår: <span class="mono">${haarParts.join(' · ')}</span>`);
+      }
+      if (anPorositet.value) {
+        lines.push(`• Porøsitet: <span class="mono">${anPorositet.value}</span>`);
+      }
+      if (anKemisk.value) {
+        lines.push(`• Kemisk beh.: ${anKemisk.value}`);
+      }
+      if (anShampoo.value) {
+        lines.push(`• Shampoo: ${anShampoo.value}`);
+      }
+      if (anHjemmepleje.value) {
+        lines.push(`• Hjemmepleje: ${anHjemmepleje.value}`);
+      }
+      if (anBemaerkning.value) {
+        lines.push(`<br>${anBemaerkning.value}`);
+      }
+
+      previewTextAnalyse.innerHTML = lines.length > 0 ? lines.join('<br>') : '(Udfyld felter...)';
+    }
+
+    function updateAnalysePreviewTags() {
+      const analysePanelTags = document.querySelectorAll('#analysePanel swp-add-note-tag-option.selected');
+      previewTagsAnalyse.innerHTML = '';
+      analysePanelTags.forEach(tag => {
+        const tagEl = document.createElement('swp-journal-tag');
+        tagEl.textContent = tag.textContent;
+        tagEl.classList.add('tag-' + tag.dataset.tag);
+        previewTagsAnalyse.appendChild(tagEl);
+      });
+    }
+
+    function resetAnalyseForm() {
+      anHovedbund.value = '';
+      anIrritation.value = '';
+      anHaarTykkelse.value = '';
+      anHaarStruktur.value = '';
+      anPorositet.value = '';
+      anKemisk.value = '';
+      anShampoo.value = '';
+      anHjemmepleje.value = '';
+      anBemaerkning.value = '';
+      anAdvarsel.value = 'Nej';
+
+      // Reset tags - only "Analyse" selected by default
+      document.querySelectorAll('#analysePanel swp-add-note-tag-option').forEach(tag => {
+        if (tag.dataset.tag === 'analyse') {
+          tag.classList.add('selected');
+        } else {
+          tag.classList.remove('selected');
+        }
+      });
+    }
+
+    function saveAnalyse() {
+      // In a real app, this would save to backend
+      alert('Analyse gemt!');
+      closeAnalyse();
+    }
+
+    // Add event listeners for analyse form fields
+    [anHovedbund, anIrritation, anHaarTykkelse, anHaarStruktur, anPorositet, anKemisk, anShampoo, anHjemmepleje, anBemaerkning, anAdvarsel].forEach(el => {
+      el.addEventListener('input', () => {
+        if (activePanel === 'analyse') {
+          updateAnalysePreview();
+        }
+      });
+      el.addEventListener('change', () => {
+        if (activePanel === 'analyse') {
+          updateAnalysePreview();
+        }
+      });
+    });
+
+    // Add tag toggle listeners for analyse panel
+    document.querySelectorAll('#analysePanel swp-add-note-tag-option').forEach(tag => {
+      tag.onclick = () => {
+        tag.classList.toggle('selected');
+        updateAnalysePreviewTags();
+      };
+    });
+  </script>
+
+  <!-- Chart initialization -->
+  <script type="module">
+    import { createChart } from 'https://unpkg.com/@sevenweirdpeople/swp-charting@latest/dist/index.js';
+
+    // Initialize chart when customer panel opens
+    let chartInitialized = false;
+
+    const originalOpenCustomerPanel = window.openCustomerPanel;
+    window.openCustomerPanel = function() {
+      originalOpenCustomerPanel();
+
+      if (!chartInitialized) {
+        setTimeout(() => {
+          createChart(document.getElementById('customerRevenueChart'), {
+            width: 620,
+            height: 215,
+            xAxis: {
+              categories: ['Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
+            },
+            series: [
+              {
+                name: 'Services',
+                color: '#00897b',
+                data: [
+                  { x: 'Jul', y: 1200 },
+                  { x: 'Sep', y: 1500 },
+                  { x: 'Okt', y: 2800 },
+                  { x: 'Dec', y: 1800 }
+                ]
+              },
+              {
+                name: 'Produkter',
+                color: '#1e88e5',
+                data: [
+                  { x: 'Aug', y: 800 },
+                  { x: 'Okt', y: 900 },
+                  { x: 'Nov', y: 700 },
+                  { x: 'Dec', y: 950 }
+                ]
+              }
+            ],
+            legend: true
+          });
+          chartInitialized = true;
+        }, 100);
+      }
+    };
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-employee.html b/wwwroot/poc-employee.html
new file mode 100644
index 0000000..36b7cbf
--- /dev/null
+++ b/wwwroot/poc-employee.html
@@ -0,0 +1,4150 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Medarbejder Detaljer - Anna Sørensen</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-topbar-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-topbar-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      border: none;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      color: var(--color-text);
+      border: 1px solid var(--color-border);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background);
+    }
+
+    /* ==========================================
+       EMPLOYEE HEADER
+       ========================================== */
+    swp-employee-header {
+      display: flex;
+      gap: 24px;
+      padding: 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 49px;
+      z-index: 90;
+    }
+
+    swp-employee-avatar-large {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28px;
+      font-weight: 600;
+      color: white;
+      flex-shrink: 0;
+      position: relative;
+      cursor: pointer;
+      overflow: hidden;
+    }
+
+    swp-employee-avatar-large img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    swp-employee-avatar-large swp-avatar-initials {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    swp-employee-avatar-large.has-image swp-avatar-initials {
+      display: none;
+    }
+
+    swp-avatar-overlay {
+      position: absolute;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.5);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 2px;
+      opacity: 0;
+      transition: opacity 150ms ease;
+      border-radius: 50%;
+    }
+
+    swp-employee-avatar-large:hover swp-avatar-overlay {
+      opacity: 1;
+    }
+
+    swp-avatar-overlay svg {
+      width: 24px;
+      height: 24px;
+      fill: white;
+    }
+
+    swp-avatar-overlay span {
+      font-size: 9px;
+      font-weight: 500;
+      color: white;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+    }
+
+    swp-avatar-overlay .upload-text { display: block; }
+    swp-avatar-overlay .change-text { display: none; }
+    swp-employee-avatar-large.has-image swp-avatar-overlay .upload-text { display: none; }
+    swp-employee-avatar-large.has-image swp-avatar-overlay .change-text { display: block; }
+
+    swp-avatar-remove {
+      position: absolute;
+      top: -4px;
+      right: -4px;
+      width: 20px;
+      height: 20px;
+      background: var(--color-red);
+      border-radius: 50%;
+      display: none;
+      align-items: center;
+      justify-content: center;
+      color: white;
+      font-size: 12px;
+      font-weight: 600;
+      cursor: pointer;
+      z-index: 2;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+      transition: transform 150ms ease;
+    }
+
+    swp-employee-avatar-large.has-image:hover swp-avatar-remove {
+      display: flex;
+    }
+
+    swp-avatar-remove:hover {
+      transform: scale(1.1);
+    }
+
+    swp-avatar-upload-input {
+      display: none;
+    }
+
+    /* ==========================================
+       CHECKBOX ROW
+       ========================================== */
+    swp-checkbox-list {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-checkbox-row {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 10px 12px;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-checkbox-row:hover {
+      background: var(--color-background-alt);
+    }
+
+    swp-checkbox-box {
+      width: 18px;
+      height: 18px;
+      border: 2px solid var(--color-border);
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      margin-top: 1px;
+      transition: all 150ms ease;
+    }
+
+    swp-checkbox-row.checked swp-checkbox-box {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+    }
+
+    swp-checkbox-box svg {
+      width: 12px;
+      height: 12px;
+      fill: white;
+      opacity: 0;
+      transition: opacity 150ms ease;
+    }
+
+    swp-checkbox-row.checked swp-checkbox-box svg {
+      opacity: 1;
+    }
+
+    swp-checkbox-text {
+      font-size: 14px;
+      color: var(--color-text);
+      line-height: 1.4;
+    }
+
+    /* ==========================================
+       SCHEDULE TABLE (read-only, single employee)
+       Matches poc-arbejdstidsplan.html styling
+       ========================================== */
+    swp-schedule-grid {
+      display: grid;
+      grid-template-columns: 120px repeat(7, minmax(80px, 1fr));
+      border-radius: 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+      background: var(--color-surface);
+    }
+
+    swp-schedule-grid swp-cell {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 12px 16px;
+      min-height: 60px;
+      border-right: 1px solid var(--color-border);
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-surface);
+    }
+
+    swp-schedule-grid swp-cell:nth-child(8n) {
+      border-right: none;
+    }
+
+    swp-schedule-grid swp-cell:nth-last-child(-n+8) {
+      border-bottom: none;
+    }
+
+    swp-schedule-grid swp-cell.header {
+      background: var(--color-background-alt);
+      font-weight: 500;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      min-height: 48px;
+      text-align: center;
+    }
+
+    swp-schedule-grid swp-cell.header swp-day-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-schedule-grid swp-cell.header swp-day-date {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      font-weight: 400;
+    }
+
+    swp-schedule-grid swp-cell.header.week-col {
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-schedule-grid swp-cell.week-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+      background: var(--color-background-alt);
+      justify-content: center;
+      align-items: flex-start;
+      padding-left: 16px;
+    }
+
+    swp-schedule-grid swp-cell.week-label swp-week-hours {
+      font-size: 12px;
+      font-weight: 400;
+      color: var(--color-text-secondary);
+      font-family: var(--font-mono);
+      margin-top: 2px;
+    }
+
+    swp-time-badge {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      font-weight: 500;
+      padding: 4px 8px;
+      border-radius: 4px;
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      color: var(--color-text);
+      white-space: nowrap;
+      min-width: 90px;
+      text-align: center;
+      display: inline-block;
+    }
+
+    swp-time-badge.off {
+      background: transparent;
+      color: var(--color-text-secondary);
+    }
+
+    swp-time-badge.vacation {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-time-badge.sick {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-schedule-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    swp-schedule-header swp-section-label {
+      margin-bottom: 0;
+    }
+
+    swp-edit-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      color: var(--color-teal);
+      text-decoration: none;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-edit-link:hover {
+      color: #00695c;
+    }
+
+    swp-edit-link svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+    }
+
+    swp-employee-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-employee-name-row {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-employee-name {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-tags-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex-wrap: wrap;
+    }
+
+    swp-tag {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-tag.master {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-tag.senior {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-tag.junior {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-tag.cert {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-employee-status {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      margin-left: auto;
+    }
+
+    swp-employee-status[data-active="true"] {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+      border: 1px solid color-mix(in srgb, var(--color-green) 30%, white);
+    }
+
+    swp-employee-status[data-active="false"] {
+      background: color-mix(in srgb, var(--color-red) 12%, white);
+      color: var(--color-red);
+      border: 1px solid color-mix(in srgb, var(--color-red) 30%, white);
+    }
+
+    swp-employee-status .icon {
+      font-size: 14px;
+    }
+
+    swp-fact-boxes-inline {
+      display: flex;
+      gap: 24px;
+      margin-top: 4px;
+    }
+
+    swp-fact-inline {
+      display: flex;
+      align-items: baseline;
+      gap: 6px;
+    }
+
+    swp-fact-inline-value {
+      font-size: 18px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-fact-inline-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    .stars {
+      color: var(--color-amber);
+    }
+
+    /* ==========================================
+       TAB BAR
+       ========================================== */
+    swp-tab-bar {
+      display: flex;
+      gap: 0;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      padding: 0 24px;
+      position: sticky;
+      top: 178px;
+      z-index: 80;
+    }
+
+    swp-tab {
+      padding: 14px 24px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      transition: all 150ms ease;
+    }
+
+    swp-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-alt);
+    }
+
+    swp-tab.active {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TAB CONTENT
+       ========================================== */
+    swp-tab-content {
+      display: none;
+      padding: 24px;
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    swp-tab-content.active {
+      display: block;
+    }
+
+    swp-tab-info {
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
+      padding: 12px 16px;
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+      border: 1px solid color-mix(in srgb, var(--color-teal) 25%, white);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      line-height: 1.4;
+    }
+
+    swp-tab-info svg {
+      flex-shrink: 0;
+      color: var(--color-teal);
+      margin-top: 1px;
+    }
+
+    swp-tab-info strong {
+      color: var(--color-teal);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       SERVICES DRAG-DROP
+       ========================================== */
+    .services-grid {
+      align-items: start;
+    }
+
+    /* Services layout with collapsible panel */
+    .services-layout {
+      display: flex;
+      gap: 0;
+      align-items: stretch;
+      min-height: 500px;
+    }
+
+    swp-services-panel {
+      display: flex;
+      transition: width 300ms ease;
+      overflow: hidden;
+    }
+
+    swp-services-panel.collapsed {
+      width: 40px;
+    }
+
+    swp-services-panel.expanded {
+      width: 420px;
+    }
+
+    swp-panel-toggle {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 40px;
+      min-width: 40px;
+      background: linear-gradient(135deg, var(--color-teal) 0%, color-mix(in srgb, var(--color-teal) 80%, #000) 100%);
+      color: white;
+      cursor: pointer;
+      border-radius: 8px 0 0 8px;
+      transition: all 200ms ease;
+      flex-shrink: 0;
+    }
+
+    swp-panel-toggle:hover {
+      background: linear-gradient(135deg, color-mix(in srgb, var(--color-teal) 90%, #fff) 0%, var(--color-teal) 100%);
+    }
+
+    swp-panel-toggle svg {
+      transition: transform 200ms ease;
+    }
+
+    swp-services-panel.expanded swp-panel-toggle svg {
+      transform: rotate(180deg);
+    }
+
+    swp-panel-content {
+      display: none;
+      flex: 1;
+      min-width: 0;
+    }
+
+    swp-services-panel.expanded swp-panel-content {
+      display: block;
+    }
+
+    swp-services-panel swp-card {
+      border-radius: 0 8px 8px 0;
+      border-left: none;
+      height: 100%;
+    }
+
+    .selected-services-card {
+      flex: 1;
+    }
+
+    /* Edit button in section label */
+    .selected-services-card swp-section-label {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .edit-services-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      background: var(--color-teal);
+      color: white;
+      border: none;
+      border-radius: 4px;
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    .edit-services-btn:hover {
+      background: color-mix(in srgb, var(--color-teal) 85%, #000);
+    }
+
+    .edit-services-btn.active {
+      background: var(--color-text-secondary);
+    }
+
+    .services-card {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .services-card swp-search-field {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      margin-bottom: 12px;
+    }
+
+    .services-card swp-search-field img {
+      opacity: 0.5;
+      flex-shrink: 0;
+    }
+
+    .services-card swp-search-field input {
+      flex: 1;
+      border: none;
+      background: none;
+      outline: none;
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    .services-card swp-search-field input::placeholder {
+      color: var(--color-text-muted);
+    }
+
+    swp-services-selected,
+    swp-services-available {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      min-height: 300px;
+      max-height: 600px;
+      overflow-y: auto;
+      padding: 4px;
+      border-radius: 8px;
+      transition: all 150ms ease;
+    }
+
+    swp-services-selected.drag-over,
+    swp-services-available.drag-over {
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+      outline: 2px dashed var(--color-teal);
+      outline-offset: -2px;
+    }
+
+    swp-services-empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 40px 20px;
+      color: var(--color-text-muted);
+      border: 2px dashed var(--color-border);
+      border-radius: 8px;
+      text-align: center;
+      font-size: 14px;
+    }
+
+    swp-services-empty svg {
+      opacity: 0.4;
+    }
+
+    /* Service category in columns */
+    swp-service-category-group {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-service-category-header {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      padding: 8px 0 4px 0;
+      border-bottom: 1px solid var(--color-border);
+      margin-bottom: 4px;
+    }
+
+    /* Service row - draggable */
+    swp-service-row {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 12px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      cursor: url('icons/drag.svg') 12 12, grab;
+      transition: all 150ms ease;
+      user-select: none;
+    }
+
+    swp-service-row:hover {
+      border-color: var(--color-teal);
+      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    }
+
+    swp-service-row:active {
+      cursor: url('icons/drag.svg') 12 12, grabbing;
+    }
+
+    swp-service-row.dragging {
+      opacity: 0.5;
+      transform: scale(0.98);
+    }
+
+    swp-service-row.multi-selected {
+      background: color-mix(in srgb, var(--color-teal) 12%, white);
+      border-color: var(--color-teal);
+      box-shadow: 0 0 0 1px var(--color-teal);
+    }
+
+    swp-drag-handle {
+      color: var(--color-text-muted);
+      font-size: 14px;
+      cursor: url('icons/drag.svg') 12 12, grab;
+      padding: 0 2px;
+    }
+
+    swp-service-row:hover swp-drag-handle {
+      color: var(--color-text-secondary);
+    }
+
+
+    swp-service-color {
+      width: 4px;
+      height: 28px;
+      border-radius: 2px;
+      flex-shrink: 0;
+    }
+
+    swp-service-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    swp-service-name {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    swp-service-meta {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    /* Price and duration columns */
+    swp-service-price-col {
+      width: 75px;
+      text-align: right;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+      flex-shrink: 0;
+    }
+
+    swp-service-duration-col {
+      width: 50px;
+      text-align: right;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+      flex-shrink: 0;
+    }
+
+    /* Editable inputs in selected column */
+    swp-services-selected swp-service-price-col,
+    swp-services-selected swp-service-duration-col {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 4px;
+    }
+
+    swp-services-selected swp-service-price-col input,
+    swp-services-selected swp-service-duration-col input {
+      width: 55px;
+      padding: 4px 6px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      font-size: 12px;
+      font-family: var(--font-mono);
+      text-align: right;
+      background: var(--color-surface);
+    }
+
+    swp-services-selected swp-service-price-col input:focus,
+    swp-services-selected swp-service-duration-col input:focus {
+      border-color: var(--color-teal);
+      outline: none;
+    }
+
+    swp-services-selected swp-service-price-col input::-webkit-inner-spin-button,
+    swp-services-selected swp-service-price-col input::-webkit-outer-spin-button {
+      opacity: 1;
+    }
+
+    /* Override indicator */
+    swp-service-row.has-override swp-service-price-col,
+    swp-service-row.has-override swp-service-duration-col {
+      color: var(--color-teal);
+    }
+
+    /* Service values (read mode) */
+    swp-service-values {
+      display: flex;
+      align-items: center;
+      margin-left: auto;
+    }
+
+    swp-service-price,
+    swp-service-duration {
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+      text-align: right;
+    }
+
+    swp-service-price {
+      width: 100px;
+    }
+
+    swp-service-duration {
+      width: 80px;
+    }
+
+    swp-service-price.modified,
+    swp-service-duration.modified {
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    /* Hide values in edit mode */
+    .edit-mode swp-service-values {
+      display: none;
+    }
+
+    /* Service controls container - hidden by default */
+    swp-service-controls {
+      display: none;
+      align-items: center;
+      margin-left: auto;
+    }
+
+    /* Show controls in edit mode */
+    .edit-mode swp-service-controls {
+      display: flex;
+    }
+
+    /* Final values with adjustable controls */
+    swp-service-final-values {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-adjustable-value {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      padding: 2px;
+    }
+
+    swp-adjustable-value.modified {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+    }
+
+    swp-adjustable-value .adjust-down,
+    swp-adjustable-value .adjust-up {
+      width: 24px;
+      height: 24px;
+      border: none;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      border-radius: 3px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all 100ms ease;
+    }
+
+    swp-adjustable-value .adjust-down:hover,
+    swp-adjustable-value .adjust-up:hover {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-adjustable-value .adjust-down:active,
+    swp-adjustable-value .adjust-up:active {
+      transform: scale(0.95);
+    }
+
+    swp-adjustable-value .adjust-display {
+      min-width: 55px;
+      text-align: center;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+      padding: 0 4px;
+    }
+
+    swp-adjustable-value.modified .adjust-display {
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    /* Duration display */
+    .duration-display {
+      min-width: 50px;
+      text-align: right;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+    }
+
+    .duration-display.modified {
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    /* Original values (read mode) */
+    swp-service-originals {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-right: 16px;
+    }
+
+    swp-service-originals .original-price-val,
+    swp-service-originals .original-duration-val {
+      font-family: var(--font-mono);
+      font-size: 15px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Strikethrough only when value is changed */
+    swp-service-originals .original-price-val.struck,
+    swp-service-originals .original-duration-val.struck {
+      text-decoration: line-through;
+      text-decoration-color: var(--color-teal);
+      text-decoration-thickness: 1px;
+      color: var(--color-text-muted);
+    }
+
+    /* Original values (edit mode) - hidden by default, shown when has-override */
+    swp-service-originals-edit {
+      display: none;
+      align-items: center;
+      gap: 16px;
+      margin-right: 20px;
+    }
+
+    swp-service-row.has-override swp-service-originals-edit {
+      display: flex;
+    }
+
+    swp-service-originals-edit .original-price-val,
+    swp-service-originals-edit .original-duration-val {
+      font-family: var(--font-mono);
+      font-size: 15px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-service-originals-edit .original-price-val.struck,
+    swp-service-originals-edit .original-duration-val.struck {
+      text-decoration: line-through;
+      text-decoration-color: var(--color-teal);
+      text-decoration-thickness: 1px;
+      color: var(--color-text-muted);
+    }
+
+    /* Highlight originals when value changes */
+    swp-service-originals.highlight .original-price-val,
+    swp-service-originals.highlight .original-duration-val,
+    swp-service-originals-edit.highlight .original-price-val,
+    swp-service-originals-edit.highlight .original-duration-val {
+      animation: flash-text 300ms ease;
+    }
+
+    @keyframes pulse-border {
+      0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-teal) 40%, transparent); }
+      100% { box-shadow: 0 0 0 4px transparent; }
+    }
+
+    @keyframes flash-text {
+      0% { opacity: 0.5; }
+      100% { opacity: 1; }
+    }
+
+    /* ==========================================
+       LAYOUT GRID
+       ========================================== */
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+    }
+
+    .grid-4 {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+    }
+
+    @media (max-width: 900px) {
+      .grid-2 { grid-template-columns: 1fr; }
+      .grid-4 { grid-template-columns: repeat(2, 1fr); }
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 20px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 16px;
+    }
+
+    swp-card:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 16px;
+    }
+
+    /* ==========================================
+       STAT CARDS
+       ========================================== */
+    swp-stat-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 20px;
+      text-align: center;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-value {
+      display: block;
+      font-size: 28px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-stat-subtitle {
+      display: block;
+      font-size: 11px;
+      color: var(--color-text-muted);
+      margin-top: 2px;
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       EDIT SECTION
+       ========================================== */
+    swp-edit-section {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    swp-edit-row {
+      display: grid;
+      grid-template-columns: 140px 1fr;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-edit-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-edit-value {
+      font-size: 14px;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      transition: all 150ms ease;
+      cursor: text;
+    }
+
+    swp-edit-value:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-value:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    swp-edit-value.masked {
+      letter-spacing: 1px;
+    }
+
+    swp-edit-select select {
+      width: 100%;
+      font-size: 14px;
+      font-family: inherit;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-edit-select select:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-select select:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TOGGLE SLIDER
+       ========================================== */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-toggle-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-toggle-description {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+      position: relative;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: color 150ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       AVAILABILITY LIST
+       ========================================== */
+    swp-availability-list {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-availability-row {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px 16px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-availability-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-availability-row[data-enabled="false"] {
+      opacity: 0.5;
+    }
+
+    swp-availability-day {
+      width: 80px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-availability-time {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-time-range {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-time-range-slider {
+      position: relative;
+      flex: 1;
+      height: 20px;
+      display: flex;
+      align-items: center;
+    }
+
+    swp-time-range-track {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      background: var(--color-border);
+      border-radius: 2px;
+    }
+
+    swp-time-range-fill {
+      position: absolute;
+      height: 4px;
+      background: var(--color-teal);
+      border-radius: 2px;
+      cursor: grab;
+    }
+
+    swp-time-range-slider input[type="range"] {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      -webkit-appearance: none;
+      appearance: none;
+      background: transparent;
+      pointer-events: none;
+      margin: 0;
+    }
+
+    swp-time-range-slider input[type="range"]::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      pointer-events: auto;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    swp-time-range-label {
+      font-size: 12px;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+      min-width: 90px;
+      text-align: center;
+      background: var(--color-background-alt);
+      padding: 3px 8px;
+      border-radius: 4px;
+    }
+
+    /* ==========================================
+       VACATION LIST
+       ========================================== */
+    swp-vacation-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-vacation-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-vacation-dates {
+      flex: 1;
+      font-size: 14px;
+      font-family: var(--font-mono);
+    }
+
+    swp-vacation-type {
+      font-size: 12px;
+      padding: 3px 10px;
+      border-radius: 12px;
+      font-weight: 500;
+    }
+
+    swp-vacation-type.ferie {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-vacation-type.fri {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-vacation-type.syg {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-vacation-delete {
+      padding: 4px 8px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-radius: 4px;
+      transition: all 150ms ease;
+    }
+
+    swp-vacation-delete:hover {
+      color: var(--color-red);
+      background: color-mix(in srgb, var(--color-red) 10%, white);
+    }
+
+    /* ==========================================
+       SERVICE LIST
+       ========================================== */
+    swp-service-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-service-item {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      cursor: pointer;
+      transition: border-color 0.15s ease;
+    }
+
+    swp-service-item:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-service-item.selected {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, var(--color-background-alt));
+    }
+
+    swp-service-checkbox {
+      width: 20px;
+      height: 20px;
+      border: 2px solid var(--color-border);
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: all 0.15s ease;
+    }
+
+    swp-service-item.selected swp-service-checkbox {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+      color: white;
+    }
+
+    swp-service-checkbox svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+      opacity: 0;
+    }
+
+    swp-service-item.selected swp-service-checkbox svg {
+      opacity: 1;
+    }
+
+    swp-service-color {
+      width: 4px;
+      height: 40px;
+      border-radius: 2px;
+      flex-shrink: 0;
+    }
+
+    swp-service-info {
+      flex: 1;
+    }
+
+    swp-service-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-service-meta {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-service-override {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-service-override-value {
+      color: var(--color-text);
+      font-weight: 500;
+    }
+
+    /* ==========================================
+       CERTIFICATION LIST
+       ========================================== */
+    swp-cert-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-cert-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 14px 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-cert-icon {
+      width: 36px;
+      height: 36px;
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 18px;
+    }
+
+    swp-cert-info {
+      flex: 1;
+    }
+
+    swp-cert-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-cert-dates {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-cert-status {
+      font-size: 11px;
+      font-weight: 600;
+      padding: 4px 10px;
+      border-radius: 12px;
+    }
+
+    swp-cert-status.valid {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-cert-status.expiring {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-cert-status.expired {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       SALARY TABLE
+       ========================================== */
+    swp-salary-history {
+      display: block;
+      margin-top: 16px;
+    }
+
+    swp-salary-history table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 13px;
+    }
+
+    swp-salary-history th,
+    swp-salary-history td {
+      padding: 10px 12px;
+      text-align: left;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-salary-history th {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      background: var(--color-background-alt);
+    }
+
+    swp-salary-history td {
+      color: var(--color-text);
+    }
+
+    swp-salary-history td.mono {
+      font-family: var(--font-mono);
+    }
+
+    /* ==========================================
+       BOOKING TABLE
+       ========================================== */
+    swp-booking-table {
+      display: block;
+      margin-top: 16px;
+    }
+
+    swp-booking-table table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 13px;
+    }
+
+    swp-booking-table th,
+    swp-booking-table td {
+      padding: 12px 16px;
+      text-align: left;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-booking-table th {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      background: var(--color-background-alt);
+    }
+
+    swp-booking-table td {
+      color: var(--color-text);
+    }
+
+    swp-booking-table .customer {
+      font-weight: 500;
+    }
+
+    swp-booking-table .date {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-booking-table .amount {
+      font-family: var(--font-mono);
+      font-weight: 500;
+    }
+
+    /* ==========================================
+       INVOICE TABLE (afsluttede bookinger)
+       ========================================== */
+    swp-invoice-table {
+      display: block;
+      margin-top: 16px;
+    }
+
+    swp-invoice-table table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 13px;
+    }
+
+    swp-invoice-table th,
+    swp-invoice-table td {
+      padding: 12px 16px;
+      text-align: left;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-invoice-table th {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      background: var(--color-background-alt);
+    }
+
+    swp-invoice-table td {
+      color: var(--color-text);
+    }
+
+    swp-invoice-table .date,
+    swp-invoice-table .time {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-invoice-table .customer {
+      font-weight: 500;
+    }
+
+    swp-invoice-table .services {
+      max-width: 250px;
+    }
+
+    swp-invoice-table .duration {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-invoice-table .amount {
+      font-family: var(--font-mono);
+      font-weight: 600;
+      text-align: right;
+    }
+
+    swp-invoice-table .amount-col {
+      text-align: right;
+    }
+
+    /* Status badges */
+    swp-status-badge {
+      display: inline-block;
+      padding: 4px 10px;
+      border-radius: 12px;
+      font-size: 11px;
+      font-weight: 500;
+    }
+
+    swp-status-badge.paid {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-status-badge.pending {
+      background: color-mix(in srgb, #f59e0b 15%, white);
+      color: #d97706;
+    }
+
+    /* ==========================================
+       CHART SECTION (matches poc-detail-drawer.html)
+       ========================================== */
+    swp-chart-section {
+      display: block;
+    }
+
+    swp-chart-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    swp-chart-title {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-subtitle {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-muted);
+      margin-top: 2px;
+    }
+
+    swp-chart-legend {
+      display: flex;
+      gap: 16px;
+    }
+
+    swp-chart-legend-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-legend-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    swp-chart-legend-dot.services {
+      background: var(--color-teal);
+    }
+
+    swp-chart-legend-dot.products {
+      background: var(--color-blue);
+    }
+
+    swp-chart-container {
+      display: block;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      padding: 16px;
+    }
+
+    /* ==========================================
+       ADD BUTTON
+       ========================================== */
+    swp-add-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 12px;
+      border: 2px dashed var(--color-border);
+      border-radius: 6px;
+      color: var(--color-text-secondary);
+      font-size: 13px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      margin-top: 12px;
+    }
+
+    swp-add-button:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+    }
+
+    /* Duration slider (same style as time-range-slider) */
+    swp-duration-slider {
+      position: relative;
+      width: 80px;
+      height: 20px;
+      display: flex;
+      align-items: center;
+    }
+
+    swp-duration-slider swp-slider-track {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      background: var(--color-border);
+      border-radius: 2px;
+    }
+
+    swp-duration-slider input[type="range"] {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      -webkit-appearance: none;
+      appearance: none;
+      background: transparent;
+      margin: 0;
+    }
+
+    swp-duration-slider input[type="range"]::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    swp-duration-slider input[type="range"]::-moz-range-thumb {
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    /* Compact service list (main view) */
+    swp-service-compact-list {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-service-compact-category {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-top: 12px;
+      padding-bottom: 4px;
+    }
+
+    swp-service-compact-category:first-child {
+      margin-top: 0;
+    }
+
+    swp-service-compact-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-service-compact-color {
+      width: 4px;
+      height: 24px;
+      border-radius: 2px;
+      flex-shrink: 0;
+    }
+
+    swp-service-compact-name {
+      flex: 1;
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-service-compact-override {
+      display: flex;
+      gap: 8px;
+      font-size: 12px;
+      font-family: var(--font-mono);
+    }
+
+    swp-service-compact-override .duration-override {
+      color: var(--color-teal);
+      padding: 2px 8px;
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      border-radius: 4px;
+    }
+
+    swp-service-compact-override .price-override {
+      color: var(--color-teal);
+      padding: 2px 8px;
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+      border-radius: 4px;
+    }
+
+    swp-service-compact-override .price-override s {
+      color: var(--color-text-muted);
+      margin-right: 4px;
+    }
+
+    swp-service-compact-override.standard {
+      display: none;
+    }
+
+    swp-service-compact-empty {
+      display: block;
+      padding: 24px 16px;
+      text-align: center;
+      color: var(--color-text-muted);
+      font-size: 14px;
+    }
+
+    /* Edit link for services card */
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    swp-card-header swp-section-label {
+      margin-bottom: 0;
+    }
+
+    swp-edit-link {
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      transition: color 150ms ease;
+    }
+
+    swp-edit-link:hover {
+      color: #00695c;
+    }
+
+    swp-edit-link svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+    }
+
+    /* ==========================================
+       HR TAB - DOCUMENTS
+       ========================================== */
+    swp-document-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-top: 16px;
+    }
+
+    swp-document-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-document-icon {
+      font-size: 20px;
+    }
+
+    swp-document-info {
+      flex: 1;
+    }
+
+    swp-document-name {
+      display: block;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-document-meta {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-document-actions {
+      display: flex;
+      gap: 8px;
+    }
+
+    /* ==========================================
+       HR TAB - COURSES
+       ========================================== */
+    swp-course-section {
+      margin-bottom: 20px;
+    }
+
+    swp-course-section:last-of-type {
+      margin-bottom: 0;
+    }
+
+    swp-course-section-title {
+      display: block;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      margin-bottom: 8px;
+    }
+
+    swp-course-list {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-course-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 14px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-course-item.upcoming {
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+      border: 1px solid color-mix(in srgb, var(--color-teal) 20%, white);
+    }
+
+    swp-course-info {
+      flex: 1;
+    }
+
+    swp-course-name {
+      display: block;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-course-meta {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-course-status {
+      font-size: 11px;
+      font-weight: 500;
+      padding: 4px 10px;
+      border-radius: 12px;
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       RATES DRAWER
+       ========================================== */
+    swp-drawer-overlay {
+      display: none;
+      position: fixed;
+      inset: 0;
+      background: rgba(0,0,0,0.3);
+      z-index: 999;
+    }
+
+    swp-drawer-overlay.open {
+      display: block;
+    }
+
+    swp-rates-drawer {
+      display: none;
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 420px;
+      background: var(--color-surface);
+      box-shadow: -4px 0 20px rgba(0,0,0,0.15);
+      z-index: 1000;
+      flex-direction: column;
+    }
+
+    swp-rates-drawer.open {
+      display: flex;
+    }
+
+    swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-drawer-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-drawer-close {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-drawer-close:hover {
+      background: var(--color-background);
+      color: var(--color-text);
+    }
+
+    swp-drawer-body {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px 20px;
+    }
+
+    swp-rate-row {
+      display: grid;
+      grid-template-columns: 28px 1fr 100px;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-rate-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-rate-row input[type="checkbox"] {
+      width: 18px;
+      height: 18px;
+      accent-color: var(--color-teal);
+    }
+
+    swp-rate-label {
+      font-size: 14px;
+    }
+
+    swp-rate-label.disabled {
+      opacity: 0.4;
+    }
+
+    swp-rate-input {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-rate-input input {
+      width: 70px;
+      padding: 6px 8px;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      text-align: right;
+    }
+
+    swp-rate-input.disabled input {
+      opacity: 0.4;
+      background: var(--color-background);
+    }
+
+    .btn-link {
+      background: none;
+      border: none;
+      color: var(--color-teal);
+      font-size: 13px;
+      cursor: pointer;
+      padding: 0;
+    }
+
+    .btn-link:hover {
+      text-decoration: underline;
+    }
+
+    swp-card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 12px;
+    }
+
+    swp-card-header swp-section-label {
+      margin-bottom: 0;
+    }
+
+    .mono {
+      font-family: var(--font-mono);
+    }
+  </style>
+</head>
+<body>
+
+<!-- Topbar -->
+<swp-topbar>
+  <swp-topbar-left>
+    <swp-back-link>
+      <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+      Tilbage til medarbejdere
+    </swp-back-link>
+    <swp-topbar-title>Medarbejder detaljer</swp-topbar-title>
+  </swp-topbar-left>
+  <swp-topbar-actions>
+    <swp-btn class="secondary">Slet medarbejder</swp-btn>
+    <swp-btn class="primary">Gem ændringer</swp-btn>
+  </swp-topbar-actions>
+</swp-topbar>
+
+<!-- Employee Header -->
+<swp-employee-header>
+  <swp-employee-avatar-large id="avatarUpload">
+    <swp-avatar-initials>AS</swp-avatar-initials>
+    <swp-avatar-overlay>
+      <svg viewBox="0 0 24 24"><path d="M12 15.2c1.77 0 3.2-1.43 3.2-3.2 0-1.77-1.43-3.2-3.2-3.2-1.77 0-3.2 1.43-3.2 3.2 0 1.77 1.43 3.2 3.2 3.2zm8-10.2h-3.17L15 3H9L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-8 13c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/></svg>
+      <span class="upload-text">Upload</span>
+      <span class="change-text">Skift</span>
+    </swp-avatar-overlay>
+    <swp-avatar-remove id="avatarRemove" title="Fjern billede">✕</swp-avatar-remove>
+    <input type="file" accept="image/*" id="avatarInput" style="display: none;">
+  </swp-employee-avatar-large>
+  <swp-employee-info>
+    <swp-employee-name-row>
+      <swp-employee-name contenteditable="true">Anna Sørensen</swp-employee-name>
+      <swp-tags-row>
+        <swp-tag class="master">Master Stylist</swp-tag>
+        <swp-tag class="cert">Farvecertificeret</swp-tag>
+        <swp-tag class="cert">Balayage</swp-tag>
+      </swp-tags-row>
+      <swp-employee-status data-active="true">
+        <span class="icon">●</span>
+        <span class="text">Aktiv</span>
+      </swp-employee-status>
+    </swp-employee-name-row>
+    <swp-fact-boxes-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>248</swp-fact-inline-value>
+        <swp-fact-inline-label>bookinger i år</swp-fact-inline-label>
+      </swp-fact-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>186.450 kr</swp-fact-inline-value>
+        <swp-fact-inline-label>omsætning i år</swp-fact-inline-label>
+      </swp-fact-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value class="stars">★★★★★</swp-fact-inline-value>
+        <swp-fact-inline-label>4.9 rating</swp-fact-inline-label>
+      </swp-fact-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>2019</swp-fact-inline-value>
+        <swp-fact-inline-label>ansat siden</swp-fact-inline-label>
+      </swp-fact-inline>
+    </swp-fact-boxes-inline>
+  </swp-employee-info>
+</swp-employee-header>
+
+<!-- Tab Bar -->
+<swp-tab-bar>
+  <swp-tab class="active" data-tab="general">Generelt</swp-tab>
+  <swp-tab data-tab="hours">Arbejdstid</swp-tab>
+  <swp-tab data-tab="services">Services</swp-tab>
+  <swp-tab data-tab="salary">Løn</swp-tab>
+  <swp-tab data-tab="hr">HR</swp-tab>
+  <swp-tab data-tab="stats">Statistik</swp-tab>
+</swp-tab-bar>
+
+<!-- ==========================================
+     GENERELT TAB
+     ========================================== -->
+<swp-tab-content class="active" data-tab="general">
+  <div class="grid-2">
+    <div>
+      <swp-card>
+        <swp-section-label>Kontaktoplysninger</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Fulde navn</swp-edit-label>
+            <swp-edit-value contenteditable="true">Anna Sørensen</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>E-mail</swp-edit-label>
+            <swp-edit-value contenteditable="true">anna@salon.dk</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Telefon</swp-edit-label>
+            <swp-edit-value contenteditable="true">+45 12 34 56 78</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Adresse</swp-edit-label>
+            <swp-edit-value contenteditable="true">Vestergade 15, 3. tv</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Postnr. & By</swp-edit-label>
+            <swp-edit-value contenteditable="true">8000 Aarhus C</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card>
+
+      <swp-card>
+        <swp-section-label>Personlige oplysninger</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Fødselsdato</swp-edit-label>
+            <swp-edit-value contenteditable="true">15. marts 1992</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>CPR-nummer</swp-edit-label>
+            <swp-edit-value class="masked" contenteditable="true">150392-****</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Nødkontakt</swp-edit-label>
+            <swp-edit-value contenteditable="true">Peter Sørensen (ægtefælle)</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Nødkontakt tlf.</swp-edit-label>
+            <swp-edit-value contenteditable="true">+45 87 65 43 21</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card>
+    </div>
+
+    <div>
+      <swp-card>
+        <swp-section-label>Ansættelse</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Ansættelsesdato</swp-edit-label>
+            <swp-edit-value contenteditable="true">1. august 2019</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Stilling</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option>Junior Stylist</option>
+                <option>Stylist</option>
+                <option>Senior Stylist</option>
+                <option selected>Master Stylist</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Ansættelsestype</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option selected>Fuldtid</option>
+                <option>Deltid</option>
+                <option>Vikar</option>
+                <option>Elev</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Timer/uge</swp-edit-label>
+            <swp-edit-value contenteditable="true">37</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card>
+
+      <swp-card>
+        <swp-section-label>Indstillinger</swp-section-label>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Vis i online booking</swp-toggle-label>
+            <swp-toggle-description>Kunder kan vælge denne medarbejder</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Modtag SMS-påmindelser</swp-toggle-label>
+            <swp-toggle-description>Få besked om nye bookinger</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Kan redigere egen kalender</swp-toggle-label>
+            <swp-toggle-description>Tillad ændringer i egne bookinger</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+      </swp-card>
+
+      <swp-card>
+        <swp-section-label>Notifikationer</swp-section-label>
+        <p style="font-size: 13px; color: var(--color-text-secondary); margin-bottom: 16px;">
+          Vælg hvilke email-notifikationer medarbejderen skal modtage.
+        </p>
+        <swp-checkbox-list>
+          <swp-checkbox-row class="checked">
+            <swp-checkbox-box>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-checkbox-box>
+            <swp-checkbox-text>Modtag email ved online booking</swp-checkbox-text>
+          </swp-checkbox-row>
+          <swp-checkbox-row class="checked">
+            <swp-checkbox-box>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-checkbox-box>
+            <swp-checkbox-text>Modtag email ved manuel booking</swp-checkbox-text>
+          </swp-checkbox-row>
+          <swp-checkbox-row>
+            <swp-checkbox-box>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-checkbox-box>
+            <swp-checkbox-text>Modtag email ved aflysning</swp-checkbox-text>
+          </swp-checkbox-row>
+          <swp-checkbox-row>
+            <swp-checkbox-box>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-checkbox-box>
+            <swp-checkbox-text>Modtag email ved opskrivning til venteliste</swp-checkbox-text>
+          </swp-checkbox-row>
+          <swp-checkbox-row class="checked">
+            <swp-checkbox-box>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-checkbox-box>
+            <swp-checkbox-text>Modtag daglig oversigt over morgendagens bookinger</swp-checkbox-text>
+          </swp-checkbox-row>
+        </swp-checkbox-list>
+      </swp-card>
+    </div>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     ARBEJDSTID TAB
+     ========================================== -->
+<swp-tab-content data-tab="hours">
+  <swp-card>
+    <swp-schedule-header>
+      <swp-section-label>Arbejdstidsplan</swp-section-label>
+      <swp-edit-link href="poc-arbejdstidsplan.html">
+        <svg viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
+        Rediger i arbejdstidsplan
+      </swp-edit-link>
+    </swp-schedule-header>
+
+    <swp-schedule-grid>
+      <!-- Header row -->
+      <swp-cell class="header week-col"></swp-cell>
+      <swp-cell class="header"><swp-day-name>Mandag</swp-day-name></swp-cell>
+      <swp-cell class="header"><swp-day-name>Tirsdag</swp-day-name></swp-cell>
+      <swp-cell class="header"><swp-day-name>Onsdag</swp-day-name></swp-cell>
+      <swp-cell class="header"><swp-day-name>Torsdag</swp-day-name></swp-cell>
+      <swp-cell class="header"><swp-day-name>Fredag</swp-day-name></swp-cell>
+      <swp-cell class="header"><swp-day-name>Lørdag</swp-day-name></swp-cell>
+      <swp-cell class="header"><swp-day-name>Søndag</swp-day-name></swp-cell>
+
+      <!-- Uge 51 -->
+      <swp-cell class="week-label">Uge 51<swp-week-hours>38 timer</swp-week-hours></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>10:00 - 18:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 15:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+
+      <!-- Uge 52 -->
+      <swp-cell class="week-label">Uge 52<swp-week-hours>20 timer</swp-week-hours></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 13:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+
+      <!-- Uge 1 -->
+      <swp-cell class="week-label">Uge 1<swp-week-hours>0 timer</swp-week-hours></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="vacation">Ferie</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+
+      <!-- Uge 2 -->
+      <swp-cell class="week-label">Uge 2<swp-week-hours>38 timer</swp-week-hours></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>10:00 - 18:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 15:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+
+      <!-- Uge 3 -->
+      <swp-cell class="week-label">Uge 3<swp-week-hours>38 timer</swp-week-hours></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>10:00 - 18:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 15:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+
+      <!-- Uge 4 -->
+      <swp-cell class="week-label">Uge 4<swp-week-hours>38 timer</swp-week-hours></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>10:00 - 18:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 17:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge>09:00 - 15:00</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+      <swp-cell><swp-time-badge class="off">—</swp-time-badge></swp-cell>
+    </swp-schedule-grid>
+  </swp-card>
+</swp-tab-content>
+
+<!-- ==========================================
+     SERVICES TAB
+     ========================================== -->
+<swp-tab-content data-tab="services">
+  <swp-tab-info>
+    <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
+    <span>Priserne vises for stillingen "<strong>Master Stylist</strong>". <strong>Tip:</strong> Hold Shift nede for at vælge en række, eller Ctrl for at vælge flere enkeltvis.</span>
+  </swp-tab-info>
+  <div class="services-layout">
+    <!-- Venstre panel: Tilgængelige services (collapsible) -->
+    <swp-services-panel id="servicesPanel" class="collapsed">
+      <swp-panel-toggle id="panelToggle" title="Klik for at redigere services">
+        <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
+      </swp-panel-toggle>
+      <swp-panel-content>
+        <swp-card class="services-card">
+          <swp-section-label>Tilgængelige services</swp-section-label>
+          <swp-search-field>
+            <img src="icons/search.svg" alt="Søg" width="16" height="16">
+            <input type="text" id="serviceSearch" placeholder="Søg i services...">
+          </swp-search-field>
+          <swp-services-available id="availableServices">
+            <!-- Services vil blive indsat her -->
+          </swp-services-available>
+        </swp-card>
+      </swp-panel-content>
+    </swp-services-panel>
+
+    <!-- Højre kolonne: Valgte services -->
+    <swp-card class="services-card selected-services-card">
+      <swp-section-label>
+        Valgte services
+        <button type="button" id="editServicesBtn" class="edit-services-btn">
+          <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
+          Rediger
+        </button>
+      </swp-section-label>
+      <swp-services-selected id="selectedServices">
+        <swp-services-empty>
+          <svg viewBox="0 0 24 24" width="32" height="32"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+          <span>Træk services hertil</span>
+        </swp-services-empty>
+      </swp-services-selected>
+    </swp-card>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     LØN TAB
+     ========================================== -->
+<swp-tab-content data-tab="salary">
+  <div class="grid-2">
+    <div>
+      <swp-card>
+        <swp-card-header>
+          <swp-section-label>Satser</swp-section-label>
+          <button class="btn-link" onclick="openRatesDrawer()">Rediger</button>
+        </swp-card-header>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Normal (timeløn)</swp-edit-label>
+            <swp-edit-value class="mono">131,49 kr</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Overarbejde (100%)</swp-edit-label>
+            <swp-edit-value class="mono">280,50 kr</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Ferie m. løn</swp-edit-label>
+            <swp-edit-value class="mono">140,25 kr</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card>
+
+      <swp-card>
+        <swp-section-label>Provision</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Minimum pr. time</swp-edit-label>
+            <swp-edit-value class="mono" contenteditable="true">220 kr</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>På services</swp-edit-label>
+            <swp-edit-value class="mono" contenteditable="true">15%</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>På produktsalg</swp-edit-label>
+            <swp-edit-value class="mono" contenteditable="true">15%</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card>
+
+      <swp-card>
+        <swp-section-label>Tillæg</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>8-21 Hverdage</swp-edit-label>
+            <swp-edit-value class="mono">28,03 kr</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>8-21 Lørdage</swp-edit-label>
+            <swp-edit-value class="mono">56,02 kr</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Søndag</swp-edit-label>
+            <swp-edit-value class="mono">112,07 kr</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card>
+    </div>
+
+    <swp-card>
+      <swp-section-label>Lønspecifikationer</swp-section-label>
+      <swp-salary-history>
+        <table>
+          <thead>
+            <tr>
+              <th>Periode</th>
+              <th>Bruttoløn</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Januar 2026</td>
+              <td class="mono">34.063,50 kr</td>
+              <td><a href="poc-loenspecifikation.html" class="link">Vis</a></td>
+            </tr>
+            <tr>
+              <td>December 2025</td>
+              <td class="mono">31.845,00 kr</td>
+              <td><a href="poc-loenspecifikation.html" class="link">Vis</a></td>
+            </tr>
+            <tr>
+              <td>November 2025</td>
+              <td class="mono">33.290,25 kr</td>
+              <td><a href="poc-loenspecifikation.html" class="link">Vis</a></td>
+            </tr>
+            <tr>
+              <td>Oktober 2025</td>
+              <td class="mono">32.156,75 kr</td>
+              <td><a href="poc-loenspecifikation.html" class="link">Vis</a></td>
+            </tr>
+            <tr>
+              <td>September 2025</td>
+              <td class="mono">34.520,00 kr</td>
+              <td><a href="poc-loenspecifikation.html" class="link">Vis</a></td>
+            </tr>
+          </tbody>
+        </table>
+      </swp-salary-history>
+    </swp-card>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     HR TAB
+     ========================================== -->
+<swp-tab-content data-tab="hr">
+  <div class="grid-2">
+    <!-- Venstre kolonne -->
+    <div>
+      <!-- Kontrakt & Dokumenter -->
+      <swp-card>
+        <swp-section-label>Kontrakt & Dokumenter</swp-section-label>
+
+        <!-- Kontrakt info -->
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Kontrakttype</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option selected>Fastansættelse</option>
+                <option>Tidsbegrænset</option>
+                <option>Freelance</option>
+                <option>Elev/Lærling</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Opsigelsesvarsel</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option>14 dage</option>
+                <option selected>1 måned</option>
+                <option>3 måneder</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Kontraktudløb</swp-edit-label>
+            <swp-edit-value>— (ingen udløb)</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+
+        <!-- Dokument liste -->
+        <swp-document-list>
+          <swp-document-item>
+            <swp-document-icon>📄</swp-document-icon>
+            <swp-document-info>
+              <swp-document-name>Ansættelseskontrakt.pdf</swp-document-name>
+              <swp-document-meta>Uploadet 1. aug 2019</swp-document-meta>
+            </swp-document-info>
+            <swp-document-actions>
+              <swp-btn class="small secondary">Vis</swp-btn>
+            </swp-document-actions>
+          </swp-document-item>
+          <swp-document-item>
+            <swp-document-icon>📄</swp-document-icon>
+            <swp-document-info>
+              <swp-document-name>Tillæg - Lønforhøjelse 2023.pdf</swp-document-name>
+              <swp-document-meta>Uploadet 15. jan 2023</swp-document-meta>
+            </swp-document-info>
+            <swp-document-actions>
+              <swp-btn class="small secondary">Vis</swp-btn>
+            </swp-document-actions>
+          </swp-document-item>
+        </swp-document-list>
+
+        <swp-add-button>
+          + Upload dokument
+        </swp-add-button>
+      </swp-card>
+    </div>
+
+    <!-- Højre kolonne -->
+    <div>
+      <!-- Certificeringer -->
+      <swp-card>
+        <swp-section-label>Certificeringer</swp-section-label>
+        <swp-cert-list>
+          <swp-cert-item>
+            <swp-cert-icon>🎓</swp-cert-icon>
+            <swp-cert-info>
+              <swp-cert-name>Balayage Specialist</swp-cert-name>
+              <swp-cert-dates>Udløber: 15. juni 2026</swp-cert-dates>
+            </swp-cert-info>
+            <swp-cert-status class="valid">Gyldig</swp-cert-status>
+          </swp-cert-item>
+          <swp-cert-item>
+            <swp-cert-icon>🎓</swp-cert-icon>
+            <swp-cert-info>
+              <swp-cert-name>Farvecertificering (Wella)</swp-cert-name>
+              <swp-cert-dates>Udløber: 1. marts 2025</swp-cert-dates>
+            </swp-cert-info>
+            <swp-cert-status class="expiring">Udløber snart</swp-cert-status>
+          </swp-cert-item>
+        </swp-cert-list>
+        <swp-add-button>
+          + Tilføj certificering
+        </swp-add-button>
+      </swp-card>
+
+      <!-- Kurser -->
+      <swp-card>
+        <swp-section-label>Kurser</swp-section-label>
+
+        <swp-course-section>
+          <swp-course-section-title>Gennemførte kurser</swp-course-section-title>
+          <swp-course-list>
+            <swp-course-item>
+              <swp-course-info>
+                <swp-course-name>Avanceret balayage teknikker</swp-course-name>
+                <swp-course-meta>Wella Academy · Marts 2024</swp-course-meta>
+              </swp-course-info>
+            </swp-course-item>
+            <swp-course-item>
+              <swp-course-info>
+                <swp-course-name>Kundeservice & mersalg</swp-course-name>
+                <swp-course-meta>SalonUp · November 2023</swp-course-meta>
+              </swp-course-info>
+            </swp-course-item>
+          </swp-course-list>
+        </swp-course-section>
+
+        <swp-course-section>
+          <swp-course-section-title>Planlagte kurser</swp-course-section-title>
+          <swp-course-list>
+            <swp-course-item class="upcoming">
+              <swp-course-info>
+                <swp-course-name>Olaplex certificering</swp-course-name>
+                <swp-course-meta>Olaplex DK · 15. februar 2026</swp-course-meta>
+              </swp-course-info>
+              <swp-course-status>Tilmeldt</swp-course-status>
+            </swp-course-item>
+          </swp-course-list>
+        </swp-course-section>
+
+        <swp-add-button>
+          + Tilføj kursus
+        </swp-add-button>
+      </swp-card>
+    </div>
+  </div>
+
+  <!-- Ferie & Fravær sektion -->
+  <div class="grid-2" style="margin-top: 24px;">
+    <swp-card>
+      <swp-section-label>Ferie-saldo</swp-section-label>
+      <swp-edit-section>
+        <swp-edit-row>
+          <swp-edit-label>Optjente feriedage</swp-edit-label>
+          <swp-edit-value>25 dage</swp-edit-value>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Brugte feriedage</swp-edit-label>
+          <swp-edit-value>12 dage</swp-edit-value>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Resterende</swp-edit-label>
+          <swp-edit-value style="font-weight: 600; color: var(--color-teal);">13 dage</swp-edit-value>
+        </swp-edit-row>
+      </swp-edit-section>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Fravær & Sygdom</swp-section-label>
+      <swp-edit-section>
+        <swp-edit-row>
+          <swp-edit-label>Sygefravær 2025</swp-edit-label>
+          <swp-edit-value>3 dage</swp-edit-value>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Sygefravær 2024</swp-edit-label>
+          <swp-edit-value>7 dage</swp-edit-value>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Børns sygdom 2025</swp-edit-label>
+          <swp-edit-value>1 dag</swp-edit-value>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Barsel</swp-edit-label>
+          <swp-edit-value>— (ingen planlagt)</swp-edit-value>
+        </swp-edit-row>
+      </swp-edit-section>
+    </swp-card>
+  </div>
+
+  <!-- Planlagt fravær -->
+  <swp-card style="margin-top: 24px;">
+    <swp-section-label>Planlagt fravær</swp-section-label>
+    <swp-vacation-list>
+      <swp-vacation-item>
+        <swp-vacation-dates>23. dec – 2. jan 2026</swp-vacation-dates>
+        <swp-vacation-type class="ferie">Ferie</swp-vacation-type>
+      </swp-vacation-item>
+      <swp-vacation-item>
+        <swp-vacation-dates>14. feb 2025</swp-vacation-dates>
+        <swp-vacation-type class="fri">Fri</swp-vacation-type>
+      </swp-vacation-item>
+      <swp-vacation-item>
+        <swp-vacation-dates>7. apr – 11. apr 2025</swp-vacation-dates>
+        <swp-vacation-type class="ferie">Ferie</swp-vacation-type>
+      </swp-vacation-item>
+    </swp-vacation-list>
+    <swp-add-button>
+      + Tilføj fravær
+    </swp-add-button>
+  </swp-card>
+</swp-tab-content>
+
+<!-- ==========================================
+     STATISTIK TAB
+     ========================================== -->
+<swp-tab-content data-tab="stats">
+  <div class="grid-4" style="margin-bottom: 24px;">
+    <swp-stat-card class="highlight">
+      <swp-stat-value>42</swp-stat-value>
+      <swp-stat-label>Bookinger denne måned</swp-stat-label>
+    </swp-stat-card>
+    <swp-stat-card>
+      <swp-stat-value>30.825 kr</swp-stat-value>
+      <swp-stat-label>Værdi af bookede services</swp-stat-label>
+      <swp-stat-subtitle>Baseret på 49 bookinger</swp-stat-subtitle>
+    </swp-stat-card>
+    <swp-stat-card>
+      <swp-stat-value>28.450 kr</swp-stat-value>
+      <swp-stat-label>Omsætning denne måned</swp-stat-label>
+    </swp-stat-card>
+    <swp-stat-card>
+      <swp-stat-value>68%</swp-stat-value>
+      <swp-stat-label>Gengangere</swp-stat-label>
+    </swp-stat-card>
+  </div>
+
+  <!-- Omsætning & Belægningsgrad chart -->
+  <swp-card style="margin-bottom: 24px;">
+    <swp-chart-section>
+      <swp-chart-header>
+        <swp-chart-title>Omsætning & Belægningsgrad</swp-chart-title>
+        <swp-chart-subtitle>3 måneder bagud · 3 måneder frem</swp-chart-subtitle>
+      </swp-chart-header>
+      <swp-chart-container id="revenueUtilizationChart" style="height: 300px;"></swp-chart-container>
+    </swp-chart-section>
+  </swp-card>
+
+  <div class="grid-2">
+    <swp-card>
+      <swp-chart-section>
+        <swp-chart-header>
+          <swp-chart-title>Omsætning (sidste 6 mdr)</swp-chart-title>
+          <swp-chart-legend>
+            <swp-chart-legend-item>
+              <swp-chart-legend-dot class="services"></swp-chart-legend-dot>
+              <span>Services</span>
+            </swp-chart-legend-item>
+            <swp-chart-legend-item>
+              <swp-chart-legend-dot class="products"></swp-chart-legend-dot>
+              <span>Produkter</span>
+            </swp-chart-legend-item>
+          </swp-chart-legend>
+        </swp-chart-header>
+        <swp-chart-container id="revenueChart" style="height: 220px;"></swp-chart-container>
+      </swp-chart-section>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Seneste bookinger</swp-section-label>
+      <swp-booking-table>
+        <table>
+          <thead>
+            <tr>
+              <th>Kunde</th>
+              <th>Service</th>
+              <th>Dato</th>
+              <th>Beløb</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="customer">Maria Hansen</td>
+              <td>Klip & Farve</td>
+              <td class="date">23. dec 2024</td>
+              <td class="amount">995 kr</td>
+            </tr>
+            <tr>
+              <td class="customer">Louise Nielsen</td>
+              <td>Balayage</td>
+              <td class="date">22. dec 2024</td>
+              <td class="amount">1.495 kr</td>
+            </tr>
+            <tr>
+              <td class="customer">Sofie Andersen</td>
+              <td>Dameklip</td>
+              <td class="date">22. dec 2024</td>
+              <td class="amount">425 kr</td>
+            </tr>
+            <tr>
+              <td class="customer">Karen Pedersen</td>
+              <td>Klip & Farve</td>
+              <td class="date">21. dec 2024</td>
+              <td class="amount">1.095 kr</td>
+            </tr>
+            <tr>
+              <td class="customer">Emma Larsen</td>
+              <td>Olaplex</td>
+              <td class="date">21. dec 2024</td>
+              <td class="amount">350 kr</td>
+            </tr>
+          </tbody>
+        </table>
+      </swp-booking-table>
+    </swp-card>
+  </div>
+
+  <!-- Afsluttede bookinger (fakturaliste) -->
+  <swp-card style="margin-top: 24px;">
+    <swp-section-label>Afsluttede bookinger</swp-section-label>
+    <swp-invoice-table>
+      <table>
+        <thead>
+          <tr>
+            <th>Dato</th>
+            <th>Tid</th>
+            <th>Kunde</th>
+            <th>Services</th>
+            <th>Varighed</th>
+            <th class="amount-col">Beløb</th>
+            <th>Status</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td class="date">23. dec 2024</td>
+            <td class="time">10:00</td>
+            <td class="customer">Maria Hansen</td>
+            <td class="services">Dameklip, Bundfarve</td>
+            <td class="duration">2t 30m</td>
+            <td class="amount">1.510 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">23. dec 2024</td>
+            <td class="time">13:30</td>
+            <td class="customer">Louise Nielsen</td>
+            <td class="services">Balayage langt hår, Olaplex</td>
+            <td class="duration">3t</td>
+            <td class="amount">2.700 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">22. dec 2024</td>
+            <td class="time">09:00</td>
+            <td class="customer">Sofie Andersen</td>
+            <td class="services">Dameklip</td>
+            <td class="duration">1t</td>
+            <td class="amount">725 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">22. dec 2024</td>
+            <td class="time">11:00</td>
+            <td class="customer">Karen Pedersen</td>
+            <td class="services">Striber mellemlangt hår, Klip</td>
+            <td class="duration">2t 30m</td>
+            <td class="amount">2.390 kr</td>
+            <td><swp-status-badge class="pending">Afventer</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">21. dec 2024</td>
+            <td class="time">14:00</td>
+            <td class="customer">Emma Larsen</td>
+            <td class="services">Olaplex Stand alone</td>
+            <td class="duration">1t</td>
+            <td class="amount">550 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">21. dec 2024</td>
+            <td class="time">10:00</td>
+            <td class="customer">Mette Kristensen</td>
+            <td class="services">Herreklip</td>
+            <td class="duration">1t</td>
+            <td class="amount">645 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">20. dec 2024</td>
+            <td class="time">09:30</td>
+            <td class="customer">Anne Thomsen</td>
+            <td class="services">Glossing mellemlangt hår</td>
+            <td class="duration">1t</td>
+            <td class="amount">745 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+          <tr>
+            <td class="date">20. dec 2024</td>
+            <td class="time">12:00</td>
+            <td class="customer">Lise Mortensen</td>
+            <td class="services">Dameklip, Farvning vipper & bryn</td>
+            <td class="duration">1t 30m</td>
+            <td class="amount">1.070 kr</td>
+            <td><swp-status-badge class="paid">Betalt</swp-status-badge></td>
+          </tr>
+        </tbody>
+      </table>
+    </swp-invoice-table>
+  </swp-card>
+</swp-tab-content>
+
+<script type="module">
+  // Tab switching
+  document.querySelectorAll('swp-tab').forEach(tab => {
+    tab.addEventListener('click', () => {
+      document.querySelectorAll('swp-tab').forEach(t => t.classList.remove('active'));
+      document.querySelectorAll('swp-tab-content').forEach(c => c.classList.remove('active'));
+      tab.classList.add('active');
+      document.querySelector(`swp-tab-content[data-tab="${tab.dataset.tab}"]`).classList.add('active');
+    });
+  });
+
+  // Toggle sliders
+  document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+    slider.addEventListener('click', () => {
+      slider.dataset.value = slider.dataset.value === 'yes' ? 'no' : 'yes';
+    });
+  });
+
+  // ==========================================
+  // Services Drag-Drop Functionality
+  // ==========================================
+
+  // Category colors
+  const categoryColors = {
+    'Klip dame, herre og børn': '#1e88e5',
+    'Farvebehandlinger': '#8e24aa',
+    'Striber/ Refleksbehandling': '#f4511e',
+    'Hårvask med styling eller uden styling': '#00897b',
+    'Henna naturlig hårfarver': '#6d4c41',
+    'Kurbehandling': '#43a047',
+    'Bryn og vipper': '#ec407a',
+    'Balayage': '#ab47bc',
+    'Skæg': '#5c6bc0',
+    'Gloss': '#ffb300',
+    'Håropsætning': '#e91e63',
+    'Modeller': '#78909c',
+    'Tristan farve modeller': '#26a69a',
+    'Uden kategori': '#607d8b',
+    'Tilvalg services': '#009688'
+  };
+
+  // Pre-selected services (by name)
+  const preSelectedServices = [
+    // Klip
+    'Dameklip',
+    'Dameklip uden snak',
+    'Herreklip',
+    'Herreklip uden snak',
+    'Skin fade',
+    'Børneklip 0-4 år',
+    'Børneklip 4-8 år',
+    // Farve
+    'Bundfarve almindelig udgroning maks 3 cm',
+    'Helfarve kort hår',
+    'Helfarve mellemlangt hår',
+    // Striber
+    'Striber kort hår',
+    'Striber mellemlangt hår',
+    // Bryn og vipper
+    'Farvning vipper & bryn',
+    'Farvning vipper',
+    'Farvning og retning af bryn',
+    // Balayage
+    'Balayage maks til skulderen',
+    'Balayage langt hår',
+    // Gloss
+    'Glossing kort hår',
+    'Glossing mellemlangt/ langt hår'
+  ];
+
+  // All services data - loaded from JSON
+  let allServices = [];
+  const serviceState = new Map();
+
+  const selectedContainer = document.getElementById('selectedServices');
+  const availableContainer = document.getElementById('availableServices');
+  const serviceSearch = document.getElementById('serviceSearch');
+
+  // Load services from JSON
+  async function loadServices() {
+    try {
+      const response = await fetch('data/kk-services.json');
+      const data = await response.json();
+
+      let id = 1;
+      for (const [category, services] of Object.entries(data)) {
+        const color = categoryColors[category] || '#607d8b';
+        services.forEach(service => {
+          const isPreSelected = preSelectedServices.includes(service.name);
+          allServices.push({
+            id: id,
+            name: service.name,
+            category: category,
+            color: color,
+            duration: service.duration,
+            price: service.price,
+            selected: isPreSelected
+          });
+
+          serviceState.set(id, {
+            selected: isPreSelected,
+            priceOverride: null,
+            durationOverride: 0
+          });
+
+          id++;
+        });
+      }
+
+      console.log(`Loaded ${allServices.length} services from JSON`);
+      renderServices();
+    } catch (error) {
+      console.error('Fejl ved indlæsning af services:', error);
+    }
+  }
+
+  // Format duration
+  function formatDuration(minutes) {
+    if (minutes >= 60) {
+      const hours = Math.floor(minutes / 60);
+      const mins = minutes % 60;
+      return mins > 0 ? `${hours}t ${mins}m` : `${hours}t`;
+    }
+    return `${minutes}m`;
+  }
+
+  // Format duration with offset (e.g., "1t -5m" or "30m +10m")
+  function formatDurationWithOffset(baseMinutes, offset) {
+    const baseStr = formatDuration(baseMinutes);
+    if (offset === 0) return baseStr;
+    const sign = offset > 0 ? '+' : '';
+    return `${baseStr} <span class="duration-offset">${sign}${offset}m</span>`;
+  }
+
+  // Create service row HTML
+  function createServiceRow(service, isSelected) {
+    const state = serviceState.get(service.id);
+    const effectivePrice = state.priceOverride !== null ? state.priceOverride : service.price;
+    const effectiveDuration = service.duration + state.durationOverride;
+    const hasPriceOverride = state.priceOverride !== null && state.priceOverride !== service.price;
+    const hasDurationOverride = state.durationOverride !== 0;
+
+    const row = document.createElement('swp-service-row');
+    row.dataset.id = service.id;
+    row.dataset.category = service.category;
+    row.draggable = true;
+
+    if (hasPriceOverride || hasDurationOverride) {
+      row.classList.add('has-override');
+    }
+
+    if (isSelected) {
+      // Selected: show adjusted values + original values in bordered box when modified
+      const hasAnyOverride = hasPriceOverride || hasDurationOverride;
+
+      // Original values box (shown when any override exists)
+      const originalsHtml = hasAnyOverride
+        ? `<swp-service-originals>
+            <span class="original-price-val ${hasPriceOverride ? 'struck' : ''}" data-original-price="${service.price}">${service.price} kr</span>
+            <span class="original-duration-val ${hasDurationOverride ? 'struck' : ''}" data-original-duration="${service.duration}">${formatDuration(service.duration)}</span>
+          </swp-service-originals>`
+        : '';
+
+      row.innerHTML = `
+        <swp-drag-handle>⋮⋮</swp-drag-handle>
+        <swp-service-color style="background: ${service.color};"></swp-service-color>
+        <swp-service-info>
+          <swp-service-name>${service.name}</swp-service-name>
+        </swp-service-info>
+        <swp-service-values>
+          ${originalsHtml}
+          <swp-service-price class="${hasPriceOverride ? 'modified' : ''}">${effectivePrice} kr</swp-service-price>
+          <swp-service-duration class="${hasDurationOverride ? 'modified' : ''}">${formatDuration(effectiveDuration)}</swp-service-duration>
+        </swp-service-values>
+        <swp-service-controls>
+          <swp-service-originals-edit>
+            <span class="original-price-val ${hasPriceOverride ? 'struck' : ''}">${service.price} kr</span>
+            <span class="original-duration-val ${hasDurationOverride ? 'struck' : ''}">${formatDuration(service.duration)}</span>
+          </swp-service-originals-edit>
+          <swp-service-final-values>
+            <swp-adjustable-value class="price-adjust ${hasPriceOverride ? 'modified' : ''}" data-type="price" data-original="${service.price}" data-value="${effectivePrice}" data-step="5">
+              <button class="adjust-down" type="button">−</button>
+              <span class="adjust-display">${effectivePrice} kr</span>
+              <button class="adjust-up" type="button">+</button>
+            </swp-adjustable-value>
+            <swp-adjustable-value class="duration-adjust ${hasDurationOverride ? 'modified' : ''}" data-type="duration" data-base="${service.duration}" data-offset="${state.durationOverride}" data-step="5">
+              <button class="adjust-down" type="button">−</button>
+              <span class="adjust-display">${formatDuration(effectiveDuration)}</span>
+              <button class="adjust-up" type="button">+</button>
+            </swp-adjustable-value>
+          </swp-service-final-values>
+        </swp-service-controls>
+      `;
+    } else {
+      // Available: name only (no price/duration)
+      row.innerHTML = `
+        <swp-drag-handle>⋮⋮</swp-drag-handle>
+        <swp-service-color style="background: ${service.color};"></swp-service-color>
+        <swp-service-info>
+          <swp-service-name>${service.name}</swp-service-name>
+        </swp-service-info>
+      `;
+    }
+
+    return row;
+  }
+
+  // Render all services
+  function renderServices(searchQuery = '') {
+    const lowerQuery = searchQuery.toLowerCase();
+
+    // Group services by category
+    const selectedByCategory = {};
+    const availableByCategory = {};
+
+    allServices.forEach(service => {
+      const state = serviceState.get(service.id);
+      const matchesSearch = !searchQuery || service.name.toLowerCase().includes(lowerQuery);
+
+      if (state.selected) {
+        if (!selectedByCategory[service.category]) {
+          selectedByCategory[service.category] = [];
+        }
+        selectedByCategory[service.category].push(service);
+      } else if (matchesSearch) {
+        if (!availableByCategory[service.category]) {
+          availableByCategory[service.category] = [];
+        }
+        availableByCategory[service.category].push(service);
+      }
+    });
+
+    // Render selected services
+    selectedContainer.innerHTML = '';
+    const selectedCategories = Object.entries(selectedByCategory);
+
+    if (selectedCategories.length === 0) {
+      selectedContainer.innerHTML = `
+        <swp-services-empty>
+          <svg viewBox="0 0 24 24" width="32" height="32"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+          <span>Træk services hertil</span>
+        </swp-services-empty>
+      `;
+    } else {
+      selectedCategories.forEach(([category, services]) => {
+        const group = document.createElement('swp-service-category-group');
+        group.innerHTML = `<swp-service-category-header>${category}</swp-service-category-header>`;
+        services.forEach(service => {
+          group.appendChild(createServiceRow(service, true));
+        });
+        selectedContainer.appendChild(group);
+      });
+    }
+
+    // Render available services
+    availableContainer.innerHTML = '';
+    const availableCategories = Object.entries(availableByCategory);
+
+    availableCategories.forEach(([category, services]) => {
+      const group = document.createElement('swp-service-category-group');
+      group.innerHTML = `<swp-service-category-header>${category}</swp-service-category-header>`;
+      services.forEach(service => {
+        group.appendChild(createServiceRow(service, false));
+      });
+      availableContainer.appendChild(group);
+    });
+  }
+
+  // Multi-selection state
+  let selectedServiceIds = new Set();
+  let lastClickedId = null;
+
+  // Get all service IDs in order (for shift-selection)
+  function getOrderedServiceIds(container) {
+    return Array.from(container.querySelectorAll('swp-service-row'))
+      .map(row => parseInt(row.dataset.id));
+  }
+
+  // Handle service row click for selection
+  function handleServiceClick(e, row) {
+    const serviceId = parseInt(row.dataset.id);
+    const container = row.closest('swp-services-selected, swp-services-available');
+
+    if (e.shiftKey && lastClickedId !== null) {
+      // Shift+click: range selection
+      const orderedIds = getOrderedServiceIds(container);
+      const startIndex = orderedIds.indexOf(lastClickedId);
+      const endIndex = orderedIds.indexOf(serviceId);
+
+      if (startIndex !== -1 && endIndex !== -1) {
+        const minIndex = Math.min(startIndex, endIndex);
+        const maxIndex = Math.max(startIndex, endIndex);
+
+        for (let i = minIndex; i <= maxIndex; i++) {
+          selectedServiceIds.add(orderedIds[i]);
+        }
+      }
+    } else if (e.ctrlKey || e.metaKey) {
+      // Ctrl/Cmd+click: toggle individual selection
+      if (selectedServiceIds.has(serviceId)) {
+        selectedServiceIds.delete(serviceId);
+      } else {
+        selectedServiceIds.add(serviceId);
+      }
+    } else {
+      // Simple click: single selection
+      selectedServiceIds.clear();
+      selectedServiceIds.add(serviceId);
+    }
+
+    lastClickedId = serviceId;
+    updateSelectionVisual();
+  }
+
+  // Update visual selection state
+  function updateSelectionVisual() {
+    document.querySelectorAll('swp-service-row').forEach(row => {
+      const serviceId = parseInt(row.dataset.id);
+      if (selectedServiceIds.has(serviceId)) {
+        row.classList.add('multi-selected');
+      } else {
+        row.classList.remove('multi-selected');
+      }
+    });
+  }
+
+  // Move service between columns
+  function moveService(serviceId, toSelected) {
+    const state = serviceState.get(parseInt(serviceId));
+    if (state) {
+      state.selected = toSelected;
+      renderServices(serviceSearch.value);
+    }
+  }
+
+  // Move multiple services
+  function moveMultipleServices(serviceIds, toSelected) {
+    serviceIds.forEach(id => {
+      const state = serviceState.get(id);
+      if (state) {
+        state.selected = toSelected;
+      }
+    });
+    selectedServiceIds.clear();
+    renderServices(serviceSearch.value);
+  }
+
+  // Drag and drop handlers
+  let draggedId = null;
+  let draggedIds = [];
+
+  // Click handler for row selection
+  document.addEventListener('click', (e) => {
+    const row = e.target.closest('swp-service-row');
+    // Don't select on input focus
+    if (row && e.target.tagName !== 'INPUT') {
+      handleServiceClick(e, row);
+    }
+  });
+
+  document.addEventListener('dragstart', (e) => {
+    const row = e.target.closest('swp-service-row');
+    if (row) {
+      const serviceId = parseInt(row.dataset.id);
+
+      // If dragging a selected row, drag all selected
+      if (selectedServiceIds.has(serviceId) && selectedServiceIds.size > 1) {
+        draggedIds = Array.from(selectedServiceIds);
+        // Mark all selected as dragging
+        document.querySelectorAll('swp-service-row.multi-selected').forEach(r => {
+          r.classList.add('dragging');
+        });
+      } else {
+        // Otherwise, just drag this one
+        draggedIds = [serviceId];
+        row.classList.add('dragging');
+      }
+
+      draggedId = row.dataset.id;
+      e.dataTransfer.effectAllowed = 'move';
+      e.dataTransfer.setData('text/plain', draggedIds.join(','));
+    }
+  });
+
+  document.addEventListener('dragend', (e) => {
+    document.querySelectorAll('swp-service-row.dragging').forEach(row => {
+      row.classList.remove('dragging');
+    });
+    draggedId = null;
+    draggedIds = [];
+    selectedContainer.classList.remove('drag-over');
+    availableContainer.classList.remove('drag-over');
+  });
+
+  selectedContainer.addEventListener('dragover', (e) => {
+    e.preventDefault();
+    selectedContainer.classList.add('drag-over');
+  });
+
+  selectedContainer.addEventListener('dragleave', (e) => {
+    if (!selectedContainer.contains(e.relatedTarget)) {
+      selectedContainer.classList.remove('drag-over');
+    }
+  });
+
+  selectedContainer.addEventListener('drop', (e) => {
+    e.preventDefault();
+    selectedContainer.classList.remove('drag-over');
+    if (draggedIds.length > 0) {
+      moveMultipleServices(draggedIds, true);
+    } else if (draggedId) {
+      moveService(draggedId, true);
+    }
+  });
+
+  availableContainer.addEventListener('dragover', (e) => {
+    e.preventDefault();
+    availableContainer.classList.add('drag-over');
+  });
+
+  availableContainer.addEventListener('dragleave', (e) => {
+    if (!availableContainer.contains(e.relatedTarget)) {
+      availableContainer.classList.remove('drag-over');
+    }
+  });
+
+  availableContainer.addEventListener('drop', (e) => {
+    e.preventDefault();
+    availableContainer.classList.remove('drag-over');
+    if (draggedIds.length > 0) {
+      moveMultipleServices(draggedIds, false);
+    } else if (draggedId) {
+      moveService(draggedId, false);
+    }
+  });
+
+  // Adjustable value click handler (up/down buttons)
+  selectedContainer.addEventListener('click', (e) => {
+    const btn = e.target.closest('.adjust-up, .adjust-down');
+    if (!btn) return;
+
+    const adjustable = btn.closest('swp-adjustable-value');
+    const row = btn.closest('swp-service-row');
+    if (!adjustable || !row) return;
+
+    const serviceId = parseInt(row.dataset.id);
+    const state = serviceState.get(serviceId);
+    const service = allServices.find(s => s.id === serviceId);
+    const step = parseInt(adjustable.dataset.step);
+    const isUp = btn.classList.contains('adjust-up');
+    const delta = isUp ? step : -step;
+
+    if (adjustable.dataset.type === 'price') {
+      // Adjust price
+      const original = parseInt(adjustable.dataset.original);
+      let current = parseInt(adjustable.dataset.value);
+      current = Math.max(0, current + delta);
+      adjustable.dataset.value = current;
+
+      const isModified = current !== original;
+      state.priceOverride = isModified ? current : null;
+
+      // Update displays
+      adjustable.querySelector('.adjust-display').textContent = `${current} kr`;
+      adjustable.classList.toggle('modified', isModified);
+
+      const priceDisplay = row.querySelector('swp-service-price');
+      if (priceDisplay) {
+        priceDisplay.textContent = `${current} kr`;
+        priceDisplay.classList.toggle('modified', isModified);
+      }
+
+      // Toggle strikethrough on all original price elements (read + edit mode)
+      row.querySelectorAll('.original-price-val').forEach(el => {
+        el.classList.toggle('struck', isModified);
+      });
+    } else if (adjustable.dataset.type === 'duration') {
+      // Adjust duration offset
+      const base = parseInt(adjustable.dataset.base);
+      let offset = parseInt(adjustable.dataset.offset);
+      offset = Math.max(-base, offset + delta); // Don't go below 0 total
+      adjustable.dataset.offset = offset;
+
+      const effectiveDuration = base + offset;
+      const isModified = offset !== 0;
+      state.durationOverride = offset;
+
+      // Update displays
+      adjustable.querySelector('.adjust-display').textContent = formatDuration(effectiveDuration);
+      adjustable.classList.toggle('modified', isModified);
+
+      const durationDisplay = row.querySelector('swp-service-duration');
+      if (durationDisplay) {
+        durationDisplay.textContent = formatDuration(effectiveDuration);
+        durationDisplay.classList.toggle('modified', isModified);
+      }
+
+      // Toggle strikethrough on all original duration elements (read + edit mode)
+      row.querySelectorAll('.original-duration-val').forEach(el => {
+        el.classList.toggle('struck', isModified);
+      });
+    }
+
+    // Check if any override exists
+    const hasOverride = state.priceOverride !== null || state.durationOverride !== 0;
+    row.classList.toggle('has-override', hasOverride);
+
+    // Handle originals box visibility and highlight
+    const valuesContainer = row.querySelector('swp-service-values');
+    let originalsBox = valuesContainer.querySelector('swp-service-originals');
+    const originalsEditBox = row.querySelector('swp-service-originals-edit');
+
+    if (hasOverride) {
+      // Show originals box if not present (insert at beginning)
+      const hasPriceOverride = state.priceOverride !== null;
+      const hasDurationOverride = state.durationOverride !== 0;
+
+      if (!originalsBox) {
+        originalsBox = document.createElement('swp-service-originals');
+        originalsBox.innerHTML = `
+          <span class="original-price-val ${hasPriceOverride ? 'struck' : ''}">${service.price} kr</span>
+          <span class="original-duration-val ${hasDurationOverride ? 'struck' : ''}">${formatDuration(service.duration)}</span>
+        `;
+        valuesContainer.insertBefore(originalsBox, valuesContainer.firstChild);
+      } else {
+        // Update struck classes on existing originals box
+        const priceVal = originalsBox.querySelector('.original-price-val');
+        const durationVal = originalsBox.querySelector('.original-duration-val');
+        if (priceVal) priceVal.classList.toggle('struck', hasPriceOverride);
+        if (durationVal) durationVal.classList.toggle('struck', hasDurationOverride);
+      }
+      // Highlight animation
+      originalsBox.classList.remove('highlight');
+      originalsEditBox?.classList.remove('highlight');
+      void originalsBox.offsetWidth; // Trigger reflow
+      originalsBox.classList.add('highlight');
+      originalsEditBox?.classList.add('highlight');
+    } else {
+      // Remove originals box if no overrides
+      if (originalsBox) originalsBox.remove();
+    }
+  });
+
+  // Search handler
+  let searchTimeout;
+  serviceSearch.addEventListener('input', (e) => {
+    clearTimeout(searchTimeout);
+    searchTimeout = setTimeout(() => {
+      renderServices(e.target.value);
+    }, 150);
+  });
+
+  // Initial load from JSON
+  loadServices();
+
+  // Services panel toggle
+  const servicesPanel = document.getElementById('servicesPanel');
+  const panelToggle = document.getElementById('panelToggle');
+  const editServicesBtn = document.getElementById('editServicesBtn');
+  const selectedServicesCard = document.querySelector('.selected-services-card');
+
+  function toggleServicesPanel() {
+    const isCollapsed = servicesPanel.classList.contains('collapsed');
+    servicesPanel.classList.toggle('collapsed', !isCollapsed);
+    servicesPanel.classList.toggle('expanded', isCollapsed);
+    selectedServicesCard.classList.toggle('edit-mode', isCollapsed);
+    editServicesBtn.classList.toggle('active', isCollapsed);
+    editServicesBtn.innerHTML = isCollapsed
+      ? `<svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> Luk`
+      : `<svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg> Rediger`;
+  }
+
+  panelToggle.addEventListener('click', toggleServicesPanel);
+  editServicesBtn.addEventListener('click', toggleServicesPanel);
+
+  // Checkbox rows
+  document.querySelectorAll('swp-checkbox-row').forEach(row => {
+    row.addEventListener('click', () => {
+      row.classList.toggle('checked');
+    });
+  });
+
+  // Employee status toggle
+  const statusEl = document.querySelector('swp-employee-status');
+  statusEl.addEventListener('click', () => {
+    const isActive = statusEl.dataset.active === 'true';
+    statusEl.dataset.active = isActive ? 'false' : 'true';
+    statusEl.querySelector('.text').textContent = isActive ? 'Inaktiv' : 'Aktiv';
+  });
+
+  // Avatar upload
+  const avatarUpload = document.getElementById('avatarUpload');
+  const avatarInput = document.getElementById('avatarInput');
+
+  avatarUpload.addEventListener('click', () => {
+    avatarInput.click();
+  });
+
+  avatarInput.addEventListener('change', (e) => {
+    const file = e.target.files[0];
+    if (file && file.type.startsWith('image/')) {
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        // Check if image already exists
+        let img = avatarUpload.querySelector('img');
+        if (!img) {
+          img = document.createElement('img');
+          avatarUpload.insertBefore(img, avatarUpload.firstChild);
+        }
+        img.src = event.target.result;
+        avatarUpload.classList.add('has-image');
+      };
+      reader.readAsDataURL(file);
+    }
+  });
+
+  // Avatar remove
+  const avatarRemove = document.getElementById('avatarRemove');
+  avatarRemove.addEventListener('click', (e) => {
+    e.stopPropagation();
+    const img = avatarUpload.querySelector('img');
+    if (img) {
+      img.remove();
+    }
+    avatarUpload.classList.remove('has-image');
+    avatarInput.value = '';
+  });
+
+  // Revenue chart - line (Services + Produkter)
+  import { createChart } from 'https://unpkg.com/@sevenweirdpeople/swp-charting@latest/dist/index.js';
+
+  createChart(document.getElementById('revenueChart'), {
+    xAxis: { categories: ['Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'] },
+    series: [
+      {
+        name: 'Services',
+        color: '#00897b',
+        data: [
+          { x: 'Jul', y: 22000 },
+          { x: 'Aug', y: 28500 },
+          { x: 'Sep', y: 26200 },
+          { x: 'Okt', y: 30500 },
+          { x: 'Nov', y: 27100 },
+          { x: 'Dec', y: 26000 },
+        ],
+        showArea: true,
+        area: { gradient: { startOpacity: 0.3, endOpacity: 0.05 } }
+      },
+      {
+        name: 'Produkter',
+        color: '#1976d2',
+        data: [
+          { x: 'Jul', y: 2500 },
+          { x: 'Aug', y: 2700 },
+          { x: 'Sep', y: 2600 },
+          { x: 'Okt', y: 2600 },
+          { x: 'Nov', y: 2500 },
+          { x: 'Dec', y: 2450 },
+        ],
+        showArea: true,
+        area: { gradient: { startOpacity: 0.3, endOpacity: 0.05 } }
+      }
+    ],
+    yAxis: { format: (v) => (v/1000).toFixed(0) + 'k' },
+    height: 200,
+    legend: false
+  });
+
+  // Revenue & Utilization chart - dual axis (3 mdr bagud + 3 mdr frem)
+  fetch('data/employee-revenue-utilization.json')
+    .then(res => res.json())
+    .then(data => {
+      createChart(document.getElementById('revenueUtilizationChart'), {
+        xAxis: { categories: data.categories },
+        yAxis: [
+          { min: 0, max: 50000, format: v => `${(v/1000).toFixed(0)}k` },  // Left: Revenue
+          { min: 0, max: 100, format: v => `${v}%` },                       // Right: Utilization
+        ],
+        series: [
+          // Actual revenue (solid bars)
+          {
+            name: 'Omsætning',
+            color: '#3b82f6',
+            type: 'bar',
+            yAxisIndex: 0,
+            unit: 'kr',
+            data: data.actual.revenue,
+            bar: { radius: 2 },
+          },
+          // Forecast revenue (transparent bars)
+          {
+            name: 'Omsætning (forecast)',
+            color: '#3b82f6',
+            type: 'bar',
+            yAxisIndex: 0,
+            unit: 'kr',
+            data: data.forecast.revenue,
+            bar: { radius: 2, opacity: 0.35 },
+          },
+          // Actual utilization (solid line)
+          {
+            name: 'Belægning',
+            color: '#00897b',
+            type: 'line',
+            yAxisIndex: 1,
+            unit: '%',
+            data: data.actual.utilization,
+            line: { width: 2.5 },
+            point: { radius: 0 },
+            showArea: false,
+          },
+          // Forecast utilization (dashed line)
+          {
+            name: 'Belægning (forecast)',
+            color: '#00897b',
+            type: 'line',
+            yAxisIndex: 1,
+            unit: '%',
+            data: data.forecast.utilization,
+            line: { width: 2.5, dashArray: '4 4' },
+            point: { radius: 0 },
+            showArea: false,
+          },
+        ],
+        annotations: [
+          { type: 'region', x: data.forecastStartCategory, x2: data.categories[data.categories.length - 1], backgroundColor: 'rgba(0,0,0,0.03)' },
+          { type: 'verticalLine', x: data.nowCategory, dashArray: '4 4', label: 'Nu', labelPosition: 'top' },
+        ],
+        legend: { position: 'top', align: 'end' },
+        padding: { right: 60 },
+        height: 280,
+      });
+    });
+</script>
+
+<!-- Rates Drawer -->
+<swp-drawer-overlay id="rates-overlay" onclick="closeRatesDrawer()"></swp-drawer-overlay>
+<swp-rates-drawer id="rates-drawer">
+  <swp-drawer-header>
+    <swp-drawer-title>Lønsatser</swp-drawer-title>
+    <swp-drawer-close onclick="closeRatesDrawer()">
+      <i class="ph ph-x"></i>
+    </swp-drawer-close>
+  </swp-drawer-header>
+  <swp-drawer-body>
+    <swp-section-label style="margin-bottom: 12px;">Grundsatser</swp-section-label>
+    <swp-rate-row>
+      <input type="checkbox" checked>
+      <swp-rate-label>Normal (timeløn)</swp-rate-label>
+      <swp-rate-input><input type="text" value="131,49"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox" checked>
+      <swp-rate-label>Overarbejde (100%)</swp-rate-label>
+      <swp-rate-input><input type="text" value="280,50"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Kursus/skole</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Afspadsering</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Fri m. løn</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox" checked>
+      <swp-rate-label>Ferie m. løn</swp-rate-label>
+      <swp-rate-input><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Kontor</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Barns 1. sygedag</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Barns hospitalsindlæggelse</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+    <swp-rate-row>
+      <input type="checkbox">
+      <swp-rate-label class="disabled">Barsel</swp-rate-label>
+      <swp-rate-input class="disabled"><input type="text" value="140,25"> kr</swp-rate-input>
+    </swp-rate-row>
+
+    <div style="margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--color-border);">
+      <swp-section-label style="margin-bottom: 12px;">Tillæg</swp-section-label>
+      <swp-rate-row>
+        <input type="checkbox" checked>
+        <swp-rate-label>8-21 Hverdage (udenfor arbejdstid)</swp-rate-label>
+        <swp-rate-input><input type="text" value="28,03"> kr</swp-rate-input>
+      </swp-rate-row>
+      <swp-rate-row>
+        <input type="checkbox" checked>
+        <swp-rate-label>8-21 Lørdage (udenfor arbejdstid)</swp-rate-label>
+        <swp-rate-input><input type="text" value="56,02"> kr</swp-rate-input>
+      </swp-rate-row>
+      <swp-rate-row>
+        <input type="checkbox" checked>
+        <swp-rate-label>Søndag</swp-rate-label>
+        <swp-rate-input><input type="text" value="112,07"> kr</swp-rate-input>
+      </swp-rate-row>
+    </div>
+
+    <div style="margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--color-border);">
+      <swp-section-label style="margin-bottom: 12px;">Provisionsberegning</swp-section-label>
+      <swp-rate-row>
+        <input type="checkbox" checked>
+        <swp-rate-label>Provision på produktsalg</swp-rate-label>
+        <swp-rate-input><input type="text" value="15"> %</swp-rate-input>
+      </swp-rate-row>
+      <swp-rate-row>
+        <input type="checkbox" checked>
+        <swp-rate-label>Provision på servicesalg</swp-rate-label>
+        <swp-rate-input><input type="text" value="15"> %</swp-rate-input>
+      </swp-rate-row>
+    </div>
+  </swp-drawer-body>
+</swp-rates-drawer>
+
+<script>
+  function openRatesDrawer() {
+    document.getElementById('rates-overlay').classList.add('open');
+    document.getElementById('rates-drawer').classList.add('open');
+  }
+
+  function closeRatesDrawer() {
+    document.getElementById('rates-overlay').classList.remove('open');
+    document.getElementById('rates-drawer').classList.remove('open');
+  }
+</script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-gavekort-detail.html b/wwwroot/poc-gavekort-detail.html
new file mode 100644
index 0000000..7bf7a98
--- /dev/null
+++ b/wwwroot/poc-gavekort-detail.html
@@ -0,0 +1,1533 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Fordelskort FK-A7X2-9KM4 - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 14px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link i {
+      font-size: 18px;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    swp-two-columns {
+      display: grid;
+      grid-template-columns: 1fr 400px;
+      gap: 24px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn i {
+      font-size: 18px;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.danger {
+      background: transparent;
+      border: 1px solid var(--color-red);
+      color: var(--color-red);
+    }
+
+    swp-btn.danger:hover {
+      background: color-mix(in srgb, var(--color-red) 10%, transparent);
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      padding: 20px;
+      margin-bottom: 20px;
+    }
+
+    swp-card:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 12px;
+    }
+
+    /* ==========================================
+       BALANCE DISPLAY
+       ========================================== */
+    swp-balance-display {
+      display: flex;
+      align-items: baseline;
+      gap: 12px;
+      margin-bottom: 16px;
+    }
+
+    swp-balance-amount {
+      font-size: 36px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-balance-original {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-balance-bar {
+      width: 100%;
+      height: 8px;
+      background: var(--color-border);
+      border-radius: 4px;
+      overflow: hidden;
+      margin-bottom: 8px;
+    }
+
+    swp-balance-bar-fill {
+      display: block;
+      height: 100%;
+      background: var(--color-green);
+      border-radius: 4px;
+      transition: width 300ms ease;
+    }
+
+    swp-balance-text {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       EXPIRY WARNING
+       ========================================== */
+    swp-expiry-box {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 14px 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      margin-top: 20px;
+    }
+
+    swp-expiry-box i {
+      font-size: 24px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-expiry-box.warning {
+      background: color-mix(in srgb, var(--color-amber) 12%, transparent);
+    }
+
+    swp-expiry-box.warning i {
+      color: var(--color-amber);
+    }
+
+    swp-expiry-info {
+      flex: 1;
+    }
+
+    swp-expiry-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-expiry-date {
+      display: block;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-expiry-box.warning swp-expiry-date {
+      color: var(--color-amber);
+    }
+
+    /* ==========================================
+       KEY-VALUE ROWS
+       ========================================== */
+    swp-kv-list {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-kv-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-kv-row:last-child {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+
+    swp-kv-row:first-child {
+      padding-top: 0;
+    }
+
+    swp-kv-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-kv-value {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-kv-value.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-kv-value.with-action {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-copy-btn {
+      background: none;
+      border: none;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+      transition: all 150ms ease;
+      display: flex;
+    }
+
+    swp-copy-btn:hover {
+      background: var(--color-background-hover);
+      color: var(--color-teal);
+    }
+
+    /* Status badge */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 12px;
+    }
+
+    swp-status-badge.active {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.partial {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-status-badge.depleted {
+      background: color-mix(in srgb, var(--color-text-secondary) 15%, transparent);
+      color: var(--color-text-secondary);
+    }
+
+    swp-status-badge.expired {
+      background: color-mix(in srgb, var(--color-red) 15%, transparent);
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       ACTIONS ROW
+       ========================================== */
+    swp-actions-row {
+      display: flex;
+      gap: 8px;
+      margin-top: 20px;
+      padding-top: 20px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-actions-row swp-btn {
+      flex: 1;
+      justify-content: center;
+    }
+
+    /* ==========================================
+       RECIPIENT CARD
+       ========================================== */
+    swp-recipient-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 8px 0;
+    }
+
+    swp-recipient-row:first-child {
+      padding-top: 0;
+    }
+
+    swp-recipient-row i {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      width: 20px;
+    }
+
+    swp-recipient-row span {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-recipient-row a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-recipient-row a:hover {
+      text-decoration: underline;
+    }
+
+    swp-send-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      width: 100%;
+      padding: 12px;
+      margin-top: 16px;
+      background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+      border: 1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);
+      border-radius: 6px;
+      color: var(--color-teal);
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-send-btn:hover {
+      background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+    }
+
+    swp-send-btn i {
+      font-size: 18px;
+    }
+
+    /* ==========================================
+       TRANSACTION TABLE
+       ========================================== */
+    swp-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-table-header {
+      display: grid;
+      grid-template-columns: 90px 1fr 100px 90px;
+      padding: 0 0 10px 0;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-table-row {
+      display: grid;
+      grid-template-columns: 90px 1fr 100px 90px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+      align-items: center;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-td {
+      font-size: 13px;
+      color: var(--color-text);
+    }
+
+    swp-td.muted {
+      color: var(--color-text-secondary);
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-td.right {
+      text-align: right;
+    }
+
+    swp-td.positive {
+      color: var(--color-green);
+    }
+
+    swp-td.negative {
+      color: var(--color-red);
+    }
+
+    swp-td a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-td a:hover {
+      text-decoration: underline;
+    }
+
+    swp-transaction-details {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-transaction-type {
+      font-size: 13px;
+      color: var(--color-text);
+    }
+
+    swp-transaction-meta {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-transaction-meta a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    swp-transaction-meta a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       NOTES
+       ========================================== */
+    swp-card textarea {
+      width: 100%;
+      padding: 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      background: var(--color-background-alt);
+      color: var(--color-text);
+      resize: none;
+      min-height: 80px;
+    }
+
+    swp-card textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       OVERLAY & DRAWERS
+       ========================================== */
+    swp-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.3);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 0ms 200ms;
+      z-index: 500;
+    }
+
+    swp-overlay.open {
+      opacity: 1;
+      visibility: visible;
+      transition-delay: 0ms;
+    }
+
+    swp-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 400px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      transform: translateX(100%);
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
+      display: flex;
+      flex-direction: column;
+      z-index: 700;
+    }
+
+    swp-drawer.open {
+      transform: translateX(0);
+    }
+
+    swp-email-preview {
+      position: fixed;
+      top: 0;
+      right: 400px;
+      bottom: 0;
+      width: 480px;
+      background: var(--color-background);
+      border-left: 1px solid var(--color-border);
+      transform: translateX(100%);
+      opacity: 0;
+      transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 250ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 600;
+      pointer-events: none;
+    }
+
+    swp-email-preview.open {
+      transform: translateX(0);
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    swp-preview-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-surface);
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-preview-header i {
+      font-size: 18px;
+    }
+
+    swp-preview-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 24px;
+      display: flex;
+      justify-content: center;
+    }
+
+    swp-email-template {
+      display: block;
+      width: 100%;
+      max-width: 380px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
+
+    swp-email-body {
+      display: block;
+      padding: 24px;
+    }
+
+    swp-email-icon {
+      display: flex;
+      justify-content: center;
+      margin-bottom: 16px;
+    }
+
+    swp-email-icon i {
+      font-size: 48px;
+      color: var(--color-teal);
+    }
+
+    swp-email-title {
+      display: block;
+      text-align: center;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 20px;
+    }
+
+    swp-giftcard-visual {
+      display: block;
+      background: var(--color-background-alt);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      padding: 24px;
+      margin-bottom: 20px;
+      text-align: center;
+    }
+
+    swp-giftcard-amount {
+      display: block;
+      font-size: 32px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-teal);
+      margin-bottom: 8px;
+    }
+
+    swp-giftcard-code-display {
+      display: block;
+      font-family: var(--font-mono);
+      font-size: 14px;
+      letter-spacing: 2px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-email-message {
+      display: block;
+      padding: 14px 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      margin-bottom: 20px;
+      font-style: italic;
+      font-size: 14px;
+      color: var(--color-text);
+      min-height: 50px;
+      line-height: 1.5;
+    }
+
+    swp-email-sender {
+      display: block;
+      text-align: center;
+      color: var(--color-text-secondary);
+      font-size: 13px;
+    }
+
+    swp-email-sender strong {
+      display: block;
+      color: var(--color-text);
+      margin-top: 4px;
+    }
+
+    swp-email-footer {
+      display: block;
+      padding: 16px 24px;
+      border-top: 1px solid var(--color-border);
+      text-align: center;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-email-footer p {
+      margin: 2px 0;
+    }
+
+    swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-drawer-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-drawer-close {
+      background: none;
+      border: none;
+      font-size: 20px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+      transition: background 150ms ease;
+      display: flex;
+    }
+
+    swp-drawer-close:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    swp-drawer-footer {
+      display: flex;
+      gap: 12px;
+      padding: 16px 20px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-drawer-footer swp-btn {
+      flex: 1;
+    }
+
+    swp-form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-form-label {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-form-field input,
+    swp-form-field textarea {
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      background: var(--color-surface);
+      color: var(--color-text);
+      transition: border-color 150ms ease;
+    }
+
+    swp-form-field input:focus,
+    swp-form-field textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-form-field textarea {
+      resize: none;
+      min-height: 100px;
+    }
+
+    /* ==========================================
+       ADD VALUE DRAWER
+       ========================================== */
+    swp-balance-info-box {
+      display: block;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-balance-info-box swp-current-amount {
+      display: block;
+      font-size: 24px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-balance-info-box swp-original-amount {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-new-balance-box {
+      display: block;
+      padding: 16px;
+      background: color-mix(in srgb, var(--color-green) 10%, transparent);
+      border: 1px solid color-mix(in srgb, var(--color-green) 30%, transparent);
+      border-radius: 6px;
+    }
+
+    swp-new-balance-box swp-new-amount {
+      display: block;
+      font-size: 24px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-green);
+    }
+
+    swp-new-balance-box swp-new-label {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-quick-amounts {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 8px;
+    }
+
+    swp-quick-amount {
+      padding: 8px 16px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      background: var(--color-surface);
+      color: var(--color-text);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-quick-amount:hover {
+      background: var(--color-background-hover);
+      border-color: var(--color-teal);
+    }
+
+    swp-quick-amount.selected {
+      background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    /* Toggle Slider (Ja/Nej) */
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+      position: relative;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: color 150ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    swp-date-extend {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    swp-current-expiry {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-current-expiry i {
+      font-size: 16px;
+    }
+
+    swp-current-expiry strong {
+      color: var(--color-text);
+    }
+
+    swp-date-extend input[type="date"] {
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      background: var(--color-surface);
+      color: var(--color-text);
+      transition: border-color 150ms ease;
+    }
+
+    swp-date-extend input[type="date"]:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 1000px) {
+      swp-two-columns {
+        grid-template-columns: 1fr;
+      }
+
+      swp-email-preview {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link onclick="location.href='poc-gavekort.html'">
+        <i class="ph ph-caret-left"></i>
+        Fordelskort
+      </swp-back-link>
+      <swp-page-title>FK-A7X2-9KM4</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <swp-two-columns>
+      <!-- Left Column -->
+      <div>
+        <!-- Balance & Info Card -->
+        <swp-card>
+          <swp-section-label>Saldo</swp-section-label>
+          <swp-balance-display>
+            <swp-balance-amount>350 DKK</swp-balance-amount>
+            <swp-balance-original>af 500 DKK</swp-balance-original>
+          </swp-balance-display>
+          <swp-balance-bar>
+            <swp-balance-bar-fill style="width: 70%"></swp-balance-bar-fill>
+          </swp-balance-bar>
+          <swp-balance-text>70% tilbage</swp-balance-text>
+
+          <swp-expiry-box>
+            <i class="ph ph-calendar"></i>
+            <swp-expiry-info>
+              <swp-expiry-label>Udløbsdato</swp-expiry-label>
+              <swp-expiry-date>31. december 2025</swp-expiry-date>
+            </swp-expiry-info>
+          </swp-expiry-box>
+
+          <swp-actions-row>
+            <swp-btn class="secondary" id="openAddValueDrawer">
+              <i class="ph ph-sliders-horizontal"></i>
+              Juster
+            </swp-btn>
+            <swp-btn class="secondary" id="openEmailDrawer">
+              <i class="ph ph-envelope"></i>
+              Send på email
+            </swp-btn>
+          </swp-actions-row>
+        </swp-card>
+
+        <!-- Gift Card Details -->
+        <swp-card>
+          <swp-section-label>Kortinfo</swp-section-label>
+          <swp-kv-list>
+            <swp-kv-row>
+              <swp-kv-label>Kode</swp-kv-label>
+              <swp-kv-value class="mono with-action">
+                FK-A7X2-9KM4
+                <swp-copy-btn onclick="copyCode()">
+                  <i class="ph ph-copy"></i>
+                </swp-copy-btn>
+              </swp-kv-value>
+            </swp-kv-row>
+            <swp-kv-row>
+              <swp-kv-label>Status</swp-kv-label>
+              <swp-kv-value>
+                <swp-status-badge class="partial">Delvist brugt</swp-status-badge>
+              </swp-kv-value>
+            </swp-kv-row>
+            <swp-kv-row>
+              <swp-kv-label>Oprettet</swp-kv-label>
+              <swp-kv-value>15. januar 2024</swp-kv-value>
+            </swp-kv-row>
+            <swp-kv-row>
+              <swp-kv-label>Original værdi</swp-kv-label>
+              <swp-kv-value class="mono">500 DKK</swp-kv-value>
+            </swp-kv-row>
+            <swp-kv-row>
+              <swp-kv-label>Aktiv</swp-kv-label>
+              <swp-kv-value>
+                <swp-toggle-slider data-value="yes" id="activeToggle">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+              </swp-kv-value>
+            </swp-kv-row>
+          </swp-kv-list>
+        </swp-card>
+
+        <!-- Transactions -->
+        <swp-card>
+          <swp-section-label>Transaktioner</swp-section-label>
+          <swp-table>
+            <swp-table-header>
+              <span>Dato</span>
+              <span>Beskrivelse</span>
+              <span style="text-align: right">Beløb</span>
+              <span style="text-align: right">Saldo</span>
+            </swp-table-header>
+            <swp-table-row>
+              <swp-td class="muted">22/2-24</swp-td>
+              <swp-td>
+                <swp-transaction-details>
+                  <swp-transaction-type>Indløst ved booking</swp-transaction-type>
+                  <swp-transaction-meta>
+                    <a href="#">Faktura #1847</a> · <a href="#">Maria Hansen</a>
+                  </swp-transaction-meta>
+                </swp-transaction-details>
+              </swp-td>
+              <swp-td class="mono right negative">-150 DKK</swp-td>
+              <swp-td class="mono right">350 DKK</swp-td>
+            </swp-table-row>
+            <swp-table-row>
+              <swp-td class="muted">15/1-24</swp-td>
+              <swp-td>
+                <swp-transaction-details>
+                  <swp-transaction-type>Kort oprettet</swp-transaction-type>
+                  <swp-transaction-meta>
+                    <a href="#">Faktura #1652</a> · <a href="#">Signe Larsen</a>
+                  </swp-transaction-meta>
+                </swp-transaction-details>
+              </swp-td>
+              <swp-td class="mono right positive">+500 DKK</swp-td>
+              <swp-td class="mono right">500 DKK</swp-td>
+            </swp-table-row>
+          </swp-table>
+        </swp-card>
+      </div>
+
+      <!-- Right Column -->
+      <div>
+        <!-- Recipient -->
+        <swp-card>
+          <swp-section-label>Modtager</swp-section-label>
+          <swp-recipient-row>
+            <i class="ph ph-user"></i>
+            <span><a href="#">Maria Hansen</a></span>
+          </swp-recipient-row>
+          <swp-recipient-row>
+            <i class="ph ph-envelope"></i>
+            <span>maria@example.com</span>
+          </swp-recipient-row>
+          <swp-recipient-row>
+            <i class="ph ph-phone"></i>
+            <span>+45 12 34 56 78</span>
+          </swp-recipient-row>
+          <swp-send-btn id="openEmailDrawerAlt">
+            <i class="ph ph-paper-plane-tilt"></i>
+            Send fordelskort på email
+          </swp-send-btn>
+        </swp-card>
+
+        <!-- Notes -->
+        <swp-card>
+          <swp-section-label>Intern note</swp-section-label>
+          <textarea placeholder="Tilføj intern note...">Fødselsdagsgave fra Signe.</textarea>
+        </swp-card>
+      </div>
+    </swp-two-columns>
+  </swp-page-container>
+
+  <!-- Overlay -->
+  <swp-overlay id="overlay"></swp-overlay>
+
+  <!-- Email Preview Panel -->
+  <swp-email-preview id="emailPreview">
+    <swp-preview-header>
+      <i class="ph ph-eye"></i>
+      Email preview
+    </swp-preview-header>
+    <swp-preview-content>
+      <swp-email-template>
+        <swp-email-body>
+          <swp-email-icon>
+            <i class="ph ph-gift"></i>
+          </swp-email-icon>
+          <swp-email-title>Du har modtaget et fordelskort!</swp-email-title>
+          <swp-giftcard-visual>
+            <swp-giftcard-amount>500 DKK</swp-giftcard-amount>
+            <swp-giftcard-code-display>FK-A7X2-9KM4</swp-giftcard-code-display>
+          </swp-giftcard-visual>
+          <swp-email-message id="previewMessage">Din besked vises her...</swp-email-message>
+          <swp-email-sender>
+            Med venlig hilsen
+            <strong id="previewSender">Salon Glamour</strong>
+          </swp-email-sender>
+        </swp-email-body>
+        <swp-email-footer>
+          <p>Gyldig til: 31. december 2025</p>
+          <p>Kan bruges hos: Salon Glamour</p>
+        </swp-email-footer>
+      </swp-email-template>
+    </swp-preview-content>
+  </swp-email-preview>
+
+  <!-- Send Email Drawer -->
+  <swp-drawer id="emailDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>Send fordelskort</swp-drawer-title>
+      <swp-drawer-close id="closeEmailDrawer">
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <swp-form-field>
+        <swp-form-label>Modtager email</swp-form-label>
+        <input type="email" id="recipientEmail" value="maria@example.com" />
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Personlig besked</swp-form-label>
+        <textarea id="personalMessage" placeholder="Skriv en personlig besked til modtageren..."></textarea>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Afsender navn</swp-form-label>
+        <input type="text" id="senderName" value="Salon Glamour" />
+      </swp-form-field>
+    </swp-drawer-content>
+
+    <swp-drawer-footer>
+      <swp-btn class="secondary" id="cancelEmail">Annuller</swp-btn>
+      <swp-btn class="primary" id="sendEmail">
+        <i class="ph ph-paper-plane-tilt"></i>
+        Send email
+      </swp-btn>
+    </swp-drawer-footer>
+  </swp-drawer>
+
+  <!-- Add Value Drawer -->
+  <swp-drawer id="addValueDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>Juster fordelskort</swp-drawer-title>
+      <swp-drawer-close id="closeAddValueDrawer">
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <swp-form-field>
+        <swp-form-label>Nuværende saldo</swp-form-label>
+        <swp-balance-info-box>
+          <swp-current-amount>350 DKK</swp-current-amount>
+          <swp-original-amount>af 500 DKK original værdi</swp-original-amount>
+        </swp-balance-info-box>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Beløb at tilføje</swp-form-label>
+        <input type="text" id="addValueAmount" class="mono" placeholder="Indtast beløb" value="100 DKK" />
+        <swp-quick-amounts>
+          <swp-quick-amount data-value="50">50 DKK</swp-quick-amount>
+          <swp-quick-amount data-value="100" class="selected">100 DKK</swp-quick-amount>
+          <swp-quick-amount data-value="200">200 DKK</swp-quick-amount>
+          <swp-quick-amount data-value="500">500 DKK</swp-quick-amount>
+        </swp-quick-amounts>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Ny saldo</swp-form-label>
+        <swp-new-balance-box>
+          <swp-new-amount id="newBalanceAmount">450 DKK</swp-new-amount>
+          <swp-new-label>Efter tilføjelse</swp-new-label>
+        </swp-new-balance-box>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Forlæng udløbsdato (valgfri)</swp-form-label>
+        <swp-date-extend>
+          <swp-current-expiry>
+            <i class="ph ph-calendar"></i>
+            <span>Nuværende: <strong>31. december 2025</strong></span>
+          </swp-current-expiry>
+          <input type="date" id="newExpiryDate" value="2026-12-31" />
+        </swp-date-extend>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Intern note</swp-form-label>
+        <textarea id="addValueNote" placeholder="Beskriv hvorfor værdi tilføjes..."></textarea>
+      </swp-form-field>
+    </swp-drawer-content>
+
+    <swp-drawer-footer>
+      <swp-btn class="secondary" id="cancelAddValue">Annuller</swp-btn>
+      <swp-btn class="primary" id="confirmAddValue">
+        <i class="ph ph-check"></i>
+        Gem ændringer
+      </swp-btn>
+    </swp-drawer-footer>
+  </swp-drawer>
+
+  <script>
+    // Elements
+    const overlay = document.getElementById('overlay');
+    const emailDrawer = document.getElementById('emailDrawer');
+    const emailPreview = document.getElementById('emailPreview');
+    const openEmailBtn = document.getElementById('openEmailDrawer');
+    const openEmailBtnAlt = document.getElementById('openEmailDrawerAlt');
+    const closeEmailBtn = document.getElementById('closeEmailDrawer');
+    const cancelEmailBtn = document.getElementById('cancelEmail');
+    const sendEmailBtn = document.getElementById('sendEmail');
+
+    // Preview elements
+    const previewMessage = document.getElementById('previewMessage');
+    const previewSender = document.getElementById('previewSender');
+    const personalMessageInput = document.getElementById('personalMessage');
+    const senderNameInput = document.getElementById('senderName');
+
+    // Open email drawer
+    function openEmailDrawerFn() {
+      overlay.classList.add('open');
+      emailDrawer.classList.add('open');
+      emailPreview.classList.add('open');
+      document.body.style.overflow = 'hidden';
+    }
+
+    // Close email drawer
+    function closeEmailDrawerFn() {
+      overlay.classList.remove('open');
+      emailDrawer.classList.remove('open');
+      emailPreview.classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    // Update preview in real-time
+    function updatePreview() {
+      const message = personalMessageInput.value.trim();
+      const sender = senderNameInput.value.trim();
+
+      previewMessage.textContent = message || 'Din besked vises her...';
+      previewMessage.style.opacity = message ? '1' : '0.5';
+
+      previewSender.textContent = sender || 'Salon Glamour';
+    }
+
+    // Copy code to clipboard
+    function copyCode() {
+      navigator.clipboard.writeText('FK-A7X2-9KM4').then(() => {
+        alert('Kode kopieret!');
+      });
+    }
+
+    // Event listeners
+    openEmailBtn.addEventListener('click', openEmailDrawerFn);
+    openEmailBtnAlt.addEventListener('click', openEmailDrawerFn);
+    closeEmailBtn.addEventListener('click', closeEmailDrawerFn);
+    cancelEmailBtn.addEventListener('click', closeEmailDrawerFn);
+
+    // Real-time preview updates
+    personalMessageInput.addEventListener('input', updatePreview);
+    senderNameInput.addEventListener('input', updatePreview);
+
+    // Send email (demo)
+    sendEmailBtn.addEventListener('click', () => {
+      alert('Email sendt! (Demo)');
+      closeEmailDrawerFn();
+    });
+
+    // Initialize preview
+    updatePreview();
+
+    // ==========================================
+    // ADD VALUE DRAWER
+    // ==========================================
+    const addValueDrawer = document.getElementById('addValueDrawer');
+    const openAddValueBtn = document.getElementById('openAddValueDrawer');
+    const closeAddValueBtn = document.getElementById('closeAddValueDrawer');
+    const cancelAddValueBtn = document.getElementById('cancelAddValue');
+    const confirmAddValueBtn = document.getElementById('confirmAddValue');
+    const addValueAmountInput = document.getElementById('addValueAmount');
+    const newBalanceAmount = document.getElementById('newBalanceAmount');
+    const addValueQuickAmounts = document.querySelectorAll('#addValueDrawer swp-quick-amount');
+
+    const currentBalance = 350; // Demo value
+
+    // Open add value drawer
+    function openAddValueDrawerFn() {
+      overlay.classList.add('open');
+      addValueDrawer.classList.add('open');
+      document.body.style.overflow = 'hidden';
+      updateNewBalance();
+    }
+
+    // Close add value drawer
+    function closeAddValueDrawerFn() {
+      overlay.classList.remove('open');
+      addValueDrawer.classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    // Parse amount from string
+    function parseAmount(str) {
+      const num = parseInt(str.replace(/[^\d]/g, ''), 10);
+      return isNaN(num) ? 0 : num;
+    }
+
+    // Update new balance calculation
+    function updateNewBalance() {
+      const addAmount = parseAmount(addValueAmountInput.value);
+      const newBalance = currentBalance + addAmount;
+      newBalanceAmount.textContent = newBalance.toLocaleString('da-DK') + ' DKK';
+    }
+
+    // Event listeners
+    openAddValueBtn.addEventListener('click', openAddValueDrawerFn);
+    closeAddValueBtn.addEventListener('click', closeAddValueDrawerFn);
+    cancelAddValueBtn.addEventListener('click', closeAddValueDrawerFn);
+
+    // Quick amount selection
+    addValueQuickAmounts.forEach(btn => {
+      btn.addEventListener('click', () => {
+        addValueQuickAmounts.forEach(b => b.classList.remove('selected'));
+        btn.classList.add('selected');
+        const value = btn.dataset.value;
+        addValueAmountInput.value = Number(value).toLocaleString('da-DK') + ' DKK';
+        updateNewBalance();
+      });
+    });
+
+    // Live update on input
+    addValueAmountInput.addEventListener('input', updateNewBalance);
+
+    // Confirm add value (demo)
+    confirmAddValueBtn.addEventListener('click', () => {
+      alert('Værdi tilføjet! (Demo)');
+      closeAddValueDrawerFn();
+    });
+
+    // Update overlay click to close any open drawer
+    overlay.addEventListener('click', () => {
+      closeEmailDrawerFn();
+      closeAddValueDrawerFn();
+    });
+
+    // Update Escape to close any drawer
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        closeEmailDrawerFn();
+        closeAddValueDrawerFn();
+      }
+    });
+
+    // Toggle sliders (Ja/Nej)
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      slider.addEventListener('click', () => {
+        slider.dataset.value = slider.dataset.value === 'yes' ? 'no' : 'yes';
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-gavekort.html b/wwwroot/poc-gavekort.html
new file mode 100644
index 0000000..a449fc9
--- /dev/null
+++ b/wwwroot/poc-gavekort.html
@@ -0,0 +1,1203 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Fordelskort - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn i {
+      font-size: 18px;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-card {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-card swp-stat-value {
+      font-size: 22px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-card swp-stat-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-card.success swp-stat-value {
+      color: var(--color-green);
+    }
+
+    swp-stat-card.warning swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    /* ==========================================
+       FILTER BAR
+       ========================================== */
+    swp-filter-bar {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+
+    swp-search-input {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      flex: 1;
+      max-width: 350px;
+    }
+
+    swp-search-input i {
+      color: var(--color-text-secondary);
+      font-size: 18px;
+    }
+
+    swp-search-input input {
+      border: none;
+      outline: none;
+      font-size: 13px;
+      font-family: var(--font-family);
+      width: 100%;
+      background: transparent;
+      color: var(--color-text);
+    }
+
+    swp-filter-group {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-filter-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-filter-bar select {
+      padding: 8px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      background: var(--color-surface);
+      color: var(--color-text);
+      cursor: pointer;
+    }
+
+    swp-filter-spacer {
+      flex: 1;
+    }
+
+    /* ==========================================
+       TABLE
+       ========================================== */
+    swp-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-table-header,
+    swp-table-row {
+      display: grid;
+      grid-template-columns: 180px minmax(150px, 1fr) 150px 150px 120px 100px 40px;
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      padding: 12px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-th.right {
+      text-align: right;
+    }
+
+    swp-th.center {
+      text-align: center;
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-table-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+      cursor: pointer;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-td {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-td.right {
+      text-align: right;
+    }
+
+    swp-td.center {
+      text-align: center;
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-td.muted {
+      color: var(--color-text-secondary);
+    }
+
+    /* Gift card cell */
+    swp-giftcard-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-giftcard-code {
+      font-family: var(--font-mono);
+      font-weight: 500;
+      font-size: 13px;
+      color: var(--color-text);
+    }
+
+    swp-giftcard-date {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Recipient cell */
+    swp-recipient-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-recipient-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-recipient-email {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-recipient-none {
+      color: var(--color-text-secondary);
+      font-style: italic;
+    }
+
+    /* Balance with progress */
+    swp-balance-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 0 30px;
+    }
+
+    swp-balance-amount {
+      font-family: var(--font-mono);
+      font-weight: 500;
+      font-size: 13px;
+    }
+
+    swp-balance-bar {
+      width: 100%;
+      height: 6px;
+      background: var(--color-border);
+      border-radius: 3px;
+      overflow: hidden;
+    }
+
+    swp-balance-bar-fill {
+      display: block;
+      height: 100%;
+      background: var(--color-green);
+      border-radius: 3px 0 0 3px;
+      transition: width 300ms ease;
+    }
+
+    swp-balance-bar-fill[style*="100%"] {
+      border-radius: 3px;
+    }
+
+    swp-balance-bar-fill.low {
+      background: var(--color-amber);
+    }
+
+    swp-balance-bar-fill.empty {
+      background: transparent;
+    }
+
+    /* Status badge */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 12px;
+    }
+
+    swp-status-badge.active {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.partial {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-status-badge.depleted {
+      background: color-mix(in srgb, var(--color-text-secondary) 15%, transparent);
+      color: var(--color-text-secondary);
+    }
+
+    swp-status-badge.expired {
+      background: color-mix(in srgb, var(--color-red) 15%, transparent);
+      color: var(--color-red);
+    }
+
+    /* Row arrow */
+    swp-row-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    swp-row-arrow i {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      transition: transform 150ms ease, color 150ms ease;
+    }
+
+    swp-table-row:hover swp-row-arrow i {
+      transform: translateX(4px);
+      color: var(--color-teal);
+    }
+
+    /* Table footer */
+    swp-table-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       DRAWER & OVERLAY
+       ========================================== */
+    swp-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.3);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 0ms 200ms;
+      z-index: 500;
+    }
+
+    swp-overlay.open {
+      opacity: 1;
+      visibility: visible;
+      transition-delay: 0ms;
+    }
+
+    swp-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 420px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      transform: translateX(100%);
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
+      display: flex;
+      flex-direction: column;
+      z-index: 600;
+    }
+
+    swp-drawer.open {
+      transform: translateX(0);
+    }
+
+    swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-drawer-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-drawer-close {
+      background: none;
+      border: none;
+      font-size: 20px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+      transition: background 150ms ease;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    swp-drawer-close:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    swp-drawer-footer {
+      display: flex;
+      gap: 12px;
+      padding: 16px 20px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-drawer-footer swp-btn {
+      flex: 1;
+    }
+
+    /* ==========================================
+       FORM ELEMENTS
+       ========================================== */
+    swp-form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-form-label {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-form-field input,
+    swp-form-field textarea,
+    swp-form-field select {
+      padding: 10px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      background: var(--color-surface);
+      color: var(--color-text);
+      transition: border-color 150ms ease;
+    }
+
+    swp-form-field input:focus,
+    swp-form-field textarea:focus,
+    swp-form-field select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-form-field input.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-form-field textarea {
+      resize: none;
+      min-height: 80px;
+    }
+
+    swp-form-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Input with button */
+    swp-input-group {
+      display: flex;
+      gap: 8px;
+    }
+
+    swp-input-group input {
+      flex: 1;
+    }
+
+    swp-input-group button {
+      padding: 10px 14px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-background-alt);
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: all 150ms ease;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      font-family: var(--font-family);
+    }
+
+    swp-input-group button:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-input-group button i {
+      font-size: 16px;
+    }
+
+    /* Checkbox */
+    swp-checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      cursor: pointer;
+    }
+
+    swp-checkbox-field input[type="checkbox"] {
+      width: 16px;
+      height: 16px;
+      accent-color: var(--color-teal);
+    }
+
+    swp-checkbox-field span {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Quick amount buttons */
+    swp-quick-amounts {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 8px;
+    }
+
+    swp-quick-amount {
+      padding: 8px 16px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      background: var(--color-surface);
+      color: var(--color-text);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-quick-amount:hover {
+      background: var(--color-background-hover);
+      border-color: var(--color-teal);
+    }
+
+    swp-quick-amount.selected {
+      background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    /* Divider */
+    swp-divider {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      color: var(--color-text-secondary);
+      font-size: 12px;
+    }
+
+    swp-divider::before,
+    swp-divider::after {
+      content: '';
+      flex: 1;
+      height: 1px;
+      background: var(--color-border);
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 1200px) {
+      swp-stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    @media (max-width: 900px) {
+      swp-table-header,
+      swp-table-row {
+        grid-template-columns: 1fr 100px 100px 40px;
+      }
+
+      swp-th:nth-child(2),
+      swp-td:nth-child(2),
+      swp-th:nth-child(3),
+      swp-td:nth-child(3),
+      swp-th:nth-child(6),
+      swp-td:nth-child(6) {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-page-title>Fordelskort</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="primary" id="openCreateDrawer">
+        <i class="ph ph-plus"></i>
+        Opret fordelskort
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>47</swp-stat-value>
+        <swp-stat-label>Aktive fordelskort</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>23.500 DKK</swp-stat-value>
+        <swp-stat-label>Samlet saldo</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="success">
+        <swp-stat-value>18.230 DKK</swp-stat-value>
+        <swp-stat-label>Indløst i år</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="warning">
+        <swp-stat-value>5</swp-stat-value>
+        <swp-stat-label>Udløber inden 30 dage</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Filter Bar -->
+    <swp-filter-bar>
+      <swp-search-input>
+        <i class="ph ph-magnifying-glass"></i>
+        <input type="search" id="searchInput" placeholder="Søg kode, kunde, email..." />
+      </swp-search-input>
+      <swp-filter-group>
+        <swp-filter-label>Status</swp-filter-label>
+        <select id="statusFilter">
+          <option value="">Alle</option>
+          <option value="active">Aktiv</option>
+          <option value="partial">Delvist brugt</option>
+          <option value="depleted">Opbrugt</option>
+          <option value="expired">Udløbet</option>
+        </select>
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Sortering</swp-filter-label>
+        <select id="sortFilter">
+          <option value="newest">Nyeste først</option>
+          <option value="oldest">Ældste først</option>
+          <option value="highest">Højeste saldo</option>
+          <option value="lowest">Laveste saldo</option>
+        </select>
+      </swp-filter-group>
+    </swp-filter-bar>
+
+    <!-- Table -->
+    <swp-table>
+      <swp-table-header>
+        <swp-th>Fordelskort</swp-th>
+        <swp-th>Modtager</swp-th>
+        <swp-th class="right">Original</swp-th>
+        <swp-th>Saldo</swp-th>
+        <swp-th>Status</swp-th>
+        <swp-th>Udløber</swp-th>
+        <swp-th></swp-th>
+      </swp-table-header>
+      <swp-table-body>
+        <swp-table-row onclick="location.href='poc-gavekort-detail.html'">
+          <swp-td>
+            <swp-giftcard-cell>
+              <swp-giftcard-code>FK-A7X2-9KM4</swp-giftcard-code>
+              <swp-giftcard-date>Oprettet 15. jan 2024</swp-giftcard-date>
+            </swp-giftcard-cell>
+          </swp-td>
+          <swp-td>
+            <swp-recipient-cell>
+              <swp-recipient-name>Maria Hansen</swp-recipient-name>
+              <swp-recipient-email>maria@example.com</swp-recipient-email>
+            </swp-recipient-cell>
+          </swp-td>
+          <swp-td class="right mono">500 DKK</swp-td>
+          <swp-td>
+            <swp-balance-cell>
+              <swp-balance-amount>350 DKK</swp-balance-amount>
+              <swp-balance-bar>
+                <swp-balance-bar-fill style="width: 70%"></swp-balance-bar-fill>
+              </swp-balance-bar>
+            </swp-balance-cell>
+          </swp-td>
+          <swp-td><swp-status-badge class="partial">Delvist brugt</swp-status-badge></swp-td>
+          <swp-td class="muted">31. dec 2025</swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-giftcard-cell>
+              <swp-giftcard-code>FK-B3K9-2LM7</swp-giftcard-code>
+              <swp-giftcard-date>Oprettet 20. dec 2024</swp-giftcard-date>
+            </swp-giftcard-cell>
+          </swp-td>
+          <swp-td>
+            <swp-recipient-cell>
+              <swp-recipient-none>Ikke tildelt</swp-recipient-none>
+            </swp-recipient-cell>
+          </swp-td>
+          <swp-td class="right mono">1.000 DKK</swp-td>
+          <swp-td>
+            <swp-balance-cell>
+              <swp-balance-amount>1.000 DKK</swp-balance-amount>
+              <swp-balance-bar>
+                <swp-balance-bar-fill style="width: 100%"></swp-balance-bar-fill>
+              </swp-balance-bar>
+            </swp-balance-cell>
+          </swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td class="muted">15. jun 2025</swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-giftcard-cell>
+              <swp-giftcard-code>FK-C5P1-8NQ3</swp-giftcard-code>
+              <swp-giftcard-date>Oprettet 10. nov 2024</swp-giftcard-date>
+            </swp-giftcard-cell>
+          </swp-td>
+          <swp-td>
+            <swp-recipient-cell>
+              <swp-recipient-name>Jonas Petersen</swp-recipient-name>
+              <swp-recipient-email>jonas.p@mail.dk</swp-recipient-email>
+            </swp-recipient-cell>
+          </swp-td>
+          <swp-td class="right mono">250 DKK</swp-td>
+          <swp-td>
+            <swp-balance-cell>
+              <swp-balance-amount>0 DKK</swp-balance-amount>
+              <swp-balance-bar>
+                <swp-balance-bar-fill class="empty" style="width: 0%"></swp-balance-bar-fill>
+              </swp-balance-bar>
+            </swp-balance-cell>
+          </swp-td>
+          <swp-td><swp-status-badge class="depleted">Opbrugt</swp-status-badge></swp-td>
+          <swp-td class="muted">1. mar 2025</swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-giftcard-cell>
+              <swp-giftcard-code>FK-D2R4-6TY9</swp-giftcard-code>
+              <swp-giftcard-date>Oprettet 5. sep 2024</swp-giftcard-date>
+            </swp-giftcard-cell>
+          </swp-td>
+          <swp-td>
+            <swp-recipient-cell>
+              <swp-recipient-name>Anne Nielsen</swp-recipient-name>
+              <swp-recipient-email>anne.nielsen@email.dk</swp-recipient-email>
+            </swp-recipient-cell>
+          </swp-td>
+          <swp-td class="right mono">750 DKK</swp-td>
+          <swp-td>
+            <swp-balance-cell>
+              <swp-balance-amount>200 DKK</swp-balance-amount>
+              <swp-balance-bar>
+                <swp-balance-bar-fill class="low" style="width: 27%"></swp-balance-bar-fill>
+              </swp-balance-bar>
+            </swp-balance-cell>
+          </swp-td>
+          <swp-td><swp-status-badge class="partial">Delvist brugt</swp-status-badge></swp-td>
+          <swp-td class="muted">20. jan 2025</swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-giftcard-cell>
+              <swp-giftcard-code>FK-E8W3-4VX1</swp-giftcard-code>
+              <swp-giftcard-date>Oprettet 1. jun 2024</swp-giftcard-date>
+            </swp-giftcard-cell>
+          </swp-td>
+          <swp-td>
+            <swp-recipient-cell>
+              <swp-recipient-none>Ikke tildelt</swp-recipient-none>
+            </swp-recipient-cell>
+          </swp-td>
+          <swp-td class="right mono">500 DKK</swp-td>
+          <swp-td>
+            <swp-balance-cell>
+              <swp-balance-amount>500 DKK</swp-balance-amount>
+              <swp-balance-bar>
+                <swp-balance-bar-fill style="width: 100%"></swp-balance-bar-fill>
+              </swp-balance-bar>
+            </swp-balance-cell>
+          </swp-td>
+          <swp-td><swp-status-badge class="expired">Udløbet</swp-status-badge></swp-td>
+          <swp-td class="muted">1. dec 2024</swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-giftcard-cell>
+              <swp-giftcard-code>FK-F9Q7-3WK5</swp-giftcard-code>
+              <swp-giftcard-date>Oprettet 28. dec 2024</swp-giftcard-date>
+            </swp-giftcard-cell>
+          </swp-td>
+          <swp-td>
+            <swp-recipient-cell>
+              <swp-recipient-name>Sofie Larsen</swp-recipient-name>
+              <swp-recipient-email>sofie.l@gmail.com</swp-recipient-email>
+            </swp-recipient-cell>
+          </swp-td>
+          <swp-td class="right mono">300 DKK</swp-td>
+          <swp-td>
+            <swp-balance-cell>
+              <swp-balance-amount>300 DKK</swp-balance-amount>
+              <swp-balance-bar>
+                <swp-balance-bar-fill style="width: 100%"></swp-balance-bar-fill>
+              </swp-balance-bar>
+            </swp-balance-cell>
+          </swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td class="muted">28. dec 2025</swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+      </swp-table-body>
+      <swp-table-footer>
+        <span>Viser 6 af 47 fordelskort</span>
+        <span>Side 1 af 8</span>
+      </swp-table-footer>
+    </swp-table>
+  </swp-page-container>
+
+  <!-- Overlay -->
+  <swp-overlay id="overlay"></swp-overlay>
+
+  <!-- Create Gift Card Drawer -->
+  <swp-drawer id="createDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>Opret fordelskort</swp-drawer-title>
+      <swp-drawer-close id="closeDrawer">
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <swp-form-field>
+        <swp-form-label>Kortkode</swp-form-label>
+        <swp-input-group>
+          <input type="text" id="giftcardCode" class="mono" value="FK-K8M2-5NP7" readonly />
+          <button type="button" id="generateCode">
+            <i class="ph ph-arrows-clockwise"></i>
+            Ny kode
+          </button>
+        </swp-input-group>
+        <swp-checkbox-field>
+          <input type="checkbox" id="customCode" />
+          <span>Lad mig vælge egen kode</span>
+        </swp-checkbox-field>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Værdi</swp-form-label>
+        <input type="text" id="giftcardValue" class="mono" placeholder="Indtast beløb" value="500 DKK" />
+        <swp-quick-amounts>
+          <swp-quick-amount data-value="100">100 DKK</swp-quick-amount>
+          <swp-quick-amount data-value="250">250 DKK</swp-quick-amount>
+          <swp-quick-amount data-value="500" class="selected">500 DKK</swp-quick-amount>
+          <swp-quick-amount data-value="1000">1.000 DKK</swp-quick-amount>
+        </swp-quick-amounts>
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Udløbsdato</swp-form-label>
+        <input type="date" id="expiryDate" />
+        <swp-form-hint>Standard: 1 år fra oprettelse</swp-form-hint>
+      </swp-form-field>
+
+      <swp-divider>Modtager (valgfri)</swp-divider>
+
+      <swp-form-field>
+        <swp-form-label>Søg eksisterende kunde</swp-form-label>
+        <swp-input-group>
+          <input type="text" id="customerSearch" placeholder="Søg navn, email, telefon..." />
+          <button type="button">
+            <i class="ph ph-magnifying-glass"></i>
+          </button>
+        </swp-input-group>
+      </swp-form-field>
+
+      <swp-divider>eller indtast manuelt</swp-divider>
+
+      <swp-form-field>
+        <swp-form-label>Modtagers navn</swp-form-label>
+        <input type="text" id="recipientName" placeholder="Navn til gavekortet" />
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Email</swp-form-label>
+        <input type="email" id="recipientEmail" placeholder="Til afsendelse af gavekort" />
+      </swp-form-field>
+
+      <swp-form-field>
+        <swp-form-label>Intern note</swp-form-label>
+        <textarea id="internalNote" placeholder="Intern note (vises ikke for kunden)"></textarea>
+      </swp-form-field>
+    </swp-drawer-content>
+
+    <swp-drawer-footer>
+      <swp-btn class="secondary" id="cancelCreate">Annuller</swp-btn>
+      <swp-btn class="primary" id="saveGiftcard">Opret fordelskort</swp-btn>
+    </swp-drawer-footer>
+  </swp-drawer>
+
+  <script>
+    // Elements
+    const overlay = document.getElementById('overlay');
+    const createDrawer = document.getElementById('createDrawer');
+    const openCreateBtn = document.getElementById('openCreateDrawer');
+    const closeDrawerBtn = document.getElementById('closeDrawer');
+    const cancelCreateBtn = document.getElementById('cancelCreate');
+    const generateCodeBtn = document.getElementById('generateCode');
+    const codeInput = document.getElementById('giftcardCode');
+    const customCodeCheckbox = document.getElementById('customCode');
+    const quickAmounts = document.querySelectorAll('swp-quick-amount');
+    const valueInput = document.getElementById('giftcardValue');
+    const expiryInput = document.getElementById('expiryDate');
+
+    // Set default expiry date (1 year from now)
+    const defaultExpiry = new Date();
+    defaultExpiry.setFullYear(defaultExpiry.getFullYear() + 1);
+    expiryInput.value = defaultExpiry.toISOString().split('T')[0];
+
+    // Open drawer
+    function openDrawer() {
+      overlay.classList.add('open');
+      createDrawer.classList.add('open');
+      document.body.style.overflow = 'hidden';
+    }
+
+    // Close drawer
+    function closeDrawer() {
+      overlay.classList.remove('open');
+      createDrawer.classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    // Generate random code
+    function generateCode() {
+      const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
+      let code = 'FK-';
+      for (let i = 0; i < 4; i++) {
+        code += chars.charAt(Math.floor(Math.random() * chars.length));
+      }
+      code += '-';
+      for (let i = 0; i < 4; i++) {
+        code += chars.charAt(Math.floor(Math.random() * chars.length));
+      }
+      return code;
+    }
+
+    // Event listeners
+    openCreateBtn.addEventListener('click', openDrawer);
+    closeDrawerBtn.addEventListener('click', closeDrawer);
+    cancelCreateBtn.addEventListener('click', closeDrawer);
+    overlay.addEventListener('click', closeDrawer);
+
+    generateCodeBtn.addEventListener('click', () => {
+      codeInput.value = generateCode();
+    });
+
+    customCodeCheckbox.addEventListener('change', (e) => {
+      codeInput.readOnly = !e.target.checked;
+      if (!e.target.checked) {
+        codeInput.value = generateCode();
+      }
+    });
+
+    // Quick amount selection
+    quickAmounts.forEach(btn => {
+      btn.addEventListener('click', () => {
+        quickAmounts.forEach(b => b.classList.remove('selected'));
+        btn.classList.add('selected');
+        const value = btn.dataset.value;
+        valueInput.value = Number(value).toLocaleString('da-DK') + ' DKK';
+      });
+    });
+
+    // Close on Escape
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') closeDrawer();
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-indstillinger.html b/wwwroot/poc-indstillinger.html
new file mode 100644
index 0000000..107979b
--- /dev/null
+++ b/wwwroot/poc-indstillinger.html
@@ -0,0 +1,4470 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Indstillinger - KARINA KNUDSEN®</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css" />
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-topbar-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-topbar-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       TAB BAR
+       ========================================== */
+    swp-tab-bar {
+      display: flex;
+      gap: 0;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      padding: 0 24px;
+      position: sticky;
+      top: 49px;
+      z-index: 80;
+    }
+
+    swp-tab {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 14px 24px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      transition: all 150ms ease;
+    }
+
+    swp-tab i {
+      font-size: 18px;
+    }
+
+    swp-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-alt);
+    }
+
+    swp-tab.active {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TAB CONTENT
+       ========================================== */
+    swp-tab-content {
+      display: none;
+      padding: 24px;
+      max-width: 900px;
+      margin: 0 auto;
+    }
+
+    swp-tab-content.active {
+      display: block;
+    }
+
+    /* ==========================================
+       CARDS & SECTIONS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      margin-bottom: 20px;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-card-title i {
+      font-size: 20px;
+      color: var(--color-teal);
+    }
+
+    swp-card-content {
+      display: block;
+      padding: 20px;
+    }
+
+    /* ==========================================
+       EDIT SECTION (from poc-employee.html)
+       ========================================== */
+    swp-edit-section {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    swp-edit-row {
+      display: grid;
+      grid-template-columns: 140px 1fr;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-edit-row.wide-label {
+      grid-template-columns: 180px 1fr;
+    }
+
+    swp-edit-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-edit-label .optional {
+      font-weight: 400;
+      color: var(--color-text-secondary);
+      opacity: 0.7;
+    }
+
+    swp-edit-value {
+      font-size: 14px;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      transition: all 150ms ease;
+      cursor: text;
+    }
+
+    swp-edit-value:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-value:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    swp-edit-value.mono {
+      font-family: var(--font-mono);
+    }
+
+    /* Edit Select */
+    swp-edit-select {
+      display: block;
+    }
+
+    swp-edit-select select {
+      width: 100%;
+      font-size: 14px;
+      font-family: inherit;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition: all 150ms ease;
+      color: var(--color-text);
+    }
+
+    swp-edit-select select:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-select select:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Textarea */
+    swp-edit-textarea {
+      display: block;
+      width: 100%;
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      color: var(--color-text);
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      border-radius: 4px;
+      resize: vertical;
+      min-height: 80px;
+      transition: all 150ms ease;
+    }
+
+    swp-edit-textarea:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-textarea:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TOGGLE SLIDER (Ja/Nej - from poc-employee.html)
+       ========================================== */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-toggle-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-toggle-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-toggle-desc {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+      position: relative;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: color 150ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       HOURS TABLE
+       ========================================== */
+    swp-hours-table {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-hours-row {
+      display: grid;
+      grid-template-columns: 100px 80px 1fr;
+      gap: 16px;
+      align-items: center;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-hours-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-hours-day {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-hours-time {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-hours-time span {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-hours-time input[type="time"] {
+      width: 100px;
+      padding: 6px 10px;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      border-radius: 4px;
+      color: var(--color-text);
+      transition: all 150ms ease;
+    }
+
+    swp-hours-time input[type="time"]:hover {
+      background: var(--color-background);
+    }
+
+    swp-hours-time input[type="time"]:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    swp-hours-closed {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      font-style: italic;
+    }
+
+    /* ==========================================
+       URL FIELD
+       ========================================== */
+    swp-url-field {
+      display: flex;
+      align-items: stretch;
+      background: var(--color-background-alt);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      overflow: hidden;
+    }
+
+    swp-url-field input {
+      flex: 1;
+      padding: 10px 14px;
+      font-size: 14px;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+      background: transparent;
+      border: none;
+      outline: none;
+    }
+
+    swp-url-copy {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 14px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-url-copy:hover {
+      background: var(--color-background-hover);
+      color: var(--color-teal);
+    }
+
+    swp-url-copy i {
+      font-size: 18px;
+    }
+
+    /* ==========================================
+       INFO BOX
+       ========================================== */
+    swp-info-box {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 14px 16px;
+      background: color-mix(in srgb, var(--color-blue) 8%, transparent);
+      border: 1px solid color-mix(in srgb, var(--color-blue) 20%, transparent);
+      border-radius: 6px;
+      margin-bottom: 20px;
+    }
+
+    swp-info-box i {
+      font-size: 20px;
+      color: var(--color-blue);
+      flex-shrink: 0;
+    }
+
+    swp-info-box p {
+      font-size: 13px;
+      color: var(--color-text);
+      margin: 0;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn i {
+      font-size: 18px;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* ==========================================
+       NOTIFICATION ITEMS
+       ========================================== */
+    swp-notification-list {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+
+    swp-notification-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-notification-item:last-child {
+      border-bottom: none;
+    }
+
+    swp-notification-main {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      flex: 1;
+    }
+
+    swp-notification-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      flex: 1;
+    }
+
+    swp-notification-title {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-notification-price {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      font-weight: 400;
+    }
+
+    swp-notification-price.free {
+      color: var(--color-green);
+    }
+
+    swp-notification-price.premium {
+      color: var(--color-purple);
+    }
+
+    swp-notification-desc {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-notification-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-edit-link {
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-edit-link:hover {
+      color: #00796b;
+      text-decoration: underline;
+    }
+
+    swp-section-intro {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-bottom: 16px;
+    }
+
+    swp-time-setting {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 16px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-time-setting:last-child {
+      border-bottom: none;
+    }
+
+    swp-time-setting-label {
+      font-size: 14px;
+      color: var(--color-text);
+      min-width: 200px;
+    }
+
+    swp-time-range {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    swp-time-range span {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-time-range input[type="time"] {
+      width: 100px;
+      padding: 6px 10px;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      border-radius: 4px;
+      color: var(--color-text);
+    }
+
+    swp-time-range input[type="time"]:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Section divider */
+    swp-section-divider {
+      display: block;
+      height: 1px;
+      background: var(--color-border);
+      margin: 20px 0;
+    }
+
+    /* ==========================================
+       CLOSED DAYS LIST
+       ========================================== */
+    swp-closed-days-list {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+
+    swp-closed-day-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-closed-day-item:last-child {
+      border-bottom: none;
+    }
+
+    swp-closed-day-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      flex: 1;
+    }
+
+    swp-closed-day-date {
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-closed-day-name {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-closed-day-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 4px;
+      flex-shrink: 0;
+    }
+
+    swp-closed-day-badge.holiday {
+      background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+      color: var(--color-purple);
+    }
+
+    swp-closed-day-badge.custom {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-closed-day-item swp-icon-btn {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+      flex-shrink: 0;
+    }
+
+    swp-closed-day-item swp-icon-btn i {
+      font-size: 16px;
+    }
+
+    swp-closed-day-item swp-icon-btn.edit:hover {
+      background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+      color: var(--color-teal);
+    }
+
+    swp-closed-day-item swp-icon-btn.delete:hover {
+      background: color-mix(in srgb, var(--color-red) 15%, transparent);
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       TWO COLUMN GRID
+       ========================================== */
+    swp-two-column-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 20px;
+      align-items: start;
+    }
+
+    @media (max-width: 900px) {
+      swp-two-column-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    /* Card note */
+    swp-card-note {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 16px;
+      padding-top: 12px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    /* ==========================================
+       DRAWER
+       ========================================== */
+    swp-drawer-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.4);
+      z-index: 200;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 200ms ease;
+    }
+
+    swp-drawer-overlay.open {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    swp-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 480px;
+      max-width: 100%;
+      background: var(--color-surface);
+      box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
+      z-index: 201;
+      display: flex;
+      flex-direction: column;
+      transform: translateX(100%);
+      transition: transform 250ms ease, width 250ms ease;
+    }
+
+    swp-drawer.open {
+      transform: translateX(0);
+    }
+
+    swp-drawer.wide {
+      width: calc(100% - 420px);
+      min-width: 600px;
+    }
+
+    @media (max-width: 1100px) {
+      swp-drawer.wide {
+        width: 100%;
+        min-width: unset;
+      }
+    }
+
+    swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+      flex-shrink: 0;
+    }
+
+    swp-drawer-title {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-drawer-title h3 {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin: 0;
+    }
+
+    swp-drawer-title span {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-drawer-close {
+      width: 36px;
+      height: 36px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-drawer-close:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-drawer-close i {
+      font-size: 22px;
+    }
+
+    swp-drawer-body {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px;
+    }
+
+    swp-drawer-footer {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 12px;
+      padding: 16px 20px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+      flex-shrink: 0;
+    }
+
+    /* Message editor */
+    swp-message-section {
+      display: block;
+      margin-bottom: 24px;
+    }
+
+    swp-message-section:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-message-section-title {
+      display: block;
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+    }
+
+    swp-message-editor {
+      display: block;
+      width: 100%;
+      min-height: 120px;
+      padding: 14px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      line-height: 1.6;
+      color: var(--color-text);
+      background: var(--color-background-alt);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      resize: vertical;
+      transition: all 150ms ease;
+    }
+
+    swp-message-editor:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Variables */
+    swp-variables-grid {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      position: relative;
+    }
+
+    /* Onboarding popover */
+    #variablesHint[popover] {
+      margin: 0;
+      border: none;
+      padding: 0;
+      background: transparent;
+      overflow: visible;
+      inset: unset;
+    }
+
+    #variablesHint[popover]:popover-open {
+      display: block;
+    }
+
+    swp-onboarding-hint {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
+      color: white;
+      padding: 12px 16px;
+      border-radius: 10px;
+      font-size: 13px;
+      font-weight: 500;
+      line-height: 1.4;
+      white-space: nowrap;
+      box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);
+    }
+
+    swp-onboarding-hint i.ph-lightbulb {
+      font-size: 18px;
+    }
+
+    swp-onboarding-hint::after {
+      content: '';
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border: 8px solid transparent;
+      border-top-color: #8b5cf6;
+    }
+
+    swp-onboarding-hint swp-hint-close {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 18px;
+      height: 18px;
+      margin-left: 4px;
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 50%;
+      cursor: pointer;
+      font-size: 12px;
+      transition: background 150ms ease;
+    }
+
+    swp-onboarding-hint swp-hint-close:hover {
+      background: rgba(255, 255, 255, 0.3);
+    }
+
+    swp-variable-tag {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 6px 10px;
+      font-size: 12px;
+      font-family: var(--font-mono);
+      background: var(--color-background);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      color: var(--color-text-secondary);
+    }
+
+    swp-variable-tag:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-message-preview .highlight.active {
+      background: color-mix(in srgb, var(--color-teal) 35%, transparent);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-teal) 20%, transparent);
+    }
+
+    swp-variable-tag i {
+      font-size: 14px;
+    }
+
+    /* Preview */
+    swp-message-preview {
+      display: block;
+      padding: 16px;
+      background: var(--color-background);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 14px;
+      line-height: 1.6;
+      color: var(--color-text);
+    }
+
+    swp-message-preview .highlight {
+      padding: 1px 4px;
+      border-radius: 3px;
+      transition: all 150ms ease;
+    }
+
+    swp-preview-meta {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-top: 12px;
+      padding-top: 12px;
+      border-top: 1px solid var(--color-border);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-preview-meta span {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    swp-preview-meta i {
+      font-size: 14px;
+    }
+
+    /* ==========================================
+       EMAIL TEMPLATE EDITOR
+       ========================================== */
+    swp-email-editor-layout {
+      display: grid;
+      grid-template-columns: 280px 1fr;
+      gap: 24px;
+      height: 100%;
+    }
+
+    @media (max-width: 900px) {
+      swp-email-editor-layout {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    swp-email-sidebar {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    swp-email-preview-container {
+      flex: 1;
+      background: var(--color-border);
+      border-radius: 8px;
+      padding: 24px;
+      overflow-y: auto;
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+    }
+
+    /* Email preview - uses fixed light colors since emails are light-themed */
+    swp-email-preview {
+      width: 100%;
+      max-width: 520px;
+      background: #ffffff;
+      border-radius: 4px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      overflow: hidden;
+      color: #333;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    }
+
+    swp-email-header {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 28px 24px;
+      background: linear-gradient(135deg, #00897b 0%, #00695c 100%);
+      color: #ffffff;
+      text-align: center;
+    }
+
+    swp-email-logo {
+      width: 56px;
+      height: 56px;
+      background: #ffffff;
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 14px;
+      font-size: 24px;
+      color: #00897b;
+      font-weight: 700;
+    }
+
+    swp-email-header h2 {
+      font-size: 18px;
+      font-weight: 600;
+      margin: 0 0 4px 0;
+      color: #ffffff;
+    }
+
+    swp-email-header p {
+      font-size: 12px;
+      opacity: 0.85;
+      margin: 0;
+      color: #ffffff;
+    }
+
+    swp-email-body {
+      display: block;
+      padding: 28px 32px;
+      background: #ffffff;
+    }
+
+    swp-email-greeting {
+      font-size: 15px;
+      font-weight: 500;
+      margin-bottom: 12px;
+      display: block;
+      color: #333333;
+    }
+
+    swp-email-text {
+      font-size: 14px;
+      line-height: 1.6;
+      color: #555555;
+      display: block;
+      margin-bottom: 20px;
+    }
+
+    swp-email-appointment-card {
+      display: block;
+      background: #f5f5f5;
+      border-radius: 0;
+      padding: 16px 20px;
+      margin-bottom: 24px;
+      border-left: 4px solid #00897b;
+    }
+
+    swp-email-appointment-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 6px 0;
+    }
+
+    swp-email-appointment-row:first-child {
+      padding-top: 0;
+    }
+
+    swp-email-appointment-row:last-child {
+      padding-bottom: 0;
+    }
+
+    swp-email-appointment-row i {
+      font-size: 18px;
+      color: #00897b;
+      width: 20px;
+      flex-shrink: 0;
+    }
+
+    swp-email-appointment-row span {
+      font-size: 14px;
+      color: #333333;
+    }
+
+    swp-email-appointment-row strong {
+      font-weight: 600;
+    }
+
+    swp-email-button {
+      display: inline-block;
+      padding: 12px 24px;
+      background: #00897b;
+      color: #ffffff;
+      font-size: 14px;
+      font-weight: 600;
+      text-decoration: none;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    swp-email-button-container {
+      text-align: center;
+      margin: 20px 0 8px 0;
+      display: block;
+    }
+
+    swp-email-footer {
+      display: block;
+      padding: 20px 32px;
+      background: #f5f5f5;
+      text-align: center;
+      border-top: none;
+    }
+
+    swp-email-footer-logo {
+      font-size: 14px;
+      font-weight: 600;
+      color: #333333;
+      margin-bottom: 8px;
+      display: block;
+    }
+
+    swp-email-footer p {
+      font-size: 12px;
+      color: #888888;
+      margin: 4px 0;
+      line-height: 1.5;
+    }
+
+    swp-email-footer a {
+      color: #00897b;
+      text-decoration: none;
+    }
+
+    /* Email sidebar - uses swp-edit-* pattern */
+    swp-email-sidebar swp-edit-row {
+      grid-template-columns: 1fr;
+      gap: 6px;
+    }
+
+    swp-email-sidebar swp-edit-label {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    /* Color picker */
+    swp-color-picker-row {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    swp-color-picker-row input[type="color"] {
+      width: 40px;
+      height: 40px;
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      padding: 0;
+      background: none;
+    }
+
+    swp-color-picker-row input[type="color"]::-webkit-color-swatch-wrapper {
+      padding: 0;
+    }
+
+    swp-color-picker-row input[type="color"]::-webkit-color-swatch {
+      border: 2px solid var(--color-border);
+      border-radius: 6px;
+    }
+
+    swp-color-picker-row span {
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+    }
+
+    /* Highlight in email preview - only on hover */
+    swp-email-preview .editable {
+      padding: 1px 3px;
+      border-radius: 2px;
+      transition: all 150ms ease;
+    }
+
+    swp-email-preview .editable.active {
+      background: rgba(0, 137, 123, 0.35);
+      box-shadow: 0 0 0 2px rgba(0, 137, 123, 0.2);
+    }
+
+    /* ==========================================
+       MODULES TAB STYLES
+       ========================================== */
+    swp-modules-section {
+      display: block;
+      margin-bottom: 32px;
+    }
+
+    swp-modules-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    swp-modules-title {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-modules-title i {
+      font-size: 20px;
+      color: var(--color-teal);
+    }
+
+    swp-modules-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      border-radius: 20px;
+      background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+      color: var(--color-purple);
+    }
+
+    swp-modules-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 16px;
+    }
+
+    @media (max-width: 768px) {
+      swp-modules-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    swp-module-card {
+      display: block;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 10px;
+      overflow: hidden;
+      transition: all 150ms ease;
+    }
+
+    swp-module-card.full-width {
+      grid-column: 1 / -1;
+    }
+
+    swp-module-card:hover {
+      border-color: var(--color-teal);
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    }
+
+    swp-module-header {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 20px;
+    }
+
+    swp-module-icon {
+      width: 48px;
+      height: 48px;
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    swp-module-icon i {
+      font-size: 24px;
+    }
+
+    swp-module-icon.teal {
+      background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+      color: var(--color-teal);
+    }
+
+    swp-module-icon.purple {
+      background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+      color: var(--color-purple);
+    }
+
+    swp-module-icon.blue {
+      background: color-mix(in srgb, var(--color-blue) 15%, transparent);
+      color: var(--color-blue);
+    }
+
+    swp-module-icon.amber {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-module-icon.green {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-module-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    swp-module-title {
+      display: block;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 4px;
+    }
+
+    swp-module-desc {
+      display: block;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      line-height: 1.4;
+    }
+
+    swp-module-toggle {
+      flex-shrink: 0;
+    }
+
+    swp-module-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-module-tags {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-module-tag {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-module-tag.included {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-module-tag.price {
+      background: color-mix(in srgb, var(--color-blue) 15%, transparent);
+      color: var(--color-blue);
+    }
+
+    swp-module-tag.new {
+      background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+      color: var(--color-purple);
+    }
+
+    swp-module-tag.coming {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    /* Featured module card */
+    swp-module-card.featured {
+      border: 2px solid var(--color-green);
+      background: linear-gradient(135deg, color-mix(in srgb, var(--color-green) 3%, var(--color-surface)) 0%, var(--color-surface) 100%);
+    }
+
+    swp-module-card.featured:hover {
+      border-color: var(--color-green);
+      box-shadow: 0 4px 16px rgba(67, 160, 71, 0.15);
+    }
+
+    swp-module-features {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px 16px;
+      padding: 0 20px 16px;
+    }
+
+    swp-module-feature {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-module-feature i {
+      font-size: 16px;
+      color: var(--color-green);
+    }
+
+    swp-module-stats {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 12px;
+      padding: 16px 20px;
+      background: color-mix(in srgb, var(--color-green) 6%, transparent);
+      border-top: 1px solid color-mix(in srgb, var(--color-green) 20%, transparent);
+      border-bottom: 1px solid color-mix(in srgb, var(--color-green) 20%, transparent);
+    }
+
+    swp-module-stat {
+      text-align: center;
+    }
+
+    swp-module-stat-value {
+      display: block;
+      font-size: 20px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-green);
+    }
+
+    swp-module-stat-label {
+      display: block;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    /* Purple featured variant */
+    swp-module-card.featured.purple {
+      border-color: var(--color-purple);
+      background: linear-gradient(135deg, color-mix(in srgb, var(--color-purple) 3%, var(--color-surface)) 0%, var(--color-surface) 100%);
+    }
+
+    swp-module-card.featured.purple:hover {
+      border-color: var(--color-purple);
+      box-shadow: 0 4px 16px rgba(139, 92, 246, 0.15);
+    }
+
+    swp-module-feature.purple i {
+      color: var(--color-purple);
+    }
+
+    swp-module-stats.purple {
+      background: color-mix(in srgb, var(--color-purple) 6%, transparent);
+      border-top-color: color-mix(in srgb, var(--color-purple) 20%, transparent);
+      border-bottom-color: color-mix(in srgb, var(--color-purple) 20%, transparent);
+    }
+
+    swp-module-stats.purple swp-module-stat-value {
+      color: var(--color-purple);
+    }
+
+    swp-btn.primary.purple {
+      background: var(--color-purple);
+    }
+
+    swp-btn.primary.purple:hover {
+      background: color-mix(in srgb, var(--color-purple) 85%, black);
+    }
+
+    /* ==========================================
+       TRACKING TAB
+       ========================================== */
+    swp-tab-content[data-tab="tracking"] {
+      display: none;
+    }
+
+    swp-tab-content[data-tab="tracking"].active {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    .tracking-card {
+      margin-bottom: 0;
+    }
+
+    .tracking-card.full-width,
+    .code-preview-card {
+      grid-column: 1 / -1;
+    }
+
+    .tracking-card swp-card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .tracking-card[data-tracker] swp-card-content {
+      transition: opacity 200ms ease, max-height 300ms ease;
+    }
+
+    .tracking-card[data-tracker].disabled swp-card-content {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+
+    swp-tracking-hint {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-top: 12px;
+      padding: 10px 12px;
+      background: color-mix(in srgb, var(--color-blue) 8%, transparent);
+      border-radius: 6px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-tracking-hint i {
+      font-size: 16px;
+      color: var(--color-blue);
+    }
+
+    swp-tracking-hint.privacy {
+      background: color-mix(in srgb, var(--color-green) 8%, transparent);
+    }
+
+    swp-tracking-hint.privacy i {
+      color: var(--color-green);
+    }
+
+    swp-script-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-bottom: 16px;
+    }
+
+    swp-script-section:last-child {
+      margin-bottom: 0;
+    }
+
+    swp-script-label {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-script-label i {
+      font-size: 16px;
+      color: var(--color-text-secondary);
+    }
+
+    .script-textarea {
+      width: 100%;
+      min-height: 100px;
+      padding: 12px;
+      font-family: var(--font-mono);
+      font-size: 12px;
+      line-height: 1.5;
+      color: var(--color-text);
+      background: var(--color-background);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      resize: vertical;
+    }
+
+    .script-textarea::placeholder {
+      color: var(--color-text-secondary);
+    }
+
+    .script-textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    .code-preview-card {
+      margin-top: 24px;
+      border: 2px dashed var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 3%, var(--color-surface));
+    }
+
+    .code-preview-card swp-card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .code-preview-card swp-card-title {
+      color: var(--color-teal);
+    }
+
+    swp-code-info {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 12px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-code-info i {
+      font-size: 16px;
+      color: var(--color-teal);
+    }
+
+    .code-preview {
+      margin: 0;
+      padding: 16px;
+      background: var(--color-background);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      overflow-x: auto;
+      max-height: 400px;
+      overflow-y: auto;
+    }
+
+    .code-preview code {
+      font-family: var(--font-mono);
+      font-size: 11px;
+      line-height: 1.6;
+      color: var(--color-text);
+      white-space: pre;
+    }
+
+    .code-preview .comment {
+      color: var(--color-green);
+    }
+
+    .code-preview .tag {
+      color: var(--color-blue);
+    }
+
+    .code-preview .attr {
+      color: var(--color-purple);
+    }
+
+    .code-preview .string {
+      color: var(--color-teal);
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-topbar-title>Indstillinger</swp-topbar-title>
+    </swp-topbar-left>
+    <swp-topbar-actions>
+      <swp-btn class="primary" id="saveBtn">
+        <i class="ph ph-check"></i>
+        Gem alle ændringer
+      </swp-btn>
+    </swp-topbar-actions>
+  </swp-topbar>
+
+  <!-- Tab Bar -->
+  <swp-tab-bar>
+    <swp-tab class="active" data-tab="general">
+      <i class="ph ph-buildings"></i>
+      Virksomhed
+    </swp-tab>
+    <swp-tab data-tab="hours">
+      <i class="ph ph-clock"></i>
+      Åbningstider
+    </swp-tab>
+    <swp-tab data-tab="calendar">
+      <i class="ph ph-calendar"></i>
+      Kalender
+    </swp-tab>
+    <swp-tab data-tab="booking">
+      <i class="ph ph-globe"></i>
+      Online Booking
+    </swp-tab>
+    <swp-tab data-tab="billing">
+      <i class="ph ph-receipt"></i>
+      Faktura & Kvittering
+    </swp-tab>
+    <swp-tab data-tab="reminders">
+      <i class="ph ph-bell"></i>
+      Påmindelser
+    </swp-tab>
+    <swp-tab data-tab="payments">
+      <i class="ph ph-credit-card"></i>
+      Betalinger
+    </swp-tab>
+    <swp-tab data-tab="modules">
+      <i class="ph ph-puzzle-piece"></i>
+      Moduler
+    </swp-tab>
+    <swp-tab data-tab="tracking">
+      <i class="ph ph-chart-line-up"></i>
+      Tracking
+    </swp-tab>
+  </swp-tab-bar>
+
+  <!-- ==========================================
+       TAB: VIRKSOMHED
+       ========================================== -->
+  <swp-tab-content class="active" data-tab="general">
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-identification-card"></i>
+          Grundlæggende oplysninger
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Virksomhedsnavn</swp-edit-label>
+            <swp-edit-value contenteditable="true">KARINA KNUDSEN®</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>CVR-nummer</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Adresse</swp-edit-label>
+            <swp-edit-value contenteditable="true">Hovedgaden 123</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Postnummer</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">2100</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>By</swp-edit-label>
+            <swp-edit-value contenteditable="true">København Ø</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Telefon</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">70 20 30 40</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Email</swp-edit-label>
+            <swp-edit-value contenteditable="true">info@salonbeauty.dk</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Website <span class="optional">(valgfri)</span></swp-edit-label>
+            <swp-edit-value contenteditable="true">https://salonbeauty.dk</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: ÅBNINGSTIDER
+       ========================================== -->
+  <swp-tab-content data-tab="hours">
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-clock"></i>
+          Åbningstider
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-hours-table>
+          <swp-hours-row>
+            <swp-hours-day>Mandag</swp-hours-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-time>
+              <input type="time" value="09:00">
+              <span>til</span>
+              <input type="time" value="18:00">
+            </swp-hours-time>
+          </swp-hours-row>
+          <swp-hours-row>
+            <swp-hours-day>Tirsdag</swp-hours-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-time>
+              <input type="time" value="09:00">
+              <span>til</span>
+              <input type="time" value="18:00">
+            </swp-hours-time>
+          </swp-hours-row>
+          <swp-hours-row>
+            <swp-hours-day>Onsdag</swp-hours-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-time>
+              <input type="time" value="09:00">
+              <span>til</span>
+              <input type="time" value="18:00">
+            </swp-hours-time>
+          </swp-hours-row>
+          <swp-hours-row>
+            <swp-hours-day>Torsdag</swp-hours-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-time>
+              <input type="time" value="09:00">
+              <span>til</span>
+              <input type="time" value="20:00">
+            </swp-hours-time>
+          </swp-hours-row>
+          <swp-hours-row>
+            <swp-hours-day>Fredag</swp-hours-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-time>
+              <input type="time" value="09:00">
+              <span>til</span>
+              <input type="time" value="17:00">
+            </swp-hours-time>
+          </swp-hours-row>
+          <swp-hours-row>
+            <swp-hours-day>Lørdag</swp-hours-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-time>
+              <input type="time" value="10:00">
+              <span>til</span>
+              <input type="time" value="14:00">
+            </swp-hours-time>
+          </swp-hours-row>
+          <swp-hours-row>
+            <swp-hours-day>Søndag</swp-hours-day>
+            <swp-toggle-slider data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-hours-closed>Lukket</swp-hours-closed>
+          </swp-hours-row>
+        </swp-hours-table>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: KALENDER
+       ========================================== -->
+  <swp-tab-content data-tab="calendar">
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-calendar-blank"></i>
+          Kalenderindstillinger
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Standard visning</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="day">Dag</option>
+                <option value="week" selected>Uge</option>
+                <option value="month">Måned</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Første dag i ugen</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="monday" selected>Mandag</option>
+                <option value="sunday">Søndag</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Tidsinterval</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="15" selected>15 minutter</option>
+                <option value="30">30 minutter</option>
+                <option value="60">60 minutter</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Vis weekender</swp-edit-label>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Arbejdstid fra</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="06:00">06:00</option>
+                <option value="07:00">07:00</option>
+                <option value="08:00" selected>08:00</option>
+                <option value="09:00">09:00</option>
+                <option value="10:00">10:00</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Arbejdstid til</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="17:00">17:00</option>
+                <option value="18:00">18:00</option>
+                <option value="19:00">19:00</option>
+                <option value="20:00" selected>20:00</option>
+                <option value="21:00">21:00</option>
+                <option value="22:00">22:00</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-calendar-x"></i>
+          Helligdage & lukkedage
+        </swp-card-title>
+        <swp-btn class="small secondary" id="addClosedDayBtn">
+          <i class="ph ph-plus"></i>
+          Tilføj lukkedag
+        </swp-btn>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Luk automatisk på helligdage</swp-toggle-label>
+            <swp-toggle-desc>Salonen lukkes automatisk på danske helligdage</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+
+        <swp-section-divider></swp-section-divider>
+
+        <swp-closed-days-list>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>5. april 2026</swp-closed-day-date>
+              <swp-closed-day-name>Påskedag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>1. maj 2026</swp-closed-day-date>
+              <swp-closed-day-name>Store bededag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>14. maj 2026</swp-closed-day-date>
+              <swp-closed-day-name>Kristi Himmelfart</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>24. maj 2026</swp-closed-day-date>
+              <swp-closed-day-name>Pinsedag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>25. maj 2026</swp-closed-day-date>
+              <swp-closed-day-name>2. pinsedag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>5. juni 2026</swp-closed-day-date>
+              <swp-closed-day-name>Grundlovsdag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>24. december 2026</swp-closed-day-date>
+              <swp-closed-day-name>Juleaften</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>25. december 2026</swp-closed-day-date>
+              <swp-closed-day-name>1. juledag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>26. december 2026</swp-closed-day-date>
+              <swp-closed-day-name>2. juledag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>1. januar 2027</swp-closed-day-date>
+              <swp-closed-day-name>Nytårsdag</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
+            <swp-icon-btn class="edit" title="Rediger åbningstid">
+              <i class="ph ph-pencil-simple"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>14. - 28. juli 2026</swp-closed-day-date>
+              <swp-closed-day-name>Sommerferie</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="custom">Lukkedag</swp-closed-day-badge>
+            <swp-icon-btn class="delete" title="Fjern">
+              <i class="ph ph-trash"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+          <swp-closed-day-item>
+            <swp-closed-day-info>
+              <swp-closed-day-date>24. - 26. december 2026</swp-closed-day-date>
+              <swp-closed-day-name>Julelukning</swp-closed-day-name>
+            </swp-closed-day-info>
+            <swp-closed-day-badge class="custom">Lukkedag</swp-closed-day-badge>
+            <swp-icon-btn class="delete" title="Fjern">
+              <i class="ph ph-trash"></i>
+            </swp-icon-btn>
+          </swp-closed-day-item>
+        </swp-closed-days-list>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: ONLINE BOOKING
+       ========================================== -->
+  <swp-tab-content data-tab="booking">
+    <swp-info-box>
+      <i class="ph ph-info"></i>
+      <p>Din booking-side er tilgængelig for kunder. Del linket på din hjemmeside, sociale medier eller i din email-signatur.</p>
+    </swp-info-box>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-link"></i>
+          Booking URL
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-url-field>
+          <input type="text" value="https://book.plantempus.dk/salonbeauty" readonly>
+          <swp-url-copy title="Kopier link">
+            <i class="ph ph-copy"></i>
+          </swp-url-copy>
+        </swp-url-field>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-sliders"></i>
+          Booking-indstillinger
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Aktivér online booking</swp-toggle-label>
+            <swp-toggle-desc>Tillad kunder at booke tider online</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Tillad online aflysning</swp-toggle-label>
+            <swp-toggle-desc>Kunder kan selv aflyse deres booking</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+
+        <swp-section-divider></swp-section-divider>
+
+        <swp-edit-section>
+          <swp-edit-row class="wide-label">
+            <swp-edit-label>Book frem i tiden</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="7">7 dage</option>
+                <option value="14">14 dage</option>
+                <option value="30" selected>30 dage</option>
+                <option value="60">60 dage</option>
+                <option value="90">90 dage</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row class="wide-label">
+            <swp-edit-label>Minimum tid før booking</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="0">Ingen begrænsning</option>
+                <option value="1">1 time</option>
+                <option value="2" selected>2 timer</option>
+                <option value="4">4 timer</option>
+                <option value="24">24 timer</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+          <swp-edit-row class="wide-label">
+            <swp-edit-label>Aflysningsfrist</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="0">Ingen frist</option>
+                <option value="2">2 timer før</option>
+                <option value="4">4 timer før</option>
+                <option value="24" selected>24 timer før</option>
+                <option value="48">48 timer før</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: FAKTURA & KVITTERING (kombineret)
+       ========================================== -->
+  <swp-tab-content data-tab="billing">
+    <swp-info-box>
+      <i class="ph ph-info"></i>
+      <p><strong>Kvittering</strong> printes efter betaling i butikken. <strong>Faktura</strong> sendes til kunder der betaler senere.</p>
+    </swp-info-box>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-identification-badge"></i>
+          Virksomhedsoplysninger
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Firmanavn (juridisk)</swp-edit-label>
+            <swp-edit-value contenteditable="true">KARINA KNUDSEN® ApS</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>CVR-nummer</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Adresse</swp-edit-label>
+            <swp-edit-value contenteditable="true">Amager Strandvej 22f, 2300 København S</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-bank"></i>
+          Bankoplysninger (kun faktura)
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Registreringsnr.</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">1234</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Kontonummer</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>IBAN <span class="optional">(valgfri)</span></swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" style="color: var(--color-text-secondary);">DK00 0000 0000 0000 00</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>MobilePay <span class="optional">(valgfri)</span></swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Betalingsbetingelser</swp-edit-label>
+            <swp-edit-select>
+              <select>
+                <option value="0">Kontant</option>
+                <option value="8" selected>Netto 8 dage</option>
+                <option value="14">Netto 14 dage</option>
+                <option value="30">Netto 30 dage</option>
+              </select>
+            </swp-edit-select>
+          </swp-edit-row>
+        </swp-edit-section>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-eye"></i>
+          Vis på print
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-toggle-row>
+          <swp-toggle-label>Vis CVR-nummer</swp-toggle-label>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-label>Vis telefonnummer</swp-toggle-label>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-label>Vis website</swp-toggle-label>
+          <swp-toggle-slider data-value="no">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-label>Vis logo</swp-toggle-label>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-text-align-left"></i>
+          Tekster
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Header-tekst</swp-edit-label>
+            <swp-edit-value contenteditable="true">Tak for dit besøg!</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <div style="margin-top: 16px;">
+          <swp-edit-label style="display: block; margin-bottom: 8px;">Footer-tekst</swp-edit-label>
+          <swp-edit-textarea contenteditable="true">Åbningstider: Man-Fre 9-18, Lør 10-14
+Vi glæder os til at se dig igen!</swp-edit-textarea>
+        </div>
+        <div style="margin-top: 16px;">
+          <swp-edit-label style="display: block; margin-bottom: 8px;">Faktura-tekst</swp-edit-label>
+          <swp-edit-textarea contenteditable="true">Ved betaling bedes fakturanummer angivet.
+Tak for din handel!</swp-edit-textarea>
+        </div>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: PÅMINDELSER
+       ========================================== -->
+  <swp-tab-content data-tab="reminders">
+    <swp-two-column-grid>
+      <!-- EMAIL COLUMN -->
+      <swp-card>
+        <swp-card-header>
+          <swp-card-title>
+            <i class="ph ph-envelope"></i>
+            Email
+          </swp-card-title>
+        </swp-card-header>
+        <swp-card-content>
+          <swp-notification-list>
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>Bekræftelse</swp-notification-title>
+                  <swp-notification-desc>Sendes når en aftale er booket</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>Påmindelse</swp-notification-title>
+                  <swp-notification-desc>Sendes inden aftalen</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>Aflysning</swp-notification-title>
+                  <swp-notification-desc>Sendes når en aftale er aflyst</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>Flytning</swp-notification-title>
+                  <swp-notification-desc>Sendes når en aftale er flyttet</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+          </swp-notification-list>
+
+          <swp-card-note>Email-påmindelser er gratis.</swp-card-note>
+        </swp-card-content>
+      </swp-card>
+
+      <!-- SMS COLUMN -->
+      <swp-card>
+        <swp-card-header>
+          <swp-card-title>
+            <i class="ph ph-chat-text"></i>
+            SMS
+          </swp-card-title>
+        </swp-card-header>
+        <swp-card-content>
+          <swp-notification-list>
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="no">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>
+                    Bekræftelse online
+                    <swp-notification-price>(0,30 kr.)</swp-notification-price>
+                  </swp-notification-title>
+                  <swp-notification-desc>Sendes ved online booking</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>
+                    Bekræftelse manuelt
+                    <swp-notification-price>(0,30 kr.)</swp-notification-price>
+                  </swp-notification-title>
+                  <swp-notification-desc>Ved oprettelse i kalender</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+
+            <swp-notification-item>
+              <swp-notification-main>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+                <swp-notification-info>
+                  <swp-notification-title>
+                    Påmindelse
+                    <swp-notification-price class="premium">(Premium)</swp-notification-price>
+                  </swp-notification-title>
+                  <swp-notification-desc>Sendes inden aftalen</swp-notification-desc>
+                </swp-notification-info>
+              </swp-notification-main>
+              <swp-edit-link>Rediger</swp-edit-link>
+            </swp-notification-item>
+          </swp-notification-list>
+
+          <swp-section-divider></swp-section-divider>
+
+          <swp-edit-section>
+            <swp-edit-row>
+              <swp-edit-label>Påmindelse sendes</swp-edit-label>
+              <swp-edit-select>
+                <select>
+                  <option value="2">2 timer før</option>
+                  <option value="4">4 timer før</option>
+                  <option value="12">12 timer før</option>
+                  <option value="24" selected>24 timer før</option>
+                  <option value="48">48 timer før</option>
+                </select>
+              </swp-edit-select>
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label>Sendes mellem</swp-edit-label>
+              <swp-time-range>
+                <input type="time" value="08:00">
+                <span>–</span>
+                <input type="time" value="21:00">
+              </swp-time-range>
+            </swp-edit-row>
+          </swp-edit-section>
+        </swp-card-content>
+      </swp-card>
+    </swp-two-column-grid>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: BETALINGER
+       ========================================== -->
+  <swp-tab-content data-tab="payments">
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-wallet"></i>
+          Betalingsmetoder i butik
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-section-intro>Vælg hvilke betalingsmetoder dine kunder kan bruge ved checkout i butikken.</swp-section-intro>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Kontant</swp-toggle-label>
+            <swp-toggle-desc>Modtag kontant betaling</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Dankort / Visa / Mastercard</swp-toggle-label>
+            <swp-toggle-desc>Betalingskort via terminal</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>MobilePay</swp-toggle-label>
+            <swp-toggle-desc>Betaling via MobilePay</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Gavekort</swp-toggle-label>
+            <swp-toggle-desc>Indløs gavekort som betaling</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Faktura</swp-toggle-label>
+            <swp-toggle-desc>Send faktura til kunden</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-globe"></i>
+          Online betaling
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Modtag betaling ved online booking</swp-toggle-label>
+            <swp-toggle-desc>Kunder betaler når de booker online</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="no" id="onlinePaymentToggle">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+
+        <div id="onlinePaymentSettings" style="display: none;">
+          <swp-section-divider></swp-section-divider>
+
+          <swp-info-box>
+            <i class="ph ph-info"></i>
+            <p>Online betalinger håndteres via Stripe. Beløbet overføres automatisk til din bankkonto efter den valgte periode.</p>
+          </swp-info-box>
+
+          <swp-edit-section>
+            <swp-edit-row class="wide-label">
+              <swp-edit-label>Registreringsnummer</swp-edit-label>
+              <swp-edit-value contenteditable="true" class="mono">1234</swp-edit-value>
+            </swp-edit-row>
+            <swp-edit-row class="wide-label">
+              <swp-edit-label>Kontonummer</swp-edit-label>
+              <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
+            </swp-edit-row>
+            <swp-edit-row class="wide-label">
+              <swp-edit-label>Udbetaling</swp-edit-label>
+              <swp-edit-select>
+                <select>
+                  <option value="7" selected>Hver uge</option>
+                  <option value="14">Hver 2. uge</option>
+                  <option value="28">Hver 4. uge</option>
+                </select>
+              </swp-edit-select>
+            </swp-edit-row>
+          </swp-edit-section>
+
+        </div>
+      </swp-card-content>
+    </swp-card>
+
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-percent"></i>
+          Gebyr & tillæg
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-toggle-row>
+          <swp-toggle-info>
+            <swp-toggle-label>Vis kortgebyr til kunden</swp-toggle-label>
+            <swp-toggle-desc>Vis kortgebyr som separat linje på kvittering</swp-toggle-desc>
+          </swp-toggle-info>
+          <swp-toggle-slider data-value="no">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: MODULER
+       ========================================== -->
+  <swp-tab-content data-tab="modules">
+    <!-- Løn & Økonomi sektion -->
+    <swp-modules-section>
+      <swp-modules-header>
+        <swp-modules-title>
+          <i class="ph ph-wallet"></i>
+          Løn & Økonomi
+        </swp-modules-title>
+      </swp-modules-header>
+
+      <swp-modules-grid>
+        <!-- Lønberegning -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="teal">
+              <i class="ph ph-calculator"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Lønberegning</swp-module-title>
+              <swp-module-desc>Beregn løn, overtid, provision og ferie automatisk. Grundmodul for løneksport til eksterne systemer.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Intect -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="blue">
+              <i class="ph ph-export"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Intect</swp-module-title>
+              <swp-module-desc>Eksporter direkte til Intect lønsystem i StandardMapping-format.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Proløn -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="blue">
+              <i class="ph ph-export"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Proløn</swp-module-title>
+              <swp-module-desc>Eksporter direkte til Proløn lønsystem.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="coming">Kommer</swp-module-tag>
+            </swp-module-tags>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Danløn -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="blue">
+              <i class="ph ph-export"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Danløn</swp-module-title>
+              <swp-module-desc>Eksporter direkte til Danløn lønsystem.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="coming">Kommer</swp-module-tag>
+            </swp-module-tags>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Salary.dk -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="blue">
+              <i class="ph ph-export"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Salary.dk</swp-module-title>
+              <swp-module-desc>Eksporter direkte til Salary.dk lønsystem.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="coming">Kommer</swp-module-tag>
+            </swp-module-tags>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Zenegy -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="teal">
+              <i class="ph ph-export"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Zenegy</swp-module-title>
+              <swp-module-desc>Eksporter direkte til Zenegy lønsystem. Automatisk overførsel af timer og provision.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="coming">Kommer</swp-module-tag>
+            </swp-module-tags>
+          </swp-module-footer>
+        </swp-module-card>
+      </swp-modules-grid>
+    </swp-modules-section>
+
+    <!-- AI & Analyse sektion -->
+    <swp-modules-section>
+      <swp-modules-header>
+        <swp-modules-title>
+          <i class="ph ph-brain"></i>
+          AI & Analyse
+        </swp-modules-title>
+        <swp-modules-badge>Nyt</swp-modules-badge>
+      </swp-modules-header>
+
+      <swp-modules-grid>
+        <!-- AI Dashboard -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="purple">
+              <i class="ph ph-sparkle"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>AI Dashboard</swp-module-title>
+              <swp-module-desc>Din personlige AI-assistent på dashboardet. Få daglige indsigter, anbefalinger og svar på spørgsmål om din forretning.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- AI Virksomhedsanalyse -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="purple">
+              <i class="ph ph-chart-line-up"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>AI Virksomhedsanalyse</swp-module-title>
+              <swp-module-desc>Dybdegående AI-analyse af timer vs. omsætning, belægningsgrad og identificer mønstre og vækstmuligheder.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="price">+49 kr/md</swp-module-tag>
+              <swp-module-tag class="new">Beta</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Læs mere</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- AI Kundeanalyse -->
+        <swp-module-card class="featured purple">
+          <swp-module-header>
+            <swp-module-icon class="purple">
+              <i class="ph ph-users-three"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>AI Kundeanalyse</swp-module-title>
+              <swp-module-desc>Forstå dine kunders adfærd og forbliv proaktiv. AI'en analyserer bookingmønstre, forudser hvornår kunder har brug for en tid, og identificerer kunder der er ved at falde fra.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-features>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Booking-prediktion baseret på historik</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Churn-detektion – se hvem der er ved at falde fra</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Service-præference analyse pr. kunde</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Sæson-korrektion i forudsigelser</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Win-back kampagner for inaktive kunder</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Automatisk personlig beskedgenerering</span>
+            </swp-module-feature>
+          </swp-module-features>
+          <swp-module-stats class="purple">
+            <swp-module-stat>
+              <swp-module-stat-value>-34%</swp-module-stat-value>
+              <swp-module-stat-label>Færre tabte kunder</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>+18%</swp-module-stat-value>
+              <swp-module-stat-label>Genbookinger</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>3.8x</swp-module-stat-value>
+              <swp-module-stat-label>ROI på kampagner</swp-module-stat-label>
+            </swp-module-stat>
+          </swp-module-stats>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="price">+79 kr/md</swp-module-tag>
+              <swp-module-tag class="new">Beta</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small primary purple">Prøv gratis i 14 dage</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- AI Produktsalg -->
+        <swp-module-card class="featured purple">
+          <swp-module-header>
+            <swp-module-icon class="purple">
+              <i class="ph ph-shopping-bag"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>AI Produktsalg</swp-module-title>
+              <swp-module-desc>Øg dit produktsalg med intelligente anbefalinger. AI'en lærer dine kunders præferencer og foreslår de rigtige produkter på det rigtige tidspunkt.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-features>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Personlige produktanbefalinger</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Automatisk mersalg ved kassen</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Kundeprofilanalyse</span>
+            </swp-module-feature>
+            <swp-module-feature class="purple">
+              <i class="ph ph-check-circle"></i>
+              <span>Sæson- og trendbaserede forslag</span>
+            </swp-module-feature>
+          </swp-module-features>
+          <swp-module-stats class="purple">
+            <swp-module-stat>
+              <swp-module-stat-value>+23%</swp-module-stat-value>
+              <swp-module-stat-label>Mersalg pr. kunde</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>4.2x</swp-module-stat-value>
+              <swp-module-stat-label>Højere konvertering</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>89%</swp-module-stat-value>
+              <swp-module-stat-label>Relevante forslag</swp-module-stat-label>
+            </swp-module-stat>
+          </swp-module-stats>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="price">+49 kr/md</swp-module-tag>
+              <swp-module-tag class="new">Beta</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small primary purple">Prøv gratis i 14 dage</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- AI Kalenderoptimering -->
+        <swp-module-card class="featured">
+          <swp-module-header>
+            <swp-module-icon class="green">
+              <i class="ph ph-sparkle"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>AI Kalenderoptimering</swp-module-title>
+              <swp-module-desc>Maksimer din kalenderudnyttelse og reducer tabt omsætning. AI'en foreslår optimale tider til kunder og identificerer huller der kan fyldes.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-features>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Smart tidsforslag ved booking</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Automatisk hul-identifikation</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>SMS-tilbud til flytning af tider</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Dashboard med optimeringsscore</span>
+            </swp-module-feature>
+          </swp-module-features>
+          <swp-module-stats>
+            <swp-module-stat>
+              <swp-module-stat-value>52x</swp-module-stat-value>
+              <swp-module-stat-label>ROI i gennemsnit</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>15%</swp-module-stat-value>
+              <swp-module-stat-label>Færre tomme slots</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>312k</swp-module-stat-value>
+              <swp-module-stat-label>Ekstra oms./år*</swp-module-stat-label>
+            </swp-module-stat>
+          </swp-module-stats>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="price">+99 kr/md</swp-module-tag>
+              <swp-module-tag class="new">Ny</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small primary">Prøv gratis i 14 dage</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+      </swp-modules-grid>
+    </swp-modules-section>
+
+    <!-- Tillægsmoduler sektion -->
+    <swp-modules-section>
+      <swp-modules-header>
+        <swp-modules-title>
+          <i class="ph ph-plus-circle"></i>
+          Tillægsmoduler
+        </swp-modules-title>
+      </swp-modules-header>
+
+      <swp-modules-grid>
+        <!-- Online Booking -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="teal">
+              <i class="ph ph-globe"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Online Booking</swp-module-title>
+              <swp-module-desc>Lad kunder booke tider online via din egen bookingside. Integreres med kalender og påmindelser.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Gavekort -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="amber">
+              <i class="ph ph-gift"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Gavekort</swp-module-title>
+              <swp-module-desc>Sælg og administrer digitale gavekort. Kunderne kan købe online eller i butikken, og indløse ved betaling.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Kasseafstemning -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="blue">
+              <i class="ph ph-calculator"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Kasseafstemning</swp-module-title>
+              <swp-module-desc>Daglig kasseopgørelse og afstemning. Hold styr på kontanter, kort og andre betalingsmetoder.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Leverandører -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="green">
+              <i class="ph ph-truck"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Leverandører</swp-module-title>
+              <swp-module-desc>Bestil varer direkte fra dine leverandører. Hold styr på ordrer, leveringer og lagerbeholdning.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Stregkodescanner -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="purple">
+              <i class="ph ph-barcode"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Stregkodescanner</swp-module-title>
+              <swp-module-desc>Scan EAN-koder og få AI-genererede produktbeskrivelser automatisk. Opret nye produkter på sekunder.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+              <swp-module-tag class="new">AI</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Website Builder -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="teal">
+              <i class="ph ph-layout"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Website Builder</swp-module-title>
+              <swp-module-desc>Byg din salons hjemmeside med drag-and-drop blokke. Vælg mellem færdige designs, tilpas farver og fonte, og integrer din booking.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="price">+149 kr/md</swp-module-tag>
+              <swp-module-tag class="new">Ny</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary" onclick="window.open('poc-website-builder.html', '_blank')">Åbn Builder</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- HR & Dokumenter -->
+        <swp-module-card class="full-width">
+          <swp-module-header>
+            <swp-module-icon class="purple">
+              <i class="ph ph-folder-user"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>HR & Dokumenter</swp-module-title>
+              <swp-module-desc>Komplet medarbejderstyring: Kontrakter, certificeringer, kurser, ferie-saldo, sygefravær og barsel. Upload dokumenter og få påmindelser om udløbsdatoer.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+      </swp-modules-grid>
+    </swp-modules-section>
+
+    <!-- Integrationer sektion -->
+    <swp-modules-section>
+      <swp-modules-header>
+        <swp-modules-title>
+          <i class="ph ph-plugs-connected"></i>
+          Integrationer
+        </swp-modules-title>
+      </swp-modules-header>
+
+      <swp-modules-grid>
+        <!-- Sygeforsikring "danmark" -->
+        <swp-module-card class="featured">
+          <swp-module-header>
+            <swp-module-icon class="green">
+              <i class="ph ph-heart-half"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Sygeforsikring "danmark"</swp-module-title>
+              <swp-module-desc>Gør det nemt for dine kunder at få tilskud. Send automatisk kvitteringer til "danmark" så kunderne får deres penge tilbage uden selv at løfte en finger.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="no">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-features>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Automatisk indsendelse af kvitteringer</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Direkte integration via API</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Kunden får tilskud uden besvær</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Øget kundetilfredshed</span>
+            </swp-module-feature>
+          </swp-module-features>
+          <swp-module-stats>
+            <swp-module-stat>
+              <swp-module-stat-value>2.1M</swp-module-stat-value>
+              <swp-module-stat-label>Medlemmer i DK</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>100%</swp-module-stat-value>
+              <swp-module-stat-label>Automatiseret</swp-module-stat-label>
+            </swp-module-stat>
+            <swp-module-stat>
+              <swp-module-stat-value>0 kr</swp-module-stat-value>
+              <swp-module-stat-label>Ekstra gebyr</swp-module-stat-label>
+            </swp-module-stat>
+          </swp-module-stats>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small primary">Opsæt integration</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+
+        <!-- Kalenderintegration -->
+        <swp-module-card>
+          <swp-module-header>
+            <swp-module-icon class="blue">
+              <i class="ph ph-calendar-check"></i>
+            </swp-module-icon>
+            <swp-module-info>
+              <swp-module-title>Kalenderintegration</swp-module-title>
+              <swp-module-desc>Få dine bookinger synkroniseret til din private kalender automatisk. Se alle aftaler samlet ét sted - også når du er offline.</swp-module-desc>
+            </swp-module-info>
+            <swp-module-toggle>
+              <swp-toggle-slider data-value="yes">
+                <swp-toggle-option>Til</swp-toggle-option>
+                <swp-toggle-option>Fra</swp-toggle-option>
+              </swp-toggle-slider>
+            </swp-module-toggle>
+          </swp-module-header>
+          <swp-module-features>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Google Kalender</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Apple iCloud Kalender</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Microsoft Outlook</span>
+            </swp-module-feature>
+            <swp-module-feature>
+              <i class="ph ph-check-circle"></i>
+              <span>Tovejs-synkronisering</span>
+            </swp-module-feature>
+          </swp-module-features>
+          <swp-module-footer>
+            <swp-module-tags>
+              <swp-module-tag class="included">Inkluderet</swp-module-tag>
+            </swp-module-tags>
+            <swp-btn class="small secondary">Indstillinger</swp-btn>
+          </swp-module-footer>
+        </swp-module-card>
+      </swp-modules-grid>
+    </swp-modules-section>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       TAB: TRACKING
+       ========================================== -->
+  <swp-tab-content data-tab="tracking">
+    <!-- Meta Pixel -->
+    <swp-card class="tracking-card" data-tracker="meta">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-meta-logo"></i>
+          Meta Pixel (Facebook)
+        </swp-card-title>
+        <swp-toggle-slider data-value="yes">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Pixel ID</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="metaPixelId" oninput="updateTrackingPreview()">123456789012345</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <swp-tracking-hint>
+          <i class="ph ph-info"></i>
+          Bruges til Facebook og Instagram annoncering og remarketing
+        </swp-tracking-hint>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Google Analytics -->
+    <swp-card class="tracking-card" data-tracker="ga4">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-chart-line"></i>
+          Google Analytics (GA4)
+        </swp-card-title>
+        <swp-toggle-slider data-value="yes">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Measurement ID</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="ga4Id" oninput="updateTrackingPreview()">G-ABC123XYZ</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <swp-tracking-hint>
+          <i class="ph ph-info"></i>
+          Google Analytics 4 til website trafik og brugeradfærd
+        </swp-tracking-hint>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Google Tag Manager -->
+    <swp-card class="tracking-card" data-tracker="gtm">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-code"></i>
+          Google Tag Manager
+        </swp-card-title>
+        <swp-toggle-slider data-value="no">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Container ID</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="gtmId" oninput="updateTrackingPreview()">GTM-XXXXXXX</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <swp-tracking-hint>
+          <i class="ph ph-info"></i>
+          Central styring af alle tracking-tags
+        </swp-tracking-hint>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Plausible -->
+    <swp-card class="tracking-card" data-tracker="plausible">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-leaf"></i>
+          Plausible Analytics
+        </swp-card-title>
+        <swp-toggle-slider data-value="no">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Domæne</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="plausibleDomain" oninput="updateTrackingPreview()">minside.dk</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <swp-tracking-hint class="privacy">
+          <i class="ph ph-shield-check"></i>
+          Privacy-venlig analytics uden cookies - GDPR compliant
+        </swp-tracking-hint>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Fathom -->
+    <swp-card class="tracking-card" data-tracker="fathom">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-eye"></i>
+          Fathom Analytics
+        </swp-card-title>
+        <swp-toggle-slider data-value="no">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Site ID</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="fathomSiteId" oninput="updateTrackingPreview()">ABCDEFGH</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <swp-tracking-hint class="privacy">
+          <i class="ph ph-shield-check"></i>
+          Privacy-venlig analytics uden cookies - GDPR compliant
+        </swp-tracking-hint>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Matomo -->
+    <swp-card class="tracking-card" data-tracker="matomo">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-database"></i>
+          Matomo
+        </swp-card-title>
+        <swp-toggle-slider data-value="no">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Server URL</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="matomoUrl" oninput="updateTrackingPreview()">https://matomo.minside.dk</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Site ID</swp-edit-label>
+            <swp-edit-value contenteditable="true" class="mono" id="matomoSiteId" oninput="updateTrackingPreview()">1</swp-edit-value>
+          </swp-edit-row>
+        </swp-edit-section>
+        <swp-tracking-hint class="privacy">
+          <i class="ph ph-shield-check"></i>
+          Self-hosted analytics - fuld kontrol over dine data
+        </swp-tracking-hint>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Custom Scripts -->
+    <swp-card class="tracking-card full-width">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-code-block"></i>
+          Brugerdefinerede Scripts
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-script-section>
+          <swp-script-label>
+            <i class="ph ph-file-code"></i>
+            Scripts i &lt;head&gt;
+          </swp-script-label>
+          <textarea class="script-textarea" id="customHeadScripts" placeholder="<!-- Indsæt custom tracking kode her -->" oninput="updateTrackingPreview()"></textarea>
+        </swp-script-section>
+        <swp-script-section>
+          <swp-script-label>
+            <i class="ph ph-file-code"></i>
+            Scripts før &lt;/body&gt;
+          </swp-script-label>
+          <textarea class="script-textarea" id="customBodyScripts" placeholder="<!-- Indsæt custom kode her -->"></textarea>
+        </swp-script-section>
+      </swp-card-content>
+    </swp-card>
+
+    <!-- Generated Code Preview -->
+    <swp-card class="code-preview-card">
+      <swp-card-header>
+        <swp-card-title>
+          <i class="ph ph-terminal"></i>
+          Genereret Kode
+        </swp-card-title>
+      </swp-card-header>
+      <swp-card-content>
+        <swp-code-info>
+          <i class="ph ph-info"></i>
+          Denne kode indsættes automatisk i &lt;head&gt; på din online booking side
+        </swp-code-info>
+        <pre class="code-preview" id="trackingCodePreview"><code><!-- Ingen aktive tracking-koder --></code></pre>
+      </swp-card-content>
+    </swp-card>
+  </swp-tab-content>
+
+  <!-- ==========================================
+       DRAWER: REDIGER BESKED
+       ========================================== -->
+  <swp-drawer-overlay id="drawerOverlay"></swp-drawer-overlay>
+  <swp-drawer id="messageDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>
+        <h3 id="drawerTitle">Bekræftelse</h3>
+        <span id="drawerSubtitle">SMS · Sendes ved booking</span>
+      </swp-drawer-title>
+      <swp-drawer-close id="drawerClose">
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+
+    <swp-drawer-body>
+      <swp-message-section>
+        <swp-message-section-title>Besked</swp-message-section-title>
+        <swp-message-editor contenteditable="true" id="messageEditor">Hej {kunde_navn}!
+
+Din tid er bekræftet:
+{behandling}
+{dato} kl. {tid}
+
+Hos {medarbejder}
+{firma_navn}, {firma_adresse}
+
+Vil du ændre din tid? {booking_link}</swp-message-editor>
+      </swp-message-section>
+
+      <swp-message-section>
+        <swp-message-section-title>Indsæt variabel</swp-message-section-title>
+        <swp-variables-grid id="smsVariablesGrid">
+          <swp-variable-tag data-var="{kunde_navn}"><i class="ph ph-user"></i> kunde_navn</swp-variable-tag>
+          <swp-variable-tag data-var="{behandling}"><i class="ph ph-scissors"></i> behandling</swp-variable-tag>
+          <swp-variable-tag data-var="{dato}"><i class="ph ph-calendar"></i> dato</swp-variable-tag>
+          <swp-variable-tag data-var="{tid}"><i class="ph ph-clock"></i> tid</swp-variable-tag>
+          <swp-variable-tag data-var="{medarbejder}"><i class="ph ph-user-circle"></i> medarbejder</swp-variable-tag>
+          <swp-variable-tag data-var="{firma_navn}"><i class="ph ph-buildings"></i> firma_navn</swp-variable-tag>
+          <swp-variable-tag data-var="{firma_adresse}"><i class="ph ph-map-pin"></i> firma_adresse</swp-variable-tag>
+          <swp-variable-tag data-var="{firma_tlf}"><i class="ph ph-phone"></i> firma_tlf</swp-variable-tag>
+          <swp-variable-tag data-var="{booking_link}"><i class="ph ph-link"></i> booking_link</swp-variable-tag>
+        </swp-variables-grid>
+      </swp-message-section>
+
+      <swp-message-section>
+        <swp-message-section-title>Forhåndsvisning</swp-message-section-title>
+        <swp-message-preview id="messagePreview">
+          Hej <span class="highlight" data-var="{kunde_navn}">Anna Jensen</span>!<br><br>
+          Din tid er bekræftet:<br>
+          <span class="highlight" data-var="{behandling}">Dameklip + Føn</span><br>
+          <span class="highlight" data-var="{dato}">Torsdag d. 2. januar</span> kl. <span class="highlight" data-var="{tid}">14:30</span><br><br>
+          Hos <span class="highlight" data-var="{medarbejder}">Maria</span><br>
+          <span class="highlight" data-var="{firma_navn}">KARINA KNUDSEN®</span>, <span class="highlight" data-var="{firma_adresse}">Hovedgaden 123</span><br><br>
+          Vil du ændre din tid? <span class="highlight" data-var="{booking_link}">book.plantempus.dk/x7k2</span>
+        </swp-message-preview>
+        <swp-preview-meta>
+          <span><i class="ph ph-chat-text"></i> 312 tegn</span>
+          <span><i class="ph ph-coin"></i> 2 SMS (0,98 kr.)</span>
+        </swp-preview-meta>
+      </swp-message-section>
+    </swp-drawer-body>
+
+    <swp-drawer-footer>
+      <swp-btn class="secondary" id="drawerCancel">Annuller</swp-btn>
+      <swp-btn class="primary" id="drawerSave">
+        <i class="ph ph-check"></i>
+        Gem besked
+      </swp-btn>
+    </swp-drawer-footer>
+  </swp-drawer>
+
+  <!-- ==========================================
+       DRAWER: EMAIL SKABELON (bred)
+       ========================================== -->
+  <swp-drawer-overlay id="emailDrawerOverlay"></swp-drawer-overlay>
+  <swp-drawer class="wide" id="emailDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>
+        <h3 id="emailDrawerTitle">Bekræftelse</h3>
+        <span>Email · Sendes når en aftale er booket</span>
+      </swp-drawer-title>
+      <swp-drawer-close id="emailDrawerClose">
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+
+    <swp-drawer-body>
+      <swp-email-editor-layout>
+        <!-- Sidebar med felter -->
+        <swp-email-sidebar>
+          <swp-edit-section>
+            <swp-edit-row>
+              <swp-edit-label>Email emne</swp-edit-label>
+              <swp-edit-value contenteditable="true" id="emailSubject">Din tid hos KARINA KNUDSEN® er bekræftet</swp-edit-value>
+            </swp-edit-row>
+
+            <swp-edit-row>
+              <swp-edit-label>Overskrift</swp-edit-label>
+              <swp-edit-value contenteditable="true" id="emailHeadline">Tid bekræftet!</swp-edit-value>
+            </swp-edit-row>
+
+            <swp-edit-row>
+              <swp-edit-label>Velkomst</swp-edit-label>
+              <swp-edit-value contenteditable="true" id="emailGreeting">Hej {kunde_navn},</swp-edit-value>
+            </swp-edit-row>
+
+            <swp-edit-row>
+              <swp-edit-label>Brødtekst</swp-edit-label>
+              <swp-edit-textarea contenteditable="true" id="emailBody">Vi glæder os til at se dig! Her er detaljerne for din aftale.</swp-edit-textarea>
+            </swp-edit-row>
+
+            <swp-edit-row>
+              <swp-edit-label>Knap tekst</swp-edit-label>
+              <swp-edit-value contenteditable="true" id="emailButtonText">Se eller ændr din tid</swp-edit-value>
+            </swp-edit-row>
+
+            <swp-edit-row>
+              <swp-edit-label>Primær farve</swp-edit-label>
+              <swp-color-picker-row>
+                <input type="color" value="#00897b" id="emailColor">
+                <span id="emailColorValue">#00897b</span>
+              </swp-color-picker-row>
+            </swp-edit-row>
+          </swp-edit-section>
+
+          <swp-message-section>
+            <swp-message-section-title>Variabler</swp-message-section-title>
+            <swp-variables-grid>
+              <swp-variable-tag data-var="{kunde_navn}"><i class="ph ph-user"></i> kunde_navn</swp-variable-tag>
+              <swp-variable-tag data-var="{behandling}"><i class="ph ph-scissors"></i> behandling</swp-variable-tag>
+              <swp-variable-tag data-var="{dato}"><i class="ph ph-calendar"></i> dato</swp-variable-tag>
+              <swp-variable-tag data-var="{tid}"><i class="ph ph-clock"></i> tid</swp-variable-tag>
+              <swp-variable-tag data-var="{medarbejder}"><i class="ph ph-user-circle"></i> medarbejder</swp-variable-tag>
+            </swp-variables-grid>
+          </swp-message-section>
+        </swp-email-sidebar>
+
+        <!-- Live preview -->
+        <swp-email-preview-container>
+          <swp-email-preview>
+            <swp-email-header id="emailPreviewHeader">
+              <swp-email-logo>SB</swp-email-logo>
+              <h2 id="emailPreviewHeadline">Tid bekræftet!</h2>
+              <p>KARINA KNUDSEN®</p>
+            </swp-email-header>
+
+            <swp-email-body>
+              <swp-email-greeting id="emailPreviewGreeting">Hej <span class="editable" data-var="{kunde_navn}">Anna</span>,</swp-email-greeting>
+
+              <swp-email-text id="emailPreviewBody">Vi glæder os til at se dig! Her er detaljerne for din aftale.</swp-email-text>
+
+              <swp-email-appointment-card>
+                <swp-email-appointment-row>
+                  <i class="ph ph-scissors"></i>
+                  <span><strong class="editable" data-var="{behandling}">Dameklip + Føn</strong></span>
+                </swp-email-appointment-row>
+                <swp-email-appointment-row>
+                  <i class="ph ph-calendar"></i>
+                  <span><span class="editable" data-var="{dato}">Torsdag d. 2. januar 2025</span></span>
+                </swp-email-appointment-row>
+                <swp-email-appointment-row>
+                  <i class="ph ph-clock"></i>
+                  <span>Kl. <span class="editable" data-var="{tid}">14:30</span> – <span class="editable" data-var="{tid}">15:15</span></span>
+                </swp-email-appointment-row>
+                <swp-email-appointment-row>
+                  <i class="ph ph-user-circle"></i>
+                  <span>Hos <strong class="editable" data-var="{medarbejder}">Maria</strong></span>
+                </swp-email-appointment-row>
+                <swp-email-appointment-row>
+                  <i class="ph ph-map-pin"></i>
+                  <span>Amager Strandvej 22f, 2300 København S</span>
+                </swp-email-appointment-row>
+              </swp-email-appointment-card>
+
+              <swp-email-button-container>
+                <swp-email-button id="emailPreviewButton">Se eller ændr din tid</swp-email-button>
+              </swp-email-button-container>
+            </swp-email-body>
+
+            <swp-email-footer>
+              <swp-email-footer-logo>KARINA KNUDSEN®</swp-email-footer-logo>
+              <p>Amager Strandvej 22f, 2300 København S</p>
+              <p>Tlf: 70 20 30 40 · <a href="#">info@salonbeauty.dk</a></p>
+              <p style="margin-top: 12px; font-size: 11px;">
+                <a href="#">Afmeld emails</a>
+              </p>
+            </swp-email-footer>
+          </swp-email-preview>
+        </swp-email-preview-container>
+      </swp-email-editor-layout>
+    </swp-drawer-body>
+
+    <swp-drawer-footer>
+      <swp-btn class="secondary" id="emailDrawerCancel">Annuller</swp-btn>
+      <swp-btn class="primary" id="emailDrawerSave">
+        <i class="ph ph-check"></i>
+        Gem skabelon
+      </swp-btn>
+    </swp-drawer-footer>
+  </swp-drawer>
+
+  <!-- Onboarding Popover -->
+  <div id="variablesHint" popover="manual">
+    <swp-onboarding-hint>
+      <i class="ph ph-lightbulb"></i>
+      <span>Klik for at indsætte, hold musen over for at se i preview</span>
+      <swp-hint-close><i class="ph ph-x"></i></swp-hint-close>
+    </swp-onboarding-hint>
+  </div>
+
+  <script>
+    // Tab switching
+    document.querySelectorAll('swp-tab').forEach(tab => {
+      tab.addEventListener('click', () => {
+        const tabName = tab.dataset.tab;
+
+        // Update active tab
+        document.querySelectorAll('swp-tab').forEach(t => t.classList.remove('active'));
+        tab.classList.add('active');
+
+        // Update active content
+        document.querySelectorAll('swp-tab-content').forEach(c => c.classList.remove('active'));
+        document.querySelector(`swp-tab-content[data-tab="${tabName}"]`).classList.add('active');
+      });
+    });
+
+    // Toggle slider functionality
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      slider.querySelectorAll('swp-toggle-option').forEach((option, index) => {
+        option.addEventListener('click', () => {
+          slider.dataset.value = index === 0 ? 'yes' : 'no';
+        });
+      });
+    });
+
+    // Copy URL
+    document.querySelector('swp-url-copy')?.addEventListener('click', () => {
+      const input = document.querySelector('swp-url-field input');
+      navigator.clipboard.writeText(input.value);
+      alert('Link kopieret!');
+    });
+
+    // ==========================================
+    // SMS DRAWER
+    // ==========================================
+    const smsDrawer = document.getElementById('messageDrawer');
+    const smsOverlay = document.getElementById('drawerOverlay');
+    const smsTitle = document.getElementById('drawerTitle');
+    const smsSubtitle = document.getElementById('drawerSubtitle');
+
+    function openSmsDrawer(title, subtitle) {
+      smsTitle.textContent = title;
+      smsSubtitle.textContent = subtitle;
+      smsDrawer.classList.add('open');
+      smsOverlay.classList.add('open');
+      document.body.style.overflow = 'hidden';
+
+      // Show onboarding hint if not seen before
+      if (!localStorage.getItem('variablesHintSeen')) {
+        setTimeout(() => {
+          showVariablesHint();
+        }, 600);
+      }
+    }
+
+    function showVariablesHint() {
+      const hint = document.getElementById('variablesHint');
+      const anchor = document.getElementById('smsVariablesGrid');
+      if (!hint || !anchor) return;
+
+      const anchorRect = anchor.getBoundingClientRect();
+
+      hint.style.position = 'fixed';
+      hint.style.top = `${anchorRect.top - 60}px`;
+      hint.style.left = `${anchorRect.left - 80}px`;
+
+      hint.showPopover();
+    }
+
+    function hideVariablesHint() {
+      const hint = document.getElementById('variablesHint');
+      if (hint) {
+        hint.hidePopover();
+        localStorage.setItem('variablesHintSeen', 'true');
+      }
+    }
+
+    function closeSmsDrawer() {
+      smsDrawer.classList.remove('open');
+      smsOverlay.classList.remove('open');
+      document.body.style.overflow = '';
+
+      // Hide hint without marking as seen (will show again next time)
+      const hint = document.getElementById('variablesHint');
+      if (hint) {
+        try { hint.hidePopover(); } catch(e) {}
+      }
+    }
+
+    document.getElementById('drawerClose').addEventListener('click', closeSmsDrawer);
+    document.getElementById('drawerCancel').addEventListener('click', closeSmsDrawer);
+    smsOverlay.addEventListener('click', closeSmsDrawer);
+    document.getElementById('drawerSave').addEventListener('click', closeSmsDrawer);
+
+    // ==========================================
+    // EMAIL DRAWER
+    // ==========================================
+    const emailDrawer = document.getElementById('emailDrawer');
+    const emailOverlay = document.getElementById('emailDrawerOverlay');
+    const emailTitle = document.getElementById('emailDrawerTitle');
+
+    function openEmailDrawer(title) {
+      emailTitle.textContent = title;
+      emailDrawer.classList.add('open');
+      emailOverlay.classList.add('open');
+      document.body.style.overflow = 'hidden';
+    }
+
+    function closeEmailDrawer() {
+      emailDrawer.classList.remove('open');
+      emailOverlay.classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    document.getElementById('emailDrawerClose').addEventListener('click', closeEmailDrawer);
+    document.getElementById('emailDrawerCancel').addEventListener('click', closeEmailDrawer);
+    emailOverlay.addEventListener('click', closeEmailDrawer);
+    document.getElementById('emailDrawerSave').addEventListener('click', closeEmailDrawer);
+
+    // ==========================================
+    // OPEN CORRECT DRAWER
+    // ==========================================
+    document.querySelectorAll('swp-edit-link').forEach(link => {
+      link.addEventListener('click', () => {
+        const item = link.closest('swp-notification-item');
+        const titleEl = item?.querySelector('swp-notification-title');
+        const title = titleEl?.childNodes[0]?.textContent.trim() || 'Besked';
+        const card = link.closest('swp-card');
+        const isEmail = card?.querySelector('swp-card-title')?.textContent.includes('Email');
+        const desc = item?.querySelector('swp-notification-desc')?.textContent || '';
+
+        if (isEmail) {
+          openEmailDrawer(title);
+        } else {
+          openSmsDrawer(title, `SMS · ${desc}`);
+        }
+      });
+    });
+
+    // ==========================================
+    // EMAIL LIVE PREVIEW
+    // ==========================================
+    const emailHeadline = document.getElementById('emailHeadline');
+    const emailBody = document.getElementById('emailBody');
+    const emailButtonText = document.getElementById('emailButtonText');
+    const emailColor = document.getElementById('emailColor');
+    const emailColorValue = document.getElementById('emailColorValue');
+
+    // Update headline (contenteditable)
+    emailHeadline?.addEventListener('input', () => {
+      document.getElementById('emailPreviewHeadline').textContent = emailHeadline.textContent;
+    });
+
+    // Update body text (contenteditable)
+    emailBody?.addEventListener('input', () => {
+      document.getElementById('emailPreviewBody').textContent = emailBody.textContent;
+    });
+
+    // Update button text (contenteditable)
+    emailButtonText?.addEventListener('input', () => {
+      document.getElementById('emailPreviewButton').textContent = emailButtonText.textContent;
+    });
+
+    // Update color
+    emailColor?.addEventListener('input', (e) => {
+      const color = e.target.value;
+      emailColorValue.textContent = color;
+
+      const header = document.getElementById('emailPreviewHeader');
+      header.style.background = `linear-gradient(135deg, ${color} 0%, ${adjustColor(color, -20)} 100%)`;
+
+      document.getElementById('emailPreviewButton').style.background = color;
+
+      document.querySelectorAll('swp-email-appointment-row i').forEach(icon => {
+        icon.style.color = color;
+      });
+
+      document.querySelector('swp-email-appointment-card').style.borderLeftColor = color;
+
+      // Update logo color
+      document.querySelector('swp-email-logo').style.color = color;
+    });
+
+    function adjustColor(hex, amount) {
+      const num = parseInt(hex.slice(1), 16);
+      const r = Math.max(0, Math.min(255, (num >> 16) + amount));
+      const g = Math.max(0, Math.min(255, ((num >> 8) & 0x00FF) + amount));
+      const b = Math.max(0, Math.min(255, (num & 0x0000FF) + amount));
+      return `#${(1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1)}`;
+    }
+
+    // ==========================================
+    // INSERT VARIABLE (SMS)
+    // ==========================================
+    document.querySelectorAll('#messageDrawer swp-variable-tag').forEach(tag => {
+      tag.addEventListener('click', () => {
+        const varText = tag.dataset.var;
+        const editor = document.getElementById('messageEditor');
+
+        // Dismiss onboarding hint on first click
+        hideVariablesHint();
+
+        const selection = window.getSelection();
+        if (selection.rangeCount > 0) {
+          const range = selection.getRangeAt(0);
+          if (editor.contains(range.commonAncestorContainer)) {
+            range.deleteContents();
+            range.insertNode(document.createTextNode(varText));
+            range.collapse(false);
+            return;
+          }
+        }
+        editor.textContent += varText;
+      });
+
+      // Highlight preview on hover
+      tag.addEventListener('mouseenter', () => {
+        const varName = tag.dataset.var;
+        const preview = document.getElementById('messagePreview');
+        preview.querySelectorAll(`.highlight[data-var="${varName}"]`).forEach(span => {
+          span.classList.add('active');
+        });
+      });
+
+      tag.addEventListener('mouseleave', () => {
+        const preview = document.getElementById('messagePreview');
+        preview.querySelectorAll('.highlight.active').forEach(span => {
+          span.classList.remove('active');
+        });
+      });
+    });
+
+    // ==========================================
+    // HIGHLIGHT EMAIL PREVIEW ON HOVER
+    // ==========================================
+    document.querySelectorAll('#emailDrawer swp-variable-tag').forEach(tag => {
+      tag.addEventListener('mouseenter', () => {
+        const varName = tag.dataset.var;
+        const preview = document.querySelector('swp-email-preview');
+        preview.querySelectorAll(`.editable[data-var="${varName}"]`).forEach(span => {
+          span.classList.add('active');
+        });
+      });
+
+      tag.addEventListener('mouseleave', () => {
+        const preview = document.querySelector('swp-email-preview');
+        preview.querySelectorAll('.editable.active').forEach(span => {
+          span.classList.remove('active');
+        });
+      });
+    });
+
+    // ==========================================
+    // ONBOARDING HINT CLOSE
+    // ==========================================
+    document.querySelectorAll('swp-hint-close').forEach(closeBtn => {
+      closeBtn.addEventListener('click', () => {
+        hideVariablesHint();
+      });
+    });
+
+    // ==========================================
+    // ESCAPE KEY
+    // ==========================================
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        if (smsDrawer.classList.contains('open')) closeSmsDrawer();
+        if (emailDrawer.classList.contains('open')) closeEmailDrawer();
+      }
+    });
+
+    // ==========================================
+    // ONLINE PAYMENT TOGGLE
+    // ==========================================
+    const onlinePaymentToggle = document.getElementById('onlinePaymentToggle');
+    const onlinePaymentSettings = document.getElementById('onlinePaymentSettings');
+
+    function updateOnlinePaymentVisibility() {
+      if (onlinePaymentToggle && onlinePaymentSettings) {
+        const isEnabled = onlinePaymentToggle.dataset.value === 'yes';
+        onlinePaymentSettings.style.display = isEnabled ? 'block' : 'none';
+      }
+    }
+
+    if (onlinePaymentToggle) {
+      onlinePaymentToggle.querySelectorAll('swp-toggle-option').forEach((option, index) => {
+        option.addEventListener('click', () => {
+          onlinePaymentToggle.dataset.value = index === 0 ? 'yes' : 'no';
+          updateOnlinePaymentVisibility();
+        });
+      });
+
+      // Initial state
+      updateOnlinePaymentVisibility();
+    }
+
+    // ==========================================
+    // TRACKING TAB
+    // ==========================================
+
+    function initTrackingToggles() {
+      document.querySelectorAll('.tracking-card swp-toggle-slider').forEach(slider => {
+        slider.querySelectorAll('swp-toggle-option').forEach((option, index) => {
+          option.addEventListener('click', () => {
+            slider.dataset.value = index === 0 ? 'yes' : 'no';
+            const card = slider.closest('.tracking-card');
+
+            if (slider.dataset.value === 'no') {
+              card.classList.add('disabled');
+            } else {
+              card.classList.remove('disabled');
+            }
+
+            updateTrackingPreview();
+          });
+        });
+      });
+    }
+
+    function updateTrackingPreview() {
+      const preview = document.getElementById('trackingCodePreview');
+      if (!preview) return;
+
+      let code = '';
+
+      // Meta Pixel
+      const metaCard = document.querySelector('[data-tracker="meta"]');
+      if (metaCard && metaCard.querySelector('swp-toggle-slider').dataset.value === 'yes') {
+        const pixelId = document.getElementById('metaPixelId')?.textContent?.trim() || '';
+        if (pixelId) {
+          code += `<span class="comment">&lt;!-- Meta Pixel --&gt;</span>
+<span class="tag">&lt;script&gt;</span>
+  !function(f,b,e,v,n,t,s)
+  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+  n.queue=[];t=b.createElement(e);t.async=!0;
+  t.src=v;s=b.getElementsByTagName(e)[0];
+  s.parentNode.insertBefore(t,s)}(window, document,'script',
+  'https://connect.facebook.net/en_US/fbevents.js');
+  fbq(<span class="string">'init'</span>, <span class="string">'${pixelId}'</span>);
+  fbq(<span class="string">'track'</span>, <span class="string">'PageView'</span>);
+<span class="tag">&lt;/script&gt;</span>
+
+`;
+        }
+      }
+
+      // Google Analytics
+      const ga4Card = document.querySelector('[data-tracker="ga4"]');
+      if (ga4Card && ga4Card.querySelector('swp-toggle-slider').dataset.value === 'yes') {
+        const measurementId = document.getElementById('ga4Id')?.textContent?.trim() || '';
+        if (measurementId) {
+          code += `<span class="comment">&lt;!-- Google Analytics (GA4) --&gt;</span>
+<span class="tag">&lt;script</span> <span class="attr">async</span> <span class="attr">src</span>=<span class="string">"https://www.googletagmanager.com/gtag/js?id=${measurementId}"</span><span class="tag">&gt;&lt;/script&gt;</span>
+<span class="tag">&lt;script&gt;</span>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag(<span class="string">'js'</span>, new Date());
+  gtag(<span class="string">'config'</span>, <span class="string">'${measurementId}'</span>);
+<span class="tag">&lt;/script&gt;</span>
+
+`;
+        }
+      }
+
+      // Google Tag Manager
+      const gtmCard = document.querySelector('[data-tracker="gtm"]');
+      if (gtmCard && gtmCard.querySelector('swp-toggle-slider').dataset.value === 'yes') {
+        const containerId = document.getElementById('gtmId')?.textContent?.trim() || '';
+        if (containerId) {
+          code += `<span class="comment">&lt;!-- Google Tag Manager --&gt;</span>
+<span class="tag">&lt;script&gt;</span>
+  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer',<span class="string">'${containerId}'</span>);
+<span class="tag">&lt;/script&gt;</span>
+
+`;
+        }
+      }
+
+      // Plausible
+      const plausibleCard = document.querySelector('[data-tracker="plausible"]');
+      if (plausibleCard && plausibleCard.querySelector('swp-toggle-slider').dataset.value === 'yes') {
+        const domain = document.getElementById('plausibleDomain')?.textContent?.trim() || '';
+        if (domain) {
+          code += `<span class="comment">&lt;!-- Plausible Analytics --&gt;</span>
+<span class="tag">&lt;script</span> <span class="attr">defer</span> <span class="attr">data-domain</span>=<span class="string">"${domain}"</span> <span class="attr">src</span>=<span class="string">"https://plausible.io/js/script.js"</span><span class="tag">&gt;&lt;/script&gt;</span>
+
+`;
+        }
+      }
+
+      // Fathom
+      const fathomCard = document.querySelector('[data-tracker="fathom"]');
+      if (fathomCard && fathomCard.querySelector('swp-toggle-slider').dataset.value === 'yes') {
+        const siteId = document.getElementById('fathomSiteId')?.textContent?.trim() || '';
+        if (siteId) {
+          code += `<span class="comment">&lt;!-- Fathom Analytics --&gt;</span>
+<span class="tag">&lt;script</span> <span class="attr">src</span>=<span class="string">"https://cdn.usefathom.com/script.js"</span> <span class="attr">data-site</span>=<span class="string">"${siteId}"</span> <span class="attr">defer</span><span class="tag">&gt;&lt;/script&gt;</span>
+
+`;
+        }
+      }
+
+      // Matomo
+      const matomoCard = document.querySelector('[data-tracker="matomo"]');
+      if (matomoCard && matomoCard.querySelector('swp-toggle-slider').dataset.value === 'yes') {
+        const serverUrl = document.getElementById('matomoUrl')?.textContent?.trim() || '';
+        const siteId = document.getElementById('matomoSiteId')?.textContent?.trim() || '';
+        if (serverUrl && siteId) {
+          code += `<span class="comment">&lt;!-- Matomo Analytics --&gt;</span>
+<span class="tag">&lt;script&gt;</span>
+  var _paq = window._paq = window._paq || [];
+  _paq.push([<span class="string">'trackPageView'</span>]);
+  _paq.push([<span class="string">'enableLinkTracking'</span>]);
+  (function() {
+    var u=<span class="string">"${serverUrl}/"</span>;
+    _paq.push([<span class="string">'setTrackerUrl'</span>, u+<span class="string">'matomo.php'</span>]);
+    _paq.push([<span class="string">'setSiteId'</span>, <span class="string">'${siteId}'</span>]);
+    var d=document, g=d.createElement(<span class="string">'script'</span>), s=d.getElementsByTagName(<span class="string">'script'</span>)[0];
+    g.async=true; g.src=u+<span class="string">'matomo.js'</span>; s.parentNode.insertBefore(g,s);
+  })();
+<span class="tag">&lt;/script&gt;</span>
+
+`;
+        }
+      }
+
+      // Custom Head Scripts
+      const customHead = document.getElementById('customHeadScripts')?.value?.trim() || '';
+      if (customHead) {
+        code += `<span class="comment">&lt;!-- Custom Scripts --&gt;</span>
+${escapeHtml(customHead)}
+
+`;
+      }
+
+      if (code) {
+        preview.querySelector('code').innerHTML = code.trim();
+      } else {
+        preview.querySelector('code').innerHTML = '<span class="comment">&lt;!-- Ingen aktive tracking-koder --&gt;</span>';
+      }
+    }
+
+    function escapeHtml(text) {
+      return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+    }
+
+    function copyTrackingCode() {
+      const preview = document.getElementById('trackingCodePreview');
+      if (!preview) return;
+
+      // Get plain text version (strip HTML tags)
+      const code = preview.querySelector('code').innerHTML
+        .replace(/<span[^>]*>/g, '')
+        .replace(/<\/span>/g, '')
+        .replace(/&lt;/g, '<')
+        .replace(/&gt;/g, '>')
+        .replace(/&amp;/g, '&');
+
+      navigator.clipboard.writeText(code).then(() => {
+        const btn = document.querySelector('.code-preview-card swp-btn');
+        const originalText = btn.innerHTML;
+        btn.innerHTML = '<i class="ph ph-check"></i> Kopieret!';
+        btn.style.color = 'var(--color-green)';
+        setTimeout(() => {
+          btn.innerHTML = originalText;
+          btn.style.color = '';
+        }, 2000);
+      });
+    }
+
+    // Initialize tracking preview on page load
+    document.addEventListener('DOMContentLoaded', () => {
+      // Initialize tracking toggles
+      initTrackingToggles();
+
+      // Update preview
+      updateTrackingPreview();
+
+      // Set initial disabled state for cards
+      document.querySelectorAll('.tracking-card[data-tracker]').forEach(card => {
+        const toggle = card.querySelector('swp-toggle-slider');
+        if (toggle && toggle.dataset.value === 'no') {
+          card.classList.add('disabled');
+        }
+      });
+    });
+  </script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-kasseafstemning.html b/wwwroot/poc-kasseafstemning.html
new file mode 100644
index 0000000..4102c17
--- /dev/null
+++ b/wwwroot/poc-kasseafstemning.html
@@ -0,0 +1,995 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kasseafstemning - POC</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+    }
+
+    @media (max-width: 900px) {
+      .grid-2 { grid-template-columns: 1fr; }
+    }
+
+    /* ==========================================
+       PAGE HEADER
+       ========================================== */
+    swp-page-header {
+      display: block;
+      margin-bottom: 24px;
+    }
+
+    swp-page-header h1 {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 6px;
+    }
+
+    swp-page-subtitle {
+      display: block;
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      margin-bottom: 20px;
+      overflow: hidden;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-card-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-card-body {
+      display: block;
+      padding: 20px;
+    }
+
+    /* ==========================================
+       FORM ELEMENTS
+       ========================================== */
+    swp-form-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-form-field {
+      display: block;
+    }
+
+    swp-form-field.full-width {
+      grid-column: 1 / -1;
+    }
+
+    swp-form-label {
+      display: block;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      margin-bottom: 6px;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+    }
+
+    swp-form-label .required {
+      color: var(--color-red);
+    }
+
+    swp-form-input input,
+    swp-form-input select {
+      width: 100%;
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      transition: border-color 150ms ease;
+    }
+
+    swp-form-input input:focus,
+    swp-form-input select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-auto-id {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 16px;
+      padding-top: 16px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    /* ==========================================
+       PERIOD DISPLAY
+       ========================================== */
+    swp-period-display {
+      display: block;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+    }
+
+    swp-period-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 8px;
+    }
+
+    swp-period-value {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-period-value .arrow {
+      color: var(--color-teal);
+      font-weight: 400;
+    }
+
+    swp-period-hint {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 8px;
+    }
+
+    /* ==========================================
+       DATA TABLE
+       ========================================== */
+    swp-data-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-data-header {
+      display: grid;
+      grid-template-columns: 1fr 100px 140px;
+      gap: 12px;
+      padding: 10px 0;
+      border-bottom: 2px solid var(--color-border);
+    }
+
+    swp-data-header span {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-data-header span:not(:first-child) {
+      text-align: right;
+    }
+
+    swp-data-row {
+      display: grid;
+      grid-template-columns: 1fr 100px 140px;
+      gap: 12px;
+      padding: 14px 0;
+      border-bottom: 1px solid var(--color-border);
+      align-items: center;
+    }
+
+    swp-data-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-data-label {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-data-system {
+      text-align: right;
+      font-family: var(--font-mono);
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-data-input input {
+      width: 100%;
+      padding: 8px 10px;
+      font-size: 14px;
+      font-family: var(--font-mono);
+      text-align: right;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-data-input input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-data-input input::placeholder {
+      color: #bbb;
+      font-family: var(--font-family);
+      font-size: 12px;
+    }
+
+    swp-data-value {
+      text-align: right;
+      font-family: var(--font-mono);
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-data-value.muted {
+      color: var(--color-text-secondary);
+    }
+
+    swp-table-note {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 16px;
+      padding: 12px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    /* ==========================================
+       CASH CALCULATION
+       ========================================== */
+    swp-calc-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 14px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-calc-row:last-of-type {
+      border-bottom: none;
+    }
+
+    swp-calc-row.input-row {
+      padding: 18px 0;
+      background: var(--color-background-alt);
+      margin: 16px -20px -20px -20px;
+      padding: 20px;
+      border-radius: 0 0 8px 8px;
+    }
+
+    swp-calc-label span {
+      display: block;
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-calc-label small {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-calc-value {
+      font-family: var(--font-mono);
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-calc-value.muted {
+      color: var(--color-text-secondary);
+    }
+
+    swp-calc-input input {
+      width: 140px;
+      padding: 12px 14px;
+      font-size: 16px;
+      font-family: var(--font-mono);
+      text-align: right;
+      border: 2px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-calc-input input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       DIFFERENCE BOX
+       ========================================== */
+    swp-difference-box {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px;
+      border-radius: 8px;
+      background: var(--color-background-alt);
+      margin-top: 16px;
+    }
+
+    swp-difference-box.positive {
+      background: color-mix(in srgb, var(--color-green) 10%, white);
+    }
+
+    swp-difference-box.negative {
+      background: color-mix(in srgb, var(--color-red) 10%, white);
+    }
+
+    swp-difference-box.neutral {
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+    }
+
+    swp-difference-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-difference-label small {
+      display: block;
+      font-size: 12px;
+      font-weight: 400;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-difference-value {
+      font-size: 24px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+    }
+
+    swp-difference-box.positive swp-difference-value {
+      color: var(--color-green);
+    }
+
+    swp-difference-box.negative swp-difference-value {
+      color: var(--color-red);
+    }
+
+    swp-difference-box.neutral swp-difference-value {
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       NOTE FIELD
+       ========================================== */
+    swp-note-field textarea {
+      width: 100%;
+      min-height: 80px;
+      padding: 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      resize: vertical;
+    }
+
+    swp-note-field textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-note-hint {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 8px;
+    }
+
+    /* ==========================================
+       STATUS & APPROVAL
+       ========================================== */
+    swp-status-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 20px;
+    }
+
+    swp-status-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 20px;
+    }
+
+    swp-status-badge.draft {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-status-badge.approved {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-status-badge::before {
+      content: '';
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: currentColor;
+    }
+
+    swp-approval-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-checkbox-field {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      grid-column: 1 / -1;
+    }
+
+    swp-checkbox-field input[type="checkbox"] {
+      width: 18px;
+      height: 18px;
+      margin-top: 2px;
+      accent-color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-checkbox-field label {
+      font-size: 13px;
+      color: var(--color-text);
+      cursor: pointer;
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       ACTIONS
+       ========================================== */
+    swp-card-footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-actions-right {
+      display: flex;
+      gap: 10px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-btn.ghost {
+      background: transparent;
+      border: none;
+      color: var(--color-text-secondary);
+    }
+
+    swp-btn.ghost:hover {
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      border: 1px solid var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.primary:disabled {
+      background: #ccc;
+      border-color: #ccc;
+      cursor: not-allowed;
+    }
+
+    swp-system-note {
+      display: block;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      text-align: center;
+      padding: 12px;
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link>
+        <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+        Tilbage
+      </swp-back-link>
+      <swp-page-title>Kasseafstemning</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-status-badge class="draft" id="statusBadge">Kladde</swp-status-badge>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Page Header -->
+    <swp-page-header>
+      <h1>Kasseafstemning</h1>
+      <swp-page-subtitle>Enkel dagsafslutning med fokus på kontanter. Kort afstemmes separat mod bank/indløser.</swp-page-subtitle>
+    </swp-page-header>
+
+    <div class="grid-2">
+      <!-- VENSTRE KOLONNE -->
+      <div>
+        <!-- Dagens tal -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Dagens tal</swp-card-title>
+            <swp-card-hint>Systemtal vs. kontrol</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-data-table>
+              <swp-data-header>
+                <span>Type</span>
+                <span>System</span>
+                <span>Kontrol</span>
+              </swp-data-header>
+
+              <swp-data-row>
+                <swp-data-label>Kortbetalinger</swp-data-label>
+                <swp-data-system>12.875,50</swp-data-system>
+                <swp-data-input>
+                  <input type="text" placeholder="Valgfrit" />
+                </swp-data-input>
+              </swp-data-row>
+
+              <swp-data-row>
+                <swp-data-label>MobilePay / Online</swp-data-label>
+                <swp-data-system>2.450,00</swp-data-system>
+                <swp-data-input>
+                  <input type="text" placeholder="Valgfrit" />
+                </swp-data-input>
+              </swp-data-row>
+
+              <swp-data-row>
+                <swp-data-label>Kontantsalg</swp-data-label>
+                <swp-data-system>3.540,00</swp-data-system>
+                <swp-data-value class="muted">..</swp-data-value>
+              </swp-data-row>
+            </swp-data-table>
+
+            <swp-table-note>Kort og MobilePay afstemmes mod bank/indløser. Kontanter tælles op nedenfor.</swp-table-note>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Kontanter i kassen -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Kontanter i kassen</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-calc-row>
+              <swp-calc-label>
+                <span>Startbeholdning</span>
+                <small>Overført fra sidste afstemning</small>
+              </swp-calc-label>
+              <swp-calc-value class="muted">2.000,00</swp-calc-value>
+            </swp-calc-row>
+
+            <swp-calc-row>
+              <swp-calc-label>
+                <span>Udbetalinger / Bilag</span>
+                <small>Sammentæl bilag betalt kontant</small>
+              </swp-calc-label>
+              <swp-calc-input>
+                <input type="text" id="payouts" placeholder="0,00" />
+              </swp-calc-input>
+            </swp-calc-row>
+
+            <swp-calc-row>
+              <swp-calc-label>
+                <span>Udtaget til bank</span>
+                <small>Kontanter lagt til side</small>
+              </swp-calc-label>
+              <swp-calc-input>
+                <input type="text" id="toBank" placeholder="0,00" />
+              </swp-calc-input>
+            </swp-calc-row>
+
+            <swp-calc-row>
+              <swp-calc-label>
+                <span>Forventet kontantbeholdning</span>
+              </swp-calc-label>
+              <swp-calc-value id="expectedCash">5.220,00</swp-calc-value>
+            </swp-calc-row>
+
+            <swp-calc-row class="input-row">
+              <swp-calc-label>
+                <span>Optalt kontantbeholdning <span style="color: var(--color-red)">*</span></span>
+                <small>Hvad ligger der faktisk i kassen?</small>
+              </swp-calc-label>
+              <swp-calc-input>
+                <input type="text" id="actualCash" placeholder="0,00" />
+              </swp-calc-input>
+            </swp-calc-row>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Difference -->
+        <swp-difference-box id="differenceBox" class="neutral">
+          <swp-difference-label>
+            Kontant difference
+            <small>Optalt minus forventet</small>
+          </swp-difference-label>
+          <swp-difference-value id="differenceValue">– kr</swp-difference-value>
+        </swp-difference-box>
+      </div>
+
+      <!-- HØJRE KOLONNE -->
+      <div>
+        <!-- Dagsoplysninger -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Dagsoplysninger</swp-card-title>
+            <swp-card-hint>Identificér afstemningen</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-period-display>
+              <swp-period-label>Periode</swp-period-label>
+              <swp-period-value>
+                <span class="from">28. dec 2025 kl. 18:00</span>
+                <span class="arrow">→</span>
+                <span class="to">29. dec 2025</span>
+              </swp-period-value>
+            </swp-period-display>
+
+            <swp-form-grid style="margin-top: 20px;">
+              <swp-form-field>
+                <swp-form-label>Kassepunkt</swp-form-label>
+                <swp-form-input>
+                  <select id="register">
+                    <option>Kasse 1 – Reception</option>
+                    <option>Kasse 2 – Salon</option>
+                  </select>
+                </swp-form-input>
+              </swp-form-field>
+
+              <swp-form-field>
+                <swp-form-label>Afsluttet af</swp-form-label>
+                <swp-form-input>
+                  <select id="employee">
+                    <option>Anna Jensen</option>
+                    <option>Karina Knudsen</option>
+                    <option>Martin Nielsen</option>
+                  </select>
+                </swp-form-input>
+              </swp-form-field>
+            </swp-form-grid>
+
+            <swp-auto-id>Afstemnings-ID: <strong>KA-2025-12-29</strong> · Z-043</swp-auto-id>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Note -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Note til difference</swp-card-title>
+            <swp-card-hint>Valgfrit</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-note-field>
+              <textarea placeholder="Fx kassedifference, fejlslag, runding osv."></textarea>
+            </swp-note-field>
+            <swp-note-hint>Kan gøres obligatorisk ved difference over 100 kr.</swp-note-hint>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Godkendelse -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Afslut dagen</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-approval-grid>
+              <swp-form-field>
+                <swp-form-label>Status</swp-form-label>
+                <swp-status-row>
+                  <swp-status-badge class="draft">Kladde</swp-status-badge>
+                </swp-status-row>
+              </swp-form-field>
+
+              <swp-form-field>
+                <swp-form-label>Godkendt af (valgfrit)</swp-form-label>
+                <swp-form-input>
+                  <select id="approver">
+                    <option value="">Vælg...</option>
+                    <option>Karina Knudsen</option>
+                    <option>Butikschef</option>
+                  </select>
+                </swp-form-input>
+              </swp-form-field>
+
+              <swp-checkbox-field>
+                <input type="checkbox" id="confirmCheckbox" />
+                <label for="confirmCheckbox">Jeg bekræfter, at kassen er talt op, og at tallene er indtastet efter bedste evne.</label>
+              </swp-checkbox-field>
+            </swp-approval-grid>
+          </swp-card-body>
+          <swp-card-footer>
+            <swp-btn class="secondary">Gem som kladde</swp-btn>
+            <swp-actions-right>
+              <swp-btn class="ghost">Fortryd</swp-btn>
+              <swp-btn class="primary" id="approveBtn" disabled>Godkend & lås</swp-btn>
+            </swp-actions-right>
+          </swp-card-footer>
+        </swp-card>
+      </div>
+    </div>
+
+    <swp-system-note>Systemet gemmer hvornår og af hvem der er godkendt – enkelt kontrolspor.</swp-system-note>
+  </swp-page-container>
+
+  <script>
+    // Base values (from system)
+    const startBalance = 2000;
+    const cashSales = 3540;
+
+    // Format number as Danish currency
+    function formatNumber(num) {
+      return num.toLocaleString('da-DK', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    }
+
+    // Parse Danish number format
+    function parseNumber(str) {
+      if (!str) return 0;
+      return parseFloat(str.replace(/\./g, '').replace(',', '.')) || 0;
+    }
+
+    // Calculate expected cash and difference
+    function calculate() {
+      const payoutsInput = document.getElementById('payouts');
+      const toBankInput = document.getElementById('toBank');
+      const actualInput = document.getElementById('actualCash');
+
+      const payouts = parseNumber(payoutsInput.value);
+      const toBank = parseNumber(toBankInput.value);
+      const actual = parseNumber(actualInput.value);
+
+      // Forventet = start + salg - udbetalinger - til bank
+      const expectedCash = startBalance + cashSales - payouts - toBank;
+      document.getElementById('expectedCash').textContent = formatNumber(expectedCash);
+
+      // Difference
+      const box = document.getElementById('differenceBox');
+      const value = document.getElementById('differenceValue');
+      const diff = actual - expectedCash;
+
+      box.classList.remove('positive', 'negative', 'neutral');
+
+      if (actual === 0 && actualInput.value === '') {
+        value.textContent = '– kr';
+        box.classList.add('neutral');
+      } else if (diff > 0) {
+        value.textContent = '+' + formatNumber(diff) + ' kr';
+        box.classList.add('positive');
+      } else if (diff < 0) {
+        value.textContent = formatNumber(diff) + ' kr';
+        box.classList.add('negative');
+      } else {
+        value.textContent = '0,00 kr';
+        box.classList.add('neutral');
+      }
+    }
+
+    document.getElementById('payouts').addEventListener('input', calculate);
+    document.getElementById('toBank').addEventListener('input', calculate);
+    document.getElementById('actualCash').addEventListener('input', calculate);
+
+    // Enable approve button when checkbox is checked
+    const checkbox = document.getElementById('confirmCheckbox');
+    const approveBtn = document.getElementById('approveBtn');
+
+    checkbox.addEventListener('change', () => {
+      approveBtn.disabled = !checkbox.checked;
+    });
+
+    // Initial display
+    calculate();
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-kasseafstemninger.html b/wwwroot/poc-kasseafstemninger.html
new file mode 100644
index 0000000..ba504c7
--- /dev/null
+++ b/wwwroot/poc-kasseafstemninger.html
@@ -0,0 +1,798 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kasseafstemninger - POC</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       FILTER BAR
+       ========================================== */
+    swp-filter-bar {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+
+    swp-filter-group {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-filter-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-filter-bar input,
+    swp-filter-bar select {
+      padding: 8px 12px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-filter-bar input:focus,
+    swp-filter-bar select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-filter-spacer {
+      flex: 1;
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 16px 20px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-value {
+      display: block;
+      font-size: 24px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-card.warning swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    swp-stat-card.negative swp-stat-value {
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       ACTION BAR
+       ========================================== */
+    swp-action-bar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      background: var(--color-surface);
+      border-radius: 8px 8px 0 0;
+      border: 1px solid var(--color-border);
+      border-bottom: none;
+    }
+
+    swp-selection-info {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    /* ==========================================
+       TABLE
+       ========================================== */
+    swp-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 0 0 8px 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-th.checkbox,
+    swp-td.checkbox {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    swp-table input[type="checkbox"] {
+      width: 16px;
+      height: 16px;
+      accent-color: var(--color-teal);
+      cursor: pointer;
+    }
+
+    swp-table-header,
+    swp-table-row {
+      display: grid;
+      grid-template-columns: 40px 70px 60px minmax(140px, 1fr) 90px 100px 100px 90px 100px 40px;
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      padding: 12px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-th.right {
+      text-align: right;
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-table-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+      cursor: pointer;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-td {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-td.right {
+      text-align: right;
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-td.muted {
+      color: var(--color-text-secondary);
+      font-size: 12px;
+    }
+
+    swp-td.negative {
+      color: var(--color-red);
+    }
+
+    swp-td.positive {
+      color: var(--color-green);
+    }
+
+    swp-period-cell {
+      display: block;
+    }
+
+    swp-period-cell .dates {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       STATUS BADGE
+       ========================================== */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 20px;
+    }
+
+    swp-status-badge.approved {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.draft {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-status-badge::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: currentColor;
+    }
+
+    swp-td:nth-child(9) {
+      padding-left: 12px;
+    }
+
+    swp-td.id {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      font-family: var(--font-mono);
+    }
+
+    /* ==========================================
+       TABLE FOOTER
+       ========================================== */
+    swp-table-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-row-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      color: var(--color-text-secondary);
+    }
+
+    swp-row-arrow svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 1000px) {
+      swp-stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      swp-table-header,
+      swp-table-row {
+        grid-template-columns: 80px 1fr 100px 100px 80px 50px;
+      }
+
+      swp-th:nth-child(3),
+      swp-td:nth-child(3),
+      swp-th:nth-child(4),
+      swp-td:nth-child(4) {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link>
+        <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+        Tilbage
+      </swp-back-link>
+      <swp-page-title>Kasseafstemninger</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Filter Bar -->
+    <swp-filter-bar>
+      <swp-filter-group>
+        <swp-filter-label>Fra</swp-filter-label>
+        <input type="date" id="dateFrom" />
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Til</swp-filter-label>
+        <input type="date" id="dateTo" />
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Kassepunkt</swp-filter-label>
+        <select id="register">
+          <option>Alle</option>
+          <option>Kasse 1 – Reception</option>
+          <option>Kasse 2 – Salon</option>
+        </select>
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Status</swp-filter-label>
+        <select id="status">
+          <option>Alle</option>
+          <option>Godkendt</option>
+          <option>Kladde</option>
+        </select>
+      </swp-filter-group>
+      <swp-filter-spacer></swp-filter-spacer>
+      <swp-btn class="secondary">Nulstil</swp-btn>
+    </swp-filter-bar>
+
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card>
+        <swp-stat-value>12</swp-stat-value>
+        <swp-stat-label>Afstemninger i periode</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>186.450 kr</swp-stat-value>
+        <swp-stat-label>Total omsætning</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>42.340 kr</swp-stat-value>
+        <swp-stat-label>Kontantsalg</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="warning">
+        <swp-stat-value>-75 kr</swp-stat-value>
+        <swp-stat-label>Samlet difference</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Action Bar -->
+    <swp-action-bar>
+      <swp-selection-info>
+        <span id="selectionCount">0 valgt</span>
+      </swp-selection-info>
+      <swp-btn class="primary" id="exportBtn" disabled>
+        <svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
+        Eksporter SAF-T
+      </swp-btn>
+    </swp-action-bar>
+
+    <!-- Table -->
+    <swp-table>
+      <swp-table-header>
+        <swp-th class="checkbox"><input type="checkbox" id="selectAll" /></swp-th>
+        <swp-th>Dato</swp-th>
+        <swp-th>ID</swp-th>
+        <swp-th>Periode</swp-th>
+        <swp-th>Kassepunkt</swp-th>
+        <swp-th>Afsluttet af</swp-th>
+        <swp-th class="right">Omsætning</swp-th>
+        <swp-th class="right">Difference</swp-th>
+        <swp-th>Status</swp-th>
+        <swp-th></swp-th>
+      </swp-table-header>
+      <swp-table-body>
+        <swp-table-row data-id="draft" class="draft-row">
+          <swp-td class="checkbox"></swp-td>
+          <swp-td class="muted">I dag</swp-td>
+          <swp-td class="id muted">–</swp-td>
+          <swp-td>
+            <swp-period-cell>
+              <span class="dates">29. dec 17:45 → ...</span>
+            </swp-period-cell>
+          </swp-td>
+          <swp-td>Kasse 1</swp-td>
+          <swp-td class="muted">–</swp-td>
+          <swp-td class="right mono muted">4.250 kr</swp-td>
+          <swp-td class="right mono muted">–</swp-td>
+          <swp-td><swp-status-badge class="draft">Kladde</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="043">
+          <swp-td class="checkbox"><input type="checkbox" class="row-select" /></swp-td>
+          <swp-td>29. dec</swp-td>
+          <swp-td class="id">Z-043</swp-td>
+          <swp-td>
+            <swp-period-cell>
+              <span class="dates">28. dec 18:00 → 29. dec 17:45</span>
+            </swp-period-cell>
+          </swp-td>
+          <swp-td>Kasse 1</swp-td>
+          <swp-td>Anna Jensen</swp-td>
+          <swp-td class="right mono">18.865 kr</swp-td>
+          <swp-td class="right mono">0 kr</swp-td>
+          <swp-td><swp-status-badge class="approved">Godkendt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="042">
+          <swp-td class="checkbox"><input type="checkbox" class="row-select" /></swp-td>
+          <swp-td>28. dec</swp-td>
+          <swp-td class="id">Z-042</swp-td>
+          <swp-td>
+            <swp-period-cell>
+              <span class="dates">27. dec 18:30 → 28. dec 18:00</span>
+            </swp-period-cell>
+          </swp-td>
+          <swp-td>Kasse 1</swp-td>
+          <swp-td>Karina Knudsen</swp-td>
+          <swp-td class="right mono">12.450 kr</swp-td>
+          <swp-td class="right mono negative">-25 kr</swp-td>
+          <swp-td><swp-status-badge class="approved">Godkendt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="041">
+          <swp-td class="checkbox"><input type="checkbox" class="row-select" /></swp-td>
+          <swp-td>27. dec</swp-td>
+          <swp-td class="id">Z-041</swp-td>
+          <swp-td>
+            <swp-period-cell>
+              <span class="dates">26. dec 18:00 → 27. dec 18:30</span>
+            </swp-period-cell>
+          </swp-td>
+          <swp-td>Kasse 1</swp-td>
+          <swp-td>Martin Nielsen</swp-td>
+          <swp-td class="right mono">21.340 kr</swp-td>
+          <swp-td class="right mono">0 kr</swp-td>
+          <swp-td><swp-status-badge class="approved">Godkendt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="040">
+          <swp-td class="checkbox"><input type="checkbox" class="row-select" /></swp-td>
+          <swp-td>23. dec</swp-td>
+          <swp-td class="id">Z-040</swp-td>
+          <swp-td>
+            <swp-period-cell>
+              <span class="dates">22. dec 18:00 → 23. dec 17:30</span>
+            </swp-period-cell>
+          </swp-td>
+          <swp-td>Kasse 1</swp-td>
+          <swp-td>Anna Jensen</swp-td>
+          <swp-td class="right mono">28.750 kr</swp-td>
+          <swp-td class="right mono negative">-50 kr</swp-td>
+          <swp-td><swp-status-badge class="approved">Godkendt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="039">
+          <swp-td class="checkbox"><input type="checkbox" class="row-select" /></swp-td>
+          <swp-td>22. dec</swp-td>
+          <swp-td class="id">Z-039</swp-td>
+          <swp-td>
+            <swp-period-cell>
+              <span class="dates">21. dec 18:15 → 22. dec 18:00</span>
+            </swp-period-cell>
+          </swp-td>
+          <swp-td>Kasse 1</swp-td>
+          <swp-td>Karina Knudsen</swp-td>
+          <swp-td class="right mono">15.890 kr</swp-td>
+          <swp-td class="right mono">0 kr</swp-td>
+          <swp-td><swp-status-badge class="approved">Godkendt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+      </swp-table-body>
+      <swp-table-footer>
+        <span>Viser 6 afstemninger</span>
+        <span>Z-038 → Z-043</span>
+      </swp-table-footer>
+    </swp-table>
+  </swp-page-container>
+
+  <script>
+    // Set default date range (last 30 days)
+    const today = new Date();
+    const thirtyDaysAgo = new Date(today);
+    thirtyDaysAgo.setDate(today.getDate() - 30);
+
+    document.getElementById('dateTo').value = today.toISOString().split('T')[0];
+    document.getElementById('dateFrom').value = thirtyDaysAgo.toISOString().split('T')[0];
+
+    // Checkbox selection handling
+    const selectAll = document.getElementById('selectAll');
+    const rowCheckboxes = document.querySelectorAll('.row-select');
+    const exportBtn = document.getElementById('exportBtn');
+    const selectionCount = document.getElementById('selectionCount');
+
+    function updateSelection() {
+      const checked = document.querySelectorAll('.row-select:checked');
+      const count = checked.length;
+      selectionCount.textContent = count === 0 ? '0 valgt' : `${count} valgt`;
+      exportBtn.disabled = count === 0;
+
+      // Update select all state
+      selectAll.checked = count === rowCheckboxes.length && count > 0;
+      selectAll.indeterminate = count > 0 && count < rowCheckboxes.length;
+    }
+
+    selectAll.addEventListener('change', function() {
+      rowCheckboxes.forEach(cb => cb.checked = this.checked);
+      updateSelection();
+    });
+
+    rowCheckboxes.forEach(cb => {
+      cb.addEventListener('change', updateSelection);
+      // Stop click from bubbling to row
+      cb.addEventListener('click', e => e.stopPropagation());
+    });
+
+    // SAF-T Export
+    document.getElementById('exportBtn').addEventListener('click', function() {
+      const selected = document.querySelectorAll('.row-select:checked');
+      const ids = Array.from(selected).map(cb => cb.closest('swp-table-row').dataset.id);
+      // Generate demo SAF-T XML
+      const xml = `<?xml version="1.0" encoding="UTF-8"?>
+<AuditFile xmlns="urn:StandardAuditFile-Taxation-CashRegister:DK">
+  <Header>
+    <AuditFileVersion>1.30</AuditFileVersion>
+    <AuditFileCountry>DK</AuditFileCountry>
+    <AuditFileDateCreated>${today.toISOString().split('T')[0]}</AuditFileDateCreated>
+    <SoftwareCompanyName>Calendar Plantempus</SoftwareCompanyName>
+    <SoftwareID>SWP-POS</SoftwareID>
+    <SoftwareVersion>1.0</SoftwareVersion>
+    <Company>
+      <Name>Demo Salon ApS</Name>
+      <RegistrationNumber>12345678</RegistrationNumber>
+    </Company>
+    <DefaultCurrencyCode>DKK</DefaultCurrencyCode>
+    <SelectionCriteria>
+      <SelectionStartDate>${document.getElementById('dateFrom').value}</SelectionStartDate>
+      <SelectionEndDate>${document.getElementById('dateTo').value}</SelectionEndDate>
+    </SelectionCriteria>
+  </Header>
+  <CashRegisters>
+    <CashRegister>
+      <CashRegisterID>KASSE-001</CashRegisterID>
+      <CashRegisterLocation>Reception</CashRegisterLocation>
+      <Periods>
+        <Period>
+          <PeriodNumber>043</PeriodNumber>
+          <StartDateTime>2025-12-28T18:00:00</StartDateTime>
+          <EndDateTime>2025-12-29T17:45:00</EndDateTime>
+          <CashStatement>
+            <OpeningBalance>2000.00</OpeningBalance>
+            <ClosingBalance>5220.00</ClosingBalance>
+            <CashSales>3540.00</CashSales>
+            <CardSales>12875.50</CardSales>
+            <MobilePaySales>2450.00</MobilePaySales>
+            <TotalSales>18865.50</TotalSales>
+            <NumberOfTransactions>47</NumberOfTransactions>
+            <CashDifference>0.00</CashDifference>
+          </CashStatement>
+          <TaxSummary>
+            <TaxCode>S</TaxCode>
+            <TaxPercentage>25.00</TaxPercentage>
+            <TaxBase>15092.40</TaxBase>
+            <TaxAmount>3773.10</TaxAmount>
+          </TaxSummary>
+        </Period>
+      </Periods>
+    </CashRegister>
+  </CashRegisters>
+</AuditFile>`;
+
+      // Download file
+      const blob = new Blob([xml], { type: 'application/xml' });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = `SAF-T_CashRegister_${document.getElementById('dateFrom').value}_${document.getElementById('dateTo').value}.xml`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-konto.html b/wwwroot/poc-konto.html
new file mode 100644
index 0000000..9ef596a
--- /dev/null
+++ b/wwwroot/poc-konto.html
@@ -0,0 +1,433 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Abonnement & Konto - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css" />
+  <link rel="stylesheet" href="css/konto.css">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode - system preference */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    /* Manual dark mode override */
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+  </style>
+</head>
+<body>
+
+<swp-page-container>
+
+  <!-- Page Header -->
+  <swp-page-header>
+    <swp-page-title>
+      <h1>Abonnement & Konto</h1>
+      <p>Administrer dit abonnement og betalingsinfo</p>
+    </swp-page-title>
+  </swp-page-header>
+
+  <!-- ==========================================
+       SUBSCRIPTION SECTION
+       ========================================== -->
+  <swp-section>
+    <swp-section-header>
+      <swp-section-title>
+        <i class="ph ph-crown"></i>
+        Dit abonnement
+      </swp-section-title>
+    </swp-section-header>
+
+    <swp-plan-grid>
+      <!-- Basis Plan -->
+      <swp-plan-card>
+        <swp-plan-name>Basis</swp-plan-name>
+        <swp-plan-users>1-3 brugere</swp-plan-users>
+        <swp-plan-price>
+          <swp-plan-price-amount>299</swp-plan-price-amount>
+          <swp-plan-price-period>kr/md</swp-plan-price-period>
+        </swp-plan-price>
+        <swp-plan-features>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Op til 3 brugere
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Online booking
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Kalender & aftalestyring
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Kundekartotek
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            SMS-påmindelser
+          </swp-plan-feature>
+        </swp-plan-features>
+        <swp-plan-action>
+          <swp-btn class="secondary">Skift til Basis</swp-btn>
+        </swp-plan-action>
+      </swp-plan-card>
+
+      <!-- Pro Plan (Current) -->
+      <swp-plan-card class="current">
+        <swp-plan-badge class="current">
+          <i class="ph ph-check"></i>
+          Nuværende plan
+        </swp-plan-badge>
+        <swp-plan-name>Pro</swp-plan-name>
+        <swp-plan-users>4-8 brugere</swp-plan-users>
+        <swp-plan-price>
+          <swp-plan-price-amount>599</swp-plan-price-amount>
+          <swp-plan-price-period>kr/md</swp-plan-price-period>
+        </swp-plan-price>
+        <swp-plan-features>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Op til 8 brugere
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Alt fra Basis
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Lagerstyring
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Avancerede rapporter
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Gavekort & klippekort
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Prioriteret support
+          </swp-plan-feature>
+        </swp-plan-features>
+        <swp-plan-action>
+          <swp-btn class="secondary">Nuværende plan</swp-btn>
+        </swp-plan-action>
+      </swp-plan-card>
+
+      <!-- Enterprise Plan -->
+      <swp-plan-card class="enterprise">
+        <swp-plan-badge class="popular">
+          <i class="ph ph-star"></i>
+          Til større saloner
+        </swp-plan-badge>
+        <swp-plan-name>Enterprise</swp-plan-name>
+        <swp-plan-users>8+ brugere</swp-plan-users>
+        <swp-plan-price>
+          <swp-plan-price-amount>Kontakt os</swp-plan-price-amount>
+        </swp-plan-price>
+        <swp-plan-features>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Ubegrænset antal brugere
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Alt fra Pro
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Flere lokationer
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Tilpasset integration
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            Dedikeret kontaktperson
+          </swp-plan-feature>
+          <swp-plan-feature>
+            <i class="ph ph-check-circle"></i>
+            SLA & uptime garanti
+          </swp-plan-feature>
+        </swp-plan-features>
+        <swp-plan-action>
+          <swp-btn class="outline">Kontakt salg</swp-btn>
+        </swp-plan-action>
+      </swp-plan-card>
+    </swp-plan-grid>
+  </swp-section>
+
+  <!-- ==========================================
+       BILLING SECTION
+       ========================================== -->
+  <swp-section>
+    <swp-section-header>
+      <swp-section-title>
+        <i class="ph ph-credit-card"></i>
+        Betaling & Fakturaer
+      </swp-section-title>
+    </swp-section-header>
+
+    <swp-billing-grid>
+      <!-- Payment Info -->
+      <swp-payment-card>
+        <swp-payment-method>
+          <swp-payment-icon>
+            <i class="ph ph-credit-card"></i>
+          </swp-payment-icon>
+          <swp-payment-info>
+            <swp-payment-type>Visa</swp-payment-type>
+            <swp-payment-number>**** **** **** 4582</swp-payment-number>
+          </swp-payment-info>
+          <swp-btn class="secondary" style="padding: 8px 12px; font-size: 12px;">
+            <i class="ph ph-pencil"></i>
+            Skift
+          </swp-btn>
+        </swp-payment-method>
+
+        <swp-payment-detail>
+          <swp-payment-label>Betalingsfrekvens</swp-payment-label>
+          <swp-payment-value>Månedlig</swp-payment-value>
+        </swp-payment-detail>
+
+        <swp-payment-detail>
+          <swp-payment-label>Næste betaling</swp-payment-label>
+          <swp-payment-value class="highlight">1. januar 2026</swp-payment-value>
+        </swp-payment-detail>
+
+        <swp-payment-detail>
+          <swp-payment-label>Beløb</swp-payment-label>
+          <swp-payment-value>599,00 kr</swp-payment-value>
+        </swp-payment-detail>
+
+        <swp-payment-detail>
+          <swp-payment-label>Kortudløb</swp-payment-label>
+          <swp-payment-value>08/2027</swp-payment-value>
+        </swp-payment-detail>
+
+        <swp-btn class="outline" style="margin-top: 8px;">
+          <i class="ph ph-arrows-clockwise"></i>
+          Skift til årlig betaling (spar 15%)
+        </swp-btn>
+      </swp-payment-card>
+
+      <!-- Invoices -->
+      <swp-invoices-card>
+        <swp-invoices-header>
+          <swp-invoices-title>Faktura-historik</swp-invoices-title>
+        </swp-invoices-header>
+
+        <swp-table>
+          <swp-table-header>
+            <swp-table-row>
+              <swp-table-cell>Dato</swp-table-cell>
+              <swp-table-cell>Fakturanr.</swp-table-cell>
+              <swp-table-cell>Beløb</swp-table-cell>
+              <swp-table-cell>Status</swp-table-cell>
+              <swp-table-cell></swp-table-cell>
+            </swp-table-row>
+          </swp-table-header>
+          <swp-table-body>
+            <swp-table-row>
+              <swp-table-cell>1. dec 2025</swp-table-cell>
+              <swp-table-cell style="font-family: var(--font-mono); font-size: 12px;">INV-2025-0012</swp-table-cell>
+              <swp-table-cell>599,00 kr</swp-table-cell>
+              <swp-table-cell>
+                <swp-invoice-status class="paid">
+                  <i class="ph ph-check-circle"></i>
+                  Betalt
+                </swp-invoice-status>
+              </swp-table-cell>
+              <swp-table-cell>
+                <swp-download-btn>
+                  <i class="ph ph-download"></i>
+                  PDF
+                </swp-download-btn>
+              </swp-table-cell>
+            </swp-table-row>
+
+            <swp-table-row>
+              <swp-table-cell>1. nov 2025</swp-table-cell>
+              <swp-table-cell style="font-family: var(--font-mono); font-size: 12px;">INV-2025-0011</swp-table-cell>
+              <swp-table-cell>599,00 kr</swp-table-cell>
+              <swp-table-cell>
+                <swp-invoice-status class="paid">
+                  <i class="ph ph-check-circle"></i>
+                  Betalt
+                </swp-invoice-status>
+              </swp-table-cell>
+              <swp-table-cell>
+                <swp-download-btn>
+                  <i class="ph ph-download"></i>
+                  PDF
+                </swp-download-btn>
+              </swp-table-cell>
+            </swp-table-row>
+
+            <swp-table-row>
+              <swp-table-cell>1. okt 2025</swp-table-cell>
+              <swp-table-cell style="font-family: var(--font-mono); font-size: 12px;">INV-2025-0010</swp-table-cell>
+              <swp-table-cell>599,00 kr</swp-table-cell>
+              <swp-table-cell>
+                <swp-invoice-status class="paid">
+                  <i class="ph ph-check-circle"></i>
+                  Betalt
+                </swp-invoice-status>
+              </swp-table-cell>
+              <swp-table-cell>
+                <swp-download-btn>
+                  <i class="ph ph-download"></i>
+                  PDF
+                </swp-download-btn>
+              </swp-table-cell>
+            </swp-table-row>
+
+            <swp-table-row>
+              <swp-table-cell>1. sep 2025</swp-table-cell>
+              <swp-table-cell style="font-family: var(--font-mono); font-size: 12px;">INV-2025-0009</swp-table-cell>
+              <swp-table-cell>599,00 kr</swp-table-cell>
+              <swp-table-cell>
+                <swp-invoice-status class="paid">
+                  <i class="ph ph-check-circle"></i>
+                  Betalt
+                </swp-invoice-status>
+              </swp-table-cell>
+              <swp-table-cell>
+                <swp-download-btn>
+                  <i class="ph ph-download"></i>
+                  PDF
+                </swp-download-btn>
+              </swp-table-cell>
+            </swp-table-row>
+
+            <swp-table-row>
+              <swp-table-cell>1. aug 2025</swp-table-cell>
+              <swp-table-cell style="font-family: var(--font-mono); font-size: 12px;">INV-2025-0008</swp-table-cell>
+              <swp-table-cell>599,00 kr</swp-table-cell>
+              <swp-table-cell>
+                <swp-invoice-status class="paid">
+                  <i class="ph ph-check-circle"></i>
+                  Betalt
+                </swp-invoice-status>
+              </swp-table-cell>
+              <swp-table-cell>
+                <swp-download-btn>
+                  <i class="ph ph-download"></i>
+                  PDF
+                </swp-download-btn>
+              </swp-table-cell>
+            </swp-table-row>
+          </swp-table-body>
+        </swp-table>
+      </swp-invoices-card>
+    </swp-billing-grid>
+  </swp-section>
+
+</swp-page-container>
+
+</body>
+</html>
diff --git a/wwwroot/poc-layout.html b/wwwroot/poc-layout.html
new file mode 100644
index 0000000..db76aca
--- /dev/null
+++ b/wwwroot/poc-layout.html
@@ -0,0 +1,2992 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css" />
+  <link rel="stylesheet" href="css/dashboard.css">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+
+      /* Layout */
+      --side-menu-width: 240px;
+      --side-menu-width-collapsed: 64px;
+      --topbar-height: 56px;
+    }
+
+    /* Dark mode - system preference */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    /* Manual dark mode override */
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    html, body {
+      height: 100%;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       APP LAYOUT
+       ========================================== */
+    swp-app-layout {
+      display: grid;
+      grid-template-columns: var(--side-menu-width) 1fr;
+      grid-template-rows: var(--topbar-height) 1fr;
+      height: 100vh;
+    }
+
+    /* ==========================================
+       SIDE MENU
+       ========================================== */
+    swp-side-menu {
+      grid-row: 1 / -1;
+      display: flex;
+      flex-direction: column;
+      background: var(--color-surface);
+      border-right: 1px solid var(--color-border);
+      overflow-y: auto;
+    }
+
+    swp-side-menu-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      height: var(--topbar-height);
+      padding: 0 16px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-side-menu-header i {
+      font-size: 26px;
+      color: var(--color-teal);
+    }
+
+    swp-side-menu-logo {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-menu-toggle {
+      margin-left: auto;
+      width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-menu-toggle:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-menu-toggle i {
+      font-size: 18px;
+      color: inherit;
+      transition: transform 200ms ease;
+    }
+
+    swp-side-menu-nav {
+      flex: 1;
+      padding: 12px 0;
+      overflow-y: auto;
+    }
+
+    swp-side-menu-group {
+      display: block;
+      margin-bottom: 8px;
+    }
+
+    swp-side-menu-label {
+      display: block;
+      padding: 8px 16px 6px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-side-menu-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 16px;
+      color: var(--color-text);
+      cursor: pointer;
+      transition: all 150ms ease;
+      border-left: 3px solid transparent;
+      text-decoration: none;
+    }
+
+    swp-side-menu-item:hover {
+      background: var(--color-background-hover);
+      text-decoration: none;
+    }
+
+    swp-side-menu-item[data-active="true"] {
+      background: color-mix(in srgb, var(--color-teal) 10%, transparent);
+      border-left-color: var(--color-teal);
+      color: var(--color-teal);
+      font-weight: 500;
+    }
+
+    swp-side-menu-item i {
+      font-size: 20px;
+      flex-shrink: 0;
+    }
+
+    swp-side-menu-footer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 12px 16px;
+      border-top: 1px solid var(--color-border);
+      margin-top: auto;
+    }
+
+    swp-side-menu-action {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 10px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      background: transparent;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      font-family: var(--font-family);
+    }
+
+    swp-side-menu-action:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-side-menu-action.lock:hover {
+      color: var(--color-amber);
+      border-color: var(--color-amber);
+    }
+
+    swp-side-menu-action.logout:hover {
+      color: var(--color-red);
+      border-color: var(--color-red);
+    }
+
+    swp-side-menu-action i {
+      font-size: 18px;
+    }
+
+    /* ==========================================
+       SIDE MENU - COLLAPSED STATE
+       ========================================== */
+    swp-app-layout {
+      transition: grid-template-columns 200ms ease;
+    }
+
+    swp-app-layout.menu-collapsed {
+      grid-template-columns: var(--side-menu-width-collapsed) 1fr;
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu {
+      overflow: visible;
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu-logo,
+    swp-app-layout.menu-collapsed swp-side-menu-label,
+    swp-app-layout.menu-collapsed swp-side-menu-item span,
+    swp-app-layout.menu-collapsed swp-side-menu-action span {
+      display: none;
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu-header {
+      justify-content: center;
+      padding: 0;
+    }
+
+    swp-app-layout.menu-collapsed swp-menu-toggle {
+      margin-left: 0;
+    }
+
+    swp-app-layout.menu-collapsed swp-menu-toggle i {
+      transform: rotate(180deg);
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu-item {
+      justify-content: center;
+      padding: 12px;
+      border-left: none;
+      position: relative;
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu-item[data-active="true"] {
+      border-left: none;
+      border-radius: 8px;
+      margin: 0 8px;
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu-action {
+      justify-content: center;
+      padding: 12px;
+    }
+
+    swp-app-layout.menu-collapsed swp-side-menu-footer {
+      padding: 12px 8px;
+    }
+
+    /* Popover tooltip for collapsed menu */
+    .swp-menu-tooltip {
+      position: fixed;
+      margin: 0;
+      padding: 6px 12px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      color: var(--color-text);
+      white-space: nowrap;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+      pointer-events: none;
+    }
+
+    /* ==========================================
+       TOP BAR
+       ========================================== */
+    swp-app-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-topbar-search {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 8px 14px;
+      background: var(--color-background);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      width: 320px;
+      transition: border-color 150ms ease;
+    }
+
+    swp-topbar-search:focus-within {
+      border-color: var(--color-teal);
+    }
+
+    swp-topbar-search i {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      flex-shrink: 0;
+    }
+
+    swp-topbar-search input {
+      flex: 1;
+      border: none;
+      outline: none;
+      background: transparent;
+      font-size: 13px;
+      font-family: var(--font-family);
+      color: var(--color-text);
+    }
+
+    swp-topbar-search input::placeholder {
+      color: var(--color-text-secondary);
+    }
+
+    swp-topbar-search kbd {
+      font-size: 11px;
+      font-family: var(--font-mono);
+      padding: 2px 6px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-topbar-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-topbar-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 38px;
+      height: 38px;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background 150ms ease;
+      position: relative;
+      color: var(--color-text-secondary);
+    }
+
+    swp-topbar-btn:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-topbar-btn i {
+      font-size: 22px;
+    }
+
+    swp-notification-badge {
+      position: absolute;
+      top: 6px;
+      right: 6px;
+      min-width: 16px;
+      height: 16px;
+      padding: 0 4px;
+      font-size: 10px;
+      font-weight: 600;
+      background: var(--color-red);
+      color: white;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    swp-topbar-divider {
+      width: 1px;
+      height: 24px;
+      background: var(--color-border);
+      margin: 0 8px;
+    }
+
+    swp-topbar-profile {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 6px 12px 6px 6px;
+      background: transparent;
+      border: 1px solid transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      position: relative;
+    }
+
+    swp-topbar-profile:hover {
+      background: var(--color-background-hover);
+      border-color: var(--color-border);
+    }
+
+    swp-profile-avatar {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: var(--color-purple);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      font-weight: 600;
+    }
+
+    swp-profile-info {
+      display: flex;
+      flex-direction: column;
+      text-align: left;
+    }
+
+    swp-profile-name {
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-profile-role {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       PROFILE DRAWER
+       ========================================== */
+    swp-drawer-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.2);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 200ms ease;
+      z-index: 900;
+    }
+
+    swp-drawer-overlay.open {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    swp-profile-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 320px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      transition: transform 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000;
+    }
+
+    swp-profile-drawer.open {
+      transform: translateX(0);
+    }
+
+    swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-drawer-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-drawer-close {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-drawer-close:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-drawer-close i {
+      font-size: 20px;
+    }
+
+    swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+    }
+
+    /* Profile header in drawer */
+    swp-drawer-profile {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      padding-bottom: 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-drawer-avatar {
+      width: 72px;
+      height: 72px;
+      border-radius: 50%;
+      background: var(--color-purple);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      font-weight: 600;
+      margin-bottom: 12px;
+    }
+
+    swp-drawer-name {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 2px;
+    }
+
+    swp-drawer-role {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-bottom: 8px;
+    }
+
+    swp-drawer-email {
+      font-size: 13px;
+      color: var(--color-teal);
+    }
+
+    /* Drawer sections */
+    swp-drawer-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-drawer-section-label {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 4px;
+    }
+
+    swp-drawer-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-drawer-item:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-drawer-item i {
+      font-size: 20px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-drawer-item-text {
+      flex: 1;
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-drawer-item-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Theme toggle in drawer - two icons */
+    swp-theme-toggle {
+      display: flex;
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      overflow: hidden;
+    }
+
+    swp-theme-option {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 12px;
+      background: var(--color-background-alt);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-theme-option:first-child {
+      border-right: 1px solid var(--color-border);
+    }
+
+    swp-theme-option i {
+      font-size: 20px;
+      color: var(--color-text-secondary);
+      transition: color 150ms ease;
+    }
+
+    swp-theme-option:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-theme-option.active {
+      background: color-mix(in srgb, var(--color-teal) 12%, transparent);
+    }
+
+    swp-theme-option.active i {
+      color: var(--color-teal);
+    }
+
+    /* Drawer footer */
+    swp-drawer-footer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 16px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-drawer-action {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      background: transparent;
+      color: var(--color-text-secondary);
+    }
+
+    swp-drawer-action:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-drawer-action.lock:hover {
+      color: var(--color-amber);
+      border-color: var(--color-amber);
+    }
+
+    swp-drawer-action.logout:hover {
+      color: var(--color-red);
+      border-color: var(--color-red);
+    }
+
+    swp-drawer-action i {
+      font-size: 18px;
+    }
+
+    /* ==========================================
+       NOTIFICATION DRAWER
+       ========================================== */
+    swp-notification-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 380px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      transition: transform 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000;
+    }
+
+    swp-notification-drawer.open {
+      transform: translateX(0);
+    }
+
+    swp-notification-drawer swp-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-drawer-header-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-mark-read-btn {
+      padding: 6px 12px;
+      font-size: 12px;
+      font-family: var(--font-family);
+      color: var(--color-teal);
+      background: transparent;
+      border: 1px solid var(--color-teal);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-mark-read-btn:hover {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-notification-drawer swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 12px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-notification-item {
+      display: flex;
+      gap: 12px;
+      padding: 12px;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background 150ms ease;
+      background: transparent;
+    }
+
+    swp-notification-item:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-notification-item[data-unread="true"] {
+      background: var(--color-background-alt);
+    }
+
+    swp-notification-item[data-unread="true"]::before {
+      content: '';
+      position: absolute;
+      left: 4px;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 6px;
+      height: 6px;
+      background: var(--color-teal);
+      border-radius: 50%;
+    }
+
+    swp-notification-icon {
+      width: 40px;
+      height: 40px;
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    swp-notification-icon i {
+      font-size: 20px;
+    }
+
+    swp-notification-icon.booking {
+      background: color-mix(in srgb, var(--color-teal) 15%, transparent);
+      color: var(--color-teal);
+    }
+
+    swp-notification-icon.smiley {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-notification-icon.call {
+      background: color-mix(in srgb, var(--color-blue) 15%, transparent);
+      color: var(--color-blue);
+    }
+
+    swp-notification-icon.mail {
+      background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+      color: var(--color-purple);
+    }
+
+    swp-notification-icon.chat {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-notification-icon.reminder {
+      background: color-mix(in srgb, var(--color-red) 15%, transparent);
+      color: var(--color-red);
+    }
+
+    swp-notification-content {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-notification-title {
+      font-weight: 500;
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-notification-text {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    swp-notification-time {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-notification-empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 48px 24px;
+      text-align: center;
+      color: var(--color-text-secondary);
+    }
+
+    swp-notification-empty i {
+      font-size: 48px;
+      margin-bottom: 12px;
+      opacity: 0.5;
+    }
+
+    /* ==========================================
+       TODO DRAWER
+       ========================================== */
+    swp-todo-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 380px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      transition: transform 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1001;
+    }
+
+    swp-todo-drawer.open {
+      transform: translateX(0);
+    }
+
+    /* New Todo Drawer - slides from left of todo drawer */
+    swp-new-todo-drawer {
+      position: fixed;
+      top: 0;
+      right: 380px;
+      bottom: 0;
+      width: 340px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      opacity: 0;
+      pointer-events: none;
+      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
+                  opacity 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000;
+    }
+
+    swp-new-todo-drawer.open {
+      transform: translateX(0);
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    swp-todo-drawer swp-drawer-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-todo-drawer swp-drawer-title {
+      flex: 1;
+    }
+
+    swp-drawer-back {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-drawer-back:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-drawer-back i {
+      font-size: 20px;
+    }
+
+    swp-add-todo-btn {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--color-teal);
+      color: white;
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-add-todo-btn:hover {
+      background: color-mix(in srgb, var(--color-teal) 85%, black);
+    }
+
+    swp-add-todo-btn i {
+      font-size: 18px;
+    }
+
+    swp-todo-drawer swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    swp-todo-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-todo-section-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 4px 0;
+      cursor: pointer;
+    }
+
+    swp-todo-section-header i {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      transition: transform 200ms ease;
+    }
+
+    swp-todo-section.collapsed swp-todo-section-header i {
+      transform: rotate(-90deg);
+    }
+
+    swp-todo-section.collapsed swp-todo-items {
+      display: none;
+    }
+
+    swp-todo-section-title {
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-todo-section-count {
+      font-size: 11px;
+      padding: 2px 6px;
+      background: var(--color-background);
+      border-radius: 10px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-todo-items {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-todo-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-todo-item:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-todo-item[data-completed="true"] {
+      opacity: 0.6;
+    }
+
+    swp-todo-item[data-completed="true"] swp-todo-title {
+      text-decoration: line-through;
+      color: var(--color-text-secondary);
+    }
+
+    swp-todo-checkbox {
+      width: 20px;
+      height: 20px;
+      border: 2px solid var(--color-border);
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      margin-top: 1px;
+      transition: all 150ms ease;
+    }
+
+    swp-todo-checkbox i {
+      font-size: 14px;
+      color: white;
+      opacity: 0;
+    }
+
+    swp-todo-item[data-completed="true"] swp-todo-checkbox {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+    }
+
+    swp-todo-item[data-completed="true"] swp-todo-checkbox i {
+      opacity: 1;
+    }
+
+    swp-todo-content {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-todo-title {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-todo-meta {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-todo-meta i {
+      font-size: 14px;
+    }
+
+    swp-todo-time {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    swp-todo-priority {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    swp-todo-priority.high {
+      color: var(--color-red);
+    }
+
+    swp-todo-priority.low {
+      color: var(--color-text-secondary);
+      opacity: 0.7;
+    }
+
+    swp-todo-date {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    /* New Todo Drawer - Header */
+    swp-new-todo-drawer swp-drawer-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-new-todo-drawer swp-drawer-title {
+      flex: 1;
+    }
+
+    swp-new-todo-drawer swp-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    /* Form Elements - matches detail-drawer patterns */
+    swp-new-todo-drawer swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 400;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 8px;
+    }
+
+    swp-new-todo-drawer swp-form-field {
+      display: block;
+    }
+
+    swp-new-todo-drawer swp-form-row {
+      display: flex;
+      gap: 12px;
+    }
+
+    swp-new-todo-drawer swp-form-row swp-form-field {
+      flex: 1;
+    }
+
+    swp-new-todo-drawer input[type="text"],
+    swp-new-todo-drawer input[type="date"],
+    swp-new-todo-drawer input[type="time"],
+    swp-new-todo-drawer select,
+    swp-new-todo-drawer textarea {
+      width: 100%;
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      color: var(--color-text);
+      background: var(--color-background-alt);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      outline: none;
+      transition: border-color 150ms ease;
+    }
+
+    swp-new-todo-drawer input:focus,
+    swp-new-todo-drawer select:focus,
+    swp-new-todo-drawer textarea:focus {
+      border-color: var(--color-teal);
+    }
+
+    swp-new-todo-drawer input::placeholder,
+    swp-new-todo-drawer textarea::placeholder {
+      color: var(--color-text-secondary);
+    }
+
+    swp-new-todo-drawer select {
+      cursor: pointer;
+      appearance: none;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'%3E%3Cpath fill='%23666' d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E");
+      background-repeat: no-repeat;
+      background-position: right 10px center;
+      padding-right: 36px;
+    }
+
+    swp-new-todo-drawer textarea {
+      resize: none;
+      min-height: 80px;
+    }
+
+    /* Visibility toggle */
+    swp-visibility-toggle {
+      display: flex;
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      overflow: hidden;
+    }
+
+    swp-visibility-option {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      padding: 10px 12px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      background: var(--color-background-alt);
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-visibility-option:first-child {
+      border-right: 1px solid var(--color-border);
+    }
+
+    swp-visibility-option i {
+      font-size: 16px;
+    }
+
+    swp-visibility-option:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-visibility-option.active {
+      background: color-mix(in srgb, var(--color-teal) 12%, transparent);
+      color: var(--color-teal);
+    }
+
+    /* Footer with buttons */
+    swp-new-todo-drawer swp-drawer-footer {
+      padding: 16px;
+      border-top: 1px solid var(--color-border);
+      display: flex;
+      gap: 12px;
+    }
+
+    swp-new-todo-drawer swp-btn {
+      flex: 1;
+      padding: 10px 16px;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      text-align: center;
+      border: none;
+    }
+
+    swp-new-todo-drawer swp-btn.secondary {
+      background: transparent;
+      border: 1px solid var(--color-border);
+      color: var(--color-text-secondary);
+    }
+
+    swp-new-todo-drawer swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-new-todo-drawer swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-new-todo-drawer swp-btn.primary:hover {
+      background: color-mix(in srgb, var(--color-teal) 85%, black);
+    }
+
+    /* ==========================================
+       LOCK SCREEN
+       ========================================== */
+    swp-lock-screen {
+      position: fixed;
+      inset: 0;
+      background: var(--color-background);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      z-index: 2000;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 300ms ease, visibility 300ms ease;
+    }
+
+    swp-lock-screen.active {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    swp-lock-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 24px;
+      padding: 40px;
+      background: var(--color-surface);
+      border-radius: 16px;
+      border: 1px solid var(--color-border);
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+    }
+
+    swp-lock-icon {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      background: color-mix(in srgb, var(--color-teal) 12%, transparent);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    swp-lock-icon i {
+      font-size: 36px;
+      color: var(--color-teal);
+    }
+
+    swp-lock-title {
+      font-size: 20px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-lock-subtitle {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      margin-top: -16px;
+    }
+
+    swp-pin-input {
+      display: flex;
+      gap: 12px;
+    }
+
+    swp-pin-digit {
+      width: 56px;
+      height: 64px;
+      border: 2px solid var(--color-border);
+      border-radius: 12px;
+      background: var(--color-surface);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+      transition: all 150ms ease;
+    }
+
+    swp-pin-digit.filled {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 8%, transparent);
+    }
+
+    swp-pin-digit.error {
+      border-color: var(--color-red);
+      background: color-mix(in srgb, var(--color-red) 8%, transparent);
+      animation: shake 0.4s ease;
+    }
+
+    @keyframes shake {
+      0%, 100% { transform: translateX(0); }
+      20%, 60% { transform: translateX(-8px); }
+      40%, 80% { transform: translateX(8px); }
+    }
+
+    swp-pin-keypad {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 12px;
+      margin-top: 8px;
+    }
+
+    swp-pin-key {
+      width: 72px;
+      height: 56px;
+      border: 1px solid var(--color-border);
+      border-radius: 10px;
+      background: var(--color-surface);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 22px;
+      font-weight: 500;
+      color: var(--color-text);
+      cursor: pointer;
+      transition: all 150ms ease;
+      font-family: var(--font-family);
+    }
+
+    swp-pin-key:hover {
+      background: var(--color-background-hover);
+      border-color: var(--color-teal);
+    }
+
+    swp-pin-key:active {
+      transform: scale(0.95);
+    }
+
+    swp-pin-key.empty {
+      visibility: hidden;
+    }
+
+    swp-pin-key.backspace {
+      font-size: 20px;
+    }
+
+    swp-pin-key.backspace i {
+      font-size: 24px;
+    }
+
+    swp-lock-time {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: -12px;
+    }
+
+    swp-lock-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: -8px;
+    }
+
+    /* ==========================================
+       MAIN CONTENT
+       ========================================== */
+    swp-main-content {
+      display: block;
+      overflow-y: auto;
+      padding: 24px;
+      background: var(--color-background);
+    }
+
+    /* Demo placeholder */
+    swp-content-placeholder {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      min-height: 400px;
+      background: var(--color-surface);
+      border: 2px dashed var(--color-border);
+      border-radius: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-content-placeholder i {
+      font-size: 64px;
+      color: var(--color-border);
+      margin-bottom: 16px;
+    }
+
+    swp-content-placeholder-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 8px;
+    }
+
+    swp-content-placeholder-text {
+      font-size: 14px;
+      text-align: center;
+      max-width: 400px;
+    }
+  </style>
+</head>
+<body>
+  <swp-app-layout>
+    <!-- Side Menu -->
+    <swp-side-menu>
+      <swp-side-menu-header>
+        <i class="ph ph-squares-four"></i>
+        <swp-side-menu-logo>Salon OS</swp-side-menu-logo>
+        <swp-menu-toggle id="menuToggle">
+          <i class="ph ph-caret-left"></i>
+        </swp-menu-toggle>
+      </swp-side-menu-header>
+
+      <swp-side-menu-nav>
+        <!-- DASHBOARD -->
+        <swp-side-menu-group>
+          <swp-side-menu-label>Dashboard</swp-side-menu-label>
+          <swp-side-menu-item data-active="true" data-tooltip="Dashboard">
+            <i class="ph ph-squares-four"></i>
+            <span>Dashboard</span>
+          </swp-side-menu-item>
+          <swp-side-menu-item onclick="location.href='poc-calendar.html'" data-tooltip="Kalender">
+            <i class="ph ph-calendar"></i>
+            <span>Kalender</span>
+          </swp-side-menu-item>
+          <swp-side-menu-item data-tooltip="Kasse">
+            <i class="ph ph-device-mobile"></i>
+            <span>Kasse</span>
+          </swp-side-menu-item>
+        </swp-side-menu-group>
+
+        <!-- DATA -->
+        <swp-side-menu-group>
+          <swp-side-menu-label>Data</swp-side-menu-label>
+          <swp-side-menu-item onclick="location.href='poc-produkter.html'" data-tooltip="Produkter & Lager">
+            <i class="ph ph-package"></i>
+            <span>Produkter & Lager</span>
+          </swp-side-menu-item>
+          <swp-side-menu-item onclick="location.href='poc-leverandoerer.html'" data-tooltip="Leverandører">
+            <i class="ph ph-truck"></i>
+            <span>Leverandører</span>
+          </swp-side-menu-item>
+          <swp-side-menu-item data-tooltip="Kunder">
+            <i class="ph ph-users"></i>
+            <span>Kunder</span>
+          </swp-side-menu-item>
+          <swp-side-menu-item onclick="location.href='poc-medarbejdere.html'" data-tooltip="Medarbejdere">
+            <i class="ph ph-user"></i>
+            <span>Medarbejdere</span>
+          </swp-side-menu-item>
+        </swp-side-menu-group>
+
+        <!-- ANALYSE -->
+        <swp-side-menu-group>
+          <swp-side-menu-label>Analyse</swp-side-menu-label>
+          <swp-side-menu-item data-tooltip="Statistik & Rapporter">
+            <i class="ph ph-chart-bar"></i>
+            <span>Statistik & Rapporter</span>
+          </swp-side-menu-item>
+        </swp-side-menu-group>
+
+        <!-- SYSTEM -->
+        <swp-side-menu-group>
+          <swp-side-menu-label>System</swp-side-menu-label>
+          <swp-side-menu-item onclick="location.href='poc-indstillinger.html'" data-tooltip="Indstillinger">
+            <i class="ph ph-gear"></i>
+            <span>Indstillinger</span>
+          </swp-side-menu-item>
+          <swp-side-menu-item onclick="location.href='poc-konto.html'" data-tooltip="Abonnement & Konto">
+            <i class="ph ph-credit-card"></i>
+            <span>Abonnement & Konto</span>
+          </swp-side-menu-item>
+        </swp-side-menu-group>
+      </swp-side-menu-nav>
+
+      <swp-side-menu-footer>
+        <swp-side-menu-action class="lock" title="Lås skærm">
+          <i class="ph ph-lock"></i>
+          <span>Lås skærm</span>
+        </swp-side-menu-action>
+      </swp-side-menu-footer>
+    </swp-side-menu>
+
+    <!-- Top Bar -->
+    <swp-app-topbar>
+      <swp-topbar-search>
+        <i class="ph ph-magnifying-glass"></i>
+        <input type="text" placeholder="Søg i Salon OS..." id="globalSearch">
+        <kbd>⌘K</kbd>
+      </swp-topbar-search>
+
+      <swp-topbar-actions>
+        <!-- Notifications -->
+        <swp-topbar-btn id="notificationsBtn" title="Notifikationer">
+          <i class="ph ph-bell"></i>
+          <swp-notification-badge>3</swp-notification-badge>
+        </swp-topbar-btn>
+
+        <swp-topbar-divider></swp-topbar-divider>
+
+        <!-- Profile (opens drawer) -->
+        <swp-topbar-profile id="profileTrigger">
+          <swp-profile-avatar>MJ</swp-profile-avatar>
+          <swp-profile-info>
+            <swp-profile-name>Maria Jensen</swp-profile-name>
+            <swp-profile-role>Administrator</swp-profile-role>
+          </swp-profile-info>
+        </swp-topbar-profile>
+      </swp-topbar-actions>
+    </swp-app-topbar>
+
+    <!-- Main Content -->
+    <swp-main-content>
+      <swp-page-container>
+        <!-- Stats Bar -->
+        <swp-stats-bar>
+          <swp-stat-card class="highlight">
+            <swp-stat-value>12</swp-stat-value>
+            <swp-stat-label>Bookinger i dag</swp-stat-label>
+            <swp-stat-trend class="up">
+              <i class="ph ph-check-circle"></i>
+              4 gennemført, 2 i gang
+            </swp-stat-trend>
+          </swp-stat-card>
+          <swp-stat-card class="success">
+            <swp-stat-value>8.450 kr</swp-stat-value>
+            <swp-stat-label>Forventet omsætning</swp-stat-label>
+            <swp-stat-trend class="up">
+              <i class="ph ph-trend-up"></i>
+              +12% vs. gennemsnit
+            </swp-stat-trend>
+          </swp-stat-card>
+          <swp-stat-card>
+            <swp-stat-value>78%</swp-stat-value>
+            <swp-stat-label>Belægningsgrad</swp-stat-label>
+            <swp-stat-trend class="up">
+              <i class="ph ph-trend-up"></i>
+              God kapacitet
+            </swp-stat-trend>
+          </swp-stat-card>
+          <swp-stat-card class="warning">
+            <swp-stat-value>4</swp-stat-value>
+            <swp-stat-label>Kræver opmærksomhed</swp-stat-label>
+          </swp-stat-card>
+        </swp-stats-bar>
+
+        <swp-dashboard-grid>
+          <!-- Main Column -->
+          <swp-main-column>
+            <!-- AI Insight -->
+            <swp-card>
+              <swp-ai-insight>
+                <swp-ai-header>
+                  <i class="ph ph-sparkle"></i>
+                  <span>AI Analyse</span>
+                </swp-ai-header>
+                <swp-ai-text>
+                  <strong>Godt i gang!</strong> 4 af 12 bookinger er gennemført. 2 er i gang nu, og 6 venter.
+                  Forventet omsætning: <strong>8.450 kr</strong> – allerede realiseret <strong>2.150 kr</strong>.
+                  Tip: Ida Rasmussen (11:30) har ikke bekræftet – overvej at sende en påmindelse.
+                </swp-ai-text>
+              </swp-ai-insight>
+            </swp-card>
+
+            <!-- Today's Bookings -->
+            <swp-card>
+              <swp-card-header>
+                <swp-card-title>
+                  <i class="ph ph-calendar-check"></i>
+                  Dagens bookinger
+                </swp-card-title>
+                <swp-card-action>Se alle</swp-card-action>
+              </swp-card-header>
+
+              <swp-current-time>
+                <i class="ph ph-clock"></i>
+                <span>Nu: <swp-time>10:45</swp-time></span>
+              </swp-current-time>
+
+              <swp-booking-list>
+                <!-- Gennemførte bookinger -->
+                <swp-booking-item class="completed">
+                  <swp-booking-time>
+                    <swp-time-start>08:00</swp-time-start>
+                    <swp-time-end>08:30</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Herreklip</swp-booking-service>
+                    <swp-booking-customer>Thomas Berg</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>MH</swp-avatar-small>
+                    <span>Maria</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="completed">Gennemført</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item class="completed">
+                  <swp-booking-time>
+                    <swp-time-start>08:30</swp-time-start>
+                    <swp-time-end>09:00</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Dameklip</swp-booking-service>
+                    <swp-booking-customer>Katrine Holm</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>AS</swp-avatar-small>
+                    <span>Anna</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="completed">Gennemført</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item class="completed">
+                  <swp-booking-time>
+                    <swp-time-start>09:00</swp-time-start>
+                    <swp-time-end>09:30</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Skægtrimning</swp-booking-service>
+                    <swp-booking-customer>Mikkel Skov</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>PK</swp-avatar-small>
+                    <span>Peter</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="completed">Gennemført</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item class="completed">
+                  <swp-booking-time>
+                    <swp-time-start>09:00</swp-time-start>
+                    <swp-time-end>10:30</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Dameklip + Farve</swp-booking-service>
+                    <swp-booking-customer>Sofie Nielsen</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>AS</swp-avatar-small>
+                    <span>Anna</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="completed">Gennemført</swp-booking-status>
+                </swp-booking-item>
+
+                <!-- Igangværende -->
+                <swp-booking-item style="background: color-mix(in srgb, var(--color-teal) 8%, var(--color-background-alt));">
+                  <swp-booking-time>
+                    <swp-time-start>10:30</swp-time-start>
+                    <swp-time-end>11:00</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="blue"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Herreklip</swp-booking-service>
+                    <swp-booking-customer>Jonas Petersen</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>MH</swp-avatar-small>
+                    <span>Maria</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="inprogress">I gang</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item style="background: color-mix(in srgb, var(--color-teal) 8%, var(--color-background-alt));">
+                  <swp-booking-time>
+                    <swp-time-start>10:00</swp-time-start>
+                    <swp-time-end>11:00</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="purple"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Føn + Styling</swp-booking-service>
+                    <swp-booking-customer>Rikke Dam</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>LJ</swp-avatar-small>
+                    <span>Louise</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="inprogress">I gang</swp-booking-status>
+                </swp-booking-item>
+
+                <!-- Kommende -->
+                <swp-booking-item>
+                  <swp-booking-time>
+                    <swp-time-start>11:00</swp-time-start>
+                    <swp-time-end>12:00</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="teal"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Balayage</swp-booking-service>
+                    <swp-booking-customer>Emma Christensen</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>AS</swp-avatar-small>
+                    <span>Anna</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="confirmed">Bekræftet</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item>
+                  <swp-booking-time>
+                    <swp-time-start>11:30</swp-time-start>
+                    <swp-time-end>12:00</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="amber"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Dameklip</swp-booking-service>
+                    <swp-booking-customer>Ida Rasmussen</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>MH</swp-avatar-small>
+                    <span>Maria</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="pending">Afventer</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item>
+                  <swp-booking-time>
+                    <swp-time-start>13:00</swp-time-start>
+                    <swp-time-end>14:00</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="green"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Farve + Føn</swp-booking-service>
+                    <swp-booking-customer>Louise Andersen</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>AS</swp-avatar-small>
+                    <span>Anna</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="confirmed">Bekræftet</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item>
+                  <swp-booking-time>
+                    <swp-time-start>14:00</swp-time-start>
+                    <swp-time-end>14:30</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="blue"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Herreklip</swp-booking-service>
+                    <swp-booking-customer>Anders Møller</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>PK</swp-avatar-small>
+                    <span>Peter</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="confirmed">Bekræftet</swp-booking-status>
+                </swp-booking-item>
+
+                <swp-booking-item>
+                  <swp-booking-time>
+                    <swp-time-start>15:30</swp-time-start>
+                    <swp-time-end>16:30</swp-time-end>
+                  </swp-booking-time>
+                  <swp-booking-indicator class="purple"></swp-booking-indicator>
+                  <swp-booking-details>
+                    <swp-booking-service>Extensions</swp-booking-service>
+                    <swp-booking-customer>Julie Lund</swp-booking-customer>
+                  </swp-booking-details>
+                  <swp-booking-employee>
+                    <swp-avatar-small>LJ</swp-avatar-small>
+                    <span>Louise</span>
+                  </swp-booking-employee>
+                  <swp-booking-status class="confirmed">Bekræftet</swp-booking-status>
+                </swp-booking-item>
+              </swp-booking-list>
+            </swp-card>
+
+            <!-- Attention Items -->
+            <swp-card>
+              <swp-card-header>
+                <swp-card-title>
+                  <i class="ph ph-warning-circle"></i>
+                  Opmærksomheder
+                </swp-card-title>
+              </swp-card-header>
+
+              <swp-attention-list>
+                <swp-attention-item class="urgent">
+                  <swp-attention-icon>
+                    <i class="ph ph-package"></i>
+                  </swp-attention-icon>
+                  <swp-attention-content>
+                    <swp-attention-title>Lav lagerbeholdning på Moroccanoil Balsam</swp-attention-title>
+                    <swp-attention-desc>4 stk tilbage · sidst bestilt for 21 dage siden</swp-attention-desc>
+                  </swp-attention-content>
+                  <swp-attention-action>Opret bestilling</swp-attention-action>
+                </swp-attention-item>
+
+                <swp-attention-item class="warning">
+                  <swp-attention-icon>
+                    <i class="ph ph-calendar-x"></i>
+                  </swp-attention-icon>
+                  <swp-attention-content>
+                    <swp-attention-title>2 kunder uden bekræftet tid i eftermiddag</swp-attention-title>
+                    <swp-attention-desc>Line · Balayage · 13:00 · Cecilie · Klip · 15:00</swp-attention-desc>
+                  </swp-attention-content>
+                  <swp-attention-action>Send SMS-påmindelse</swp-attention-action>
+                </swp-attention-item>
+
+                <swp-attention-item class="info">
+                  <swp-attention-icon>
+                    <i class="ph ph-cash-register"></i>
+                  </swp-attention-icon>
+                  <swp-attention-content>
+                    <swp-attention-title>Kasseafstemning for i går mangler</swp-attention-title>
+                    <swp-attention-desc>9 kontantsalg registreret · forventet differens: 0 kr</swp-attention-desc>
+                  </swp-attention-content>
+                  <swp-attention-action>Afstem kasse</swp-attention-action>
+                </swp-attention-item>
+
+                <swp-attention-item class="info">
+                  <swp-attention-icon>
+                    <i class="ph ph-gift"></i>
+                  </swp-attention-icon>
+                  <swp-attention-content>
+                    <swp-attention-title>Gavekort udløber snart</swp-attention-title>
+                    <swp-attention-desc>GC-D2R4-6TY9 udløber om 3 uger (200 DKK)</swp-attention-desc>
+                  </swp-attention-content>
+                  <swp-attention-action>Se gavekort</swp-attention-action>
+                </swp-attention-item>
+              </swp-attention-list>
+            </swp-card>
+          </swp-main-column>
+
+          <!-- Side Column -->
+          <swp-side-column>
+            <!-- Notifications -->
+            <swp-card>
+              <swp-card-header>
+                <swp-card-title>
+                  <i class="ph ph-bell"></i>
+                  Notifikationer
+                </swp-card-title>
+                <swp-card-action>Marker alle som læst</swp-card-action>
+              </swp-card-header>
+
+              <swp-notification-list>
+                <swp-notification-item class="unread">
+                  <swp-notification-icon>
+                    <i class="ph ph-calendar-plus"></i>
+                  </swp-notification-icon>
+                  <swp-notification-content>
+                    <swp-notification-text>
+                      <strong>Ny booking</strong> fra Emma Christensen til Balayage
+                    </swp-notification-text>
+                    <swp-notification-time>For 15 min. siden</swp-notification-time>
+                  </swp-notification-content>
+                </swp-notification-item>
+
+                <swp-notification-item class="unread">
+                  <swp-notification-icon>
+                    <i class="ph ph-star"></i>
+                  </swp-notification-icon>
+                  <swp-notification-content>
+                    <swp-notification-text>
+                      <strong>Ny anmeldelse</strong> – 5 stjerner fra Sofie Nielsen
+                    </swp-notification-text>
+                    <swp-notification-time>For 1 time siden</swp-notification-time>
+                  </swp-notification-content>
+                </swp-notification-item>
+
+                <swp-notification-item>
+                  <swp-notification-icon>
+                    <i class="ph ph-x"></i>
+                  </swp-notification-icon>
+                  <swp-notification-content>
+                    <swp-notification-text>
+                      <strong>Aflysning</strong> – Mette Hansen aflyste kl. 15:00
+                    </swp-notification-text>
+                    <swp-notification-time>For 2 timer siden</swp-notification-time>
+                  </swp-notification-content>
+                </swp-notification-item>
+
+                <swp-notification-item>
+                  <swp-notification-icon>
+                    <i class="ph ph-check"></i>
+                  </swp-notification-icon>
+                  <swp-notification-content>
+                    <swp-notification-text>
+                      <strong>Bekræftet</strong> – Louise Andersen bekræftede kl. 13:00
+                    </swp-notification-text>
+                    <swp-notification-time>I går kl. 18:30</swp-notification-time>
+                  </swp-notification-content>
+                </swp-notification-item>
+              </swp-notification-list>
+            </swp-card>
+
+            <!-- Quick Stats -->
+            <swp-card>
+              <swp-card-header>
+                <swp-card-title>
+                  <i class="ph ph-chart-line-up"></i>
+                  Denne uge
+                </swp-card-title>
+              </swp-card-header>
+
+              <swp-quick-stats>
+                <swp-quick-stat>
+                  <swp-stat-value>47</swp-stat-value>
+                  <swp-stat-label>Bookinger</swp-stat-label>
+                </swp-quick-stat>
+                <swp-quick-stat>
+                  <swp-stat-value>38.200 kr</swp-stat-value>
+                  <swp-stat-label>Omsætning</swp-stat-label>
+                </swp-quick-stat>
+                <swp-quick-stat>
+                  <swp-stat-value>8</swp-stat-value>
+                  <swp-stat-label>Nye kunder</swp-stat-label>
+                </swp-quick-stat>
+                <swp-quick-stat>
+                  <swp-stat-value>72%</swp-stat-value>
+                  <swp-stat-label>Gns. belægning</swp-stat-label>
+                </swp-quick-stat>
+              </swp-quick-stats>
+            </swp-card>
+
+            <!-- Employee Status -->
+            <swp-card>
+              <swp-card-header>
+                <swp-card-title>
+                  <i class="ph ph-users"></i>
+                  Medarbejdere
+                </swp-card-title>
+              </swp-card-header>
+
+              <swp-employee-list>
+                <swp-employee-status-item>
+                  <swp-employee-avatar>AS</swp-employee-avatar>
+                  <swp-employee-info>
+                    <swp-employee-name>Anna Sørensen</swp-employee-name>
+                    <swp-employee-current>Ledig til kl. 11:00 (Balayage)</swp-employee-current>
+                  </swp-employee-info>
+                  <swp-employee-status-badge class="available">Ledig</swp-employee-status-badge>
+                </swp-employee-status-item>
+
+                <swp-employee-status-item>
+                  <swp-employee-avatar>MH</swp-employee-avatar>
+                  <swp-employee-info>
+                    <swp-employee-name>Maria Hansen</swp-employee-name>
+                    <swp-employee-current>Herreklip med Jonas</swp-employee-current>
+                  </swp-employee-info>
+                  <swp-employee-status-badge class="busy">Optaget</swp-employee-status-badge>
+                </swp-employee-status-item>
+
+                <swp-employee-status-item>
+                  <swp-employee-avatar>LJ</swp-employee-avatar>
+                  <swp-employee-info>
+                    <swp-employee-name>Louise Jensen</swp-employee-name>
+                    <swp-employee-current>Føn + Styling med Rikke</swp-employee-current>
+                  </swp-employee-info>
+                  <swp-employee-status-badge class="busy">Optaget</swp-employee-status-badge>
+                </swp-employee-status-item>
+
+                <swp-employee-status-item>
+                  <swp-employee-avatar>PK</swp-employee-avatar>
+                  <swp-employee-info>
+                    <swp-employee-name>Peter Kristensen</swp-employee-name>
+                    <swp-employee-current>Ledig til kl. 14:00</swp-employee-current>
+                  </swp-employee-info>
+                  <swp-employee-status-badge class="available">Ledig</swp-employee-status-badge>
+                </swp-employee-status-item>
+              </swp-employee-list>
+            </swp-card>
+          </swp-side-column>
+        </swp-dashboard-grid>
+      </swp-page-container>
+    </swp-main-content>
+  </swp-app-layout>
+
+  <!-- Profile Drawer -->
+  <swp-drawer-overlay id="drawerOverlay"></swp-drawer-overlay>
+  <swp-profile-drawer id="profileDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>Min profil</swp-drawer-title>
+      <swp-drawer-close id="drawerClose">
+        <i class="ph ph-x"></i>
+      </swp-drawer-close>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <swp-drawer-profile>
+        <swp-drawer-avatar>MJ</swp-drawer-avatar>
+        <swp-drawer-name>Maria Jensen</swp-drawer-name>
+        <swp-drawer-role>Administrator</swp-drawer-role>
+        <swp-drawer-email>maria@salon.dk</swp-drawer-email>
+      </swp-drawer-profile>
+
+      <swp-drawer-section>
+        <swp-drawer-section-label>Konto</swp-drawer-section-label>
+        <swp-drawer-item>
+          <i class="ph ph-user-circle"></i>
+          <swp-drawer-item-text>Rediger profil</swp-drawer-item-text>
+          <i class="ph ph-caret-right"></i>
+        </swp-drawer-item>
+        <swp-drawer-item>
+          <i class="ph ph-key"></i>
+          <swp-drawer-item-text>Skift adgangskode</swp-drawer-item-text>
+          <i class="ph ph-caret-right"></i>
+        </swp-drawer-item>
+        <swp-drawer-item>
+          <i class="ph ph-bell"></i>
+          <swp-drawer-item-text>Notifikationer</swp-drawer-item-text>
+          <swp-drawer-item-hint>3 ulæste</swp-drawer-item-hint>
+        </swp-drawer-item>
+        <swp-drawer-item id="openTodoDrawer">
+          <i class="ph ph-check-square"></i>
+          <swp-drawer-item-text>Mine opgaver</swp-drawer-item-text>
+          <swp-drawer-item-hint>2 i dag</swp-drawer-item-hint>
+        </swp-drawer-item>
+      </swp-drawer-section>
+
+      <swp-drawer-section>
+        <swp-drawer-section-label>Udseende</swp-drawer-section-label>
+        <swp-theme-toggle id="themeToggleDrawer">
+          <swp-theme-option data-theme="light" title="Lyst tema">
+            <i class="ph ph-sun"></i>
+          </swp-theme-option>
+          <swp-theme-option data-theme="dark" title="Mørkt tema">
+            <i class="ph ph-moon"></i>
+          </swp-theme-option>
+        </swp-theme-toggle>
+      </swp-drawer-section>
+
+      <swp-drawer-section>
+        <swp-drawer-section-label>Support</swp-drawer-section-label>
+        <swp-drawer-item>
+          <i class="ph ph-question"></i>
+          <swp-drawer-item-text>Hjælp & Support</swp-drawer-item-text>
+          <i class="ph ph-caret-right"></i>
+        </swp-drawer-item>
+        <swp-drawer-item>
+          <i class="ph ph-info"></i>
+          <swp-drawer-item-text>Om Salon OS</swp-drawer-item-text>
+          <swp-drawer-item-hint>v2.1.0</swp-drawer-item-hint>
+        </swp-drawer-item>
+      </swp-drawer-section>
+    </swp-drawer-content>
+
+    <swp-drawer-footer>
+      <swp-drawer-action class="logout">
+        <i class="ph ph-sign-out"></i>
+        Log ud
+      </swp-drawer-action>
+    </swp-drawer-footer>
+  </swp-profile-drawer>
+
+  <!-- Notification Drawer -->
+  <swp-notification-drawer id="notificationDrawer">
+    <swp-drawer-header>
+      <swp-drawer-title>Notifikationer</swp-drawer-title>
+      <swp-drawer-header-actions>
+        <swp-mark-read-btn id="markAllRead">Marker alle læst</swp-mark-read-btn>
+        <swp-drawer-close id="notificationDrawerClose">
+          <i class="ph ph-x"></i>
+        </swp-drawer-close>
+      </swp-drawer-header-actions>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <!-- Booking -->
+      <swp-notification-item data-unread="true">
+        <swp-notification-icon class="booking">
+          <i class="ph ph-calendar-check"></i>
+        </swp-notification-icon>
+        <swp-notification-content>
+          <swp-notification-title>Ny booking</swp-notification-title>
+          <swp-notification-text>Maria Hansen har booket klipning kl. 14:00</swp-notification-text>
+          <swp-notification-time>For 5 min siden</swp-notification-time>
+        </swp-notification-content>
+      </swp-notification-item>
+
+      <!-- Smiley/Feedback -->
+      <swp-notification-item data-unread="true">
+        <swp-notification-icon class="smiley">
+          <i class="ph ph-smiley"></i>
+        </swp-notification-icon>
+        <swp-notification-content>
+          <swp-notification-title>Kunde feedback</swp-notification-title>
+          <swp-notification-text>5 stjerner fra Jonas Petersen</swp-notification-text>
+          <swp-notification-time>For 15 min siden</swp-notification-time>
+        </swp-notification-content>
+      </swp-notification-item>
+
+      <!-- Opkald -->
+      <swp-notification-item data-unread="true">
+        <swp-notification-icon class="call">
+          <i class="ph ph-phone"></i>
+        </swp-notification-icon>
+        <swp-notification-content>
+          <swp-notification-title>Misset opkald</swp-notification-title>
+          <swp-notification-text>+45 12 34 56 78</swp-notification-text>
+          <swp-notification-time>For 1 time siden</swp-notification-time>
+        </swp-notification-content>
+      </swp-notification-item>
+
+      <!-- Mail -->
+      <swp-notification-item>
+        <swp-notification-icon class="mail">
+          <i class="ph ph-envelope"></i>
+        </swp-notification-icon>
+        <swp-notification-content>
+          <swp-notification-title>Ny mail</swp-notification-title>
+          <swp-notification-text>Fra: leverandoer@produkt.dk - Ordrebekræftelse</swp-notification-text>
+          <swp-notification-time>For 2 timer siden</swp-notification-time>
+        </swp-notification-content>
+      </swp-notification-item>
+
+      <!-- Chat -->
+      <swp-notification-item>
+        <swp-notification-icon class="chat">
+          <i class="ph ph-chat-circle"></i>
+        </swp-notification-icon>
+        <swp-notification-content>
+          <swp-notification-title>Ny besked i chat</swp-notification-title>
+          <swp-notification-text>Kunde: "Hej, kan jeg ændre min tid?"</swp-notification-text>
+          <swp-notification-time>For 3 timer siden</swp-notification-time>
+        </swp-notification-content>
+      </swp-notification-item>
+
+      <!-- Reminder -->
+      <swp-notification-item>
+        <swp-notification-icon class="reminder">
+          <i class="ph ph-bell-ringing"></i>
+        </swp-notification-icon>
+        <swp-notification-content>
+          <swp-notification-title>Påmindelse</swp-notification-title>
+          <swp-notification-text>Bestil varer fra Wella inden fredag</swp-notification-text>
+          <swp-notification-time>I går</swp-notification-time>
+        </swp-notification-content>
+      </swp-notification-item>
+    </swp-drawer-content>
+  </swp-notification-drawer>
+
+  <!-- Todo Drawer -->
+  <swp-todo-drawer id="todoDrawer">
+    <swp-drawer-header>
+      <swp-drawer-back id="todoDrawerBack">
+        <i class="ph ph-caret-left"></i>
+      </swp-drawer-back>
+      <swp-drawer-title>Mine opgaver</swp-drawer-title>
+      <swp-drawer-header-actions>
+        <swp-add-todo-btn id="addTodoBtn" title="Tilføj opgave">
+          <i class="ph ph-plus"></i>
+        </swp-add-todo-btn>
+      </swp-drawer-header-actions>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <!-- I dag -->
+      <swp-todo-section>
+        <swp-todo-section-header>
+          <i class="ph ph-caret-down"></i>
+          <swp-todo-section-title>I dag</swp-todo-section-title>
+          <swp-todo-section-count>3</swp-todo-section-count>
+        </swp-todo-section-header>
+        <swp-todo-items>
+          <swp-todo-item>
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Ring til leverandør om ordre</swp-todo-title>
+              <swp-todo-meta>
+                <swp-todo-time>
+                  <i class="ph ph-clock"></i>
+                  10:00
+                </swp-todo-time>
+              </swp-todo-meta>
+            </swp-todo-content>
+          </swp-todo-item>
+          <swp-todo-item data-completed="true">
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Bestil shampoo fra Wella</swp-todo-title>
+            </swp-todo-content>
+          </swp-todo-item>
+          <swp-todo-item>
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Opdater prisliste for 2025</swp-todo-title>
+              <swp-todo-meta>
+                <swp-todo-priority class="high">
+                  <i class="ph ph-flag"></i>
+                  Høj
+                </swp-todo-priority>
+              </swp-todo-meta>
+            </swp-todo-content>
+          </swp-todo-item>
+        </swp-todo-items>
+      </swp-todo-section>
+
+      <!-- Denne uge -->
+      <swp-todo-section>
+        <swp-todo-section-header>
+          <i class="ph ph-caret-down"></i>
+          <swp-todo-section-title>Denne uge</swp-todo-section-title>
+          <swp-todo-section-count>2</swp-todo-section-count>
+        </swp-todo-section-header>
+        <swp-todo-items>
+          <swp-todo-item>
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Rengør og vedligehold udstyr</swp-todo-title>
+              <swp-todo-meta>
+                <swp-todo-date>
+                  <i class="ph ph-calendar"></i>
+                  Onsdag
+                </swp-todo-date>
+              </swp-todo-meta>
+            </swp-todo-content>
+          </swp-todo-item>
+          <swp-todo-item>
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Medarbejdersamtale med Jonas</swp-todo-title>
+              <swp-todo-meta>
+                <swp-todo-date>
+                  <i class="ph ph-calendar"></i>
+                  Fredag
+                </swp-todo-date>
+                <swp-todo-time>
+                  <i class="ph ph-clock"></i>
+                  14:00
+                </swp-todo-time>
+              </swp-todo-meta>
+            </swp-todo-content>
+          </swp-todo-item>
+        </swp-todo-items>
+      </swp-todo-section>
+
+      <!-- Udført -->
+      <swp-todo-section class="collapsed">
+        <swp-todo-section-header>
+          <i class="ph ph-caret-down"></i>
+          <swp-todo-section-title>Udført</swp-todo-section-title>
+          <swp-todo-section-count>3</swp-todo-section-count>
+        </swp-todo-section-header>
+        <swp-todo-items>
+          <swp-todo-item data-completed="true">
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Send faktura til kunde</swp-todo-title>
+            </swp-todo-content>
+          </swp-todo-item>
+          <swp-todo-item data-completed="true">
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Opdater åbningstider på Google</swp-todo-title>
+            </swp-todo-content>
+          </swp-todo-item>
+          <swp-todo-item data-completed="true">
+            <swp-todo-checkbox>
+              <i class="ph ph-check"></i>
+            </swp-todo-checkbox>
+            <swp-todo-content>
+              <swp-todo-title>Bestil nye håndklæder</swp-todo-title>
+            </swp-todo-content>
+          </swp-todo-item>
+        </swp-todo-items>
+      </swp-todo-section>
+    </swp-drawer-content>
+  </swp-todo-drawer>
+
+  <!-- New Todo Drawer - slides from left of todo drawer -->
+  <swp-new-todo-drawer id="newTodoDrawer">
+    <swp-drawer-header>
+      <swp-drawer-back id="newTodoDrawerBack">
+        <i class="ph ph-caret-left"></i>
+      </swp-drawer-back>
+      <swp-drawer-title>Ny opgave</swp-drawer-title>
+    </swp-drawer-header>
+
+    <swp-drawer-content>
+      <!-- Titel -->
+      <swp-form-field>
+        <swp-section-label>Opgave</swp-section-label>
+        <input type="text" placeholder="Hvad skal du huske?" id="newTodoTitle">
+      </swp-form-field>
+
+      <!-- Dato & Tid -->
+      <swp-form-row>
+        <swp-form-field>
+          <swp-section-label>Dato</swp-section-label>
+          <input type="date" id="newTodoDate">
+        </swp-form-field>
+        <swp-form-field>
+          <swp-section-label>Tid</swp-section-label>
+          <input type="time" id="newTodoTime">
+        </swp-form-field>
+      </swp-form-row>
+
+      <!-- Prioritet -->
+      <swp-form-field>
+        <swp-section-label>Prioritet</swp-section-label>
+        <select id="newTodoPriority">
+          <option value="normal">Normal</option>
+          <option value="high">Høj prioritet</option>
+          <option value="low">Lav prioritet</option>
+        </select>
+      </swp-form-field>
+
+      <!-- Synlighed -->
+      <swp-form-field>
+        <swp-section-label>Synlighed</swp-section-label>
+        <swp-visibility-toggle>
+          <swp-visibility-option class="active" data-value="personal">
+            <i class="ph ph-user"></i>
+            Kun mig
+          </swp-visibility-option>
+          <swp-visibility-option data-value="shared">
+            <i class="ph ph-users"></i>
+            Alle
+          </swp-visibility-option>
+        </swp-visibility-toggle>
+      </swp-form-field>
+
+      <!-- Noter -->
+      <swp-form-field>
+        <swp-section-label>Noter</swp-section-label>
+        <textarea placeholder="Tilføj noter..." id="newTodoNotes"></textarea>
+      </swp-form-field>
+    </swp-drawer-content>
+
+    <swp-drawer-footer>
+      <swp-btn class="secondary" id="cancelNewTodo">Annuller</swp-btn>
+      <swp-btn class="primary" id="saveNewTodo">Gem opgave</swp-btn>
+    </swp-drawer-footer>
+  </swp-new-todo-drawer>
+
+  <!-- Lock Screen -->
+  <swp-lock-screen id="lockScreen">
+    <swp-lock-content>
+      <swp-lock-icon>
+        <i class="ph ph-lock"></i>
+      </swp-lock-icon>
+      <swp-lock-title>Skærm låst</swp-lock-title>
+      <swp-lock-subtitle>Indtast PIN for at fortsætte</swp-lock-subtitle>
+
+      <swp-lock-time id="lockTime">Låst kl. 14:32</swp-lock-time>
+
+      <swp-pin-input id="pinInput">
+        <swp-pin-digit></swp-pin-digit>
+        <swp-pin-digit></swp-pin-digit>
+        <swp-pin-digit></swp-pin-digit>
+        <swp-pin-digit></swp-pin-digit>
+      </swp-pin-input>
+
+      <swp-pin-keypad id="pinKeypad">
+        <swp-pin-key data-key="1">1</swp-pin-key>
+        <swp-pin-key data-key="2">2</swp-pin-key>
+        <swp-pin-key data-key="3">3</swp-pin-key>
+        <swp-pin-key data-key="4">4</swp-pin-key>
+        <swp-pin-key data-key="5">5</swp-pin-key>
+        <swp-pin-key data-key="6">6</swp-pin-key>
+        <swp-pin-key data-key="7">7</swp-pin-key>
+        <swp-pin-key data-key="8">8</swp-pin-key>
+        <swp-pin-key data-key="9">9</swp-pin-key>
+        <swp-pin-key class="empty"></swp-pin-key>
+        <swp-pin-key data-key="0">0</swp-pin-key>
+        <swp-pin-key class="backspace" data-key="backspace">
+          <i class="ph ph-backspace"></i>
+        </swp-pin-key>
+      </swp-pin-keypad>
+
+      <swp-lock-hint>Indtast 4 cifre for at låse op</swp-lock-hint>
+    </swp-lock-content>
+  </swp-lock-screen>
+
+  <!-- Menu Tooltip (Popover API) -->
+  <div id="menuTooltip" popover="manual" class="swp-menu-tooltip"></div>
+
+  <script>
+    // Elements
+    const root = document.documentElement;
+    const profileTrigger = document.getElementById('profileTrigger');
+    const profileDrawer = document.getElementById('profileDrawer');
+    const drawerOverlay = document.getElementById('drawerOverlay');
+    const drawerClose = document.getElementById('drawerClose');
+
+    // ==========================================
+    // SIDE MENU COLLAPSE
+    // ==========================================
+    const menuToggle = document.getElementById('menuToggle');
+    const appLayout = document.querySelector('swp-app-layout');
+
+    menuToggle.addEventListener('click', () => {
+      appLayout.classList.toggle('menu-collapsed');
+    });
+
+    // ==========================================
+    // MENU TOOLTIPS (Popover API)
+    // ==========================================
+    const menuTooltip = document.getElementById('menuTooltip');
+    const menuItems = document.querySelectorAll('swp-side-menu-item[data-tooltip]');
+
+    menuItems.forEach(item => {
+      item.addEventListener('mouseenter', () => {
+        if (!appLayout.classList.contains('menu-collapsed')) return;
+
+        const rect = item.getBoundingClientRect();
+        menuTooltip.textContent = item.dataset.tooltip;
+        menuTooltip.style.left = `${rect.right + 8}px`;
+        menuTooltip.style.top = `${rect.top + rect.height / 2}px`;
+        menuTooltip.style.transform = 'translateY(-50%)';
+        menuTooltip.showPopover();
+      });
+
+      item.addEventListener('mouseleave', () => {
+        menuTooltip.hidePopover();
+      });
+    });
+
+    // ==========================================
+    // DRAWERS (Profile, Notifications & Todo)
+    // ==========================================
+    const notificationDrawer = document.getElementById('notificationDrawer');
+    const notificationDrawerClose = document.getElementById('notificationDrawerClose');
+    const notificationsBtn = document.getElementById('notificationsBtn');
+    const markAllReadBtn = document.getElementById('markAllRead');
+    const notificationBadge = document.querySelector('swp-notification-badge');
+
+    const todoDrawer = document.getElementById('todoDrawer');
+    const todoDrawerBack = document.getElementById('todoDrawerBack');
+    const openTodoDrawerBtn = document.getElementById('openTodoDrawer');
+    const addTodoBtn = document.getElementById('addTodoBtn');
+
+    const newTodoDrawer = document.getElementById('newTodoDrawer');
+    const newTodoDrawerBack = document.getElementById('newTodoDrawerBack');
+    const cancelNewTodoBtn = document.getElementById('cancelNewTodo');
+    const saveNewTodoBtn = document.getElementById('saveNewTodo');
+
+    // Open profile drawer
+    function openProfileDrawer() {
+      closeTodoDrawer();
+      closeNotificationDrawer();
+      profileDrawer.classList.add('open');
+      drawerOverlay.classList.add('open');
+      document.body.style.overflow = 'hidden';
+    }
+
+    // Close profile drawer
+    function closeProfileDrawer() {
+      profileDrawer.classList.remove('open');
+      drawerOverlay.classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    // Open notification drawer
+    function openNotificationDrawer() {
+      closeTodoDrawer();
+      closeProfileDrawer();
+      notificationDrawer.classList.add('open');
+      drawerOverlay.classList.add('open');
+      document.body.style.overflow = 'hidden';
+    }
+
+    // Close notification drawer
+    function closeNotificationDrawer() {
+      notificationDrawer.classList.remove('open');
+      drawerOverlay.classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    // Open todo drawer (on top of profile drawer)
+    function openTodoDrawer() {
+      todoDrawer.classList.add('open');
+    }
+
+    // Close todo drawer
+    function closeTodoDrawer() {
+      todoDrawer.classList.remove('open');
+      closeNewTodoDrawer();
+    }
+
+    // Open new todo drawer (on top of todo drawer)
+    function openNewTodoDrawer() {
+      newTodoDrawer.classList.add('open');
+    }
+
+    // Close new todo drawer
+    function closeNewTodoDrawer() {
+      newTodoDrawer.classList.remove('open');
+    }
+
+    // Close all drawers
+    function closeAllDrawers() {
+      closeProfileDrawer();
+      closeNotificationDrawer();
+      closeTodoDrawer();
+    }
+
+    // Profile trigger opens drawer
+    profileTrigger.addEventListener('click', openProfileDrawer);
+
+    // Notifications button opens drawer
+    notificationsBtn.addEventListener('click', openNotificationDrawer);
+
+    // Todo drawer from profile
+    openTodoDrawerBtn.addEventListener('click', openTodoDrawer);
+
+    // Todo drawer back button (returns to profile)
+    todoDrawerBack.addEventListener('click', closeTodoDrawer);
+
+    // Add todo button opens new todo drawer
+    addTodoBtn.addEventListener('click', openNewTodoDrawer);
+
+    // New todo drawer back/cancel buttons
+    newTodoDrawerBack.addEventListener('click', closeNewTodoDrawer);
+    cancelNewTodoBtn.addEventListener('click', closeNewTodoDrawer);
+
+    // Save new todo (demo - just closes drawer)
+    saveNewTodoBtn.addEventListener('click', () => {
+      // In a real app, save the todo here
+      closeNewTodoDrawer();
+    });
+
+    // Visibility toggle
+    const visibilityOptions = document.querySelectorAll('swp-visibility-option');
+    visibilityOptions.forEach(option => {
+      option.addEventListener('click', () => {
+        visibilityOptions.forEach(o => o.classList.remove('active'));
+        option.classList.add('active');
+      });
+    });
+
+    // Close on overlay click
+    drawerOverlay.addEventListener('click', closeAllDrawers);
+
+    // Close on X buttons
+    drawerClose.addEventListener('click', closeProfileDrawer);
+    notificationDrawerClose.addEventListener('click', closeNotificationDrawer);
+
+    // Close on Escape
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') closeAllDrawers();
+    });
+
+    // Mark all as read
+    markAllReadBtn.addEventListener('click', () => {
+      const unreadItems = notificationDrawer.querySelectorAll('swp-notification-item[data-unread="true"]');
+      unreadItems.forEach(item => {
+        item.removeAttribute('data-unread');
+      });
+      notificationBadge.style.display = 'none';
+    });
+
+    // ==========================================
+    // TODO FUNCTIONALITY
+    // ==========================================
+    // Toggle todo completion
+    todoDrawer.addEventListener('click', (e) => {
+      const todoItem = e.target.closest('swp-todo-item');
+      const checkbox = e.target.closest('swp-todo-checkbox');
+
+      if (checkbox && todoItem) {
+        const isCompleted = todoItem.dataset.completed === 'true';
+        if (isCompleted) {
+          todoItem.removeAttribute('data-completed');
+        } else {
+          todoItem.dataset.completed = 'true';
+        }
+      }
+
+      // Toggle section collapse
+      const sectionHeader = e.target.closest('swp-todo-section-header');
+      if (sectionHeader) {
+        const section = sectionHeader.closest('swp-todo-section');
+        section.classList.toggle('collapsed');
+      }
+    });
+
+    // Theme toggle functionality
+    const themeOptions = document.querySelectorAll('swp-theme-option');
+
+    function isDarkMode() {
+      return root.classList.contains('dark-mode') ||
+        (window.matchMedia('(prefers-color-scheme: dark)').matches && !root.classList.contains('light-mode'));
+    }
+
+    function updateThemeToggle() {
+      const darkActive = isDarkMode();
+      themeOptions.forEach(option => {
+        const theme = option.dataset.theme;
+        if ((theme === 'dark' && darkActive) || (theme === 'light' && !darkActive)) {
+          option.classList.add('active');
+        } else {
+          option.classList.remove('active');
+        }
+      });
+    }
+
+    function setTheme(theme) {
+      if (theme === 'dark') {
+        root.classList.add('dark-mode');
+        root.classList.remove('light-mode');
+      } else {
+        root.classList.add('light-mode');
+        root.classList.remove('dark-mode');
+      }
+      updateThemeToggle();
+    }
+
+    // Initialize theme toggle state
+    updateThemeToggle();
+
+    // Theme option clicks
+    themeOptions.forEach(option => {
+      option.addEventListener('click', () => {
+        setTheme(option.dataset.theme);
+      });
+    });
+
+    // Keyboard shortcut for search (Cmd/Ctrl + K)
+    document.addEventListener('keydown', (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+        e.preventDefault();
+        document.getElementById('globalSearch').focus();
+      }
+    });
+
+    // ==========================================
+    // LOCK SCREEN
+    // ==========================================
+    const lockScreen = document.getElementById('lockScreen');
+    const pinInput = document.getElementById('pinInput');
+    const pinKeypad = document.getElementById('pinKeypad');
+    const lockBtn = document.querySelector('swp-side-menu-action.lock');
+    const pinDigits = pinInput.querySelectorAll('swp-pin-digit');
+    const lockTimeEl = document.getElementById('lockTime');
+
+    let currentPin = '';
+
+    // Show lock screen
+    function showLockScreen() {
+      closeAllDrawers();
+      lockScreen.classList.add('active');
+      document.body.style.overflow = 'hidden';
+      currentPin = '';
+      updatePinDisplay();
+
+      // Set lock time
+      const now = new Date();
+      const hours = now.getHours().toString().padStart(2, '0');
+      const minutes = now.getMinutes().toString().padStart(2, '0');
+      lockTimeEl.textContent = `Låst kl. ${hours}:${minutes}`;
+    }
+
+    // Hide lock screen
+    function hideLockScreen() {
+      lockScreen.classList.remove('active');
+      document.body.style.overflow = '';
+      currentPin = '';
+      updatePinDisplay();
+    }
+
+    // Update PIN display
+    function updatePinDisplay() {
+      pinDigits.forEach((digit, index) => {
+        digit.classList.remove('filled', 'error');
+        if (index < currentPin.length) {
+          digit.textContent = '•';
+          digit.classList.add('filled');
+        } else {
+          digit.textContent = '';
+        }
+      });
+    }
+
+    // Show error animation
+    function showPinError() {
+      pinDigits.forEach(digit => {
+        digit.classList.add('error');
+      });
+      setTimeout(() => {
+        currentPin = '';
+        updatePinDisplay();
+      }, 400);
+    }
+
+    const correctPin = '3911';
+
+    // Handle PIN key press
+    function handlePinKey(key) {
+      if (key === 'backspace') {
+        currentPin = currentPin.slice(0, -1);
+        updatePinDisplay();
+        return;
+      }
+
+      if (currentPin.length >= 4) return;
+
+      currentPin += key;
+      updatePinDisplay();
+
+      // Check if 4 digits entered
+      if (currentPin.length === 4) {
+        setTimeout(() => {
+          if (currentPin === correctPin) {
+            hideLockScreen();
+          } else {
+            showPinError();
+          }
+        }, 200);
+      }
+    }
+
+    // Lock button click
+    lockBtn.addEventListener('click', showLockScreen);
+
+    // Keypad clicks
+    pinKeypad.addEventListener('click', (e) => {
+      const key = e.target.closest('swp-pin-key');
+      if (!key || key.classList.contains('empty')) return;
+      handlePinKey(key.dataset.key);
+    });
+
+    // Keyboard support for PIN entry
+    document.addEventListener('keydown', (e) => {
+      // Alt+L to lock screen
+      if (e.altKey && e.key === 'x') {
+        e.preventDefault();
+        showLockScreen();
+        return;
+      }
+
+      if (!lockScreen.classList.contains('active')) return;
+
+      if (e.key >= '0' && e.key <= '9') {
+        handlePinKey(e.key);
+      } else if (e.key === 'Backspace') {
+        handlePinKey('backspace');
+      }
+    });
+
+    // ==========================================
+    // DASHBOARD FUNCTIONALITY
+    // ==========================================
+    // Update current time
+    function updateDashboardTime() {
+      const now = new Date();
+      const hours = String(now.getHours()).padStart(2, '0');
+      const minutes = String(now.getMinutes()).padStart(2, '0');
+      const timeEl = document.querySelector('swp-current-time swp-time');
+      if (timeEl) {
+        timeEl.textContent = `${hours}:${minutes}`;
+      }
+    }
+
+    updateDashboardTime();
+    setInterval(updateDashboardTime, 60000);
+
+    // Click handlers for attention items
+    document.querySelectorAll('swp-attention-action').forEach(action => {
+      action.addEventListener('click', (e) => {
+        e.stopPropagation();
+        alert('Handling: ' + action.textContent);
+      });
+    });
+
+    // Click handlers for bookings
+    document.querySelectorAll('swp-booking-item').forEach(item => {
+      item.addEventListener('click', () => {
+        const service = item.querySelector('swp-booking-service').textContent;
+        alert('Åbn booking: ' + service);
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-leverandoer.html b/wwwroot/poc-leverandoer.html
new file mode 100644
index 0000000..26fe80f
--- /dev/null
+++ b/wwwroot/poc-leverandoer.html
@@ -0,0 +1,1367 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Leverandør - Beauty Group Denmark</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode - følger system preference ELLER manuel toggle */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    /* Manuel dark mode override */
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+    }
+
+    @media (max-width: 900px) {
+      .grid-2 { grid-template-columns: 1fr; }
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 20px;
+      overflow: hidden;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-card-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-card-body {
+      display: block;
+      padding: 20px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.danger {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-red);
+    }
+
+    swp-btn.danger:hover {
+      background: color-mix(in srgb, var(--color-red) 10%, white);
+    }
+
+    swp-btn.small {
+      padding: 6px 12px;
+      font-size: 12px;
+    }
+
+    swp-btn.icon-only {
+      padding: 10px;
+    }
+
+    swp-btn.icon-only svg {
+      width: 18px;
+      height: 18px;
+    }
+
+    /* ==========================================
+       FORM ELEMENTS
+       ========================================== */
+    swp-form-grid {
+      display: grid;
+      gap: 16px;
+    }
+
+    swp-form-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-form-field.full {
+      grid-column: 1 / -1;
+    }
+
+    swp-form-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-form-field input,
+    swp-form-field select,
+    swp-form-field textarea {
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      color: var(--color-text);
+    }
+
+    swp-form-field input:focus,
+    swp-form-field select:focus,
+    swp-form-field textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-form-field textarea {
+      min-height: 100px;
+      resize: vertical;
+    }
+
+    swp-form-field input.mono {
+      font-family: var(--font-mono);
+    }
+
+    /* ==========================================
+       TOGGLE SLIDER (Ja/Nej)
+       ========================================== */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      position: relative;
+      cursor: pointer;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      transition: color 200ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       CONTACTS TABLE
+       ========================================== */
+    swp-contacts-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-contacts-header,
+    swp-contacts-row {
+      display: grid;
+      grid-template-columns: 1fr 100px 1fr 100px 60px;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-contacts-header {
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-contacts-header span {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-contacts-row {
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-contacts-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-contacts-row span {
+      font-size: 14px;
+    }
+
+    swp-contacts-row span.muted {
+      color: var(--color-text-secondary);
+      font-size: 13px;
+    }
+
+    swp-contacts-actions {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+
+    swp-contacts-actions button {
+      width: 28px;
+      height: 28px;
+      border: none;
+      background: var(--color-background);
+      border-radius: 4px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 150ms ease;
+    }
+
+    swp-contacts-actions button:hover {
+      background: var(--color-border);
+    }
+
+    swp-contacts-actions button svg {
+      width: 14px;
+      height: 14px;
+      fill: var(--color-text-secondary);
+    }
+
+    swp-add-contact {
+      display: flex;
+      justify-content: center;
+      padding-top: 16px;
+    }
+
+    /* ==========================================
+       STATS ROW
+       ========================================== */
+    swp-stats-row {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-box {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-stat-box swp-stat-value {
+      font-size: 22px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-box swp-stat-label {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-box.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       PRODUCT LIST
+       ========================================== */
+    swp-product-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-product-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-product-item:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-product-name {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-product-price {
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       ORDER TABLE
+       ========================================== */
+    swp-order-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-order-header,
+    swp-order-row {
+      display: grid;
+      grid-template-columns: 2fr 2fr 1fr 1fr 110px 30px;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-order-header {
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-order-header span {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-order-header span.right {
+      text-align: right;
+    }
+
+    swp-order-row {
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-order-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-order-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-order-row span {
+      font-size: 13px;
+    }
+
+    swp-order-row span.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-order-row span.right {
+      text-align: right;
+    }
+
+    /* ==========================================
+       STATUS BADGE
+       ========================================== */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 12px;
+    }
+
+    swp-status-badge.delivered {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.pending {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-status-badge.cancelled {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       ROW ARROW
+       ========================================== */
+    swp-row-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    swp-row-arrow svg {
+      width: 18px;
+      height: 18px;
+      fill: var(--color-text-secondary);
+      transition: transform 150ms ease;
+    }
+
+    swp-order-row:hover swp-row-arrow svg {
+      transform: translateX(4px);
+      fill: var(--color-teal);
+    }
+
+    /* ==========================================
+       SECTION TITLE
+       ========================================== */
+    swp-section-title {
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+      display: block;
+    }
+
+    /* ==========================================
+       DETAIL DRAWER (samme mønster som poc-detail-drawer.html)
+       ========================================== */
+    swp-detail-drawer-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.2);
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 200ms ease;
+      z-index: 900;
+    }
+
+    swp-detail-drawer-overlay.open {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    swp-detail-drawer {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 380px;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+      transform: translateX(100%);
+      transition: transform 200ms ease;
+      display: flex;
+      flex-direction: column;
+      z-index: 1000;
+    }
+
+    swp-detail-drawer.open {
+      transform: translateX(0);
+    }
+
+    swp-detail-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-detail-drawer-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-detail-drawer-close {
+      width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      background: transparent;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-detail-drawer-close:hover {
+      background: var(--color-border);
+    }
+
+    swp-detail-drawer-close svg {
+      width: 16px;
+      height: 16px;
+      fill: var(--color-text-secondary);
+    }
+
+    swp-detail-drawer-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    swp-detail-drawer-section {
+      display: block;
+    }
+
+    swp-detail-drawer-section-title {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 10px;
+      display: block;
+    }
+
+    swp-detail-drawer-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 12px;
+    }
+
+    swp-detail-drawer-item {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-detail-drawer-item.full {
+      grid-column: 1 / -1;
+    }
+
+    swp-detail-drawer-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-detail-drawer-value {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-detail-drawer-value.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-detail-drawer-value.large {
+      font-size: 20px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+    }
+
+    swp-detail-drawer-value.green {
+      color: var(--color-green);
+    }
+
+    swp-detail-drawer-stats {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 10px;
+    }
+
+    swp-detail-drawer-stat {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      padding: 10px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    swp-detail-drawer-stat-value {
+      font-size: 16px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-detail-drawer-stat-label {
+      font-size: 10px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-detail-drawer-footer {
+      display: flex;
+      gap: 10px;
+      padding: 12px 16px;
+      border-top: 1px solid var(--color-border);
+      background: var(--color-surface);
+    }
+
+    swp-detail-drawer-footer swp-btn {
+      flex: 1;
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link onclick="location.href='poc-leverandoerer.html'">
+        <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+        Leverandører
+      </swp-back-link>
+      <swp-page-title>Beauty Group Denmark</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="secondary icon-only" id="themeToggle" title="Skift tema">
+        <svg id="sunIcon" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>
+        <svg id="moonIcon" viewBox="0 0 24 24" style="display:none"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"/></svg>
+      </swp-btn>
+      <swp-btn class="danger">
+        <svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
+        Slet
+      </swp-btn>
+      <swp-btn class="primary">
+        <svg viewBox="0 0 24 24"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></svg>
+        Gem ændringer
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <div class="grid-2">
+      <!-- VENSTRE KOLONNE -->
+      <div>
+        <!-- Virksomhedsoplysninger -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Virksomhedsoplysninger</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-form-grid>
+              <swp-form-field class="full">
+                <swp-form-label>Firmanavn</swp-form-label>
+                <input type="text" value="Beauty Group Denmark" />
+              </swp-form-field>
+
+              <swp-form-field class="full">
+                <swp-form-label>CVR-nummer</swp-form-label>
+                <input type="text" class="mono" value="12345678" />
+              </swp-form-field>
+
+              <swp-form-field class="full">
+                <swp-form-label>Adresse</swp-form-label>
+                <input type="text" value="Industriparken 42" />
+              </swp-form-field>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Postnr</swp-form-label>
+                  <input type="text" value="2750" />
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>By</swp-form-label>
+                  <input type="text" value="Ballerup" />
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Email</swp-form-label>
+                  <input type="email" value="ordre@beautygroup.dk" />
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>Telefon</swp-form-label>
+                  <input type="tel" value="70 20 30 40" />
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-field class="full">
+                <swp-form-label>Website</swp-form-label>
+                <input type="url" value="www.beautygroup.dk" />
+              </swp-form-field>
+
+              <swp-toggle-row>
+                <swp-toggle-label>Leverandør aktiv</swp-toggle-label>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+              </swp-toggle-row>
+            </swp-form-grid>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Kontaktpersoner -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Kontaktpersoner</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-contacts-table>
+              <swp-contacts-header>
+                <span>Navn</span>
+                <span>Rolle</span>
+                <span>Email</span>
+                <span>Telefon</span>
+                <span></span>
+              </swp-contacts-header>
+              <swp-contacts-row>
+                <span>Lars Hansen</span>
+                <span class="muted">Salgschef</span>
+                <span class="muted">lars@beautygroup.dk</span>
+                <span class="muted">20 30 40 50</span>
+                <swp-contacts-actions>
+                  <button title="Rediger"><svg viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
+                  <button title="Slet"><svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>
+                </swp-contacts-actions>
+              </swp-contacts-row>
+              <swp-contacts-row>
+                <span>Mette Sørensen</span>
+                <span class="muted">Kundeservice</span>
+                <span class="muted">mette@beautygroup.dk</span>
+                <span class="muted">20 30 40 51</span>
+                <swp-contacts-actions>
+                  <button title="Rediger"><svg viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
+                  <button title="Slet"><svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>
+                </swp-contacts-actions>
+              </swp-contacts-row>
+            </swp-contacts-table>
+            <swp-add-contact>
+              <swp-btn class="secondary small">+ Tilføj kontaktperson</swp-btn>
+            </swp-add-contact>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Betalingsbetingelser -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Betalingsbetingelser</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-form-grid>
+              <swp-form-field>
+                <swp-form-label>Betalingsfrist</swp-form-label>
+                <select>
+                  <option>Netto 8 dage</option>
+                  <option>Netto 14 dage</option>
+                  <option selected>Netto 30 dage</option>
+                </select>
+              </swp-form-field>
+
+              <swp-form-field>
+                <swp-form-label>Kredit limit</swp-form-label>
+                <input type="text" class="mono" value="50.000 DKK" placeholder="f.eks. 50.000 DKK eller 5.000 EUR" />
+              </swp-form-field>
+            </swp-form-grid>
+          </swp-card-body>
+        </swp-card>
+      </div>
+
+      <!-- HØJRE KOLONNE -->
+      <div>
+        <!-- Nøgletal -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Nøgletal</swp-card-title>
+            <swp-card-hint>2024</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-stats-row>
+              <swp-stat-box class="highlight">
+                <swp-stat-value>24</swp-stat-value>
+                <swp-stat-label>Produkter</swp-stat-label>
+              </swp-stat-box>
+              <swp-stat-box>
+                <swp-stat-value>145.230 DKK</swp-stat-value>
+                <swp-stat-label>Indkøb i år</swp-stat-label>
+              </swp-stat-box>
+              <swp-stat-box>
+                <swp-stat-value>12</swp-stat-value>
+                <swp-stat-label>Ordrer i år</swp-stat-label>
+              </swp-stat-box>
+            </swp-stats-row>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Indkøbshistorik -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Indkøbshistorik</swp-card-title>
+            <swp-card-hint>Sidste 6 måneder</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <div id="purchaseChart"></div>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Produkter fra leverandør -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Produkter fra leverandør</swp-card-title>
+            <swp-card-hint>24 produkter</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-product-list>
+              <swp-product-item onclick="openDrawer('Redken Acidic Bonding Concentrate Serum 100ml', 'RDK-ABC-100', '884486532879', 'Hårpleje', '195,00', '379,00', 10, 32, '12.128')">
+                <swp-product-name>Redken Acidic Bonding Concentrate Serum 100ml</swp-product-name>
+                <swp-product-price>195 DKK</swp-product-price>
+              </swp-product-item>
+              <swp-product-item onclick="openDrawer('Redken All Soft Shampoo 300ml', 'RDK-ALS-300', '884486456123', 'Hårpleje', '145,00', '249,00', 4, 18, '4.482')">
+                <swp-product-name>Redken All Soft Shampoo 300ml</swp-product-name>
+                <swp-product-price>145 DKK</swp-product-price>
+              </swp-product-item>
+              <swp-product-item onclick="openDrawer('Redken Extreme Shampoo 300ml', 'RDK-EXT-300', '884486789012', 'Hårpleje', '145,00', '249,00', 8, 24, '5.976')">
+                <swp-product-name>Redken Extreme Shampoo 300ml</swp-product-name>
+                <swp-product-price>145 DKK</swp-product-price>
+              </swp-product-item>
+              <swp-product-item onclick="openDrawer('Redken Color Extend Magnetics Shampoo 300ml', 'RDK-CEM-300', '884486345678', 'Hårpleje', '155,00', '269,00', 6, 15, '4.035')">
+                <swp-product-name>Redken Color Extend Magnetics Shampoo 300ml</swp-product-name>
+                <swp-product-price>155 DKK</swp-product-price>
+              </swp-product-item>
+              <swp-product-item onclick="openDrawer('Redken One United 150ml', 'RDK-ONU-150', '884486901234', 'Styling', '175,00', '299,00', 12, 28, '8.372')">
+                <swp-product-name>Redken One United 150ml</swp-product-name>
+                <swp-product-price>175 DKK</swp-product-price>
+              </swp-product-item>
+            </swp-product-list>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Noter -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Noter</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-form-field class="full">
+              <textarea placeholder="Interne noter om leverandøren...">God leverandør med hurtig levering. Kontakt Lars for store ordrer - kan ofte give rabat ved køb over 10.000 kr.</textarea>
+            </swp-form-field>
+          </swp-card-body>
+        </swp-card>
+      </div>
+    </div>
+
+    <!-- Ordrehistorik (full width) -->
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>Ordrehistorik</swp-card-title>
+        <swp-card-hint>Seneste ordrer</swp-card-hint>
+      </swp-card-header>
+      <swp-card-body>
+        <swp-order-table>
+          <swp-order-header>
+            <span>Dato</span>
+            <span>Ordrenr</span>
+            <span class="right">Antal varer</span>
+            <span class="right">Beløb</span>
+            <span>Status</span>
+            <span></span>
+          </swp-order-header>
+          <swp-order-row>
+            <span>15. december 2024</span>
+            <span class="mono">BGD-2024-0847</span>
+            <span class="right">12</span>
+            <span class="right mono">18.450 DKK</span>
+            <swp-status-badge class="delivered">Leveret</swp-status-badge>
+            <swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow>
+          </swp-order-row>
+          <swp-order-row>
+            <span>28. november 2024</span>
+            <span class="mono">BGD-2024-0812</span>
+            <span class="right">8</span>
+            <span class="right mono">12.340 DKK</span>
+            <swp-status-badge class="delivered">Leveret</swp-status-badge>
+            <swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow>
+          </swp-order-row>
+          <swp-order-row>
+            <span>10. november 2024</span>
+            <span class="mono">BGD-2024-0798</span>
+            <span class="right">15</span>
+            <span class="right mono">24.680 DKK</span>
+            <swp-status-badge class="delivered">Leveret</swp-status-badge>
+            <swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow>
+          </swp-order-row>
+          <swp-order-row>
+            <span>22. oktober 2024</span>
+            <span class="mono">BGD-2024-0756</span>
+            <span class="right">6</span>
+            <span class="right mono">8.920 DKK</span>
+            <swp-status-badge class="cancelled">Annulleret</swp-status-badge>
+            <swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow>
+          </swp-order-row>
+          <swp-order-row>
+            <span>5. oktober 2024</span>
+            <span class="mono">BGD-2024-0734</span>
+            <span class="right">20</span>
+            <span class="right mono">32.150 DKK</span>
+            <swp-status-badge class="delivered">Leveret</swp-status-badge>
+            <swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow>
+          </swp-order-row>
+        </swp-order-table>
+      </swp-card-body>
+    </swp-card>
+  </swp-page-container>
+
+  <!-- Product Detail Drawer -->
+  <swp-detail-drawer-overlay id="drawerOverlay" onclick="closeDrawer()"></swp-detail-drawer-overlay>
+  <swp-detail-drawer id="productDrawer">
+    <swp-detail-drawer-header>
+      <swp-detail-drawer-title id="drawerTitle">Produktnavn</swp-detail-drawer-title>
+      <swp-detail-drawer-close onclick="closeDrawer()">
+        <svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+      </swp-detail-drawer-close>
+    </swp-detail-drawer-header>
+    <swp-detail-drawer-content>
+      <swp-detail-drawer-section>
+        <swp-detail-drawer-section-title>Basisoplysninger</swp-detail-drawer-section-title>
+        <swp-detail-drawer-grid>
+          <swp-detail-drawer-item>
+            <swp-detail-drawer-label>Varenummer</swp-detail-drawer-label>
+            <swp-detail-drawer-value class="mono" id="drawerSku">RDK-ABC-100</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+          <swp-detail-drawer-item>
+            <swp-detail-drawer-label>EAN</swp-detail-drawer-label>
+            <swp-detail-drawer-value class="mono" id="drawerEan">884486532879</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+          <swp-detail-drawer-item class="full">
+            <swp-detail-drawer-label>Kategori</swp-detail-drawer-label>
+            <swp-detail-drawer-value id="drawerCategory">Hårpleje</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+        </swp-detail-drawer-grid>
+      </swp-detail-drawer-section>
+
+      <swp-detail-drawer-section>
+        <swp-detail-drawer-section-title>Pris & Avance</swp-detail-drawer-section-title>
+        <swp-detail-drawer-grid>
+          <swp-detail-drawer-item>
+            <swp-detail-drawer-label>Indkøbspris (ekskl. moms)</swp-detail-drawer-label>
+            <swp-detail-drawer-value class="mono" id="drawerPurchasePrice">195,00 DKK</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+          <swp-detail-drawer-item>
+            <swp-detail-drawer-label>Salgspris (inkl. moms)</swp-detail-drawer-label>
+            <swp-detail-drawer-value class="mono" id="drawerSalePrice">379,00 DKK</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+          <swp-detail-drawer-item>
+            <swp-detail-drawer-label>Avance</swp-detail-drawer-label>
+            <swp-detail-drawer-value class="large green" id="drawerMargin">108,20 DKK</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+          <swp-detail-drawer-item>
+            <swp-detail-drawer-label>Avance %</swp-detail-drawer-label>
+            <swp-detail-drawer-value class="large green" id="drawerMarginPct">35,7%</swp-detail-drawer-value>
+          </swp-detail-drawer-item>
+        </swp-detail-drawer-grid>
+      </swp-detail-drawer-section>
+
+      <swp-detail-drawer-section>
+        <swp-detail-drawer-section-title>Statistik (6 mdr)</swp-detail-drawer-section-title>
+        <swp-detail-drawer-stats>
+          <swp-detail-drawer-stat>
+            <swp-detail-drawer-stat-value id="drawerStock">10</swp-detail-drawer-stat-value>
+            <swp-detail-drawer-stat-label>På lager</swp-detail-drawer-stat-label>
+          </swp-detail-drawer-stat>
+          <swp-detail-drawer-stat>
+            <swp-detail-drawer-stat-value id="drawerSold">32</swp-detail-drawer-stat-value>
+            <swp-detail-drawer-stat-label>Solgt</swp-detail-drawer-stat-label>
+          </swp-detail-drawer-stat>
+          <swp-detail-drawer-stat>
+            <swp-detail-drawer-stat-value id="drawerRevenue">12.128 DKK</swp-detail-drawer-stat-value>
+            <swp-detail-drawer-stat-label>Omsætning</swp-detail-drawer-stat-label>
+          </swp-detail-drawer-stat>
+        </swp-detail-drawer-stats>
+      </swp-detail-drawer-section>
+    </swp-detail-drawer-content>
+    <swp-detail-drawer-footer>
+      <swp-btn class="secondary" onclick="location.href='poc-produkt.html'">
+        <svg viewBox="0 0 24 24"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>
+        Åbn produkt
+      </swp-btn>
+    </swp-detail-drawer-footer>
+  </swp-detail-drawer>
+
+  <script type="module">
+    import { createChart } from '../node_modules/@sevenweirdpeople/swp-charting/dist/swp-charting.js';
+
+    // Toggle slider (Ja/Nej)
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      const options = slider.querySelectorAll('swp-toggle-option');
+      options.forEach((option, index) => {
+        option.addEventListener('click', () => {
+          slider.dataset.value = index === 0 ? 'yes' : 'no';
+        });
+      });
+    });
+
+    // Product Drawer functions
+    window.openDrawer = function(name, sku, ean, category, purchasePrice, salePrice, stock, sold, revenue) {
+      // Calculate margin
+      const purchase = parseFloat(purchasePrice.replace(',', '.'));
+      const sale = parseFloat(salePrice.replace(',', '.'));
+      const saleExMoms = sale / 1.25;
+      const margin = saleExMoms - purchase;
+      const marginPct = (margin / saleExMoms) * 100;
+
+      // Update drawer content
+      document.getElementById('drawerTitle').textContent = name;
+      document.getElementById('drawerSku').textContent = sku;
+      document.getElementById('drawerEan').textContent = ean;
+      document.getElementById('drawerCategory').textContent = category;
+      document.getElementById('drawerPurchasePrice').textContent = purchasePrice + ' DKK';
+      document.getElementById('drawerSalePrice').textContent = salePrice + ' DKK';
+      document.getElementById('drawerMargin').textContent = margin.toFixed(2).replace('.', ',') + ' DKK';
+      document.getElementById('drawerMarginPct').textContent = marginPct.toFixed(1).replace('.', ',') + '%';
+      document.getElementById('drawerStock').textContent = stock;
+      document.getElementById('drawerSold').textContent = sold;
+      document.getElementById('drawerRevenue').textContent = revenue + ' DKK';
+
+      // Open drawer
+      document.getElementById('drawerOverlay').classList.add('open');
+      document.getElementById('productDrawer').classList.add('open');
+      document.body.style.overflow = 'hidden';
+    };
+
+    window.closeDrawer = function() {
+      document.getElementById('drawerOverlay').classList.remove('open');
+      document.getElementById('productDrawer').classList.remove('open');
+      document.body.style.overflow = '';
+    };
+
+    // Close on Escape key
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') closeDrawer();
+    });
+
+    // Bar chart - Indkøb pr. måned
+    const chartContainer = document.getElementById('purchaseChart');
+    createChart(chartContainer, {
+      height: 180,
+      series: [{
+        name: 'Indkøb',
+        color: '#00897b',
+        type: 'bar',
+        unit: 'DKK',
+        data: [
+          { x: 'Jul', y: 18500 },
+          { x: 'Aug', y: 22300 },
+          { x: 'Sep', y: 15800 },
+          { x: 'Okt', y: 41070 },
+          { x: 'Nov', y: 37020 },
+          { x: 'Dec', y: 18450 }
+        ],
+        bar: { radius: 4 }
+      }],
+      xAxis: {
+        categories: ['Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
+      },
+      yAxis: {
+        min: 0,
+        ticks: 4,
+        format: (v) => (v / 1000) + 'k'
+      },
+      padding: { top: 20, right: 10, bottom: 30, left: 45 },
+      tooltip: true,
+      legend: false,
+      animation: { duration: 400 }
+    });
+
+    // Theme toggle
+    const themeToggle = document.getElementById('themeToggle');
+    const sunIcon = document.getElementById('sunIcon');
+    const moonIcon = document.getElementById('moonIcon');
+    const root = document.documentElement;
+
+    function updateIcons() {
+      const isDark = root.classList.contains('dark-mode') ||
+        (window.matchMedia('(prefers-color-scheme: dark)').matches && !root.classList.contains('light-mode'));
+      sunIcon.style.display = isDark ? 'none' : 'block';
+      moonIcon.style.display = isDark ? 'block' : 'none';
+    }
+
+    updateIcons();
+
+    themeToggle.addEventListener('click', () => {
+      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+      if (prefersDark) {
+        root.classList.toggle('light-mode');
+        root.classList.remove('dark-mode');
+      } else {
+        root.classList.toggle('dark-mode');
+        root.classList.remove('light-mode');
+      }
+
+      updateIcons();
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-leverandoerer.html b/wwwroot/poc-leverandoerer.html
new file mode 100644
index 0000000..adb5c3c
--- /dev/null
+++ b/wwwroot/poc-leverandoerer.html
@@ -0,0 +1,719 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Leverandører - Backend</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode - følger system preference ELLER manuel toggle */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    /* Manuel dark mode override */
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.icon-only {
+      padding: 10px;
+    }
+
+    swp-btn.icon-only svg {
+      width: 18px;
+      height: 18px;
+    }
+
+    /* ==========================================
+       FILTER BAR
+       ========================================== */
+    swp-filter-bar {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+
+    swp-search-input {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-search-input img {
+      width: 16px;
+      height: 16px;
+      opacity: 0.5;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) swp-search-input img {
+        filter: invert(1);
+      }
+    }
+
+    :root.dark-mode swp-search-input img {
+      filter: invert(1);
+    }
+
+    swp-search-input input {
+      border: none;
+      outline: none;
+      font-size: 13px;
+      font-family: var(--font-family);
+      width: 400px;
+      background: transparent;
+      color: var(--color-text);
+    }
+
+    swp-filter-spacer {
+      flex: 1;
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-card {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-card swp-stat-value {
+      font-size: 22px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-card swp-stat-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-card.warning swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    /* ==========================================
+       TABLE
+       ========================================== */
+    swp-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-table-header,
+    swp-table-row {
+      display: grid;
+      grid-template-columns: minmax(200px, 1fr) 150px 80px 140px 80px 40px;
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      padding: 12px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-th.right {
+      text-align: right;
+    }
+
+    swp-th.center {
+      text-align: center;
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-table-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+      cursor: pointer;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-td {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-td.right {
+      text-align: right;
+    }
+
+    swp-td.center {
+      text-align: center;
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-td.muted {
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       SUPPLIER CELL
+       ========================================== */
+    swp-supplier-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-supplier-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-supplier-city {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       STATUS BADGE
+       ========================================== */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 12px;
+    }
+
+    swp-status-badge.active {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.inactive {
+      background: color-mix(in srgb, var(--color-text-secondary) 15%, white);
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       ROW ARROW
+       ========================================== */
+    swp-row-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    swp-row-arrow svg {
+      width: 18px;
+      height: 18px;
+      fill: var(--color-text-secondary);
+      transition: transform 150ms ease;
+    }
+
+    swp-table-row:hover swp-row-arrow svg {
+      transform: translateX(4px);
+      fill: var(--color-teal);
+    }
+
+    /* ==========================================
+       TABLE FOOTER
+       ========================================== */
+    swp-table-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 1200px) {
+      swp-stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    @media (max-width: 900px) {
+      swp-table-header,
+      swp-table-row {
+        grid-template-columns: 1fr 80px 80px 40px;
+      }
+
+      swp-th:nth-child(2),
+      swp-td:nth-child(2),
+      swp-th:nth-child(3),
+      swp-td:nth-child(3),
+      swp-th:nth-child(4),
+      swp-td:nth-child(4) {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-page-title>Leverandører</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="secondary icon-only" id="themeToggle" title="Skift tema">
+        <svg id="sunIcon" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>
+        <svg id="moonIcon" viewBox="0 0 24 24" style="display:none"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"/></svg>
+      </swp-btn>
+      <swp-btn class="primary">
+        <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+        Ny leverandør
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Filter Bar -->
+    <swp-filter-bar>
+      <swp-search-input>
+        <img src="icons/search.svg" alt="Søg" />
+        <input type="search" id="searchInput" placeholder="Søg leverandør, kontaktperson..." />
+      </swp-search-input>
+      <swp-filter-spacer></swp-filter-spacer>
+    </swp-filter-bar>
+
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>12</swp-stat-value>
+        <swp-stat-label>Leverandører i alt</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>10</swp-stat-value>
+        <swp-stat-label>Aktive</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>45.230 kr</swp-stat-value>
+        <swp-stat-label>Indkøb denne måned</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="warning">
+        <swp-stat-value>3</swp-stat-value>
+        <swp-stat-label>Afventende ordrer</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Table -->
+    <swp-table>
+      <swp-table-header>
+        <swp-th>Leverandør</swp-th>
+        <swp-th>Kontakt</swp-th>
+        <swp-th class="center">Produkter</swp-th>
+        <swp-th>Sidste ordre</swp-th>
+        <swp-th>Status</swp-th>
+        <swp-th></swp-th>
+      </swp-table-header>
+      <swp-table-body>
+        <swp-table-row data-id="1" onclick="location.href='poc-leverandoer.html'">
+          <swp-td>
+            <swp-supplier-cell>
+              <swp-supplier-name>Beauty Group Denmark</swp-supplier-name>
+              <swp-supplier-city>København</swp-supplier-city>
+            </swp-supplier-cell>
+          </swp-td>
+          <swp-td>Lars Hansen</swp-td>
+          <swp-td class="center mono">24</swp-td>
+          <swp-td class="muted">15. december 2024</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="2">
+          <swp-td>
+            <swp-supplier-cell>
+              <swp-supplier-name>Salon Supplies ApS</swp-supplier-name>
+              <swp-supplier-city>Aarhus</swp-supplier-city>
+            </swp-supplier-cell>
+          </swp-td>
+          <swp-td>Mette Nielsen</swp-td>
+          <swp-td class="center mono">18</swp-td>
+          <swp-td class="muted">22. december 2024</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="3">
+          <swp-td>
+            <swp-supplier-cell>
+              <swp-supplier-name>Pro Hair Distribution</swp-supplier-name>
+              <swp-supplier-city>Odense</swp-supplier-city>
+            </swp-supplier-cell>
+          </swp-td>
+          <swp-td>Anders Sørensen</swp-td>
+          <swp-td class="center mono">32</swp-td>
+          <swp-td class="muted">10. december 2024</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="4">
+          <swp-td>
+            <swp-supplier-cell>
+              <swp-supplier-name>Nordic Beauty Import</swp-supplier-name>
+              <swp-supplier-city>Aalborg</swp-supplier-city>
+            </swp-supplier-cell>
+          </swp-td>
+          <swp-td>Pia Kristensen</swp-td>
+          <swp-td class="center mono">15</swp-td>
+          <swp-td class="muted">28. november 2024</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="5">
+          <swp-td>
+            <swp-supplier-cell>
+              <swp-supplier-name>Color World A/S</swp-supplier-name>
+              <swp-supplier-city>Vejle</swp-supplier-city>
+            </swp-supplier-cell>
+          </swp-td>
+          <swp-td>Thomas Berg</swp-td>
+          <swp-td class="center mono">8</swp-td>
+          <swp-td class="muted">5. december 2024</swp-td>
+          <swp-td><swp-status-badge class="inactive">Inaktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="6">
+          <swp-td>
+            <swp-supplier-cell>
+              <swp-supplier-name>Tools & More</swp-supplier-name>
+              <swp-supplier-city>Roskilde</swp-supplier-city>
+            </swp-supplier-cell>
+          </swp-td>
+          <swp-td>Karen Olsen</swp-td>
+          <swp-td class="center mono">12</swp-td>
+          <swp-td class="muted">18. december 2024</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+      </swp-table-body>
+      <swp-table-footer>
+        <span>Viser 6 af 12 leverandører</span>
+        <span>Side 1 af 2</span>
+      </swp-table-footer>
+    </swp-table>
+  </swp-page-container>
+
+  <script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0"></script>
+  <script>
+    // Supplier data for search
+    const suppliers = [
+      { id: 1, name: 'Beauty Group Denmark', contact: 'Lars Hansen', city: 'København' },
+      { id: 2, name: 'Salon Supplies ApS', contact: 'Mette Nielsen', city: 'Aarhus' },
+      { id: 3, name: 'Pro Hair Distribution', contact: 'Anders Sørensen', city: 'Odense' },
+      { id: 4, name: 'Nordic Beauty Import', contact: 'Pia Kristensen', city: 'Aalborg' },
+      { id: 5, name: 'Color World A/S', contact: 'Thomas Berg', city: 'Vejle' },
+      { id: 6, name: 'Tools & More', contact: 'Karen Olsen', city: 'Roskilde' }
+    ];
+
+    // Initialize Fuse.js
+    const fuse = new Fuse(suppliers, {
+      keys: ['name', 'contact', 'city'],
+      threshold: 0.3,
+      ignoreLocation: true
+    });
+
+    const searchInput = document.getElementById('searchInput');
+    const tableBody = document.querySelector('swp-table-body');
+    const allRows = Array.from(tableBody.querySelectorAll('swp-table-row'));
+
+    // Search handler
+    searchInput.addEventListener('input', (e) => {
+      const query = e.target.value.trim();
+
+      if (query === '') {
+        // Show all rows
+        allRows.forEach(row => row.style.display = '');
+      } else {
+        // Search with Fuse.js
+        const results = fuse.search(query);
+        const matchedIds = results.map(r => r.item.id);
+
+        allRows.forEach(row => {
+          const rowId = parseInt(row.dataset.id);
+          row.style.display = matchedIds.includes(rowId) ? '' : 'none';
+        });
+      }
+    });
+
+    // Theme toggle
+    const themeToggle = document.getElementById('themeToggle');
+    const sunIcon = document.getElementById('sunIcon');
+    const moonIcon = document.getElementById('moonIcon');
+    const root = document.documentElement;
+
+    function updateIcons() {
+      const isDark = root.classList.contains('dark-mode') ||
+        (window.matchMedia('(prefers-color-scheme: dark)').matches && !root.classList.contains('light-mode'));
+      sunIcon.style.display = isDark ? 'none' : 'block';
+      moonIcon.style.display = isDark ? 'block' : 'none';
+    }
+
+    updateIcons();
+
+    themeToggle.addEventListener('click', () => {
+      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+      if (prefersDark) {
+        // System is dark - toggle to light or back to system
+        root.classList.toggle('light-mode');
+        root.classList.remove('dark-mode');
+      } else {
+        // System is light - toggle to dark or back to system
+        root.classList.toggle('dark-mode');
+        root.classList.remove('light-mode');
+      }
+
+      updateIcons();
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-loen-provision.html b/wwwroot/poc-loen-provision.html
new file mode 100644
index 0000000..228091d
--- /dev/null
+++ b/wwwroot/poc-loen-provision.html
@@ -0,0 +1,1525 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Løn & Provision</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css">
+  <script src="https://cdn.sheetjs.com/xlsx-0.20.1/package/dist/xlsx.full.min.js"></script>
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1100px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.small {
+      padding: 6px 12px;
+      font-size: 12px;
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 20px;
+      padding: 20px;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: -20px -20px 20px -20px;
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    /* ==========================================
+       PERIODE SELECTOR
+       ========================================== */
+    swp-period-selector {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
+
+    swp-period-field {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-period-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-period-field select {
+      padding: 8px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      cursor: pointer;
+    }
+
+    swp-period-field select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-period-separator {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       EMPLOYEE ACCORDION
+       ========================================== */
+    swp-employee-list {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    swp-employee-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+    }
+
+    swp-employee-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-employee-header:hover {
+      background: var(--color-background-alt);
+    }
+
+    swp-employee-info {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+    }
+
+    swp-employee-avatar {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      background: var(--color-teal);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 15px;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+
+    swp-employee-avatar.purple { background: var(--color-purple); }
+    swp-employee-avatar.blue { background: var(--color-blue); }
+    swp-employee-avatar.amber { background: var(--color-amber); }
+
+    swp-employee-details {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-employee-name {
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-employee-meta {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-employee-summary {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+    }
+
+    swp-summary-item {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 2px;
+    }
+
+    swp-summary-value {
+      font-size: 16px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-summary-label {
+      font-size: 10px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-expand-icon {
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--color-text-secondary);
+      transition: transform 200ms ease;
+    }
+
+    swp-expand-icon svg {
+      width: 20px;
+      height: 20px;
+      fill: currentColor;
+    }
+
+    swp-employee-card.expanded swp-expand-icon {
+      transform: rotate(180deg);
+    }
+
+    swp-employee-content {
+      display: none;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-employee-card.expanded swp-employee-content {
+      display: block;
+    }
+
+    /* ==========================================
+       EMPLOYEE CONFIG
+       ========================================== */
+    swp-employee-config {
+      display: flex;
+      gap: 24px;
+      padding: 16px 20px;
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      flex-wrap: wrap;
+    }
+
+    swp-config-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+    }
+
+    swp-config-label {
+      color: var(--color-text-secondary);
+    }
+
+    swp-config-value {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-config-value.mono {
+      font-family: var(--font-mono);
+    }
+
+    /* ==========================================
+       WEEKS TABLE
+       ========================================== */
+    swp-weeks-table {
+      display: block;
+      padding: 20px;
+    }
+
+    swp-table {
+      display: table;
+      width: 100%;
+      border-collapse: collapse;
+    }
+
+    swp-table-header {
+      display: table-header-group;
+    }
+
+    swp-table-body {
+      display: table-row-group;
+    }
+
+    swp-table-footer {
+      display: table-footer-group;
+    }
+
+    swp-table-row {
+      display: table-row;
+    }
+
+    swp-table-cell {
+      display: table-cell;
+      padding: 12px 10px;
+      font-size: 13px;
+      border-bottom: 1px solid var(--color-border);
+      vertical-align: middle;
+    }
+
+    swp-table-header swp-table-cell {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      background: var(--color-background-alt);
+    }
+
+    swp-table-footer swp-table-cell {
+      font-weight: 600;
+      background: var(--color-background-alt);
+      border-bottom: none;
+    }
+
+    swp-table-cell.right {
+      text-align: right;
+    }
+
+    swp-table-cell.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-table-cell.highlight {
+      color: var(--color-teal);
+    }
+
+    swp-table-cell.warning {
+      color: var(--color-amber);
+    }
+
+    swp-table-body swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* Editable cells */
+    swp-table-cell input {
+      width: 80px;
+      padding: 6px 8px;
+      font-size: 13px;
+      font-family: var(--font-mono);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      text-align: right;
+      background: var(--color-surface);
+    }
+
+    swp-table-cell input:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       INTECT BOX
+       ========================================== */
+    swp-intect-box {
+      display: block;
+      margin: 0 20px 20px;
+      padding: 20px;
+      background: linear-gradient(135deg, color-mix(in srgb, var(--color-teal) 8%, white) 0%, color-mix(in srgb, var(--color-blue) 8%, white) 100%);
+      border: 2px solid var(--color-teal);
+      border-radius: 8px;
+    }
+
+    swp-intect-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    swp-intect-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--color-teal);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    swp-intect-title svg {
+      width: 18px;
+      height: 18px;
+      fill: currentColor;
+    }
+
+    swp-intect-rows {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    swp-intect-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 14px;
+    }
+
+    swp-intect-label {
+      color: var(--color-text);
+    }
+
+    swp-intect-value {
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-intect-divider {
+      height: 1px;
+      background: var(--color-teal);
+      opacity: 0.3;
+      margin: 8px 0;
+    }
+
+    swp-intect-total {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    swp-intect-total swp-intect-value {
+      font-size: 18px;
+      color: var(--color-teal);
+    }
+
+    swp-copy-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-teal);
+      background: var(--color-surface);
+      border: 1px solid var(--color-teal);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-copy-btn:hover {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-copy-btn svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+    }
+
+    swp-copy-btn.copied {
+      background: var(--color-green);
+      border-color: var(--color-green);
+      color: white;
+    }
+
+    /* ==========================================
+       TOTAL SUMMARY
+       ========================================== */
+    swp-total-summary {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      padding: 24px;
+      margin-bottom: 24px;
+    }
+
+    swp-total-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 20px;
+    }
+
+    swp-total-header i {
+      font-size: 24px;
+      color: var(--color-teal);
+    }
+
+    swp-total-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-total-grid {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 20px;
+    }
+
+    swp-total-item {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-total-item.highlight {
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+    }
+
+    swp-total-value {
+      font-size: 24px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-total-item.highlight swp-total-value {
+      color: var(--color-teal);
+    }
+
+    swp-total-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    @media (max-width: 768px) {
+      swp-total-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    /* ==========================================
+       SECTION LABEL
+       ========================================== */
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 16px;
+    }
+
+    /* ==========================================
+       PAYROLL EXPORT
+       ========================================== */
+    swp-export-table {
+      display: block;
+      margin-bottom: 20px;
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      overflow: hidden;
+    }
+
+    swp-export-row {
+      display: grid;
+      grid-template-columns: 32px 1fr 90px 80px 55px 85px 85px 100px 44px;
+      align-items: center;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--color-border);
+      gap: 8px;
+    }
+
+    swp-export-checkbox {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    swp-export-checkbox input[type="checkbox"] {
+      width: 18px;
+      height: 18px;
+      cursor: pointer;
+      accent-color: var(--color-teal);
+    }
+
+    swp-export-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-export-row.header {
+      background: var(--color-background-alt);
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      padding: 12px 16px;
+    }
+
+    swp-export-row.total {
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+      font-weight: 600;
+    }
+
+    swp-export-cell {
+      font-size: 14px;
+    }
+
+    swp-export-cell.right {
+      text-align: right;
+    }
+
+    swp-export-cell.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-export-cell.highlight {
+      color: var(--color-teal);
+      font-weight: 600;
+    }
+
+    swp-copy-cell-btn {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--color-background);
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-copy-cell-btn:hover {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-copy-cell-btn.copied {
+      background: var(--color-green);
+      color: white;
+    }
+
+    swp-copy-cell-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-export-actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 12px;
+      padding-top: 16px;
+      border-top: 1px solid var(--color-border);
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link>
+        <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+        Tilbage
+      </swp-back-link>
+      <swp-page-title>Løn & Provision</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="secondary">
+        <svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
+        Eksporter
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Periode selector -->
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>Vælg periode</swp-card-title>
+      </swp-card-header>
+      <swp-period-selector>
+        <swp-period-field>
+          <swp-period-label>År:</swp-period-label>
+          <select id="yearSelect">
+            <option value="2025" selected>2025</option>
+            <option value="2024">2024</option>
+          </select>
+        </swp-period-field>
+        <swp-period-field>
+          <swp-period-label>Fra uge:</swp-period-label>
+          <select id="weekFromSelect"></select>
+        </swp-period-field>
+        <swp-period-separator>—</swp-period-separator>
+        <swp-period-field>
+          <swp-period-label>Til uge:</swp-period-label>
+          <select id="weekToSelect"></select>
+        </swp-period-field>
+        <swp-btn class="primary" id="loadDataBtn">
+          <svg viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
+          Hent data
+        </swp-btn>
+      </swp-period-selector>
+    </swp-card>
+
+    <!-- Total summary -->
+    <swp-total-summary id="totalSummary">
+      <swp-total-header>
+        <i class="ph ph-coins"></i>
+        <swp-total-title>Samlet overblik for perioden</swp-total-title>
+      </swp-total-header>
+      <swp-total-grid>
+        <swp-total-item class="highlight">
+          <swp-total-value id="grandTotal">0 kr</swp-total-value>
+          <swp-total-label>Total løn</swp-total-label>
+        </swp-total-item>
+        <swp-total-item>
+          <swp-total-value id="totalBasePay">0 kr</swp-total-value>
+          <swp-total-label>Grundløn</swp-total-label>
+        </swp-total-item>
+        <swp-total-item>
+          <swp-total-value id="totalOvertime">0 kr</swp-total-value>
+          <swp-total-label>Overtidstillæg</swp-total-label>
+        </swp-total-item>
+        <swp-total-item>
+          <swp-total-value id="totalServiceCommission">0 kr</swp-total-value>
+          <swp-total-label>Prov. services</swp-total-label>
+        </swp-total-item>
+        <swp-total-item>
+          <swp-total-value id="totalProductCommission">0 kr</swp-total-value>
+          <swp-total-label>Prov. produkter</swp-total-label>
+        </swp-total-item>
+      </swp-total-grid>
+    </swp-total-summary>
+
+    <!-- Employee list -->
+    <swp-employee-list id="employeeList">
+      <!-- Rendered by JavaScript -->
+    </swp-employee-list>
+
+    <!-- Payroll Export Section -->
+    <swp-card id="payrollExportCard">
+      <swp-section-label>Løneksport til Intect</swp-section-label>
+
+      <swp-export-table id="exportTable">
+        <!-- Rendered by JavaScript -->
+      </swp-export-table>
+
+      <swp-export-actions>
+        <swp-btn class="secondary" id="copyAllBtn">
+          <svg viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
+          Kopier alle til clipboard
+        </swp-btn>
+        <swp-btn class="primary" id="exportBtn">
+          <svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
+          Eksporter til Intect
+        </swp-btn>
+      </swp-export-actions>
+    </swp-card>
+  </swp-page-container>
+
+  <script>
+    // ==========================================
+    // MOCK DATA
+    // ==========================================
+    const employees = [
+      {
+        id: 1,
+        name: "Emma Larsen",
+        initials: "EL",
+        cpr: "010190-1234",
+        color: "",
+        hourlyRate: 185,
+        weeklyHours: 37,
+        overtimeRate: 1.5,
+        commission: {
+          hourlyMinimum: 220,      // kr pr. time inkl. moms
+          servicePercentage: 15,   // % på services over minimum
+          productPercentage: 15    // % på produktsalg over minimum
+        }
+      },
+      {
+        id: 2,
+        name: "Camilla Jensen",
+        initials: "CJ",
+        cpr: "150885-5678",
+        color: "purple",
+        hourlyRate: 175,
+        weeklyHours: 37,
+        overtimeRate: 1.5,
+        commission: {
+          hourlyMinimum: 220,
+          servicePercentage: 15,
+          productPercentage: 15
+        }
+      },
+      {
+        id: 3,
+        name: "Sofie Nielsen",
+        initials: "SN",
+        cpr: "220792-9012",
+        color: "blue",
+        hourlyRate: 195,
+        weeklyHours: 30,  // Deltid
+        overtimeRate: 1.5,
+        commission: {
+          hourlyMinimum: 220,
+          servicePercentage: 15,
+          productPercentage: 15
+        }
+      }
+    ];
+
+    // Generate mock weekly data
+    function generateMockData(year, weekFrom, weekTo) {
+      const data = [];
+      for (const emp of employees) {
+        for (let week = weekFrom; week <= weekTo; week++) {
+          // Random hours around their weekly hours
+          const hours = Math.floor(Math.random() * 10) + emp.weeklyHours - 3;
+          // Random service revenue (70-80% of total)
+          const serviceRevenue = Math.floor(Math.random() * 15000) + 8000;
+          // Random product revenue (20-30% of total)
+          const productRevenue = Math.floor(Math.random() * 5000) + 2000;
+          // Random vacation days (0-2 per week, mostly 0)
+          const vacationDays = Math.random() > 0.8 ? Math.floor(Math.random() * 3) : 0;
+          data.push({
+            employeeId: emp.id,
+            week,
+            year,
+            hoursWorked: Math.max(hours, 20),
+            serviceRevenue,
+            productRevenue,
+            vacationDays
+          });
+        }
+      }
+      return data;
+    }
+
+    let weeklyData = [];
+
+    // ==========================================
+    // CALCULATIONS
+    // ==========================================
+    function calculateWeekPayroll(employee, weekData) {
+      const normalHours = Math.min(weekData.hoursWorked, employee.weeklyHours);
+      const overtimeHours = Math.max(0, weekData.hoursWorked - employee.weeklyHours);
+
+      const normalPay = normalHours * employee.hourlyRate;
+      const overtimePay = overtimeHours * employee.hourlyRate * employee.overtimeRate;
+
+      // Provision: minimum baseret på timer × timesat
+      const totalRevenue = weekData.serviceRevenue + weekData.productRevenue;
+      const minimumThreshold = weekData.hoursWorked * employee.commission.hourlyMinimum;
+      const revenueOverMinimum = Math.max(0, totalRevenue - minimumThreshold);
+
+      // Fordel overskud proportionalt mellem services og produkter
+      let serviceCommission = 0;
+      let productCommission = 0;
+
+      if (revenueOverMinimum > 0 && totalRevenue > 0) {
+        const serviceRatio = weekData.serviceRevenue / totalRevenue;
+        const productRatio = weekData.productRevenue / totalRevenue;
+
+        const serviceOverMinimum = revenueOverMinimum * serviceRatio;
+        const productOverMinimum = revenueOverMinimum * productRatio;
+
+        serviceCommission = serviceOverMinimum * (employee.commission.servicePercentage / 100);
+        productCommission = productOverMinimum * (employee.commission.productPercentage / 100);
+      }
+
+      const totalCommission = serviceCommission + productCommission;
+
+      return {
+        normalHours,
+        overtimeHours,
+        normalPay,
+        overtimePay,
+        serviceRevenue: weekData.serviceRevenue,
+        productRevenue: weekData.productRevenue,
+        totalRevenue,
+        minimumThreshold,
+        revenueOverMinimum,
+        serviceCommission,
+        productCommission,
+        commission: totalCommission,
+        vacationDays: weekData.vacationDays || 0,
+        totalPay: normalPay + overtimePay + totalCommission
+      };
+    }
+
+    function calculateEmployeeTotals(employee, weeks) {
+      const employeeWeeks = weeks.filter(w => w.employeeId === employee.id);
+
+      let totalNormalHours = 0;
+      let totalOvertimeHours = 0;
+      let totalNormalPay = 0;
+      let totalOvertimePay = 0;
+      let totalServiceCommission = 0;
+      let totalProductCommission = 0;
+      let totalServiceRevenue = 0;
+      let totalProductRevenue = 0;
+      let totalVacationDays = 0;
+
+      const weekResults = [];
+
+      for (const week of employeeWeeks) {
+        const calc = calculateWeekPayroll(employee, week);
+        weekResults.push({
+          ...week,
+          ...calc
+        });
+
+        totalNormalHours += calc.normalHours;
+        totalOvertimeHours += calc.overtimeHours;
+        totalNormalPay += calc.normalPay;
+        totalOvertimePay += calc.overtimePay;
+        totalServiceCommission += calc.serviceCommission;
+        totalProductCommission += calc.productCommission;
+        totalServiceRevenue += calc.serviceRevenue;
+        totalProductRevenue += calc.productRevenue;
+        totalVacationDays += calc.vacationDays;
+      }
+
+      const totalCommission = totalServiceCommission + totalProductCommission;
+
+      return {
+        weeks: weekResults,
+        totals: {
+          normalHours: totalNormalHours,
+          overtimeHours: totalOvertimeHours,
+          normalPay: totalNormalPay,
+          overtimePay: totalOvertimePay,
+          serviceCommission: totalServiceCommission,
+          productCommission: totalProductCommission,
+          commission: totalCommission,
+          serviceRevenue: totalServiceRevenue,
+          productRevenue: totalProductRevenue,
+          revenue: totalServiceRevenue + totalProductRevenue,
+          vacationDays: totalVacationDays,
+          total: totalNormalPay + totalOvertimePay + totalCommission
+        }
+      };
+    }
+
+    // ==========================================
+    // FORMATTING
+    // ==========================================
+    function formatCurrency(amount) {
+      return Math.round(amount).toLocaleString('da-DK') + ' kr';
+    }
+
+    function formatHours(hours) {
+      return hours + 't';
+    }
+
+    // ==========================================
+    // RENDER FUNCTIONS
+    // ==========================================
+    function renderEmployeeCard(employee, data, isExpanded = false) {
+      const { weeks, totals } = data;
+
+      return `
+        <swp-employee-card class="${isExpanded ? 'expanded' : ''}" data-employee-id="${employee.id}">
+          <swp-employee-header onclick="toggleEmployee(${employee.id})">
+            <swp-employee-info>
+              <swp-employee-avatar class="${employee.color}">${employee.initials}</swp-employee-avatar>
+              <swp-employee-details>
+                <swp-employee-name>${employee.name}</swp-employee-name>
+                <swp-employee-meta>${formatHours(totals.normalHours + totals.overtimeHours)} · ${formatCurrency(totals.revenue)} oms.</swp-employee-meta>
+              </swp-employee-details>
+            </swp-employee-info>
+            <swp-employee-summary>
+              <swp-summary-item>
+                <swp-summary-value>${formatCurrency(totals.commission)}</swp-summary-value>
+                <swp-summary-label>Provision</swp-summary-label>
+              </swp-summary-item>
+              <swp-summary-item>
+                <swp-summary-value>${formatCurrency(totals.total)}</swp-summary-value>
+                <swp-summary-label>Total</swp-summary-label>
+              </swp-summary-item>
+              <swp-expand-icon>
+                <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
+              </swp-expand-icon>
+            </swp-employee-summary>
+          </swp-employee-header>
+          <swp-employee-content>
+            <swp-employee-config>
+              <swp-config-item>
+                <swp-config-label>Timeløn:</swp-config-label>
+                <swp-config-value class="mono">${employee.hourlyRate} kr</swp-config-value>
+              </swp-config-item>
+              <swp-config-item>
+                <swp-config-label>Normtid:</swp-config-label>
+                <swp-config-value>${employee.weeklyHours}t/uge</swp-config-value>
+              </swp-config-item>
+              <swp-config-item>
+                <swp-config-label>Overtid:</swp-config-label>
+                <swp-config-value>+${Math.round((employee.overtimeRate - 1) * 100)}%</swp-config-value>
+              </swp-config-item>
+              <swp-config-item>
+                <swp-config-label>Minimum:</swp-config-label>
+                <swp-config-value class="mono">${employee.commission.hourlyMinimum} kr/time</swp-config-value>
+              </swp-config-item>
+              <swp-config-item>
+                <swp-config-label>Provision:</swp-config-label>
+                <swp-config-value>${employee.commission.servicePercentage}% services · ${employee.commission.productPercentage}% produkter</swp-config-value>
+              </swp-config-item>
+            </swp-employee-config>
+
+            <swp-weeks-table>
+              <swp-table>
+                <swp-table-header>
+                  <swp-table-row>
+                    <swp-table-cell>Uge</swp-table-cell>
+                    <swp-table-cell class="right">Timer</swp-table-cell>
+                    <swp-table-cell class="right">Overtid</swp-table-cell>
+                    <swp-table-cell class="right">Ferie</swp-table-cell>
+                    <swp-table-cell class="right">Services</swp-table-cell>
+                    <swp-table-cell class="right">Produkter</swp-table-cell>
+                    <swp-table-cell class="right">Minimum</swp-table-cell>
+                    <swp-table-cell class="right">Provision</swp-table-cell>
+                    <swp-table-cell class="right">I alt</swp-table-cell>
+                  </swp-table-row>
+                </swp-table-header>
+                <swp-table-body>
+                  ${weeks.map(w => `
+                    <swp-table-row>
+                      <swp-table-cell>Uge ${w.week}</swp-table-cell>
+                      <swp-table-cell class="right mono">${formatHours(w.normalHours)}</swp-table-cell>
+                      <swp-table-cell class="right mono ${w.overtimeHours > 0 ? 'warning' : ''}">${formatHours(w.overtimeHours)}</swp-table-cell>
+                      <swp-table-cell class="right mono">${w.vacationDays} dg</swp-table-cell>
+                      <swp-table-cell class="right mono">${formatCurrency(w.serviceRevenue)}</swp-table-cell>
+                      <swp-table-cell class="right mono">${formatCurrency(w.productRevenue)}</swp-table-cell>
+                      <swp-table-cell class="right mono">${formatCurrency(w.minimumThreshold)}</swp-table-cell>
+                      <swp-table-cell class="right mono ${w.commission > 0 ? 'highlight' : ''}">${formatCurrency(w.commission)}</swp-table-cell>
+                      <swp-table-cell class="right mono">${formatCurrency(w.totalPay)}</swp-table-cell>
+                    </swp-table-row>
+                  `).join('')}
+                </swp-table-body>
+                <swp-table-footer>
+                  <swp-table-row>
+                    <swp-table-cell>TOTAL</swp-table-cell>
+                    <swp-table-cell class="right mono">${formatHours(totals.normalHours)}</swp-table-cell>
+                    <swp-table-cell class="right mono">${formatHours(totals.overtimeHours)}</swp-table-cell>
+                    <swp-table-cell class="right mono">${totals.vacationDays} dg</swp-table-cell>
+                    <swp-table-cell class="right mono">${formatCurrency(totals.serviceRevenue)}</swp-table-cell>
+                    <swp-table-cell class="right mono">${formatCurrency(totals.productRevenue)}</swp-table-cell>
+                    <swp-table-cell class="right mono">—</swp-table-cell>
+                    <swp-table-cell class="right mono">${formatCurrency(totals.commission)}</swp-table-cell>
+                    <swp-table-cell class="right mono">${formatCurrency(totals.total)}</swp-table-cell>
+                  </swp-table-row>
+                </swp-table-footer>
+              </swp-table>
+            </swp-weeks-table>
+
+            </swp-employee-content>
+        </swp-employee-card>
+      `;
+    }
+
+    function renderEmployeeList() {
+      const container = document.getElementById('employeeList');
+
+      let html = '';
+      let grandTotal = 0;
+      let totalBasePay = 0;
+      let totalOvertime = 0;
+      let totalServiceCommission = 0;
+      let totalProductCommission = 0;
+
+      for (const emp of employees) {
+        const data = calculateEmployeeTotals(emp, weeklyData);
+        html += renderEmployeeCard(emp, data, emp.id === 1);
+
+        grandTotal += data.totals.total;
+        totalBasePay += data.totals.normalPay;
+        totalOvertime += data.totals.overtimePay;
+        totalServiceCommission += data.totals.serviceCommission;
+        totalProductCommission += data.totals.productCommission;
+      }
+
+      container.innerHTML = html;
+
+      // Update totals
+      document.getElementById('grandTotal').textContent = formatCurrency(grandTotal);
+      document.getElementById('totalBasePay').textContent = formatCurrency(totalBasePay);
+      document.getElementById('totalOvertime').textContent = formatCurrency(totalOvertime);
+      document.getElementById('totalServiceCommission').textContent = formatCurrency(totalServiceCommission);
+      document.getElementById('totalProductCommission').textContent = formatCurrency(totalProductCommission);
+    }
+
+    // ==========================================
+    // INTERACTIONS
+    // ==========================================
+    function toggleEmployee(employeeId) {
+      const card = document.querySelector(`swp-employee-card[data-employee-id="${employeeId}"]`);
+      card.classList.toggle('expanded');
+    }
+
+    // ==========================================
+    // EXPORT TABLE
+    // ==========================================
+    let employeeTotalsCache = [];
+
+    function renderExportTable() {
+      const container = document.getElementById('exportTable');
+
+      let grandTotalBasePay = 0;
+      let grandTotalOvertime = 0;
+      let grandTotalVacationDays = 0;
+      let grandTotalServiceCommission = 0;
+      let grandTotalProductCommission = 0;
+      let grandTotal = 0;
+
+      let rows = `
+        <swp-export-row class="header">
+          <swp-export-checkbox>
+            <input type="checkbox" id="selectAllExport" checked onchange="toggleAllExport(this.checked)">
+          </swp-export-checkbox>
+          <swp-export-cell>Medarbejder</swp-export-cell>
+          <swp-export-cell class="right">Grundløn</swp-export-cell>
+          <swp-export-cell class="right">Overtid</swp-export-cell>
+          <swp-export-cell class="right">Ferie</swp-export-cell>
+          <swp-export-cell class="right">Prov. serv.</swp-export-cell>
+          <swp-export-cell class="right">Prov. prod.</swp-export-cell>
+          <swp-export-cell class="right">Total</swp-export-cell>
+          <swp-export-cell></swp-export-cell>
+        </swp-export-row>
+      `;
+
+      employeeTotalsCache = [];
+
+      for (const emp of employees) {
+        const data = calculateEmployeeTotals(emp, weeklyData);
+        const { totals } = data;
+
+        employeeTotalsCache.push({ employee: emp, totals });
+
+        grandTotalBasePay += totals.normalPay;
+        grandTotalOvertime += totals.overtimePay;
+        grandTotalVacationDays += totals.vacationDays;
+        grandTotalServiceCommission += totals.serviceCommission;
+        grandTotalProductCommission += totals.productCommission;
+        grandTotal += totals.total;
+
+        rows += `
+          <swp-export-row data-employee-id="${emp.id}">
+            <swp-export-checkbox>
+              <input type="checkbox" class="export-employee-checkbox" data-employee-id="${emp.id}" checked onchange="updateSelectAllCheckbox()">
+            </swp-export-checkbox>
+            <swp-export-cell>${emp.name}</swp-export-cell>
+            <swp-export-cell class="right mono">${formatCurrency(totals.normalPay)}</swp-export-cell>
+            <swp-export-cell class="right mono">${formatCurrency(totals.overtimePay)}</swp-export-cell>
+            <swp-export-cell class="right mono">${totals.vacationDays} dg</swp-export-cell>
+            <swp-export-cell class="right mono">${formatCurrency(totals.serviceCommission)}</swp-export-cell>
+            <swp-export-cell class="right mono">${formatCurrency(totals.productCommission)}</swp-export-cell>
+            <swp-export-cell class="right mono highlight">${formatCurrency(totals.total)}</swp-export-cell>
+            <swp-export-cell>
+              <swp-copy-cell-btn onclick="copyEmployeeRow(${emp.id}, event)" title="Kopier">
+                <svg viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
+              </swp-copy-cell-btn>
+            </swp-export-cell>
+          </swp-export-row>
+        `;
+      }
+
+      rows += `
+        <swp-export-row class="total">
+          <swp-export-cell></swp-export-cell>
+          <swp-export-cell>TOTAL</swp-export-cell>
+          <swp-export-cell class="right mono">${formatCurrency(grandTotalBasePay)}</swp-export-cell>
+          <swp-export-cell class="right mono">${formatCurrency(grandTotalOvertime)}</swp-export-cell>
+          <swp-export-cell class="right mono">${grandTotalVacationDays} dg</swp-export-cell>
+          <swp-export-cell class="right mono">${formatCurrency(grandTotalServiceCommission)}</swp-export-cell>
+          <swp-export-cell class="right mono">${formatCurrency(grandTotalProductCommission)}</swp-export-cell>
+          <swp-export-cell class="right mono highlight">${formatCurrency(grandTotal)}</swp-export-cell>
+          <swp-export-cell></swp-export-cell>
+        </swp-export-row>
+      `;
+
+      container.innerHTML = rows;
+    }
+
+    function toggleAllExport(checked) {
+      const checkboxes = document.querySelectorAll('.export-employee-checkbox');
+      checkboxes.forEach(cb => cb.checked = checked);
+    }
+
+    function updateSelectAllCheckbox() {
+      const checkboxes = document.querySelectorAll('.export-employee-checkbox');
+      const allChecked = Array.from(checkboxes).every(cb => cb.checked);
+      const someChecked = Array.from(checkboxes).some(cb => cb.checked);
+      const selectAll = document.getElementById('selectAllExport');
+      selectAll.checked = allChecked;
+      selectAll.indeterminate = someChecked && !allChecked;
+    }
+
+    function getSelectedEmployeeIds() {
+      const checkboxes = document.querySelectorAll('.export-employee-checkbox:checked');
+      return Array.from(checkboxes).map(cb => parseInt(cb.dataset.employeeId));
+    }
+
+    function copyEmployeeRow(employeeId, event) {
+      const cached = employeeTotalsCache.find(c => c.employee.id === employeeId);
+      if (!cached) return;
+
+      const { employee, totals } = cached;
+      const text = `${employee.name}\t${Math.round(totals.normalPay)}\t${Math.round(totals.overtimePay)}\t${totals.vacationDays}\t${Math.round(totals.serviceCommission)}\t${Math.round(totals.productCommission)}\t${Math.round(totals.total)}`;
+
+      navigator.clipboard.writeText(text).then(() => {
+        const btn = event.target.closest('swp-copy-cell-btn');
+        btn.classList.add('copied');
+        btn.innerHTML = `<svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>`;
+
+        setTimeout(() => {
+          btn.classList.remove('copied');
+          btn.innerHTML = `<svg viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>`;
+        }, 1500);
+      });
+    }
+
+    function copyAllToClipboard() {
+      let text = "Medarbejder\tGrundløn\tOvertid\tFeriedage\tProv. serv.\tProv. prod.\tTotal\n";
+
+      for (const { employee, totals } of employeeTotalsCache) {
+        text += `${employee.name}\t${Math.round(totals.normalPay)}\t${Math.round(totals.overtimePay)}\t${totals.vacationDays}\t${Math.round(totals.serviceCommission)}\t${Math.round(totals.productCommission)}\t${Math.round(totals.total)}\n`;
+      }
+
+      navigator.clipboard.writeText(text).then(() => {
+        const btn = document.getElementById('copyAllBtn');
+        const originalHtml = btn.innerHTML;
+        btn.innerHTML = `<svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg> Kopieret!`;
+
+        setTimeout(() => {
+          btn.innerHTML = originalHtml;
+        }, 2000);
+      });
+    }
+
+    // ==========================================
+    // INTECT EXPORT
+    // ==========================================
+    function generateIntectData() {
+      const rows = [];
+      const selectedIds = getSelectedEmployeeIds();
+      const selectedEmployees = employees.filter(emp => selectedIds.includes(emp.id));
+
+      for (const emp of selectedEmployees) {
+        const data = calculateEmployeeTotals(emp, weeklyData);
+
+        // Løn - en linje pr. uge (normal tid)
+        for (const week of data.weeks) {
+          rows.push({
+            cpr: emp.cpr || '',
+            name: emp.name,
+            initials: emp.initials,
+            lønart: 'Løn',
+            beskrivelse: `Uge ${week.week}`,
+            enheder: week.normalHours,
+            sats: emp.hourlyRate,
+            beløb: week.normalPay
+          });
+
+          // Overtid - også lønart "Løn", pr. uge
+          if (week.overtimeHours > 0) {
+            rows.push({
+              cpr: emp.cpr || '',
+              name: emp.name,
+              initials: emp.initials,
+              lønart: 'Løn',
+              beskrivelse: `Uge ${week.week} Overtid`,
+              enheder: week.overtimeHours,
+              sats: emp.hourlyRate * emp.overtimeRate,
+              beløb: week.overtimePay
+            });
+          }
+        }
+
+        // Provision - en linje pr. uge med provision
+        for (const week of data.weeks) {
+          if (week.commission > 0) {
+            rows.push({
+              cpr: emp.cpr || '',
+              name: emp.name,
+              initials: emp.initials,
+              lønart: 'Provision',
+              beskrivelse: `Uge ${week.week} provision ${emp.commission.servicePercentage}%, oms ${Math.round(week.totalRevenue)}`,
+              grundlag: week.revenueOverMinimum,
+              enheder: emp.commission.servicePercentage,
+              sats: week.revenueOverMinimum,
+              beløb: week.commission
+            });
+          }
+        }
+
+        // Ferie - altid inkluderet, også ved 0 dage
+        rows.push({
+          cpr: emp.cpr || '',
+          name: emp.name,
+          initials: emp.initials,
+          lønart: 'Ferie',
+          beskrivelse: '',
+          enheder: data.totals.vacationDays,
+          sats: '',
+          beløb: 0
+        });
+      }
+
+      return rows;
+    }
+
+    function exportToIntect() {
+      const year = document.getElementById('yearSelect').value;
+      const weekFrom = document.getElementById('weekFromSelect').value;
+      const weekTo = document.getElementById('weekToSelect').value;
+
+      const data = generateIntectData();
+
+      // Konverter til worksheet format
+      const wsData = [
+        ['CPR-nummer', 'Medarbejder navn', 'Initialer', 'Ekstern reference',
+         'Medarbejder-ID', 'Lønart', 'Beskrivelse', 'Grundlag', 'Enheder',
+         'Sats', 'Beløb', 'Efter næste kørsel', 'Fra dato', 'Til dato'],
+        ...data.map(row => [
+          row.cpr, row.name, row.initials, '', '',
+          row.lønart, row.beskrivelse, row.grundlag || '',
+          row.enheder, row.sats, row.beløb, 'Nulstil', '', ''
+        ])
+      ];
+
+      const wb = XLSX.utils.book_new();
+      const ws = XLSX.utils.aoa_to_sheet(wsData);
+      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
+      XLSX.writeFile(wb, `loeneksport_${year}_uge${weekFrom}-${weekTo}.xlsx`);
+    }
+
+    // ==========================================
+    // INITIALIZATION
+    // ==========================================
+    function initWeekSelects() {
+      const weekFrom = document.getElementById('weekFromSelect');
+      const weekTo = document.getElementById('weekToSelect');
+
+      for (let i = 1; i <= 52; i++) {
+        weekFrom.innerHTML += `<option value="${i}" ${i === 1 ? 'selected' : ''}>Uge ${i}</option>`;
+        weekTo.innerHTML += `<option value="${i}" ${i === 4 ? 'selected' : ''}>Uge ${i}</option>`;
+      }
+    }
+
+    function loadData() {
+      const year = parseInt(document.getElementById('yearSelect').value);
+      const weekFrom = parseInt(document.getElementById('weekFromSelect').value);
+      const weekTo = parseInt(document.getElementById('weekToSelect').value);
+
+      weeklyData = generateMockData(year, weekFrom, weekTo);
+      renderEmployeeList();
+      renderExportTable();
+    }
+
+    // Initialize
+    initWeekSelects();
+    document.getElementById('loadDataBtn').addEventListener('click', loadData);
+    document.getElementById('copyAllBtn').addEventListener('click', copyAllToClipboard);
+    document.getElementById('exportBtn').addEventListener('click', exportToIntect);
+
+    // Load initial data
+    loadData();
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-loenspecifikation.html b/wwwroot/poc-loenspecifikation.html
new file mode 100644
index 0000000..0d28ceb
--- /dev/null
+++ b/wwwroot/poc-loenspecifikation.html
@@ -0,0 +1,533 @@
+<!doctype html>
+<html lang="da">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Lønspecifikation – Januar 2026</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+
+  <style>
+    /* ===== Print setup ===== */
+    @page { size: A4; margin: 14mm; }
+    @media print {
+      .no-print { display: none !important; }
+      .page-break { break-after: page; page-break-after: always; }
+      a { color: inherit; text-decoration: none; }
+    }
+
+    /* ===== Base ===== */
+    :root {
+      --ink: #0f172a;
+      --muted: #475569;
+      --line: #e2e8f0;
+      --soft: #f8fafc;
+      --accent: #0ea5e9;
+      --accent-2: #22c55e;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+    * { box-sizing: border-box; }
+    body {
+      margin: 0;
+      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+      color: var(--ink);
+      background: #fff;
+    }
+    .sheet {
+      max-width: 210mm;
+      margin: 0 auto;
+    }
+
+    /* ===== Header ===== */
+    .hdr {
+      display: flex;
+      justify-content: space-between;
+      gap: 16px;
+      padding: 14px 0 10px;
+      border-bottom: 2px solid var(--line);
+      margin-bottom: 12px;
+    }
+    .brand {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+    .title {
+      font-size: 20px;
+      font-weight: 800;
+      letter-spacing: .2px;
+      margin: 0;
+      line-height: 1.1;
+    }
+    .subtitle {
+      margin: 0;
+      color: var(--muted);
+      font-size: 12px;
+    }
+    .meta {
+      text-align: right;
+      min-width: 260px;
+    }
+    .meta .pill {
+      display: inline-block;
+      font-size: 12px;
+      padding: 6px 10px;
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      background: var(--soft);
+      margin-bottom: 8px;
+    }
+    .meta .kv {
+      display: grid;
+      grid-template-columns: auto auto;
+      gap: 4px 12px;
+      justify-content: end;
+      font-size: 12px;
+      color: var(--muted);
+    }
+    .meta .kv b { color: var(--ink); font-weight: 600; }
+
+    /* ===== Blocks ===== */
+    .card {
+      border: 1px solid var(--line);
+      border-radius: 14px;
+      overflow: hidden;
+      background: #fff;
+      margin-bottom: 12px;
+    }
+    .card .hd {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 12px;
+      background: linear-gradient(0deg, var(--soft), #fff);
+      border-bottom: 1px solid var(--line);
+    }
+    .card .hd h2 {
+      font-size: 13px;
+      margin: 0;
+      letter-spacing: .2px;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+    .card .bd { padding: 12px; }
+
+    .grid {
+      display: grid;
+      grid-template-columns: 1.2fr .8fr;
+      gap: 12px;
+    }
+
+    /* ===== Total ===== */
+    .total {
+      display: flex;
+      align-items: baseline;
+      justify-content: space-between;
+      gap: 12px;
+      padding: 14px 14px;
+      border-radius: 14px;
+      border: 1px solid var(--line);
+      background: var(--soft);
+      margin-bottom: 12px;
+    }
+    .total .label {
+      color: var(--muted);
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: .25px;
+      margin-bottom: 6px;
+    }
+    .total .big {
+      font-size: 28px;
+      font-weight: 900;
+      font-family: var(--font-mono);
+      margin: 0;
+      line-height: 1.05;
+    }
+    .total .big small {
+      font-size: 14px;
+      font-weight: 700;
+      color: var(--muted);
+    }
+    .badge {
+      display: inline-block;
+      font-size: 11px;
+      padding: 4px 8px;
+      border-radius: 999px;
+      border: 1px solid var(--line);
+      background: var(--soft);
+      color: var(--muted);
+    }
+
+    /* ===== Tables ===== */
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 12px;
+    }
+    th, td {
+      padding: 8px 8px;
+      border-bottom: 1px solid var(--line);
+      vertical-align: top;
+    }
+    th {
+      text-align: left;
+      color: var(--muted);
+      font-weight: 700;
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: .2px;
+      background: var(--soft);
+    }
+    td.num, th.num { text-align: right; }
+    td.num { font-family: var(--font-mono); }
+    tr:last-child td { border-bottom: none; }
+
+    .note {
+      margin: 8px 0 0;
+      color: var(--muted);
+      font-size: 11px;
+      line-height: 1.35;
+    }
+
+    /* ===== Footer ===== */
+    .ftr {
+      margin-top: 10px;
+      padding-top: 10px;
+      border-top: 1px solid var(--line);
+      display: flex;
+      justify-content: space-between;
+      gap: 12px;
+      font-size: 10.5px;
+      color: var(--muted);
+    }
+
+    /* ===== Ensure content doesn't get split awkwardly ===== */
+    .avoid-break { break-inside: avoid; page-break-inside: avoid; }
+  </style>
+</head>
+
+<body>
+  <!-- ===================== PAGE 1: OVERBLIK ===================== -->
+  <div class="sheet">
+    <div class="hdr">
+      <div class="brand">
+        <p class="title">Lønspecifikation</p>
+        <p class="subtitle">Periode: <b>Januar 2026</b></p>
+      </div>
+
+      <div class="meta">
+        <div class="pill">Medarbejdernr.: <b>EMP-001</b></div>
+        <div class="kv">
+          <span>Medarbejder:</span><b>Emma Larsen</b>
+          <span>Afdeling:</span><b>Frisør</b>
+          <span>Ansættelse:</span><b>Fuldtid (37 t/uge)</b>
+        </div>
+      </div>
+    </div>
+
+    <section class="total avoid-break">
+      <div>
+        <div class="label">Bruttoløn (Januar 2026)</div>
+        <p class="big">34.063,50 <small>kr</small></p>
+      </div>
+    </section>
+
+    <section class="grid">
+      <div class="card avoid-break">
+        <div class="hd">
+          <h2>Samlet lønopgørelse</h2>
+        </div>
+        <div class="bd">
+          <table>
+            <thead>
+              <tr>
+                <th>Løndel</th>
+                <th class="num">Beløb</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>Grundløn inkl. overarbejde</td>
+                <td class="num">29.322,50 kr</td>
+              </tr>
+              <tr>
+                <td>Provision i alt</td>
+                <td class="num">3.685,00 kr</td>
+              </tr>
+              <tr>
+                <td>Tillæg i alt</td>
+                <td class="num">1.056,00 kr</td>
+              </tr>
+              <tr>
+                <td><b>Bruttoløn</b></td>
+                <td class="num"><b>34.063,50 kr</b></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="card avoid-break">
+        <div class="hd">
+          <h2>Saldi</h2>
+        </div>
+        <div class="bd">
+          <table>
+            <thead>
+              <tr>
+                <th>Type</th>
+                <th class="num">Optjent</th>
+                <th class="num">Afholdt</th>
+                <th class="num">Rest</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>Ferie (dage)</td>
+                <td class="num">18,5</td>
+                <td class="num">6,0</td>
+                <td class="num">12,5</td>
+              </tr>
+              <tr>
+                <td>Afspadsering (timer)</td>
+                <td class="num">12,0</td>
+                <td class="num">4,0</td>
+                <td class="num">8,0</td>
+              </tr>
+            </tbody>
+          </table>
+          <p class="note">Saldi er opgjort som angivet på lønspecifikationen.</p>
+        </div>
+      </div>
+    </section>
+
+    <section class="card avoid-break">
+      <div class="hd">
+        <h2>Hurtigt resumé</h2>
+      </div>
+      <div class="bd">
+        <table>
+          <thead>
+            <tr>
+              <th>Nøglepunkt</th>
+              <th class="num">Værdi</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Normaltimer</td>
+              <td class="num">148,0 t</td>
+            </tr>
+            <tr>
+              <td>Overarbejde</td>
+              <td class="num">7,0 t</td>
+            </tr>
+            <tr>
+              <td>Provision (services + produkter)</td>
+              <td class="num">3.685,00 kr</td>
+            </tr>
+            <tr>
+              <td>Tillæg (aften + lørdag + søndag)</td>
+              <td class="num">1.056,00 kr</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <div class="ftr">
+      <div>Overblik</div>
+      <div style="text-align:right">Lønspecifikation · Januar 2026</div>
+    </div>
+
+    <div class="page-break"></div>
+
+    <!-- ===================== PAGE 2: DETALJER ===================== -->
+    <section class="card">
+      <div class="hd">
+        <h2>Arbejdstid pr. uge</h2>
+      </div>
+      <div class="bd">
+        <table>
+          <thead>
+            <tr>
+              <th>Uge</th>
+              <th class="num">Normaltimer</th>
+              <th class="num">Overtid</th>
+              <th class="num">Beløb</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Uge 1 (30. dec – 5. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">2,0 t</td>
+              <td class="num">7.400,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 2 (6. – 12. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">3,5 t</td>
+              <td class="num">7.816,25 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 3 (13. – 19. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">0,0 t</td>
+              <td class="num">6.845,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 4 (20. – 26. jan)</td>
+              <td class="num">37,0 t</td>
+              <td class="num">1,5 t</td>
+              <td class="num">7.261,25 kr</td>
+            </tr>
+            <tr>
+              <td><b>I alt</b></td>
+              <td class="num"><b>148,0 t</b></td>
+              <td class="num"><b>7,0 t</b></td>
+              <td class="num"><b>29.322,50 kr</b></td>
+            </tr>
+          </tbody>
+        </table>
+        <p class="note">
+          Satser: Normal 185,00 kr/time. Overtid (50%) 277,50 kr/time.
+        </p>
+      </div>
+    </section>
+
+    <section class="card">
+      <div class="hd">
+        <h2>Provision</h2>
+      </div>
+      <div class="bd">
+        <p class="note" style="margin-top:0">
+          <b>Services:</b> 15% af omsætning over minimum (220 kr/time).<br/>
+          <b>Produkter:</b> 10% af salg.
+        </p>
+        <table>
+          <thead>
+            <tr>
+              <th>Uge</th>
+              <th class="num">Service prov.</th>
+              <th class="num">Produkt prov.</th>
+              <th class="num">I alt</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Uge 1</td>
+              <td class="num">573,00 kr</td>
+              <td class="num">210,00 kr</td>
+              <td class="num">783,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 2</td>
+              <td class="num">883,50 kr</td>
+              <td class="num">320,00 kr</td>
+              <td class="num">1.203,50 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 3</td>
+              <td class="num">459,00 kr</td>
+              <td class="num">180,00 kr</td>
+              <td class="num">639,00 kr</td>
+            </tr>
+            <tr>
+              <td>Uge 4</td>
+              <td class="num">769,50 kr</td>
+              <td class="num">290,00 kr</td>
+              <td class="num">1.059,50 kr</td>
+            </tr>
+            <tr>
+              <td><b>I alt</b></td>
+              <td class="num"><b>2.685,00 kr</b></td>
+              <td class="num"><b>1.000,00 kr</b></td>
+              <td class="num"><b>3.685,00 kr</b></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section class="card">
+      <div class="hd">
+        <h2>Tillæg & fravær</h2>
+      </div>
+      <div class="bd">
+        <div class="grid" style="grid-template-columns: 1fr 1fr;">
+          <div>
+            <table>
+              <thead>
+                <tr>
+                  <th>Tillæg</th>
+                  <th class="num">Timer</th>
+                  <th class="num">Beløb</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Aftentillæg (hverdage 18–21)</td>
+                  <td class="num">12,0</td>
+                  <td class="num">336,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Lørdagstillæg (før kl. 14)</td>
+                  <td class="num">16,0</td>
+                  <td class="num">720,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Søndagstillæg</td>
+                  <td class="num">0,0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+                <tr>
+                  <td><b>Tillæg i alt</b></td>
+                  <td class="num"></td>
+                  <td class="num"><b>1.056,00 kr</b></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+          <div>
+            <table>
+              <thead>
+                <tr>
+                  <th>Fravær</th>
+                  <th class="num">Dage</th>
+                  <th class="num">Beløb</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Ferie med løn</td>
+                  <td class="num">0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Sygdom</td>
+                  <td class="num">0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+                <tr>
+                  <td>Barns sygedag</td>
+                  <td class="num">0</td>
+                  <td class="num">0,00 kr</td>
+                </tr>
+              </tbody>
+            </table>
+            <p class="note">Ingen fravær registreret i perioden.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <div class="ftr">
+      <div>Detaljer</div>
+      <div style="text-align:right">Lønspecifikation · Januar 2026</div>
+    </div>
+
+  </div>
+</body>
+</html>
diff --git a/wwwroot/poc-medarbejdere.html b/wwwroot/poc-medarbejdere.html
new file mode 100644
index 0000000..5a4a7c5
--- /dev/null
+++ b/wwwroot/poc-medarbejdere.html
@@ -0,0 +1,588 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Medarbejdere - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css" />
+  <link rel="stylesheet" href="css/konto.css">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode - system preference */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    /* Manual dark mode override */
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       ROLE BADGES
+       ========================================== */
+    swp-role-badge.leader {
+      background: color-mix(in srgb, var(--color-blue) 15%, transparent);
+      color: var(--color-blue);
+    }
+
+    /* ==========================================
+       STATS CARDS
+       ========================================== */
+    swp-stats-row {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 20px;
+      margin-bottom: 24px;
+    }
+
+    swp-stat-card {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 20px;
+      background: var(--color-surface);
+      border-radius: 12px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-value {
+      font-size: 28px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-stat-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-card.teal swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-card.amber swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    swp-stat-card.purple swp-stat-value {
+      color: var(--color-purple);
+    }
+
+    /* ==========================================
+       TABS
+       ========================================== */
+    swp-tabs {
+      display: flex;
+      gap: 4px;
+      border-bottom: 1px solid var(--color-border);
+      margin-bottom: 24px;
+    }
+
+    swp-tab {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 12px 20px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      transition: all 150ms ease;
+    }
+
+    swp-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-hover);
+    }
+
+    swp-tab[data-active="true"] {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    swp-tab i {
+      font-size: 18px;
+    }
+
+    swp-tab-content {
+      display: none;
+    }
+
+    swp-tab-content[data-active="true"] {
+      display: block;
+    }
+
+    /* ==========================================
+       PERMISSIONS MATRIX
+       ========================================== */
+    swp-permissions-matrix {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 12px;
+      overflow: hidden;
+    }
+    swp-permissions-matrix table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+    swp-permissions-matrix th,
+    swp-permissions-matrix td {
+      padding: 14px 16px;
+      text-align: center;
+      border-bottom: 1px solid var(--color-border);
+    }
+    swp-permissions-matrix th:first-child,
+    swp-permissions-matrix td:first-child {
+      text-align: left;
+      font-weight: 500;
+    }
+    swp-permissions-matrix thead th {
+      background: var(--color-background-alt);
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+    swp-permissions-matrix tbody tr:last-child td {
+      border-bottom: none;
+    }
+    swp-permissions-matrix .permission-name {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+    swp-permissions-matrix .permission-name i {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+    }
+    swp-permissions-matrix .check {
+      color: var(--color-teal);
+      font-size: 20px;
+    }
+    swp-permissions-matrix .no-access {
+      color: var(--color-border);
+      font-size: 16px;
+    }
+  </style>
+</head>
+<body>
+
+<swp-page-container>
+
+  <!-- Page Header -->
+  <swp-page-header>
+    <swp-page-title>
+      <h1>Medarbejdere</h1>
+      <p>Administrer brugere, roller og rettigheder</p>
+    </swp-page-title>
+  </swp-page-header>
+
+  <!-- Stats Cards -->
+  <swp-stats-row>
+    <swp-stat-card class="teal">
+      <swp-stat-value>4</swp-stat-value>
+      <swp-stat-label>Aktive medarbejdere</swp-stat-label>
+    </swp-stat-card>
+    <swp-stat-card class="amber">
+      <swp-stat-value>1</swp-stat-value>
+      <swp-stat-label>Afventer invitation</swp-stat-label>
+    </swp-stat-card>
+    <swp-stat-card class="purple">
+      <swp-stat-value>4</swp-stat-value>
+      <swp-stat-label>Roller defineret</swp-stat-label>
+    </swp-stat-card>
+  </swp-stats-row>
+
+  <!-- Tabs -->
+  <swp-tabs>
+    <swp-tab data-tab="brugere" data-active="true">
+      <i class="ph ph-users"></i>
+      Brugere
+    </swp-tab>
+    <swp-tab data-tab="roller">
+      <i class="ph ph-shield-check"></i>
+      Roller
+    </swp-tab>
+  </swp-tabs>
+
+  <!-- Tab: Brugere -->
+  <swp-tab-content data-tab="brugere" data-active="true">
+    <swp-users-header>
+      <swp-users-count>
+        <strong>5 af 8</strong> brugere
+        <swp-users-progress>
+          <swp-users-progress-bar style="width: 62.5%"></swp-users-progress-bar>
+        </swp-users-progress>
+      </swp-users-count>
+      <swp-btn class="primary">
+        <i class="ph ph-user-plus"></i>
+        Inviter bruger
+      </swp-btn>
+    </swp-users-header>
+
+    <swp-table-card>
+      <swp-table>
+        <swp-table-header>
+          <swp-table-row>
+            <swp-table-cell>Bruger</swp-table-cell>
+            <swp-table-cell>Rolle</swp-table-cell>
+            <swp-table-cell>Status</swp-table-cell>
+            <swp-table-cell>Sidst aktiv</swp-table-cell>
+            <swp-table-cell></swp-table-cell>
+          </swp-table-row>
+        </swp-table-header>
+        <swp-table-body>
+          <!-- User 1 - Owner -->
+          <swp-table-row>
+            <swp-table-cell>
+              <swp-user-info>
+                <swp-user-avatar>MJ</swp-user-avatar>
+                <swp-user-details>
+                  <swp-user-name>Maria Jensen</swp-user-name>
+                  <swp-user-email>maria@salonbeauty.dk</swp-user-email>
+                </swp-user-details>
+              </swp-user-info>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-role-badge class="owner">Ejer</swp-role-badge>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-status-badge class="active">
+                <swp-status-dot></swp-status-dot>
+                Aktiv
+              </swp-status-badge>
+            </swp-table-cell>
+            <swp-table-cell>I dag, 14:32</swp-table-cell>
+            <swp-table-cell>
+              <swp-table-actions>
+                <swp-icon-btn title="Rediger">
+                  <i class="ph ph-pencil"></i>
+                </swp-icon-btn>
+              </swp-table-actions>
+            </swp-table-cell>
+          </swp-table-row>
+
+          <!-- User 2 - Admin -->
+          <swp-table-row>
+            <swp-table-cell>
+              <swp-user-info>
+                <swp-user-avatar class="purple">AS</swp-user-avatar>
+                <swp-user-details>
+                  <swp-user-name>Anna Sørensen</swp-user-name>
+                  <swp-user-email>anna@salonbeauty.dk</swp-user-email>
+                </swp-user-details>
+              </swp-user-info>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-role-badge class="admin">Admin</swp-role-badge>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-status-badge class="active">
+                <swp-status-dot></swp-status-dot>
+                Aktiv
+              </swp-status-badge>
+            </swp-table-cell>
+            <swp-table-cell>I dag, 12:15</swp-table-cell>
+            <swp-table-cell>
+              <swp-table-actions>
+                <swp-icon-btn title="Rediger">
+                  <i class="ph ph-pencil"></i>
+                </swp-icon-btn>
+                <swp-icon-btn class="danger" title="Fjern bruger">
+                  <i class="ph ph-trash"></i>
+                </swp-icon-btn>
+              </swp-table-actions>
+            </swp-table-cell>
+          </swp-table-row>
+
+          <!-- User 3 - Leder -->
+          <swp-table-row>
+            <swp-table-cell>
+              <swp-user-info>
+                <swp-user-avatar class="blue">LP</swp-user-avatar>
+                <swp-user-details>
+                  <swp-user-name>Louise Pedersen</swp-user-name>
+                  <swp-user-email>louise@salonbeauty.dk</swp-user-email>
+                </swp-user-details>
+              </swp-user-info>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-role-badge class="leader">Leder</swp-role-badge>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-status-badge class="active">
+                <swp-status-dot></swp-status-dot>
+                Aktiv
+              </swp-status-badge>
+            </swp-table-cell>
+            <swp-table-cell>I går, 17:45</swp-table-cell>
+            <swp-table-cell>
+              <swp-table-actions>
+                <swp-icon-btn title="Rediger">
+                  <i class="ph ph-pencil"></i>
+                </swp-icon-btn>
+                <swp-icon-btn class="danger" title="Fjern bruger">
+                  <i class="ph ph-trash"></i>
+                </swp-icon-btn>
+              </swp-table-actions>
+            </swp-table-cell>
+          </swp-table-row>
+
+          <!-- User 4 -->
+          <swp-table-row>
+            <swp-table-cell>
+              <swp-user-info>
+                <swp-user-avatar class="amber">KN</swp-user-avatar>
+                <swp-user-details>
+                  <swp-user-name>Katrine Nielsen</swp-user-name>
+                  <swp-user-email>katrine@salonbeauty.dk</swp-user-email>
+                </swp-user-details>
+              </swp-user-info>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-role-badge>Medarbejder</swp-role-badge>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-status-badge class="active">
+                <swp-status-dot></swp-status-dot>
+                Aktiv
+              </swp-status-badge>
+            </swp-table-cell>
+            <swp-table-cell>27. dec, 09:30</swp-table-cell>
+            <swp-table-cell>
+              <swp-table-actions>
+                <swp-icon-btn title="Rediger">
+                  <i class="ph ph-pencil"></i>
+                </swp-icon-btn>
+                <swp-icon-btn class="danger" title="Fjern bruger">
+                  <i class="ph ph-trash"></i>
+                </swp-icon-btn>
+              </swp-table-actions>
+            </swp-table-cell>
+          </swp-table-row>
+
+          <!-- User 5 - Invited -->
+          <swp-table-row>
+            <swp-table-cell>
+              <swp-user-info>
+                <swp-user-avatar class="purple">SH</swp-user-avatar>
+                <swp-user-details>
+                  <swp-user-name>Sofie Hansen</swp-user-name>
+                  <swp-user-email>sofie@salonbeauty.dk</swp-user-email>
+                </swp-user-details>
+              </swp-user-info>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-role-badge>Medarbejder</swp-role-badge>
+            </swp-table-cell>
+            <swp-table-cell>
+              <swp-status-badge class="invited">
+                <swp-status-dot></swp-status-dot>
+                Invitation sendt
+              </swp-status-badge>
+            </swp-table-cell>
+            <swp-table-cell>-</swp-table-cell>
+            <swp-table-cell>
+              <swp-table-actions>
+                <swp-icon-btn title="Send invitation igen">
+                  <i class="ph ph-paper-plane-tilt"></i>
+                </swp-icon-btn>
+                <swp-icon-btn class="danger" title="Annuller invitation">
+                  <i class="ph ph-x"></i>
+                </swp-icon-btn>
+              </swp-table-actions>
+            </swp-table-cell>
+          </swp-table-row>
+        </swp-table-body>
+      </swp-table>
+    </swp-table-card>
+  </swp-tab-content>
+
+  <!-- Tab: Roller -->
+  <swp-tab-content data-tab="roller">
+    <swp-permissions-matrix>
+      <table>
+        <thead>
+          <tr>
+            <th>Rettighed</th>
+            <th>Ejer</th>
+            <th>Admin</th>
+            <th>Leder</th>
+            <th>Medarbejder</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              <span class="permission-name">
+                <i class="ph ph-calendar"></i>
+                Kalender
+              </span>
+            </td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+          </tr>
+          <tr>
+            <td>
+              <span class="permission-name">
+                <i class="ph ph-users"></i>
+                Medarbejdere
+              </span>
+            </td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-minus no-access"></i></td>
+          </tr>
+          <tr>
+            <td>
+              <span class="permission-name">
+                <i class="ph ph-address-book"></i>
+                Kunder
+              </span>
+            </td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+          </tr>
+          <tr>
+            <td>
+              <span class="permission-name">
+                <i class="ph ph-chart-bar"></i>
+                Rapporter & Økonomi
+              </span>
+            </td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-check-circle check"></i></td>
+            <td><i class="ph ph-minus no-access"></i></td>
+            <td><i class="ph ph-minus no-access"></i></td>
+          </tr>
+        </tbody>
+      </table>
+    </swp-permissions-matrix>
+  </swp-tab-content>
+
+</swp-page-container>
+
+<script>
+  // Simple tab switching
+  document.querySelectorAll('swp-tab').forEach(tab => {
+    tab.addEventListener('click', () => {
+      const tabName = tab.dataset.tab;
+
+      // Update tab active states
+      document.querySelectorAll('swp-tab').forEach(t => t.removeAttribute('data-active'));
+      tab.setAttribute('data-active', 'true');
+
+      // Update content active states
+      document.querySelectorAll('swp-tab-content').forEach(c => c.removeAttribute('data-active'));
+      document.querySelector(`swp-tab-content[data-tab="${tabName}"]`).setAttribute('data-active', 'true');
+    });
+  });
+</script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-produkt-opret.html b/wwwroot/poc-produkt-opret.html
new file mode 100644
index 0000000..8ff70bf
--- /dev/null
+++ b/wwwroot/poc-produkt-opret.html
@@ -0,0 +1,1458 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Opret nyt produkt</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+    }
+
+    @media (max-width: 900px) {
+      .grid-2 { grid-template-columns: 1fr; }
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 20px;
+      overflow: hidden;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-card-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-card-body {
+      display: block;
+      padding: 20px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.small {
+      padding: 6px 12px;
+      font-size: 12px;
+    }
+
+    /* ==========================================
+       FORM ELEMENTS
+       ========================================== */
+    swp-form-grid {
+      display: grid;
+      gap: 16px;
+    }
+
+    swp-form-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-form-field.full {
+      grid-column: 1 / -1;
+    }
+
+    swp-form-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-form-field input,
+    swp-form-field select,
+    swp-form-field textarea {
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      color: var(--color-text);
+    }
+
+    swp-form-field input:focus,
+    swp-form-field select:focus,
+    swp-form-field textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-form-field textarea {
+      min-height: 150px;
+      resize: vertical;
+    }
+
+    swp-form-field input.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-form-field input[readonly] {
+      background: var(--color-background-alt);
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       TOGGLE SLIDER (Ja/Nej)
+       ========================================== */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      position: relative;
+      cursor: pointer;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      transition: color 200ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       VARIANTS TABLE
+       ========================================== */
+    swp-variants-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-variants-header,
+    swp-variants-row {
+      display: grid;
+      grid-template-columns: 1fr 120px 80px 100px 80px;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-variants-header {
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-variants-header span {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-variants-header span.right {
+      text-align: right;
+    }
+
+    swp-variants-row {
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-variants-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-variants-row span {
+      font-size: 14px;
+    }
+
+    swp-variants-row span.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-variants-row span.right {
+      text-align: right;
+    }
+
+    swp-variants-row span.muted {
+      color: var(--color-text-secondary);
+    }
+
+    swp-variants-actions {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+
+    swp-variants-actions button {
+      width: 28px;
+      height: 28px;
+      border: none;
+      background: var(--color-background);
+      border-radius: 4px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 150ms ease;
+    }
+
+    swp-variants-actions button:hover {
+      background: var(--color-border);
+    }
+
+    swp-variants-actions button svg {
+      width: 14px;
+      height: 14px;
+      fill: var(--color-text-secondary);
+    }
+
+    swp-add-variant {
+      display: flex;
+      justify-content: center;
+      padding-top: 16px;
+    }
+
+    /* ==========================================
+       PRICE & MARGIN
+       ========================================== */
+    swp-price-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-margin-display {
+      display: flex;
+      gap: 24px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      margin-top: 16px;
+    }
+
+    swp-margin-item {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-margin-label {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-margin-value {
+      font-size: 20px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-green);
+    }
+
+    /* ==========================================
+       STOCK DISPLAY
+       ========================================== */
+    swp-stock-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    /* ==========================================
+       SUPPLIER INFO
+       ========================================== */
+    swp-supplier-grid {
+      display: grid;
+      gap: 16px;
+    }
+
+    /* ==========================================
+       BARCODE SCANNER
+       ========================================== */
+    swp-scanner-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 2px solid var(--color-border);
+      margin-bottom: 20px;
+      overflow: hidden;
+      transition: border-color 300ms ease;
+    }
+
+    swp-scanner-card.scanning {
+      border-color: var(--color-blue);
+    }
+
+    swp-scanner-card.success {
+      border-color: var(--color-green);
+    }
+
+    swp-scanner-card.error {
+      border-color: var(--color-amber);
+    }
+
+    swp-scanner-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      background: var(--color-background-alt);
+    }
+
+    swp-scanner-header svg {
+      width: 20px;
+      height: 20px;
+      fill: var(--color-teal);
+    }
+
+    swp-scanner-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-scanner-body {
+      padding: 24px;
+    }
+
+    /* Scanner States */
+    swp-scanner-ready {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 16px;
+      padding: 20px;
+    }
+
+    swp-scan-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      width: 100%;
+      padding: 20px 32px;
+      font-size: 16px;
+      font-weight: 600;
+      font-family: var(--font-family);
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+      border: 2px dashed var(--color-teal);
+      border-radius: 12px;
+      cursor: pointer;
+      transition: all 200ms ease;
+    }
+
+    swp-scan-button:hover {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      border-style: solid;
+    }
+
+    swp-scan-button svg {
+      width: 28px;
+      height: 28px;
+      fill: currentColor;
+    }
+
+    swp-scanner-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      text-align: center;
+    }
+
+    /* Scanning State */
+    swp-scanner-scanning {
+      display: none;
+      flex-direction: column;
+      align-items: center;
+      gap: 16px;
+      padding: 20px;
+    }
+
+    swp-scanner-scanning.active {
+      display: flex;
+    }
+
+    swp-scanning-status {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      color: var(--color-blue);
+      font-weight: 500;
+    }
+
+    swp-scanning-status .pulse {
+      width: 10px;
+      height: 10px;
+      background: var(--color-blue);
+      border-radius: 50%;
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50% { opacity: 0.5; transform: scale(1.2); }
+    }
+
+    swp-scanned-code {
+      font-size: 36px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      letter-spacing: 4px;
+      color: var(--color-text);
+      min-height: 48px;
+    }
+
+    .scanner-input {
+      position: absolute;
+      left: -9999px;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    swp-debug-codes {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-top: 16px;
+      padding: 12px;
+      background: var(--color-background-alt);
+      border: 1px dashed var(--color-border);
+      border-radius: 6px;
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-debug-codes strong {
+      color: var(--color-text);
+      margin-bottom: 4px;
+    }
+
+    swp-debug-codes code {
+      font-family: var(--font-mono);
+      font-size: 11px;
+      background: var(--color-surface);
+      padding: 2px 6px;
+      border-radius: 3px;
+      margin-right: 8px;
+      user-select: all;
+      cursor: pointer;
+    }
+
+    /* Loading State */
+    swp-scanner-loading {
+      display: none;
+      flex-direction: column;
+      align-items: center;
+      gap: 16px;
+      padding: 20px;
+    }
+
+    swp-scanner-loading.active {
+      display: flex;
+    }
+
+    swp-loading-spinner {
+      width: 40px;
+      height: 40px;
+      border: 3px solid var(--color-border);
+      border-top-color: var(--color-teal);
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+
+    swp-loading-text {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-loading-code {
+      font-size: 20px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      letter-spacing: 2px;
+      color: var(--color-text);
+    }
+
+    /* Success State */
+    swp-scanner-success {
+      display: none;
+      flex-direction: column;
+      gap: 20px;
+      padding: 20px;
+    }
+
+    swp-scanner-success.active {
+      display: flex;
+    }
+
+    swp-success-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      color: var(--color-green);
+      font-weight: 600;
+      font-size: 15px;
+    }
+
+    swp-success-header svg {
+      width: 22px;
+      height: 22px;
+      fill: currentColor;
+    }
+
+    swp-product-preview {
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      padding: 16px;
+    }
+
+    swp-preview-row {
+      display: flex;
+      padding: 8px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-preview-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-preview-label {
+      width: 100px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      flex-shrink: 0;
+    }
+
+    swp-preview-value {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-preview-value.description {
+      font-size: 13px;
+      line-height: 1.5;
+    }
+
+    swp-scanner-actions {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    swp-scanner-actions swp-btn {
+      width: 100%;
+      justify-content: center;
+    }
+
+    swp-btn.success {
+      background: var(--color-green);
+      color: white;
+    }
+
+    swp-btn.success:hover {
+      background: #388e3c;
+    }
+
+    /* Error/Not Found State */
+    swp-scanner-notfound {
+      display: none;
+      flex-direction: column;
+      gap: 20px;
+      padding: 20px;
+    }
+
+    swp-scanner-notfound.active {
+      display: flex;
+    }
+
+    swp-notfound-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      color: var(--color-amber);
+      font-weight: 600;
+      font-size: 15px;
+    }
+
+    swp-notfound-header svg {
+      width: 22px;
+      height: 22px;
+      fill: currentColor;
+    }
+
+    swp-notfound-code {
+      font-size: 24px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      letter-spacing: 2px;
+      color: var(--color-text);
+      text-align: center;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+    }
+
+    swp-notfound-message {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      text-align: center;
+      line-height: 1.6;
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link>
+        <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+        Produkter
+      </swp-back-link>
+      <swp-page-title>Nyt produkt</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="secondary">Annuller</swp-btn>
+      <swp-btn class="primary">
+        <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+        Opret produkt
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <div class="grid-2">
+      <!-- VENSTRE KOLONNE -->
+      <div>
+        <!-- Basisoplysninger -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Basisoplysninger</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-form-grid>
+              <swp-form-field class="full">
+                <swp-form-label>Produktnavn</swp-form-label>
+                <input type="text" id="productName" placeholder="Indtast produktnavn..." />
+              </swp-form-field>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Varenummer</swp-form-label>
+                  <input type="text" id="productSku" class="mono" placeholder="F.eks. ABC-123" />
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>EAN / Stregkode</swp-form-label>
+                  <input type="text" id="productEan" class="mono" placeholder="Scannes automatisk" />
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Kategori</swp-form-label>
+                  <select id="productCategory">
+                    <option value="">Vælg kategori...</option>
+                    <option value="haarpleje">Hårpleje</option>
+                    <option value="styling">Styling</option>
+                    <option value="farve">Farve</option>
+                    <option value="tilbehoer">Tilbehør</option>
+                  </select>
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>Brand</swp-form-label>
+                  <select id="productBrand">
+                    <option value="">Vælg brand...</option>
+                    <option value="redken">Redken</option>
+                    <option value="olaplex">Olaplex</option>
+                    <option value="kerastase">Kérastase</option>
+                    <option value="wella">Wella</option>
+                    <option value="loreal">L'Oréal</option>
+                  </select>
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-field class="full">
+                <swp-form-label>Beskrivelse</swp-form-label>
+                <textarea id="productDescription" placeholder="Indtast produktbeskrivelse..."></textarea>
+              </swp-form-field>
+
+              <swp-toggle-row>
+                <swp-toggle-label>Produkt aktiv</swp-toggle-label>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+              </swp-toggle-row>
+            </swp-form-grid>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Leverandør -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Leverandør</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-supplier-grid>
+              <swp-form-field>
+                <swp-form-label>Leverandør</swp-form-label>
+                <select>
+                  <option value="">Vælg leverandør...</option>
+                  <option>L'Oréal Professionnel</option>
+                  <option>Beauty Group Denmark</option>
+                  <option>Hairware ApS</option>
+                </select>
+              </swp-form-field>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Leverandør varenr</swp-form-label>
+                  <input type="text" class="mono" placeholder="F.eks. E3845600" />
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>Leveringstid</swp-form-label>
+                  <input type="text" placeholder="F.eks. 3-5 dage" />
+                </swp-form-field>
+              </swp-form-row>
+            </swp-supplier-grid>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Lager -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Lagerindstillinger</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-stock-grid>
+              <swp-form-field>
+                <swp-form-label>Startlager</swp-form-label>
+                <input type="number" value="0" min="0" />
+              </swp-form-field>
+              <swp-form-field>
+                <swp-form-label>Minimumslager</swp-form-label>
+                <input type="number" value="5" min="0" />
+              </swp-form-field>
+              <swp-form-field>
+                <swp-form-label>Genbestillingspunkt</swp-form-label>
+                <input type="number" value="10" min="0" />
+              </swp-form-field>
+            </swp-stock-grid>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Varianter -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Varianter</swp-card-title>
+            <swp-card-hint>Størrelser og variationer</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-variants-table>
+              <swp-variants-header>
+                <span>Variant</span>
+                <span>Varenr</span>
+                <span class="right">Lager</span>
+                <span class="right">Pris</span>
+                <span></span>
+              </swp-variants-header>
+              <!-- Varianter tilføjes her -->
+            </swp-variants-table>
+            <swp-add-variant>
+              <swp-btn class="secondary small">+ Tilføj variant</swp-btn>
+            </swp-add-variant>
+          </swp-card-body>
+        </swp-card>
+      </div>
+
+      <!-- HØJRE KOLONNE -->
+      <div>
+        <!-- Stregkodescanner -->
+        <swp-scanner-card id="scannerCard">
+          <swp-scanner-header>
+            <svg viewBox="0 0 24 24"><path d="M2 6h2v12H2V6zm3 0h1v12H5V6zm2 0h3v12H7V6zm4 0h1v12h-1V6zm3 0h2v12h-2V6zm3 0h3v12h-3V6zm4 0h1v12h-1V6z"/></svg>
+            <swp-scanner-title>Stregkodescanner</swp-scanner-title>
+          </swp-scanner-header>
+          <swp-scanner-body>
+            <!-- Ready State (initial) -->
+            <swp-scanner-ready id="scannerReady">
+              <swp-scan-button id="scanButton">
+                <svg viewBox="0 0 24 24"><path d="M2 6h2v12H2V6zm3 0h1v12H5V6zm2 0h3v12H7V6zm4 0h1v12h-1V6zm3 0h2v12h-2V6zm3 0h3v12h-3V6zm4 0h1v12h-1V6z"/></svg>
+                SCAN STREGKODE
+              </swp-scan-button>
+              <swp-scanner-hint>Klik på knappen og scan produktets stregkode</swp-scanner-hint>
+              <swp-debug-codes>
+                <strong>Test EAN-koder:</strong>
+                <code>884486532879</code> Redken Serum
+                <code>3474636610143</code> Kérastase Olie
+                <code>0850018802239</code> Olaplex No.7
+                <code>4015600159122</code> Wella Glam Mist
+              </swp-debug-codes>
+            </swp-scanner-ready>
+
+            <!-- Scanning State -->
+            <swp-scanner-scanning id="scannerScanning">
+              <swp-scanning-status>
+                <span class="pulse"></span>
+                Klar til scanning...
+              </swp-scanning-status>
+              <swp-scanned-code id="scannedCodeDisplay"></swp-scanned-code>
+              <swp-scanner-hint>Scan nu produktets stregkode med din scanner</swp-scanner-hint>
+            </swp-scanner-scanning>
+
+            <!-- Loading State -->
+            <swp-scanner-loading id="scannerLoading">
+              <swp-loading-spinner></swp-loading-spinner>
+              <swp-loading-text>Henter produktinfo...</swp-loading-text>
+              <swp-loading-code id="loadingCode"></swp-loading-code>
+            </swp-scanner-loading>
+
+            <!-- Success State -->
+            <swp-scanner-success id="scannerSuccess">
+              <swp-success-header>
+                <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+                Produkt fundet!
+              </swp-success-header>
+              <swp-product-preview>
+                <swp-preview-row>
+                  <swp-preview-label>Navn</swp-preview-label>
+                  <swp-preview-value id="previewName"></swp-preview-value>
+                </swp-preview-row>
+                <swp-preview-row>
+                  <swp-preview-label>Brand</swp-preview-label>
+                  <swp-preview-value id="previewBrand"></swp-preview-value>
+                </swp-preview-row>
+                <swp-preview-row>
+                  <swp-preview-label>Kategori</swp-preview-label>
+                  <swp-preview-value id="previewCategory"></swp-preview-value>
+                </swp-preview-row>
+                <swp-preview-row>
+                  <swp-preview-label>Beskrivelse</swp-preview-label>
+                  <swp-preview-value id="previewDescription" class="description"></swp-preview-value>
+                </swp-preview-row>
+              </swp-product-preview>
+              <swp-scanner-actions>
+                <swp-btn class="success" id="useProductBtn">
+                  <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+                  Brug disse oplysninger
+                </swp-btn>
+                <swp-btn class="secondary" id="scanAgainBtn">Scan igen</swp-btn>
+              </swp-scanner-actions>
+            </swp-scanner-success>
+
+            <!-- Not Found State -->
+            <swp-scanner-notfound id="scannerNotFound">
+              <swp-notfound-header>
+                <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
+                Produktet blev ikke fundet
+              </swp-notfound-header>
+              <swp-notfound-code id="notFoundCode"></swp-notfound-code>
+              <swp-notfound-message>
+                EAN-koden er registreret i formularen.<br>
+                Udfyld resten af oplysningerne manuelt.
+              </swp-notfound-message>
+              <swp-scanner-actions>
+                <swp-btn class="secondary" id="scanAgainBtn2">Scan igen</swp-btn>
+                <swp-btn class="primary" id="fillManualBtn">Udfyld manuelt</swp-btn>
+              </swp-scanner-actions>
+            </swp-scanner-notfound>
+
+            <!-- Hidden scanner input -->
+            <input type="text" id="scannerInput" class="scanner-input" autocomplete="off" />
+          </swp-scanner-body>
+        </swp-scanner-card>
+
+        <!-- Pris & avance -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Pris & avance</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-price-grid>
+              <swp-form-field>
+                <swp-form-label>Indkøbspris (ekskl. moms)</swp-form-label>
+                <input type="text" id="purchasePrice" class="mono" placeholder="0,00 kr" />
+              </swp-form-field>
+              <swp-form-field>
+                <swp-form-label>Salgspris (inkl. moms)</swp-form-label>
+                <input type="text" id="salePrice" class="mono" placeholder="0,00 kr" />
+              </swp-form-field>
+            </swp-price-grid>
+            <swp-margin-display>
+              <swp-margin-item>
+                <swp-margin-label>Avance</swp-margin-label>
+                <swp-margin-value id="marginAmount">0,00 kr</swp-margin-value>
+              </swp-margin-item>
+              <swp-margin-item>
+                <swp-margin-label>Avance %</swp-margin-label>
+                <swp-margin-value id="marginPercent">0%</swp-margin-value>
+              </swp-margin-item>
+            </swp-margin-display>
+          </swp-card-body>
+        </swp-card>
+      </div>
+    </div>
+  </swp-page-container>
+
+  <script>
+    // ==========================================
+    // MOCK PRODUCT DATABASE
+    // ==========================================
+    const mockProducts = {
+      '884486532879': {
+        name: 'Redken Acidic Bonding Concentrate 24/7 Night & Day Serum 100 ml',
+        brand: 'redken',
+        category: 'haarpleje',
+        description: 'Et plejende og styrkende reparationsserum, der arbejder kontinuerligt for at genopbygge svækket hårstruktur. Tilfører fugt og glans uden at tynge, og efterlader håret mere elastisk og sundt over tid. Særligt effektivt til skadet, farvebehandlet eller kemisk behandlet hår.\n\nFordel 1-2 pump i håndklædetørt eller tørt hår. Skal ikke skylles ud. Kan bruges dagligt og som natpleje for intensiv reparation.'
+      },
+      '3474636610143': {
+        name: 'Kérastase Elixir Ultime L\'Huile Originale 100 ml',
+        brand: 'kerastase',
+        category: 'haarpleje',
+        description: 'Luksus hårolie med argan olie og camellia olie. Giver fantastisk glans og blødhed uden at tynge håret. Perfekt til alle hårtyper som finishing produkt.'
+      },
+      '0850018802239': {
+        name: 'Olaplex No.7 Bonding Oil 30 ml',
+        brand: 'olaplex',
+        category: 'haarpleje',
+        description: 'Ultralettere, koncentreret stylingsolie, der dramatisk øger glans, blødhed og farveintensitet. Beskytter mod varme op til 230°C.'
+      },
+      '4015600159122': {
+        name: 'Wella Professionals EIMI Glam Mist 200 ml',
+        brand: 'wella',
+        category: 'styling',
+        description: 'Let glansspray der giver fantastisk glans og antistatisk effekt. Perfekt som finish på alle frisurer.'
+      }
+    };
+
+    // ==========================================
+    // SCANNER STATE MANAGEMENT
+    // ==========================================
+    const scannerCard = document.getElementById('scannerCard');
+    const scannerReady = document.getElementById('scannerReady');
+    const scannerScanning = document.getElementById('scannerScanning');
+    const scannerLoading = document.getElementById('scannerLoading');
+    const scannerSuccess = document.getElementById('scannerSuccess');
+    const scannerNotFound = document.getElementById('scannerNotFound');
+    const scanButton = document.getElementById('scanButton');
+    const scannerInput = document.getElementById('scannerInput');
+    const scannedCodeDisplay = document.getElementById('scannedCodeDisplay');
+
+    let currentState = 'ready';
+    let scannedCode = '';
+    let scanTimeout = null;
+    let foundProduct = null;
+
+    function setState(state) {
+      currentState = state;
+
+      // Hide all states
+      scannerReady.style.display = 'none';
+      scannerScanning.classList.remove('active');
+      scannerLoading.classList.remove('active');
+      scannerSuccess.classList.remove('active');
+      scannerNotFound.classList.remove('active');
+
+      // Reset card border
+      scannerCard.classList.remove('scanning', 'success', 'error');
+
+      switch(state) {
+        case 'ready':
+          scannerReady.style.display = 'flex';
+          break;
+        case 'scanning':
+          scannerScanning.classList.add('active');
+          scannerCard.classList.add('scanning');
+          break;
+        case 'loading':
+          scannerLoading.classList.add('active');
+          break;
+        case 'success':
+          scannerSuccess.classList.add('active');
+          scannerCard.classList.add('success');
+          break;
+        case 'notfound':
+          scannerNotFound.classList.add('active');
+          scannerCard.classList.add('error');
+          break;
+      }
+    }
+
+    // ==========================================
+    // SCANNER BUTTON CLICK
+    // ==========================================
+    scanButton.addEventListener('click', () => {
+      scannedCode = '';
+      scannedCodeDisplay.textContent = '';
+      setState('scanning');
+      scannerInput.value = '';
+      scannerInput.focus();
+    });
+
+    // ==========================================
+    // SCANNER INPUT HANDLING
+    // ==========================================
+    scannerInput.addEventListener('input', (e) => {
+      // Update display with current value
+      scannedCode = e.target.value;
+      scannedCodeDisplay.textContent = scannedCode;
+
+      // Reset timeout on each keystroke
+      if (scanTimeout) {
+        clearTimeout(scanTimeout);
+      }
+
+      // After 200ms of no input, consider scan complete
+      scanTimeout = setTimeout(() => {
+        if (scannedCode.length >= 8) {
+          processScannedCode(scannedCode);
+        }
+      }, 200);
+    });
+
+    // Handle Enter/Tab from scanner
+    scannerInput.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' || e.key === 'Tab') {
+        e.preventDefault();
+        if (scannedCode.length >= 8) {
+          clearTimeout(scanTimeout);
+          processScannedCode(scannedCode);
+        }
+      }
+    });
+
+    // Blur handling - if user clicks away during scanning
+    scannerInput.addEventListener('blur', () => {
+      if (currentState === 'scanning' && scannedCode.length === 0) {
+        // No code scanned, return to ready
+        setTimeout(() => {
+          if (currentState === 'scanning') {
+            setState('ready');
+          }
+        }, 500);
+      }
+    });
+
+    // ==========================================
+    // PROCESS SCANNED CODE
+    // ==========================================
+    async function processScannedCode(code) {
+      setState('loading');
+      document.getElementById('loadingCode').textContent = code;
+
+      // Simulate API delay
+      await new Promise(r => setTimeout(r, 1500));
+
+      // Look up product
+      foundProduct = mockProducts[code] || null;
+
+      if (foundProduct) {
+        // Show success state
+        document.getElementById('previewName').textContent = foundProduct.name;
+        document.getElementById('previewBrand').textContent = getBrandDisplayName(foundProduct.brand);
+        document.getElementById('previewCategory').textContent = getCategoryDisplayName(foundProduct.category);
+        document.getElementById('previewDescription').textContent = foundProduct.description;
+        setState('success');
+      } else {
+        // Show not found state
+        document.getElementById('notFoundCode').textContent = code;
+        // Still fill in the EAN field
+        document.getElementById('productEan').value = code;
+        setState('notfound');
+      }
+    }
+
+    function getBrandDisplayName(brand) {
+      const brands = {
+        'redken': 'Redken',
+        'olaplex': 'Olaplex',
+        'kerastase': 'Kérastase',
+        'wella': 'Wella',
+        'loreal': 'L\'Oréal'
+      };
+      return brands[brand] || brand;
+    }
+
+    function getCategoryDisplayName(category) {
+      const categories = {
+        'haarpleje': 'Hårpleje',
+        'styling': 'Styling',
+        'farve': 'Farve',
+        'tilbehoer': 'Tilbehør'
+      };
+      return categories[category] || category;
+    }
+
+    // ==========================================
+    // USE PRODUCT BUTTON
+    // ==========================================
+    document.getElementById('useProductBtn').addEventListener('click', () => {
+      if (foundProduct) {
+        // Fill in the form
+        document.getElementById('productName').value = foundProduct.name;
+        document.getElementById('productEan').value = scannedCode;
+        document.getElementById('productDescription').value = foundProduct.description;
+
+        // Set selects
+        const categorySelect = document.getElementById('productCategory');
+        const brandSelect = document.getElementById('productBrand');
+
+        for (let option of categorySelect.options) {
+          if (option.value === foundProduct.category) {
+            option.selected = true;
+            break;
+          }
+        }
+
+        for (let option of brandSelect.options) {
+          if (option.value === foundProduct.brand) {
+            option.selected = true;
+            break;
+          }
+        }
+
+        // Reset scanner to ready
+        setState('ready');
+        scannedCode = '';
+        foundProduct = null;
+
+        // Scroll to form and highlight
+        document.getElementById('productName').focus();
+      }
+    });
+
+    // ==========================================
+    // SCAN AGAIN BUTTONS
+    // ==========================================
+    document.getElementById('scanAgainBtn').addEventListener('click', () => {
+      scannedCode = '';
+      scannedCodeDisplay.textContent = '';
+      foundProduct = null;
+      setState('scanning');
+      scannerInput.value = '';
+      scannerInput.focus();
+    });
+
+    document.getElementById('scanAgainBtn2').addEventListener('click', () => {
+      scannedCode = '';
+      scannedCodeDisplay.textContent = '';
+      setState('scanning');
+      scannerInput.value = '';
+      scannerInput.focus();
+    });
+
+    // ==========================================
+    // FILL MANUAL BUTTON
+    // ==========================================
+    document.getElementById('fillManualBtn').addEventListener('click', () => {
+      setState('ready');
+      document.getElementById('productName').focus();
+    });
+
+    // ==========================================
+    // TOGGLE SLIDER
+    // ==========================================
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      const options = slider.querySelectorAll('swp-toggle-option');
+      options.forEach((option, index) => {
+        option.addEventListener('click', () => {
+          slider.dataset.value = index === 0 ? 'yes' : 'no';
+        });
+      });
+    });
+
+    // ==========================================
+    // MARGIN CALCULATION
+    // ==========================================
+    const purchaseInput = document.getElementById('purchasePrice');
+    const saleInput = document.getElementById('salePrice');
+    const marginAmount = document.getElementById('marginAmount');
+    const marginPercent = document.getElementById('marginPercent');
+
+    function parsePrice(value) {
+      return parseFloat(value.replace(/[^\d,]/g, '').replace(',', '.')) || 0;
+    }
+
+    function formatPrice(value) {
+      return value.toFixed(2).replace('.', ',') + ' kr';
+    }
+
+    function calculateMargin() {
+      const purchase = parsePrice(purchaseInput.value);
+      const sale = parsePrice(saleInput.value);
+
+      if (purchase > 0 && sale > 0) {
+        const saleExVat = sale / 1.25; // Remove 25% VAT
+        const margin = saleExVat - purchase;
+        const percent = (margin / saleExVat) * 100;
+
+        marginAmount.textContent = formatPrice(margin);
+        marginPercent.textContent = percent.toFixed(1) + '%';
+      } else {
+        marginAmount.textContent = '0,00 kr';
+        marginPercent.textContent = '0%';
+      }
+    }
+
+    purchaseInput.addEventListener('input', calculateMargin);
+    saleInput.addEventListener('input', calculateMargin);
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-produkt.html b/wwwroot/poc-produkt.html
new file mode 100644
index 0000000..b19902c
--- /dev/null
+++ b/wwwroot/poc-produkt.html
@@ -0,0 +1,1251 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Produkt - Redken Acidic Bonding Concentrate Serum</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+    }
+
+    @media (max-width: 900px) {
+      .grid-2 { grid-template-columns: 1fr; }
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 20px;
+      overflow: hidden;
+    }
+
+    swp-card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-card-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-card-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-card-body {
+      display: block;
+      padding: 20px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.danger {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-red);
+    }
+
+    swp-btn.danger:hover {
+      background: color-mix(in srgb, var(--color-red) 10%, white);
+    }
+
+    swp-btn.small {
+      padding: 6px 12px;
+      font-size: 12px;
+    }
+
+    /* ==========================================
+       FORM ELEMENTS
+       ========================================== */
+    swp-form-grid {
+      display: grid;
+      gap: 16px;
+    }
+
+    swp-form-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-form-field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    swp-form-field.full {
+      grid-column: 1 / -1;
+    }
+
+    swp-form-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-form-field input,
+    swp-form-field select,
+    swp-form-field textarea {
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      color: var(--color-text);
+    }
+
+    swp-form-field input:focus,
+    swp-form-field select:focus,
+    swp-form-field textarea:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-form-field textarea {
+      min-height: 150px;
+      resize: vertical;
+    }
+
+    swp-form-field input.mono {
+      font-family: var(--font-mono);
+    }
+
+    swp-form-field input[readonly] {
+      background: var(--color-background-alt);
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       TOGGLE SLIDER (Ja/Nej)
+       ========================================== */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      position: relative;
+      cursor: pointer;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      transition: color 200ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       VARIANTS TABLE
+       ========================================== */
+    swp-variants-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-variants-header,
+    swp-variants-row {
+      display: grid;
+      grid-template-columns: 1fr 120px 80px 100px 80px;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-variants-header {
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-variants-header span {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-variants-header span.right {
+      text-align: right;
+    }
+
+    swp-variants-row {
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-variants-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-variants-row span {
+      font-size: 14px;
+    }
+
+    swp-variants-row span.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-variants-row span.right {
+      text-align: right;
+    }
+
+    swp-variants-row span.muted {
+      color: var(--color-text-secondary);
+    }
+
+    swp-variants-actions {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+
+    swp-variants-actions button {
+      width: 28px;
+      height: 28px;
+      border: none;
+      background: var(--color-background);
+      border-radius: 4px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 150ms ease;
+    }
+
+    swp-variants-actions button:hover {
+      background: var(--color-border);
+    }
+
+    swp-variants-actions button svg {
+      width: 14px;
+      height: 14px;
+      fill: var(--color-text-secondary);
+    }
+
+    swp-add-variant {
+      display: flex;
+      justify-content: center;
+      padding-top: 16px;
+    }
+
+    /* ==========================================
+       PRICE & MARGIN
+       ========================================== */
+    swp-price-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-margin-display {
+      display: flex;
+      gap: 24px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      margin-top: 16px;
+    }
+
+    swp-margin-item {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-margin-label {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-margin-value {
+      font-size: 20px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-green);
+    }
+
+    /* ==========================================
+       SALES STATS
+       ========================================== */
+    swp-stats-row {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-box {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-stat-box swp-stat-value {
+      font-size: 22px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-box swp-stat-label {
+      font-size: 11px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-box.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       BAR CHART
+       ========================================== */
+    swp-bar-chart {
+      display: flex;
+      align-items: flex-end;
+      gap: 8px;
+      height: 120px;
+      padding: 16px 0;
+    }
+
+    swp-bar-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8px;
+      flex: 1;
+    }
+
+    swp-bar {
+      width: 100%;
+      max-width: 40px;
+      background: var(--color-teal);
+      border-radius: 4px 4px 0 0;
+      transition: height 300ms ease;
+    }
+
+    swp-bar-label {
+      font-size: 11px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-bar-value {
+      font-size: 11px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    /* ==========================================
+       PIE CHART
+       ========================================== */
+    swp-chart-container {
+      display: flex;
+      align-items: center;
+      gap: 24px;
+    }
+
+    swp-pie-chart {
+      width: 100px;
+      height: 100px;
+      border-radius: 50%;
+      flex-shrink: 0;
+    }
+
+    swp-pie-legend {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-legend-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+    }
+
+    swp-legend-color {
+      width: 12px;
+      height: 12px;
+      border-radius: 2px;
+    }
+
+    swp-legend-value {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-left: auto;
+    }
+
+    /* ==========================================
+       STOCK DISPLAY
+       ========================================== */
+    swp-stock-display {
+      display: flex;
+      align-items: center;
+      gap: 24px;
+      margin-bottom: 20px;
+    }
+
+    swp-stock-current {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-stock-number {
+      font-size: 36px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+      line-height: 1;
+    }
+
+    swp-stock-number.warning {
+      color: var(--color-amber);
+    }
+
+    swp-stock-number.critical {
+      color: var(--color-red);
+    }
+
+    swp-stock-unit {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stock-status {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 20px;
+    }
+
+    swp-stock-status.ok {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-stock-status.warning {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b45309;
+    }
+
+    swp-stock-status.critical {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    swp-stock-status::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: currentColor;
+    }
+
+    swp-stock-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+    }
+
+    swp-stock-actions {
+      display: flex;
+      justify-content: flex-end;
+      padding-top: 16px;
+      border-top: 1px solid var(--color-border);
+      margin-top: 16px;
+    }
+
+    /* ==========================================
+       SUPPLIER INFO
+       ========================================== */
+    swp-supplier-grid {
+      display: grid;
+      gap: 16px;
+    }
+
+    /* ==========================================
+       USAGE LIST
+       ========================================== */
+    swp-usage-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-usage-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 12px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+    }
+
+    swp-usage-name {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-usage-amount {
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       MOVEMENT TABLE
+       ========================================== */
+    swp-movement-table {
+      display: block;
+      width: 100%;
+    }
+
+    swp-movement-header,
+    swp-movement-row {
+      display: grid;
+      grid-template-columns: 110px 90px 70px 1fr 140px;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-movement-header {
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-movement-header span {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-movement-row {
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-movement-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-movement-row span {
+      font-size: 13px;
+    }
+
+    swp-movement-row span.positive {
+      color: var(--color-green);
+      font-family: var(--font-mono);
+      font-weight: 500;
+    }
+
+    swp-movement-row span.negative {
+      color: var(--color-red);
+      font-family: var(--font-mono);
+      font-weight: 500;
+    }
+
+    swp-movement-type {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 8px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 4px;
+    }
+
+    swp-movement-type.sale {
+      background: color-mix(in srgb, var(--color-blue) 15%, white);
+      color: var(--color-blue);
+    }
+
+    swp-movement-type.purchase {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-movement-type.treatment {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-movement-link {
+      font-size: 13px;
+    }
+
+    swp-section-title {
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+      display: block;
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-back-link>
+        <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+        Produkter
+      </swp-back-link>
+      <swp-page-title>Redken Acidic Bonding Concentrate 24/7 Night & Day Serum</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="danger">
+        <svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
+        Slet
+      </swp-btn>
+      <swp-btn class="primary">
+        <svg viewBox="0 0 24 24"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></svg>
+        Gem ændringer
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <div class="grid-2">
+      <!-- VENSTRE KOLONNE -->
+      <div>
+        <!-- Basisoplysninger -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Basisoplysninger</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-form-grid>
+              <swp-form-field class="full">
+                <swp-form-label>Produktnavn</swp-form-label>
+                <input type="text" value="Redken Acidic Bonding Concentrate 24/7 Night & Day Serum 100 ml" />
+              </swp-form-field>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Varenummer</swp-form-label>
+                  <input type="text" class="mono" value="RDK-ABC-100" />
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>EAN / Stregkode</swp-form-label>
+                  <input type="text" class="mono" value="884486532879" />
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Kategori</swp-form-label>
+                  <select>
+                    <option selected>Hårpleje</option>
+                    <option>Styling</option>
+                    <option>Farve</option>
+                    <option>Tilbehør</option>
+                  </select>
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>Brand</swp-form-label>
+                  <select>
+                    <option selected>Redken</option>
+                    <option>Olaplex</option>
+                    <option>Kérastase</option>
+                    <option>Wella</option>
+                  </select>
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-field class="full">
+                <swp-form-label>Beskrivelse</swp-form-label>
+                <textarea>Et plejende og styrkende reparationsserum, der arbejder kontinuerligt for at genopbygge svækket hårstruktur. Tilfører fugt og glans uden at tynge, og efterlader håret mere elastisk og sundt over tid. Særligt effektivt til skadet, farvebehandlet eller kemisk behandlet hår.
+
+Fordel 1-2 pump i håndklædetørt eller tørt hår. Skal ikke skylles ud. Kan bruges dagligt og som natpleje for intensiv reparation.</textarea>
+              </swp-form-field>
+
+              <swp-toggle-row>
+                <swp-toggle-label>Produkt aktiv</swp-toggle-label>
+                <swp-toggle-slider data-value="yes">
+                  <swp-toggle-option>Ja</swp-toggle-option>
+                  <swp-toggle-option>Nej</swp-toggle-option>
+                </swp-toggle-slider>
+              </swp-toggle-row>
+            </swp-form-grid>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Varianter -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Varianter</swp-card-title>
+            <swp-card-hint>Størrelser og variationer</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-variants-table>
+              <swp-variants-header>
+                <span>Variant</span>
+                <span>Varenr</span>
+                <span class="right">Lager</span>
+                <span class="right">Pris</span>
+                <span></span>
+              </swp-variants-header>
+              <swp-variants-row>
+                <span>100 ml</span>
+                <span class="mono muted">RDK-ABC-100</span>
+                <span class="mono right">6</span>
+                <span class="mono right">379 kr</span>
+                <swp-variants-actions>
+                  <button title="Rediger"><svg viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
+                  <button title="Slet"><svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>
+                </swp-variants-actions>
+              </swp-variants-row>
+              <swp-variants-row>
+                <span>50 ml (rejsestørrelse)</span>
+                <span class="mono muted">RDK-ABC-050</span>
+                <span class="mono right">4</span>
+                <span class="mono right">219 kr</span>
+                <swp-variants-actions>
+                  <button title="Rediger"><svg viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></button>
+                  <button title="Slet"><svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>
+                </swp-variants-actions>
+              </swp-variants-row>
+            </swp-variants-table>
+            <swp-add-variant>
+              <swp-btn class="secondary small">+ Tilføj variant</swp-btn>
+            </swp-add-variant>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Pris & avance -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Pris & avance</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-price-grid>
+              <swp-form-field>
+                <swp-form-label>Indkøbspris (ekskl. moms)</swp-form-label>
+                <input type="text" class="mono" value="195,00 kr" />
+              </swp-form-field>
+              <swp-form-field>
+                <swp-form-label>Salgspris (inkl. moms)</swp-form-label>
+                <input type="text" class="mono" value="379,00 kr" />
+              </swp-form-field>
+            </swp-price-grid>
+            <swp-margin-display>
+              <swp-margin-item>
+                <swp-margin-label>Avance</swp-margin-label>
+                <swp-margin-value>108,20 kr</swp-margin-value>
+              </swp-margin-item>
+              <swp-margin-item>
+                <swp-margin-label>Avance %</swp-margin-label>
+                <swp-margin-value>35,7%</swp-margin-value>
+              </swp-margin-item>
+            </swp-margin-display>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Forbrug i behandlinger -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Bruges i behandlinger</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-usage-list>
+              <swp-usage-item>
+                <swp-usage-name>Acidic Bonding Behandling</swp-usage-name>
+                <swp-usage-amount>5 ml pr. behandling</swp-usage-amount>
+              </swp-usage-item>
+              <swp-usage-item>
+                <swp-usage-name>Reparerende Hårpleje</swp-usage-name>
+                <swp-usage-amount>3 ml pr. behandling</swp-usage-amount>
+              </swp-usage-item>
+            </swp-usage-list>
+          </swp-card-body>
+        </swp-card>
+      </div>
+
+      <!-- HØJRE KOLONNE -->
+      <div>
+        <!-- Salgsstatistik -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Salgsstatistik</swp-card-title>
+            <swp-card-hint>Sidste 6 måneder</swp-card-hint>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-stats-row>
+              <swp-stat-box class="highlight">
+                <swp-stat-value>32</swp-stat-value>
+                <swp-stat-label>Solgt i alt</swp-stat-label>
+              </swp-stat-box>
+              <swp-stat-box>
+                <swp-stat-value>12.128 kr</swp-stat-value>
+                <swp-stat-label>Omsætning</swp-stat-label>
+              </swp-stat-box>
+              <swp-stat-box>
+                <swp-stat-value>3.462 kr</swp-stat-value>
+                <swp-stat-label>Avance</swp-stat-label>
+              </swp-stat-box>
+            </swp-stats-row>
+
+            <swp-section-title>Salg pr. måned</swp-section-title>
+            <div id="salesBarChart"></div>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Salg pr. variant -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Salg pr. variant</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <div id="variantPieChart"></div>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Lager -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Lager</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-stock-display>
+              <swp-stock-current>
+                <swp-stock-number>10</swp-stock-number>
+                <swp-stock-unit>stk. på lager (alle varianter)</swp-stock-unit>
+              </swp-stock-current>
+              <swp-stock-status class="ok">På lager</swp-stock-status>
+            </swp-stock-display>
+
+            <swp-stock-grid>
+              <swp-form-field>
+                <swp-form-label>Minimumslager</swp-form-label>
+                <input type="number" value="5" />
+              </swp-form-field>
+              <swp-form-field>
+                <swp-form-label>Genbestillingspunkt</swp-form-label>
+                <input type="number" value="10" />
+              </swp-form-field>
+            </swp-stock-grid>
+
+            <swp-stock-actions>
+              <swp-btn class="secondary small">
+                <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
+                Juster lager
+              </swp-btn>
+            </swp-stock-actions>
+          </swp-card-body>
+        </swp-card>
+
+        <!-- Leverandør -->
+        <swp-card>
+          <swp-card-header>
+            <swp-card-title>Leverandør</swp-card-title>
+          </swp-card-header>
+          <swp-card-body>
+            <swp-supplier-grid>
+              <swp-form-field>
+                <swp-form-label>Leverandør</swp-form-label>
+                <select>
+                  <option selected>L'Oréal Professionnel</option>
+                  <option>Beauty Group Denmark</option>
+                  <option>Hairware ApS</option>
+                </select>
+              </swp-form-field>
+
+              <swp-form-row>
+                <swp-form-field>
+                  <swp-form-label>Leverandør varenr</swp-form-label>
+                  <input type="text" class="mono" value="E3845600" />
+                </swp-form-field>
+                <swp-form-field>
+                  <swp-form-label>Leveringstid</swp-form-label>
+                  <input type="text" value="3-5 dage" />
+                </swp-form-field>
+              </swp-form-row>
+
+              <swp-form-field>
+                <swp-form-label>Sidste indkøb</swp-form-label>
+                <input type="text" readonly value="15. december 2025" />
+              </swp-form-field>
+            </swp-supplier-grid>
+          </swp-card-body>
+        </swp-card>
+
+      </div>
+    </div>
+
+    <!-- Lagerbevægelser (full width) -->
+    <swp-card>
+      <swp-card-header>
+        <swp-card-title>Lagerbevægelser</swp-card-title>
+        <swp-card-hint>Seneste aktivitet</swp-card-hint>
+      </swp-card-header>
+      <swp-card-body>
+        <swp-movement-table>
+          <swp-movement-header>
+            <span>Dato</span>
+            <span>Type</span>
+            <span>Antal</span>
+            <span>Reference</span>
+            <span></span>
+          </swp-movement-header>
+          <swp-movement-row>
+            <span>28. dec 2025</span>
+            <swp-movement-type class="sale">Salg</swp-movement-type>
+            <span class="negative">-1</span>
+            <span>Faktura #1847</span>
+            <swp-movement-link><a href="#">Marie Hansen →</a></swp-movement-link>
+          </swp-movement-row>
+          <swp-movement-row>
+            <span>27. dec 2025</span>
+            <swp-movement-type class="sale">Salg</swp-movement-type>
+            <span class="negative">-2</span>
+            <span>Faktura #1842</span>
+            <swp-movement-link><a href="#">Louise Andersen →</a></swp-movement-link>
+          </swp-movement-row>
+          <swp-movement-row>
+            <span>22. dec 2025</span>
+            <swp-movement-type class="treatment">Behandling</swp-movement-type>
+            <span class="negative">-1</span>
+            <span>Booking #B-2341</span>
+            <swp-movement-link><a href="#">Se booking →</a></swp-movement-link>
+          </swp-movement-row>
+          <swp-movement-row>
+            <span>15. dec 2025</span>
+            <swp-movement-type class="purchase">Indkøb</swp-movement-type>
+            <span class="positive">+12</span>
+            <span>Ordre #LOR-8834</span>
+            <swp-movement-link><a href="#">L'Oréal Prof. →</a></swp-movement-link>
+          </swp-movement-row>
+          <swp-movement-row>
+            <span>10. dec 2025</span>
+            <swp-movement-type class="sale">Salg</swp-movement-type>
+            <span class="negative">-1</span>
+            <span>Faktura #1798</span>
+            <swp-movement-link><a href="#">Camilla Jensen →</a></swp-movement-link>
+          </swp-movement-row>
+        </swp-movement-table>
+      </swp-card-body>
+    </swp-card>
+  </swp-page-container>
+
+  <script type="module">
+    import { createChart } from '../node_modules/@sevenweirdpeople/swp-charting/dist/swp-charting.js';
+
+    // Toggle slider (Ja/Nej)
+    document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+      const options = slider.querySelectorAll('swp-toggle-option');
+      options.forEach((option, index) => {
+        option.addEventListener('click', () => {
+          slider.dataset.value = index === 0 ? 'yes' : 'no';
+        });
+      });
+    });
+
+    // Bar chart - Salg pr. måned
+    const barContainer = document.getElementById('salesBarChart');
+    createChart(barContainer, {
+      height: 160,
+      series: [{
+        name: 'Salg',
+        color: '#00897b',
+        type: 'bar',
+        unit: 'stk',
+        data: [
+          { x: 'Jul', y: 5 },
+          { x: 'Aug', y: 8 },
+          { x: 'Sep', y: 6 },
+          { x: 'Okt', y: 9 },
+          { x: 'Nov', y: 12 },
+          { x: 'Dec', y: 7 }
+        ],
+        bar: { radius: 4 }
+      }],
+      xAxis: {
+        categories: ['Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
+      },
+      yAxis: {
+        min: 0,
+        ticks: 4
+      },
+      padding: { top: 20, right: 10, bottom: 30, left: 35 },
+      tooltip: true,
+      legend: false,
+      animation: { duration: 400 }
+    });
+
+    // Pie chart - Salg pr. variant
+    const pieContainer = document.getElementById('variantPieChart');
+    createChart(pieContainer, {
+      height: 200,
+      series: [
+        { name: '100 ml', color: '#00897b', type: 'pie', data: [{ x: '', y: 23 }], unit: 'stk' },
+        { name: '50 ml', color: '#8b5cf6', type: 'pie', data: [{ x: '', y: 9 }], unit: 'stk' }
+      ],
+      tooltip: true,
+      legend: { position: 'right', align: 'center' },
+      animation: { duration: 400 }
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-produkter.html b/wwwroot/poc-produkter.html
new file mode 100644
index 0000000..13d4d48
--- /dev/null
+++ b/wwwroot/poc-produkter.html
@@ -0,0 +1,818 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Produkter - Backend</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode - følger system preference ELLER manuel toggle */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    /* Manuel dark mode override */
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    a {
+      color: var(--color-teal);
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.icon-only {
+      padding: 10px;
+    }
+
+    swp-btn.icon-only svg {
+      width: 18px;
+      height: 18px;
+    }
+
+    /* ==========================================
+       FILTER BAR
+       ========================================== */
+    swp-filter-bar {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+
+    swp-filter-group {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-filter-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-filter-bar input,
+    swp-filter-bar select {
+      padding: 8px 12px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-filter-bar input:focus,
+    swp-filter-bar select:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-search-input {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+    }
+
+    swp-search-input img {
+      width: 16px;
+      height: 16px;
+      opacity: 0.5;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) swp-search-input img {
+        filter: invert(1);
+      }
+    }
+
+    :root.dark-mode swp-search-input img {
+      filter: invert(1);
+    }
+
+    swp-search-input input {
+      border: none;
+      outline: none;
+      font-size: 13px;
+      font-family: var(--font-family);
+      width: 400px;
+      background: transparent;
+      color: var(--color-text);
+    }
+
+    swp-filter-spacer {
+      flex: 1;
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-card {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-card swp-stat-value {
+      font-size: 22px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-card swp-stat-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-card.warning swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    /* ==========================================
+       TABLE
+       ========================================== */
+    swp-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-table-header,
+    swp-table-row {
+      display: grid;
+      grid-template-columns: minmax(200px, 1fr) 100px 100px 100px 80px 90px 80px 40px;
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      padding: 12px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-th.right {
+      text-align: right;
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-table-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+      cursor: pointer;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-td {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-td.right {
+      text-align: right;
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-td.muted {
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       PRODUCT NAME CELL
+       ========================================== */
+    swp-product-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-product-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-product-brand {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       STOCK INDICATOR
+       ========================================== */
+    swp-stock-indicator {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-stock-indicator::before {
+      content: '';
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--color-green);
+    }
+
+    swp-stock-indicator.warning::before {
+      background: var(--color-amber);
+    }
+
+    swp-stock-indicator.critical::before {
+      background: var(--color-red);
+    }
+
+    /* ==========================================
+       STATUS BADGE
+       ========================================== */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 12px;
+    }
+
+    swp-status-badge.active {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.inactive {
+      background: color-mix(in srgb, var(--color-text-secondary) 15%, white);
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       ROW ARROW
+       ========================================== */
+    swp-row-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    swp-row-arrow svg {
+      width: 18px;
+      height: 18px;
+      fill: var(--color-text-secondary);
+      transition: transform 150ms ease;
+    }
+
+    swp-table-row:hover swp-row-arrow svg {
+      transform: translateX(4px);
+      fill: var(--color-teal);
+    }
+
+    /* ==========================================
+       TABLE FOOTER
+       ========================================== */
+    swp-table-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 1200px) {
+      swp-stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    @media (max-width: 900px) {
+      swp-table-header,
+      swp-table-row {
+        grid-template-columns: 1fr 80px 80px 40px;
+      }
+
+      swp-th:nth-child(2),
+      swp-td:nth-child(2),
+      swp-th:nth-child(3),
+      swp-td:nth-child(3),
+      swp-th:nth-child(4),
+      swp-td:nth-child(4) {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-page-title>Produkter</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="secondary icon-only" id="themeToggle" title="Skift tema">
+        <svg id="sunIcon" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>
+        <svg id="moonIcon" viewBox="0 0 24 24" style="display:none"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"/></svg>
+      </swp-btn>
+      <swp-btn class="secondary">
+        <svg viewBox="0 0 24 24"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg>
+        Importer
+      </swp-btn>
+      <swp-btn class="primary">
+        <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+        Nyt produkt
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Filter Bar -->
+    <swp-filter-bar>
+      <swp-search-input>
+        <img src="icons/search.svg" alt="Søg" />
+        <input type="search" id="searchInput" placeholder="Søg produkt, varenr, brand..." />
+      </swp-search-input>
+      <swp-filter-spacer></swp-filter-spacer>
+    </swp-filter-bar>
+
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>47</swp-stat-value>
+        <swp-stat-label>Produkter i alt</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>142.850 kr</swp-stat-value>
+        <swp-stat-label>Samlet lagerværdi</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="warning">
+        <swp-stat-value>5</swp-stat-value>
+        <swp-stat-label>Lavt lager</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>12.450 kr</swp-stat-value>
+        <swp-stat-label>Salg denne måned</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Table -->
+    <swp-table>
+      <swp-table-header>
+        <swp-th>Produkt</swp-th>
+        <swp-th>Varenr</swp-th>
+        <swp-th>Kategori</swp-th>
+        <swp-th>Brand</swp-th>
+        <swp-th class="right">Lager</swp-th>
+        <swp-th class="right">Pris</swp-th>
+        <swp-th>Status</swp-th>
+        <swp-th></swp-th>
+      </swp-table-header>
+      <swp-table-body>
+        <swp-table-row data-id="1" onclick="location.href='poc-produkt.html'">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>Acidic Bonding Concentrate Serum 100ml</swp-product-name>
+              <swp-product-brand>Redken</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">RDK-ABC-100</swp-td>
+          <swp-td>Hårpleje</swp-td>
+          <swp-td>Redken</swp-td>
+          <swp-td class="right"><swp-stock-indicator>10</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">379 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="2">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>No. 3 Hair Perfector 100ml</swp-product-name>
+              <swp-product-brand>Olaplex</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">OLP-003</swp-td>
+          <swp-td>Hårpleje</swp-td>
+          <swp-td>Olaplex</swp-td>
+          <swp-td class="right"><swp-stock-indicator class="warning">3</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">349 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="3">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>Elixir Ultime L'Huile Originale 100ml</swp-product-name>
+              <swp-product-brand>Kérastase</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">KER-ELX-100</swp-td>
+          <swp-td>Hårpleje</swp-td>
+          <swp-td>Kérastase</swp-td>
+          <swp-td class="right"><swp-stock-indicator>8</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">459 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="4">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>EIMI Ocean Spritz 150ml</swp-product-name>
+              <swp-product-brand>Wella</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">WEL-OCN-150</swp-td>
+          <swp-td>Styling</swp-td>
+          <swp-td>Wella</swp-td>
+          <swp-td class="right"><swp-stock-indicator>15</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">169 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="5">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>No. 4 Bond Maintenance Shampoo 250ml</swp-product-name>
+              <swp-product-brand>Olaplex</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">OLP-004-250</swp-td>
+          <swp-td>Hårpleje</swp-td>
+          <swp-td>Olaplex</swp-td>
+          <swp-td class="right"><swp-stock-indicator class="critical">0</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">299 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="6">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>IGORA Royal 6-0 60ml</swp-product-name>
+              <swp-product-brand>Schwarzkopf</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">SCH-IGR-60</swp-td>
+          <swp-td>Farve</swp-td>
+          <swp-td>Schwarzkopf</swp-td>
+          <swp-td class="right"><swp-stock-indicator>24</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">89 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="7">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>All Soft Shampoo 300ml</swp-product-name>
+              <swp-product-brand>Redken</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">RDK-ALS-300</swp-td>
+          <swp-td>Hårpleje</swp-td>
+          <swp-td>Redken</swp-td>
+          <swp-td class="right"><swp-stock-indicator class="warning">4</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">249 kr</swp-td>
+          <swp-td><swp-status-badge class="active">Aktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row data-id="8">
+          <swp-td>
+            <swp-product-cell>
+              <swp-product-name>Paddle Brush Large</swp-product-name>
+              <swp-product-brand>Denman</swp-product-brand>
+            </swp-product-cell>
+          </swp-td>
+          <swp-td class="mono muted">DNM-PBL-01</swp-td>
+          <swp-td>Tilbehør</swp-td>
+          <swp-td>Denman</swp-td>
+          <swp-td class="right"><swp-stock-indicator>7</swp-stock-indicator></swp-td>
+          <swp-td class="right mono">189 kr</swp-td>
+          <swp-td><swp-status-badge class="inactive">Inaktiv</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+      </swp-table-body>
+      <swp-table-footer>
+        <span>Viser 8 af 47 produkter</span>
+        <span>Side 1 af 6</span>
+      </swp-table-footer>
+    </swp-table>
+  </swp-page-container>
+
+  <script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0"></script>
+  <script>
+    // Product data for search
+    const products = [
+      { id: 1, name: 'Acidic Bonding Concentrate Serum 100ml', brand: 'Redken', sku: 'RDK-ABC-100', category: 'Hårpleje' },
+      { id: 2, name: 'No. 3 Hair Perfector 100ml', brand: 'Olaplex', sku: 'OLP-003', category: 'Hårpleje' },
+      { id: 3, name: 'Elixir Ultime L\'Huile Originale 100ml', brand: 'Kérastase', sku: 'KER-ELX-100', category: 'Hårpleje' },
+      { id: 4, name: 'EIMI Ocean Spritz 150ml', brand: 'Wella', sku: 'WEL-OCN-150', category: 'Styling' },
+      { id: 5, name: 'No. 4 Bond Maintenance Shampoo 250ml', brand: 'Olaplex', sku: 'OLP-004-250', category: 'Hårpleje' },
+      { id: 6, name: 'IGORA Royal 6-0 60ml', brand: 'Schwarzkopf', sku: 'SCH-IGR-60', category: 'Farve' },
+      { id: 7, name: 'All Soft Shampoo 300ml', brand: 'Redken', sku: 'RDK-ALS-300', category: 'Hårpleje' },
+      { id: 8, name: 'Paddle Brush Large', brand: 'Denman', sku: 'DNM-PBL-01', category: 'Tilbehør' }
+    ];
+
+    // Initialize Fuse.js
+    const fuse = new Fuse(products, {
+      keys: ['name', 'brand', 'sku', 'category'],
+      threshold: 0.3,
+      ignoreLocation: true
+    });
+
+    const searchInput = document.getElementById('searchInput');
+    const tableBody = document.querySelector('swp-table-body');
+    const allRows = Array.from(tableBody.querySelectorAll('swp-table-row'));
+
+    // Search handler
+    searchInput.addEventListener('input', (e) => {
+      const query = e.target.value.trim();
+
+      if (query === '') {
+        // Show all rows
+        allRows.forEach(row => row.style.display = '');
+      } else {
+        // Search with Fuse.js
+        const results = fuse.search(query);
+        const matchedIds = results.map(r => r.item.id);
+
+        allRows.forEach(row => {
+          const rowId = parseInt(row.dataset.id);
+          row.style.display = matchedIds.includes(rowId) ? '' : 'none';
+        });
+      }
+    });
+
+    // Theme toggle
+    const themeToggle = document.getElementById('themeToggle');
+    const sunIcon = document.getElementById('sunIcon');
+    const moonIcon = document.getElementById('moonIcon');
+    const root = document.documentElement;
+
+    function updateIcons() {
+      const isDark = root.classList.contains('dark-mode') ||
+        (window.matchMedia('(prefers-color-scheme: dark)').matches && !root.classList.contains('light-mode'));
+      sunIcon.style.display = isDark ? 'none' : 'block';
+      moonIcon.style.display = isDark ? 'block' : 'none';
+    }
+
+    updateIcons();
+
+    themeToggle.addEventListener('click', () => {
+      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+      if (prefersDark) {
+        // System is dark - toggle to light or back to system
+        root.classList.toggle('light-mode');
+        root.classList.remove('dark-mode');
+      } else {
+        // System is light - toggle to dark or back to system
+        root.classList.toggle('dark-mode');
+        root.classList.remove('light-mode');
+      }
+
+      updateIcons();
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-rapport.html b/wwwroot/poc-rapport.html
new file mode 100644
index 0000000..d67e043
--- /dev/null
+++ b/wwwroot/poc-rapport.html
@@ -0,0 +1,615 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Rapport - POC</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-purple: #8b5cf6;
+      --color-amber: #f59e0b;
+      --color-red: #e53935;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       HEADER
+       ========================================== */
+    swp-page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 24px;
+    }
+
+    swp-page-title {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    /* ==========================================
+       FILTERS
+       ========================================== */
+    swp-report-filters {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-period-selector {
+      display: flex;
+      background: var(--color-surface);
+      border-radius: 6px;
+      padding: 4px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
+
+    swp-period-selector button {
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border: none;
+      background: transparent;
+      color: var(--color-text-secondary);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-period-selector button:hover {
+      color: var(--color-text);
+    }
+
+    swp-period-selector button.active {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-employee-filter select {
+      padding: 10px 32px 10px 12px;
+      font-size: 13px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
+      appearance: none;
+      cursor: pointer;
+      min-width: 180px;
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 24px;
+    }
+
+    swp-stat-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 20px 24px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
+
+    swp-stat-value {
+      display: block;
+      font-size: 32px;
+      font-weight: 600;
+      color: var(--color-text);
+      font-family: var(--font-mono);
+    }
+
+    swp-stat-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    swp-stat-card.teal swp-stat-value { color: var(--color-teal); }
+    swp-stat-card.red swp-stat-value { color: var(--color-red); }
+    swp-stat-card.amber swp-stat-value { color: var(--color-amber); }
+    swp-stat-card.purple swp-stat-value { color: var(--color-purple); }
+
+    /* ==========================================
+       CHARTS GRID
+       ========================================== */
+    swp-charts-grid {
+      display: grid;
+      grid-template-columns: 2fr 1fr;
+      gap: 24px;
+      margin-bottom: 24px;
+    }
+
+    swp-chart-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 20px 24px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
+
+    swp-chart-title {
+      display: block;
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 16px;
+    }
+
+    swp-chart-container {
+      display: block;
+      height: 240px;
+      position: relative;
+    }
+
+    /* ==========================================
+       REPORT TABLE
+       ========================================== */
+    swp-report-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+      overflow: hidden;
+    }
+
+    swp-table-header,
+    swp-table-row {
+      display: grid;
+      grid-template-columns: 200px repeat(7, 1fr);
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      padding: 14px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+      user-select: none;
+    }
+
+    swp-th.sortable {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      transition: color 150ms ease;
+    }
+
+    swp-th.sortable:hover {
+      color: var(--color-teal);
+    }
+
+    swp-th.sorted {
+      color: var(--color-teal);
+    }
+
+    .sort-icon {
+      font-size: 10px;
+      opacity: 0.4;
+      transition: opacity 150ms ease, transform 150ms ease;
+    }
+
+    swp-th.sorted .sort-icon {
+      opacity: 1;
+    }
+
+    swp-th.sorted.desc .sort-icon {
+      transform: rotate(180deg);
+    }
+
+    swp-th.right,
+    swp-td.right {
+      text-align: right;
+      justify-content: flex-end;
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-table-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-td {
+      font-size: 13px;
+      color: var(--color-text);
+    }
+
+    swp-td.name {
+      font-weight: 500;
+    }
+
+    swp-td.number {
+      font-family: var(--font-mono);
+      font-size: 12px;
+    }
+
+    swp-td.red { color: var(--color-red); }
+    swp-td.amber { color: var(--color-amber); }
+    swp-td.purple { color: var(--color-purple); }
+
+    swp-badge {
+      display: inline-block;
+      padding: 2px 8px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 4px;
+      font-family: var(--font-mono);
+    }
+
+    swp-badge.low {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+    }
+
+    swp-badge.medium {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: var(--color-amber);
+    }
+
+    swp-badge.high {
+      background: color-mix(in srgb, var(--color-red) 15%, white);
+      color: var(--color-red);
+    }
+
+    /* ==========================================
+       FOOTER
+       ========================================== */
+    swp-table-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+  </style>
+</head>
+<body>
+  <swp-page-container>
+    <!-- Header -->
+    <swp-page-header>
+      <swp-page-title>Rapport</swp-page-title>
+      <swp-report-filters>
+        <swp-period-selector>
+          <button>Uge</button>
+          <button class="active">Måned</button>
+          <button>Kvartal</button>
+          <button>År</button>
+        </swp-period-selector>
+        <swp-employee-filter>
+          <select>
+            <option>Alle medarbejdere</option>
+            <option>Anna Jensen</option>
+            <option>Martin Nielsen</option>
+            <option>Sofie Larsen</option>
+            <option>Peter Hansen</option>
+          </select>
+        </swp-employee-filter>
+      </swp-report-filters>
+    </swp-page-header>
+
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="teal">
+        <swp-stat-value>320 t</swp-stat-value>
+        <swp-stat-label>Planlagte timer</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="red">
+        <swp-stat-value>24 t</swp-stat-value>
+        <swp-stat-label>Fravær total</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="amber">
+        <swp-stat-value>8 t</swp-stat-value>
+        <swp-stat-label>Overarbejde</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>7.5%</swp-stat-value>
+        <swp-stat-label>Fraværsprocent</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Charts -->
+    <swp-charts-grid>
+      <swp-chart-card>
+        <swp-chart-title>Timer pr. uge</swp-chart-title>
+        <swp-chart-container id="hoursChart"></swp-chart-container>
+      </swp-chart-card>
+
+      <swp-chart-card>
+        <swp-chart-title>Fraværsfordeling</swp-chart-title>
+        <swp-chart-container id="absenceChart"></swp-chart-container>
+      </swp-chart-card>
+    </swp-charts-grid>
+
+    <!-- Table -->
+    <swp-report-table>
+      <swp-table-header>
+        <swp-th class="sortable sorted">Medarbejder <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Planlagt <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Fravær <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Syg <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Ferie <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Fri <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Overarbejde <span class="sort-icon">▲</span></swp-th>
+        <swp-th class="sortable right">Fraværs-% <span class="sort-icon">▲</span></swp-th>
+      </swp-table-header>
+      <swp-table-body>
+        <swp-table-row>
+          <swp-td class="name">Anna Jensen</swp-td>
+          <swp-td class="number right">80 t</swp-td>
+          <swp-td class="number right">4 t</swp-td>
+          <swp-td class="number right red">0 t</swp-td>
+          <swp-td class="number right amber">4 t</swp-td>
+          <swp-td class="number right purple">0 t</swp-td>
+          <swp-td class="number right">2 t</swp-td>
+          <swp-td class="right"><swp-badge class="low">5.0%</swp-badge></swp-td>
+        </swp-table-row>
+        <swp-table-row>
+          <swp-td class="name">Martin Nielsen</swp-td>
+          <swp-td class="number right">80 t</swp-td>
+          <swp-td class="number right">8 t</swp-td>
+          <swp-td class="number right red">8 t</swp-td>
+          <swp-td class="number right amber">0 t</swp-td>
+          <swp-td class="number right purple">0 t</swp-td>
+          <swp-td class="number right">0 t</swp-td>
+          <swp-td class="right"><swp-badge class="medium">10.0%</swp-badge></swp-td>
+        </swp-table-row>
+        <swp-table-row>
+          <swp-td class="name">Sofie Larsen</swp-td>
+          <swp-td class="number right">80 t</swp-td>
+          <swp-td class="number right">4 t</swp-td>
+          <swp-td class="number right red">0 t</swp-td>
+          <swp-td class="number right amber">0 t</swp-td>
+          <swp-td class="number right purple">4 t</swp-td>
+          <swp-td class="number right">4 t</swp-td>
+          <swp-td class="right"><swp-badge class="low">5.0%</swp-badge></swp-td>
+        </swp-table-row>
+        <swp-table-row>
+          <swp-td class="name">Peter Hansen</swp-td>
+          <swp-td class="number right">80 t</swp-td>
+          <swp-td class="number right">8 t</swp-td>
+          <swp-td class="number right red">4 t</swp-td>
+          <swp-td class="number right amber">4 t</swp-td>
+          <swp-td class="number right purple">0 t</swp-td>
+          <swp-td class="number right">2 t</swp-td>
+          <swp-td class="right"><swp-badge class="medium">10.0%</swp-badge></swp-td>
+        </swp-table-row>
+      </swp-table-body>
+      <swp-table-footer>
+        <span>Viser 4 medarbejdere</span>
+        <span>Total: 320 t planlagt, 24 t fravær, 8 t overarbejde</span>
+      </swp-table-footer>
+    </swp-report-table>
+  </swp-page-container>
+
+  <script type="module">
+    // Import charting library
+    import { createChart } from 'https://unpkg.com/@sevenweirdpeople/swp-charting@latest/dist/index.js';
+
+    // Initialize pie chart with breakdown
+    createChart(document.getElementById('absenceChart'), {
+      height: 240,
+      series: [
+        {
+          name: 'Syg',
+          color: '#e53935',
+          type: 'pie',
+          unit: 't',
+          data: [
+            { x: 'Martin Nielsen', y: 8 },
+            { x: 'Peter Hansen', y: 4 },
+          ],
+          pie: { innerRadius: 25, outerRadius: 100 }
+        },
+        {
+          name: 'Ferie',
+          color: '#f59e0b',
+          type: 'pie',
+          unit: 't',
+          data: [
+            { x: 'Anna Jensen', y: 4 },
+            { x: 'Peter Hansen', y: 4 },
+          ],
+          pie: { innerRadius: 25, outerRadius: 100 }
+        },
+        {
+          name: 'Fri',
+          color: '#8b5cf6',
+          type: 'pie',
+          unit: 't',
+          data: [
+            { x: 'Sofie Larsen', y: 4 },
+          ],
+          pie: { innerRadius: 25, outerRadius: 100 }
+        }
+      ],
+      legend: { position: 'right', align: 'center' }
+    });
+
+    // Initialize grouped bar chart
+    createChart(document.getElementById('hoursChart'), {
+      xAxis: { categories: ['Uge 48', 'Uge 49', 'Uge 50', 'Uge 51', 'Uge 52'] },
+      series: [
+        {
+          name: 'Anna Jensen',
+          color: '#00897b',
+          type: 'bar',
+          data: [
+            { x: 'Uge 48', y: 32 },
+            { x: 'Uge 49', y: 40 },
+            { x: 'Uge 50', y: 38 },
+            { x: 'Uge 51', y: 40 },
+            { x: 'Uge 52', y: 20 },
+          ]
+        },
+        {
+          name: 'Martin Nielsen',
+          color: '#3b82f6',
+          type: 'bar',
+          data: [
+            { x: 'Uge 48', y: 30 },
+            { x: 'Uge 49', y: 40 },
+            { x: 'Uge 50', y: 35 },
+            { x: 'Uge 51', y: 40 },
+            { x: 'Uge 52', y: 16 },
+          ]
+        },
+        {
+          name: 'Sofie Larsen',
+          color: '#8b5cf6',
+          type: 'bar',
+          data: [
+            { x: 'Uge 48', y: 28 },
+            { x: 'Uge 49', y: 36 },
+            { x: 'Uge 50', y: 40 },
+            { x: 'Uge 51', y: 40 },
+            { x: 'Uge 52', y: 18 },
+          ]
+        },
+        {
+          name: 'Peter Hansen',
+          color: '#f59e0b',
+          type: 'bar',
+          data: [
+            { x: 'Uge 48', y: 34 },
+            { x: 'Uge 49', y: 38 },
+            { x: 'Uge 50', y: 32 },
+            { x: 'Uge 51', y: 40 },
+            { x: 'Uge 52', y: 14 },
+          ]
+        }
+      ],
+      yAxis: { format: (v) => v + ' t' },
+      legend: { position: 'bottom', align: 'center', gap: 0 },
+      height: 240
+    });
+
+    // Period selector
+    document.querySelectorAll('swp-period-selector button').forEach(btn => {
+      btn.addEventListener('click', () => {
+        document.querySelectorAll('swp-period-selector button').forEach(b => b.classList.remove('active'));
+        btn.classList.add('active');
+      });
+    });
+
+    // Sort columns
+    document.querySelectorAll('swp-th.sortable').forEach(th => {
+      th.addEventListener('click', () => {
+        const wasSorted = th.classList.contains('sorted');
+        const wasDesc = th.classList.contains('desc');
+
+        // Remove sorted state from all
+        document.querySelectorAll('swp-th.sortable').forEach(t => {
+          t.classList.remove('sorted', 'desc');
+        });
+
+        // Toggle this column
+        th.classList.add('sorted');
+        if (wasSorted && !wasDesc) {
+          th.classList.add('desc');
+        }
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-salg.html b/wwwroot/poc-salg.html
new file mode 100644
index 0000000..75f91ee
--- /dev/null
+++ b/wwwroot/poc-salg.html
@@ -0,0 +1,1133 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Salg - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* Dark mode */
+    @media (prefers-color-scheme: dark) {
+      :root:not(.light-mode) {
+        --color-surface: #1e1e1e;
+        --color-background: #121212;
+        --color-background-hover: #2a2a2a;
+        --color-background-alt: #1a1a1a;
+        --color-border: #333;
+        --color-text: #e0e0e0;
+        --color-text-secondary: #999;
+        --color-teal: #26a69a;
+        --color-blue: #42a5f5;
+        --color-red: #ef5350;
+        --color-amber: #ffb74d;
+        --color-purple: #a78bfa;
+        --color-green: #66bb6a;
+      }
+    }
+
+    :root.dark-mode {
+      --color-surface: #1e1e1e;
+      --color-background: #121212;
+      --color-background-hover: #2a2a2a;
+      --color-background-alt: #1a1a1a;
+      --color-border: #333;
+      --color-text: #e0e0e0;
+      --color-text-secondary: #999;
+      --color-teal: #26a69a;
+      --color-blue: #42a5f5;
+      --color-red: #ef5350;
+      --color-amber: #ffb74d;
+      --color-purple: #a78bfa;
+      --color-green: #66bb6a;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-page-title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    /* ==========================================
+       LAYOUT
+       ========================================== */
+    swp-page-container {
+      display: block;
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+
+    /* ==========================================
+       BUTTONS
+       ========================================== */
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--font-family);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn i {
+      font-size: 18px;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    /* ==========================================
+       STATS BAR
+       ========================================== */
+    swp-stats-bar {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+      margin-bottom: 20px;
+    }
+
+    swp-stat-card {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-card swp-stat-value {
+      font-size: 22px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-card swp-stat-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    swp-stat-card.success swp-stat-value {
+      color: var(--color-green);
+    }
+
+    swp-stat-card.warning swp-stat-value {
+      color: var(--color-amber);
+    }
+
+    /* ==========================================
+       FILTER BAR
+       ========================================== */
+    swp-filter-bar {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px 20px;
+      background: var(--color-surface);
+      border-radius: 8px;
+      margin-bottom: 20px;
+      flex-wrap: wrap;
+    }
+
+    swp-search-input {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      background: var(--color-surface);
+      flex: 1;
+      max-width: 350px;
+    }
+
+    swp-search-input i {
+      color: var(--color-text-secondary);
+      font-size: 18px;
+    }
+
+    swp-search-input input {
+      border: none;
+      outline: none;
+      font-size: 13px;
+      font-family: var(--font-family);
+      width: 100%;
+      background: transparent;
+      color: var(--color-text);
+    }
+
+    swp-filter-group {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-filter-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-filter-bar select,
+    swp-filter-bar input[type="date"] {
+      padding: 8px 12px;
+      border: 1px solid var(--color-border);
+      border-radius: 6px;
+      font-size: 13px;
+      font-family: var(--font-family);
+      background: var(--color-surface);
+      color: var(--color-text);
+      cursor: pointer;
+    }
+
+    swp-filter-bar input[type="date"] {
+      font-family: var(--font-mono);
+    }
+
+    swp-filter-spacer {
+      flex: 1;
+    }
+
+    /* ==========================================
+       TABLE
+       ========================================== */
+    swp-table {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      overflow: hidden;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-table-header,
+    swp-table-row {
+      display: grid;
+      grid-template-columns: 100px 140px minmax(120px, 1fr) 120px minmax(140px, 1.2fr) 100px 100px 100px 40px;
+      align-items: center;
+    }
+
+    swp-table-header {
+      background: var(--color-background-alt);
+      border-bottom: 1px solid var(--color-border);
+      padding: 12px 20px;
+    }
+
+    swp-th {
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-th.right {
+      text-align: right;
+    }
+
+    swp-th.center {
+      text-align: center;
+    }
+
+    swp-table-body {
+      display: block;
+    }
+
+    swp-table-row {
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--color-border);
+      transition: background 150ms ease;
+      cursor: pointer;
+    }
+
+    swp-table-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-table-row:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-td {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-td.right {
+      text-align: right;
+    }
+
+    swp-td.center {
+      text-align: center;
+    }
+
+    swp-td.mono {
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    swp-td.muted {
+      color: var(--color-text-secondary);
+    }
+
+    /* Invoice cell */
+    swp-invoice-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-invoice-number {
+      font-family: var(--font-mono);
+      font-weight: 500;
+      font-size: 13px;
+      color: var(--color-teal);
+    }
+
+    /* DateTime cell */
+    swp-datetime-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-datetime-date {
+      font-size: 13px;
+      color: var(--color-text);
+    }
+
+    swp-datetime-time {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      font-family: var(--font-mono);
+    }
+
+    /* Customer cell */
+    swp-customer-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-customer-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-customer-phone {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      font-family: var(--font-mono);
+    }
+
+    /* Services cell */
+    swp-services-cell {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-services-main {
+      font-size: 13px;
+      color: var(--color-text);
+    }
+
+    swp-services-more {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Amount cell */
+    swp-amount-cell {
+      font-family: var(--font-mono);
+      font-weight: 600;
+      font-size: 14px;
+      text-align: right;
+    }
+
+    /* Payment method badge */
+    swp-payment-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 10px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 6px;
+      background: var(--color-background-alt);
+      color: var(--color-text-secondary);
+    }
+
+    swp-payment-badge i {
+      font-size: 14px;
+    }
+
+    swp-payment-badge.card {
+      background: color-mix(in srgb, var(--color-blue) 12%, transparent);
+      color: var(--color-blue);
+    }
+
+    swp-payment-badge.cash {
+      background: color-mix(in srgb, var(--color-green) 12%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-payment-badge.mobilepay {
+      background: color-mix(in srgb, var(--color-blue) 12%, transparent);
+      color: var(--color-blue);
+    }
+
+    swp-payment-badge.invoice {
+      background: color-mix(in srgb, var(--color-amber) 12%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-payment-badge.giftcard {
+      background: color-mix(in srgb, var(--color-purple) 12%, transparent);
+      color: var(--color-purple);
+    }
+
+    /* Status badge */
+    swp-status-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      border-radius: 12px;
+    }
+
+    swp-status-badge.paid {
+      background: color-mix(in srgb, var(--color-green) 15%, transparent);
+      color: var(--color-green);
+    }
+
+    swp-status-badge.pending {
+      background: color-mix(in srgb, var(--color-amber) 15%, transparent);
+      color: var(--color-amber);
+    }
+
+    swp-status-badge.credited {
+      background: color-mix(in srgb, var(--color-purple) 15%, transparent);
+      color: var(--color-purple);
+    }
+
+    /* Row arrow */
+    swp-row-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    swp-row-arrow i {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+      transition: transform 150ms ease, color 150ms ease;
+    }
+
+    swp-table-row:hover swp-row-arrow i {
+      transform: translateX(4px);
+      color: var(--color-teal);
+    }
+
+    /* Table footer */
+    swp-table-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 20px;
+      background: var(--color-background-alt);
+      border-top: 1px solid var(--color-border);
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-pagination {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    swp-page-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border-radius: 6px;
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 150ms ease;
+      background: transparent;
+      color: var(--color-text-secondary);
+      border: 1px solid transparent;
+    }
+
+    swp-page-btn:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-page-btn.active {
+      background: var(--color-teal);
+      color: white;
+      border-color: var(--color-teal);
+    }
+
+    swp-page-btn i {
+      font-size: 16px;
+    }
+
+    /* ==========================================
+       CHARTS SECTION
+       ========================================== */
+    swp-charts-grid {
+      display: grid;
+      grid-template-columns: 2fr 1fr;
+      gap: 20px;
+      margin-bottom: 20px;
+    }
+
+    swp-chart-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+    }
+
+    swp-chart-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-chart-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-chart-hint {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-chart-container {
+      display: block;
+      height: 240px;
+      position: relative;
+    }
+
+    /* ==========================================
+       RESPONSIVE
+       ========================================== */
+    @media (max-width: 1200px) {
+      swp-stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      swp-charts-grid {
+        grid-template-columns: 1fr;
+      }
+
+      swp-table-header,
+      swp-table-row {
+        grid-template-columns: 100px 130px 1fr 100px 100px 100px 40px;
+      }
+
+      swp-th:nth-child(4),
+      swp-td:nth-child(4),
+      swp-th:nth-child(5),
+      swp-td:nth-child(5) {
+        display: none;
+      }
+    }
+
+    @media (max-width: 900px) {
+      swp-table-header,
+      swp-table-row {
+        grid-template-columns: 100px 1fr 100px 100px 40px;
+      }
+
+      swp-th:nth-child(3),
+      swp-td:nth-child(3) {
+        display: none;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Topbar -->
+  <swp-topbar>
+    <swp-topbar-left>
+      <swp-page-title>Salg</swp-page-title>
+    </swp-topbar-left>
+    <swp-topbar-right>
+      <swp-btn class="secondary" id="exportBtn">
+        <i class="ph ph-export"></i>
+        Eksporter
+      </swp-btn>
+    </swp-topbar-right>
+  </swp-topbar>
+
+  <swp-page-container>
+    <!-- Stats Bar -->
+    <swp-stats-bar>
+      <swp-stat-card class="highlight">
+        <swp-stat-value>12.450 kr</swp-stat-value>
+        <swp-stat-label>Omsætning i dag</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card class="success">
+        <swp-stat-value>187.230 kr</swp-stat-value>
+        <swp-stat-label>Omsætning denne måned</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>18</swp-stat-value>
+        <swp-stat-label>Antal salg i dag</swp-stat-label>
+      </swp-stat-card>
+      <swp-stat-card>
+        <swp-stat-value>692 kr</swp-stat-value>
+        <swp-stat-label>Gns. ordreværdi</swp-stat-label>
+      </swp-stat-card>
+    </swp-stats-bar>
+
+    <!-- Charts Section -->
+    <swp-charts-grid>
+      <swp-chart-card>
+        <swp-chart-header>
+          <swp-chart-title>Omsætning pr. måned</swp-chart-title>
+          <swp-chart-hint>Sidste 12 måneder</swp-chart-hint>
+        </swp-chart-header>
+        <swp-chart-container id="revenueChart"></swp-chart-container>
+      </swp-chart-card>
+      <swp-chart-card>
+        <swp-chart-header>
+          <swp-chart-title>Betalingsmetoder</swp-chart-title>
+          <swp-chart-hint>Fordeling</swp-chart-hint>
+        </swp-chart-header>
+        <swp-chart-container id="paymentChart"></swp-chart-container>
+      </swp-chart-card>
+    </swp-charts-grid>
+
+    <!-- Filter Bar -->
+    <swp-filter-bar>
+      <swp-search-input>
+        <i class="ph ph-magnifying-glass"></i>
+        <input type="search" id="searchInput" placeholder="Søg fakturanr, kunde, medarbejder..." />
+      </swp-search-input>
+      <swp-filter-group>
+        <swp-filter-label>Fra</swp-filter-label>
+        <input type="date" id="dateFrom" value="2025-01-01" />
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Til</swp-filter-label>
+        <input type="date" id="dateTo" value="2025-01-06" />
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Status</swp-filter-label>
+        <select id="statusFilter">
+          <option value="">Alle</option>
+          <option value="paid">Betalt</option>
+          <option value="pending">Afventer</option>
+          <option value="credited">Krediteret</option>
+        </select>
+      </swp-filter-group>
+      <swp-filter-group>
+        <swp-filter-label>Betaling</swp-filter-label>
+        <select id="paymentFilter">
+          <option value="">Alle</option>
+          <option value="card">Kort</option>
+          <option value="cash">Kontant</option>
+          <option value="mobilepay">MobilePay</option>
+          <option value="invoice">Faktura</option>
+          <option value="giftcard">Fordelskort</option>
+        </select>
+      </swp-filter-group>
+    </swp-filter-bar>
+
+    <!-- Table -->
+    <swp-table>
+      <swp-table-header>
+        <swp-th>Faktura</swp-th>
+        <swp-th>Dato/tid</swp-th>
+        <swp-th>Kunde</swp-th>
+        <swp-th>Medarbejder</swp-th>
+        <swp-th>Ydelser</swp-th>
+        <swp-th class="right">Beløb</swp-th>
+        <swp-th>Betaling</swp-th>
+        <swp-th>Status</swp-th>
+        <swp-th></swp-th>
+      </swp-table-header>
+      <swp-table-body>
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1847</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>6. jan 2025</swp-datetime-date>
+              <swp-datetime-time>14:32</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Maria Hansen</swp-customer-name>
+              <swp-customer-phone>+45 23 45 67 89</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Louise P.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Dameklip, Farve</swp-services-main>
+              <swp-services-more>+ 1 produkt</swp-services-more>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>1.450 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="card"><i class="ph ph-credit-card"></i> Kort</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="paid">Betalt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1846</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>6. jan 2025</swp-datetime-date>
+              <swp-datetime-time>13:15</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Jonas Petersen</swp-customer-name>
+              <swp-customer-phone>+45 31 22 44 55</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Karina K.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Herreklip</swp-services-main>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>350 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="mobilepay"><i class="ph ph-device-mobile"></i> MobilePay</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="paid">Betalt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1845</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>6. jan 2025</swp-datetime-date>
+              <swp-datetime-time>11:45</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Sofie Larsen</swp-customer-name>
+              <swp-customer-phone>+45 42 33 55 66</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Louise P.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Balayage, Klip</swp-services-main>
+              <swp-services-more>+ 2 produkter</swp-services-more>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>2.850 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="invoice"><i class="ph ph-file-text"></i> Faktura</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="pending">Afventer</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1844</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>6. jan 2025</swp-datetime-date>
+              <swp-datetime-time>10:30</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Anne Nielsen</swp-customer-name>
+              <swp-customer-phone>+45 51 62 73 84</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Mette J.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Dameklip, Vask</swp-services-main>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>550 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="giftcard"><i class="ph ph-gift"></i> Fordelskort</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="paid">Betalt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1843</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>6. jan 2025</swp-datetime-date>
+              <swp-datetime-time>09:15</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Peter Andersen</swp-customer-name>
+              <swp-customer-phone>+45 61 72 83 94</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Karina K.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Herreklip, Skægtrim</swp-services-main>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>450 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="cash"><i class="ph ph-money"></i> Kontant</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="paid">Betalt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1842</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>5. jan 2025</swp-datetime-date>
+              <swp-datetime-time>16:45</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Camilla Holm</swp-customer-name>
+              <swp-customer-phone>+45 71 82 93 04</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Louise P.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Extensions</swp-services-main>
+              <swp-services-more>+ 1 produkt</swp-services-more>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>3.200 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="card"><i class="ph ph-credit-card"></i> Kort</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="paid">Betalt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1841</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>5. jan 2025</swp-datetime-date>
+              <swp-datetime-time>15:00</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Mikkel Jensen</swp-customer-name>
+              <swp-customer-phone>+45 81 92 03 14</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Mette J.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Dameklip</swp-services-main>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>-450 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="card"><i class="ph ph-credit-card"></i> Kort</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="credited">Krediteret</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+
+        <swp-table-row>
+          <swp-td>
+            <swp-invoice-cell>
+              <swp-invoice-number>#1840</swp-invoice-number>
+            </swp-invoice-cell>
+          </swp-td>
+          <swp-td>
+            <swp-datetime-cell>
+              <swp-datetime-date>5. jan 2025</swp-datetime-date>
+              <swp-datetime-time>13:30</swp-datetime-time>
+            </swp-datetime-cell>
+          </swp-td>
+          <swp-td>
+            <swp-customer-cell>
+              <swp-customer-name>Louise Eriksen</swp-customer-name>
+              <swp-customer-phone>+45 91 02 13 24</swp-customer-phone>
+            </swp-customer-cell>
+          </swp-td>
+          <swp-td class="muted">Karina K.</swp-td>
+          <swp-td>
+            <swp-services-cell>
+              <swp-services-main>Highlights, Klip, Kur</swp-services-main>
+            </swp-services-cell>
+          </swp-td>
+          <swp-td><swp-amount-cell>1.950 kr</swp-amount-cell></swp-td>
+          <swp-td><swp-payment-badge class="card"><i class="ph ph-credit-card"></i> Kort</swp-payment-badge></swp-td>
+          <swp-td><swp-status-badge class="paid">Betalt</swp-status-badge></swp-td>
+          <swp-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-td>
+        </swp-table-row>
+      </swp-table-body>
+      <swp-table-footer>
+        <span>Viser 1-8 af 1.847 fakturaer</span>
+        <swp-pagination>
+          <swp-page-btn><i class="ph ph-caret-left"></i></swp-page-btn>
+          <swp-page-btn class="active">1</swp-page-btn>
+          <swp-page-btn>2</swp-page-btn>
+          <swp-page-btn>3</swp-page-btn>
+          <swp-page-btn>...</swp-page-btn>
+          <swp-page-btn>231</swp-page-btn>
+          <swp-page-btn><i class="ph ph-caret-right"></i></swp-page-btn>
+        </swp-pagination>
+      </swp-table-footer>
+    </swp-table>
+  </swp-page-container>
+
+  <script type="module">
+    import { createChart } from 'https://unpkg.com/@sevenweirdpeople/swp-charting@latest/dist/index.js';
+
+    // Omsætning pr. måned (bar chart) - sidste 12 måneder
+    createChart(document.getElementById('revenueChart'), {
+      height: 240,
+      xAxis: {
+        categories: ['Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec', 'Jan']
+      },
+      series: [
+        {
+          name: 'Omsætning',
+          color: '#00897b',
+          type: 'bar',
+          unit: ' kr',
+          data: [
+            { x: 'Feb', y: 142500 },
+            { x: 'Mar', y: 168200 },
+            { x: 'Apr', y: 155800 },
+            { x: 'Maj', y: 178400 },
+            { x: 'Jun', y: 145600 },
+            { x: 'Jul', y: 98200 },
+            { x: 'Aug', y: 134500 },
+            { x: 'Sep', y: 189300 },
+            { x: 'Okt', y: 201400 },
+            { x: 'Nov', y: 178900 },
+            { x: 'Dec', y: 245600 },
+            { x: 'Jan', y: 187230 },
+          ]
+        }
+      ]
+    });
+
+    // Mappe måned-navne til måned-numre (baseret på 2024/2025)
+    const monthMap = {
+      'Feb': { year: 2024, month: 2 },
+      'Mar': { year: 2024, month: 3 },
+      'Apr': { year: 2024, month: 4 },
+      'Maj': { year: 2024, month: 5 },
+      'Jun': { year: 2024, month: 6 },
+      'Jul': { year: 2024, month: 7 },
+      'Aug': { year: 2024, month: 8 },
+      'Sep': { year: 2024, month: 9 },
+      'Okt': { year: 2024, month: 10 },
+      'Nov': { year: 2024, month: 11 },
+      'Dec': { year: 2024, month: 12 },
+      'Jan': { year: 2025, month: 1 },
+    };
+
+    function setDateFilter(startMonth, endMonth) {
+      if (startMonth && endMonth) {
+        const lastDay = new Date(endMonth.year, endMonth.month, 0).getDate();
+        const fromDate = `${startMonth.year}-${String(startMonth.month).padStart(2, '0')}-01`;
+        const toDate = `${endMonth.year}-${String(endMonth.month).padStart(2, '0')}-${lastDay}`;
+        document.getElementById('dateFrom').value = fromDate;
+        document.getElementById('dateTo').value = toDate;
+      }
+    }
+
+    // Enkelt-klik på bar chart -> filtrer fakturaer efter én måned
+    document.addEventListener('swp-chart-click', (e) => {
+      const { type, x } = e.detail;
+      if (type !== 'bar' || !x) return;
+      setDateFilter(monthMap[x], monthMap[x]);
+    });
+
+    // Range-select på bar chart -> filtrer fakturaer efter flere måneder
+    document.addEventListener('swp-chart-select', (e) => {
+      const { type, bounds } = e.detail;
+      if (type !== 'bar' || !bounds) return;
+      setDateFilter(monthMap[bounds.x1], monthMap[bounds.x2]);
+    });
+
+    // Betalingsmetoder (pie chart)
+    createChart(document.getElementById('paymentChart'), {
+      height: 240,
+      series: [
+        { name: 'Kort', color: '#1976d2', type: 'pie', data: [{ x: '', y: 892400 }], unit: ' kr', pie: { innerRadius: 40, outerRadius: 90 } },
+        { name: 'MobilePay', color: '#5C6BC0', type: 'pie', data: [{ x: '', y: 445200 }], unit: ' kr', pie: { innerRadius: 40, outerRadius: 90 } },
+        { name: 'Kontant', color: '#43a047', type: 'pie', data: [{ x: '', y: 234800 }], unit: ' kr', pie: { innerRadius: 40, outerRadius: 90 } },
+        { name: 'Faktura', color: '#f59e0b', type: 'pie', data: [{ x: '', y: 178500 }], unit: ' kr', pie: { innerRadius: 40, outerRadius: 90 } },
+        { name: 'Fordelskort', color: '#8b5cf6', type: 'pie', data: [{ x: '', y: 74700 }], unit: ' kr', pie: { innerRadius: 40, outerRadius: 90 } }
+      ],
+      tooltip: true,
+      legend: { position: 'right', align: 'center' }
+    });
+  </script>
+</body>
+</html>
diff --git a/wwwroot/poc-service-detail.html b/wwwroot/poc-service-detail.html
new file mode 100644
index 0000000..3111190
--- /dev/null
+++ b/wwwroot/poc-service-detail.html
@@ -0,0 +1,2521 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Service Detaljer - Klip & Farve</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES (Design System)
+       ========================================== */
+    :root {
+      /* Colors */
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #ffb300;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+
+      /* Calendar colors */
+      --b-color-red: #e53935;
+      --b-color-pink: #d81b60;
+      --b-color-magenta: #c2185b;
+      --b-color-purple: #8e24aa;
+      --b-color-violet: #7b1fa2;
+      --b-color-deep-purple: #5e35b1;
+      --b-color-indigo: #3949ab;
+      --b-color-blue: #1e88e5;
+      --b-color-light-blue: #039be5;
+      --b-color-cyan: #00acc1;
+      --b-color-teal: #00897b;
+      --b-color-green: #43a047;
+      --b-color-light-green: #7cb342;
+      --b-color-lime: #c0ca33;
+      --b-color-yellow: #fdd835;
+      --b-color-amber: #ffb300;
+      --b-color-orange: #fb8c00;
+      --b-color-deep-orange: #f4511e;
+
+      /* Typography */
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-back-link {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--color-text-secondary);
+      text-decoration: none;
+      font-size: 13px;
+      cursor: pointer;
+      transition: color 150ms ease;
+    }
+
+    swp-back-link:hover {
+      color: var(--color-teal);
+    }
+
+    swp-back-link svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    swp-topbar-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-topbar-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      border: none;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-surface);
+      color: var(--color-text);
+      border: 1px solid var(--color-border);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background);
+    }
+
+    /* ==========================================
+       SERVICE HEADER
+       ========================================== */
+    swp-service-header {
+      display: flex;
+      gap: 24px;
+      padding: 24px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      position: sticky;
+      top: 49px;
+      z-index: 90;
+    }
+
+    swp-service-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-service-name-row {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-service-name {
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    /* Tags */
+    swp-tags-editor {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex-wrap: wrap;
+    }
+
+    swp-tag {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+    }
+
+    swp-tag.active {
+      background: color-mix(in srgb, var(--color-green) 20%, white);
+      color: var(--color-green);
+    }
+
+    swp-tag.popular {
+      background: color-mix(in srgb, var(--color-amber) 20%, white);
+      color: #b8860b;
+    }
+
+    swp-tag.combo {
+      background: color-mix(in srgb, var(--color-teal) 15%, white);
+      color: var(--color-teal);
+    }
+
+    swp-tag.color {
+      background: color-mix(in srgb, var(--color-purple) 15%, white);
+      color: var(--color-purple);
+    }
+
+    swp-tag .remove {
+      cursor: pointer;
+      opacity: 0.6;
+      margin-left: 2px;
+    }
+
+    swp-tag .remove:hover {
+      opacity: 1;
+    }
+
+    swp-tag-add {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 10px;
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      border: 1px dashed var(--color-border);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-tag-add:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+    }
+
+    /* Service Status Toggle (like booking exclusion) */
+    swp-service-status {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      margin-left: auto;
+    }
+
+    swp-service-status[data-active="true"] {
+      background: color-mix(in srgb, var(--color-green) 15%, white);
+      color: var(--color-green);
+      border: 1px solid color-mix(in srgb, var(--color-green) 30%, white);
+    }
+
+    swp-service-status[data-active="false"] {
+      background: color-mix(in srgb, var(--color-red) 12%, white);
+      color: var(--color-red);
+      border: 1px solid color-mix(in srgb, var(--color-red) 30%, white);
+    }
+
+    swp-service-status .icon {
+      font-size: 14px;
+    }
+
+    /* Fact Boxes Inline (same as customer detail) */
+    swp-fact-boxes-inline {
+      display: flex;
+      gap: 24px;
+      margin-top: 4px;
+    }
+
+    swp-fact-inline {
+      display: flex;
+      align-items: baseline;
+      gap: 6px;
+    }
+
+    swp-fact-inline-value {
+      font-size: 18px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-fact-inline-label {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* ==========================================
+       TAB BAR
+       ========================================== */
+    swp-tab-bar {
+      display: flex;
+      gap: 0;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      padding: 0 24px;
+      position: sticky;
+      top: 178px;
+      z-index: 80;
+    }
+
+    swp-tab {
+      padding: 14px 24px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      transition: all 150ms ease;
+    }
+
+    swp-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-alt);
+    }
+
+    swp-tab.active {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TAB CONTENT
+       ========================================== */
+    swp-tab-content {
+      display: none;
+      padding: 24px;
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    swp-tab-content.active {
+      display: block;
+    }
+
+    /* ==========================================
+       LAYOUT GRID
+       ========================================== */
+    .grid-2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+    }
+
+    .grid-4 {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+    }
+
+    @media (max-width: 900px) {
+      .grid-2 {
+        grid-template-columns: 1fr;
+      }
+      .grid-4 {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    /* ==========================================
+       CARDS
+       ========================================== */
+    swp-card {
+      display: block;
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 20px;
+      border: 1px solid var(--color-border);
+      margin-bottom: 16px;
+    }
+
+    swp-card:last-child {
+      margin-bottom: 0;
+    }
+
+    /* Section Label */
+    swp-section-label {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 16px;
+    }
+
+    /* ==========================================
+       STAT CARDS
+       ========================================== */
+    swp-stat-card {
+      background: var(--color-surface);
+      border-radius: 8px;
+      padding: 20px;
+      text-align: center;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-stat-value {
+      display: block;
+      font-size: 28px;
+      font-weight: 600;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+    }
+
+    swp-stat-label {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-stat-card.highlight swp-stat-value {
+      color: var(--color-teal);
+    }
+
+    /* ==========================================
+       EDIT SECTION
+       ========================================== */
+    swp-edit-section {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    swp-edit-row {
+      display: grid;
+      grid-template-columns: 140px 1fr;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-edit-label {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-edit-value {
+      font-size: 14px;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      transition: all 150ms ease;
+      cursor: text;
+    }
+
+    swp-edit-value:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-value:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    swp-edit-value[contenteditable="true"] {
+      cursor: text;
+    }
+
+    /* Select dropdown styling */
+    swp-edit-select {
+      display: block;
+    }
+
+    swp-edit-select select {
+      width: 100%;
+      font-size: 14px;
+      font-family: inherit;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-edit-select select:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-select select:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Textarea styling */
+    swp-edit-textarea {
+      display: block;
+      width: 100%;
+      min-height: 80px;
+      font-size: 14px;
+      font-family: inherit;
+      padding: 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      resize: vertical;
+      transition: all 150ms ease;
+    }
+
+    swp-edit-textarea:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-textarea:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* ==========================================
+       TOGGLE SLIDER (Ja/Nej)
+       ========================================== */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-toggle-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      color: var(--color-text);
+    }
+
+    swp-toggle-description {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-secondary);
+      margin-top: 2px;
+    }
+
+    swp-toggle-slider {
+      display: inline-flex;
+      width: fit-content;
+      background: var(--color-background);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      overflow: hidden;
+      position: relative;
+    }
+
+    swp-toggle-slider::before {
+      content: '';
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(50% - 4px);
+      height: calc(100% - 4px);
+      background: color-mix(in srgb, var(--color-green) 18%, white);
+      border-radius: 4px;
+      transition: transform 200ms ease, background 200ms ease;
+    }
+
+    swp-toggle-slider[data-value="no"]::before {
+      transform: translateX(100%);
+      background: color-mix(in srgb, var(--color-red) 18%, white);
+    }
+
+    swp-toggle-option {
+      position: relative;
+      z-index: 1;
+      padding: 5px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: color 150ms ease;
+      user-select: none;
+    }
+
+    swp-toggle-slider[data-value="yes"] swp-toggle-option:first-child {
+      color: var(--color-green);
+      font-weight: 600;
+    }
+
+    swp-toggle-slider[data-value="no"] swp-toggle-option:last-child {
+      color: var(--color-red);
+      font-weight: 600;
+    }
+
+    /* ==========================================
+       PRICE MATRIX
+       ========================================== */
+    swp-price-matrix {
+      display: block;
+      overflow-x: auto;
+      margin-top: 16px;
+    }
+
+    swp-price-matrix table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 14px;
+    }
+
+    swp-price-matrix th,
+    swp-price-matrix td {
+      padding: 12px 16px;
+      text-align: center;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-price-matrix th {
+      background: var(--color-background);
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+    }
+
+    swp-price-matrix th:first-child,
+    swp-price-matrix td:first-child {
+      text-align: left;
+    }
+
+    swp-price-matrix td:first-child {
+      font-weight: 500;
+      background: var(--color-background-alt);
+    }
+
+    swp-price-matrix td span {
+      font-family: var(--font-mono);
+    }
+
+    swp-price-matrix td span[contenteditable="true"] {
+      display: inline-block;
+      min-width: 60px;
+      padding: 4px 8px;
+      border-radius: 4px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      cursor: text;
+    }
+
+    swp-price-matrix td span[contenteditable="true"]:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    /* Price mode toggle */
+    swp-price-mode {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 16px;
+    }
+
+    swp-price-mode-btn {
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      background: var(--color-surface);
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-price-mode-btn.active {
+      background: var(--color-teal);
+      color: white;
+      border-color: var(--color-teal);
+    }
+
+    swp-price-mode-btn:hover:not(.active) {
+      background: var(--color-background);
+    }
+
+    /* Simple price view */
+    swp-price-simple {
+      display: block;
+      margin-top: 16px;
+    }
+
+    /* ==========================================
+       DURATION LIST
+       ========================================== */
+    swp-duration-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-duration-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+    }
+
+    swp-duration-name {
+      flex: 1;
+      font-weight: 500;
+    }
+
+    swp-duration-value {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    swp-duration-value span {
+      font-family: var(--font-mono);
+      min-width: 40px;
+      padding: 4px 8px;
+      border-radius: 4px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      text-align: right;
+    }
+
+    swp-duration-value span[contenteditable="true"]:focus {
+      outline: none;
+      border-color: var(--color-teal);
+    }
+
+    swp-duration-unit {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-duration-delete {
+      padding: 4px 8px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-radius: 4px;
+      transition: all 150ms ease;
+    }
+
+    swp-duration-delete:hover {
+      color: var(--color-red);
+      background: color-mix(in srgb, var(--color-red) 10%, white);
+    }
+
+    /* ==========================================
+       EMPLOYEE LIST
+       ========================================== */
+    swp-employee-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-employee-item {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      cursor: pointer;
+      transition: border-color 0.15s ease;
+    }
+
+    swp-employee-item:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-employee-item.selected {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, var(--color-background-alt));
+    }
+
+    swp-employee-item.disabled {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+
+    swp-employee-checkbox {
+      width: 20px;
+      height: 20px;
+      border: 2px solid var(--color-border);
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: all 0.15s ease;
+    }
+
+    swp-employee-item.selected swp-employee-checkbox {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+      color: white;
+    }
+
+    swp-employee-checkbox svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+      opacity: 0;
+    }
+
+    swp-employee-item.selected swp-employee-checkbox svg {
+      opacity: 1;
+    }
+
+    swp-employee-avatar {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--color-teal) 0%, #00695c 100%);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: 600;
+      font-size: 14px;
+      flex-shrink: 0;
+    }
+
+    swp-employee-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    swp-employee-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-employee-info {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+
+    swp-employee-level {
+      display: inline-flex;
+      font-size: 11px;
+      font-weight: 500;
+      padding: 3px 8px;
+      border-radius: 4px;
+      background: var(--color-background);
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-employee-overrides {
+      display: flex;
+      gap: 16px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-employee-override-value {
+      color: var(--color-text);
+      font-weight: 500;
+    }
+
+    swp-employee-warning {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 10px;
+      font-weight: 500;
+      color: #b8860b;
+      background: color-mix(in srgb, var(--color-amber) 20%, white);
+      padding: 3px 8px;
+      border-radius: 10px;
+      margin-left: 8px;
+    }
+
+    /* ==========================================
+       ADDON LIST
+       ========================================== */
+    swp-addon-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    swp-addon-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 16px;
+      background: var(--color-background-alt);
+      border-radius: 6px;
+      border: 1px solid var(--color-border);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-addon-item:hover {
+      background: var(--color-background);
+    }
+
+    swp-addon-item.selected {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+    }
+
+    swp-addon-checkbox {
+      width: 20px;
+      height: 20px;
+      border: 2px solid var(--color-border);
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: all 150ms ease;
+    }
+
+    swp-addon-item.selected swp-addon-checkbox {
+      background: var(--color-teal);
+      border-color: var(--color-teal);
+      color: white;
+    }
+
+    swp-addon-checkbox svg {
+      width: 14px;
+      height: 14px;
+      fill: currentColor;
+      opacity: 0;
+    }
+
+    swp-addon-item.selected swp-addon-checkbox svg {
+      opacity: 1;
+    }
+
+    swp-addon-info {
+      flex: 1;
+    }
+
+    swp-addon-name {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-addon-meta {
+      display: flex;
+      gap: 12px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-top: 4px;
+    }
+
+    swp-addon-price {
+      color: var(--color-teal);
+      font-weight: 500;
+      font-family: var(--font-mono);
+    }
+
+    swp-addon-type {
+      display: inline-block;
+      padding: 2px 8px;
+      background: color-mix(in srgb, var(--color-blue) 12%, white);
+      color: var(--color-blue);
+      border-radius: 10px;
+      font-size: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+    }
+
+    swp-addon-type.required {
+      background: color-mix(in srgb, var(--color-amber) 15%, white);
+      color: #b8860b;
+    }
+
+    /* ==========================================
+       AVAILABILITY LIST
+       ========================================== */
+    swp-availability-list {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-availability-row {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px 16px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-availability-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-availability-row[data-enabled="false"] {
+      opacity: 0.5;
+    }
+
+    swp-availability-day {
+      width: 100%;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-availability-time {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    swp-time-range {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    swp-time-range-slider {
+      position: relative;
+      flex: 1;
+      height: 20px;
+      display: flex;
+      align-items: center;
+    }
+
+    swp-time-range-track {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      background: var(--color-border);
+      border-radius: 2px;
+    }
+
+    swp-time-range-fill {
+      position: absolute;
+      height: 4px;
+      background: var(--color-teal);
+      border-radius: 2px;
+      cursor: grab;
+    }
+
+    swp-time-range-fill:active {
+      cursor: grabbing;
+    }
+
+    swp-time-range-fill.disabled {
+      pointer-events: none;
+      cursor: default;
+    }
+
+    swp-time-range-slider input[type="range"] {
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      -webkit-appearance: none;
+      appearance: none;
+      background: transparent;
+      pointer-events: none;
+      margin: 0;
+    }
+
+    swp-time-range-slider input[type="range"]::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      pointer-events: auto;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    swp-time-range-slider input[type="range"]::-moz-range-thumb {
+      width: 14px;
+      height: 14px;
+      background: var(--color-teal);
+      border: 2px solid white;
+      border-radius: 50%;
+      cursor: pointer;
+      pointer-events: auto;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    }
+
+    swp-time-range-label {
+      font-size: 12px;
+      font-family: var(--font-mono);
+      color: var(--color-text);
+      min-width: 90px;
+      text-align: center;
+      background: var(--color-background-alt);
+      padding: 3px 8px;
+      border-radius: 4px;
+    }
+
+    swp-availability-row[data-enabled="false"] swp-time-range-slider input[type="range"]::-webkit-slider-thumb {
+      background: var(--color-text-secondary);
+    }
+
+    swp-availability-row[data-enabled="false"] swp-time-range-fill {
+      background: var(--color-text-secondary);
+    }
+
+    swp-availability-row[data-enabled="false"] swp-time-range-label {
+      opacity: 0.5;
+    }
+
+    /* ==========================================
+       COLOR DROPDOWN (Popover)
+       ========================================== */
+    swp-color-dropdown {
+      position: relative;
+    }
+
+    swp-color-dropdown button {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 8px 12px;
+      font-size: 14px;
+      font-family: inherit;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition: all 150ms ease;
+      min-width: 160px;
+      anchor-name: --color-trigger;
+    }
+
+    swp-color-dropdown button:hover {
+      background: var(--color-background);
+    }
+
+    swp-color-dropdown button .color-name {
+      flex: 1;
+      text-align: left;
+    }
+
+    swp-color-dropdown button .chevron {
+      opacity: 0.5;
+    }
+
+    swp-color-dropdown [popover] {
+      position: absolute;
+      position-anchor: --color-trigger;
+      top: anchor(bottom);
+      left: anchor(left);
+      margin: 4px 0 0 0;
+      padding: 6px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      box-shadow: 0 4px 16px rgba(0,0,0,0.12);
+      min-width: 180px;
+      max-height: 280px;
+      overflow-y: auto;
+    }
+
+    swp-color-dropdown [popover]:popover-open {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-color-option {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 8px 12px;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background 150ms ease;
+      font-size: 13px;
+    }
+
+    swp-color-option:hover {
+      background: var(--color-background);
+    }
+
+    swp-color-option.selected {
+      background: color-mix(in srgb, var(--color-teal) 12%, white);
+      font-weight: 500;
+    }
+
+    swp-color-dot {
+      width: 18px;
+      height: 12px;
+      border-radius: 3px;
+      flex-shrink: 0;
+    }
+
+    /* ==========================================
+       CUSTOM DROPDOWN (Popover)
+       ========================================== */
+    swp-custom-dropdown {
+      position: relative;
+    }
+
+    swp-custom-dropdown button {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 8px 12px;
+      font-size: 14px;
+      font-family: inherit;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition: all 150ms ease;
+      min-width: 180px;
+      text-align: left;
+      anchor-name: --dropdown-trigger;
+    }
+
+    swp-custom-dropdown button:hover {
+      background: var(--color-background);
+    }
+
+    swp-custom-dropdown button .dropdown-value {
+      flex: 1;
+    }
+
+    swp-custom-dropdown button .chevron {
+      opacity: 0.5;
+    }
+
+    swp-custom-dropdown [popover] {
+      position: absolute;
+      position-anchor: --dropdown-trigger;
+      top: anchor(bottom);
+      left: anchor(left);
+      margin: 4px 0 0 0;
+      padding: 6px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 8px;
+      box-shadow: 0 4px 16px rgba(0,0,0,0.12);
+      min-width: 180px;
+      max-height: 280px;
+      overflow-y: auto;
+    }
+
+    swp-custom-dropdown [popover]:popover-open {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-dropdown-option {
+      display: flex;
+      align-items: center;
+      padding: 8px 12px;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background 150ms ease;
+      font-size: 13px;
+    }
+
+    swp-dropdown-option:hover {
+      background: var(--color-background);
+    }
+
+    swp-dropdown-option.selected {
+      background: color-mix(in srgb, var(--color-teal) 12%, white);
+      font-weight: 500;
+      color: var(--color-teal);
+    }
+
+    /* Color classes */
+    swp-color-dot.is-red { background: var(--b-color-red); }
+    swp-color-dot.is-pink { background: var(--b-color-pink); }
+    swp-color-dot.is-magenta { background: var(--b-color-magenta); }
+    swp-color-dot.is-purple { background: var(--b-color-purple); }
+    swp-color-dot.is-violet { background: var(--b-color-violet); }
+    swp-color-dot.is-deep-purple { background: var(--b-color-deep-purple); }
+    swp-color-dot.is-indigo { background: var(--b-color-indigo); }
+    swp-color-dot.is-blue { background: var(--b-color-blue); }
+    swp-color-dot.is-light-blue { background: var(--b-color-light-blue); }
+    swp-color-dot.is-cyan { background: var(--b-color-cyan); }
+    swp-color-dot.is-teal { background: var(--b-color-teal); }
+    swp-color-dot.is-green { background: var(--b-color-green); }
+    swp-color-dot.is-light-green { background: var(--b-color-light-green); }
+    swp-color-dot.is-lime { background: var(--b-color-lime); }
+    swp-color-dot.is-yellow { background: var(--b-color-yellow); }
+    swp-color-dot.is-amber { background: var(--b-color-amber); }
+    swp-color-dot.is-orange { background: var(--b-color-orange); }
+    swp-color-dot.is-deep-orange { background: var(--b-color-deep-orange); }
+
+    /* ==========================================
+       ADD BUTTON
+       ========================================== */
+    swp-add-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 12px;
+      border: 2px dashed var(--color-border);
+      border-radius: 6px;
+      color: var(--color-text-secondary);
+      font-size: 13px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      margin-top: 12px;
+    }
+
+    swp-add-button:hover {
+      border-color: var(--color-teal);
+      color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 5%, white);
+    }
+
+    /* ==========================================
+       SEE ALL LINK
+       ========================================== */
+    swp-see-all {
+      display: block;
+      text-align: center;
+      padding: 12px;
+      font-size: 13px;
+      color: var(--color-teal);
+      cursor: pointer;
+      margin-top: 12px;
+      border-top: 1px solid var(--color-border);
+    }
+
+    swp-see-all:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+
+<!-- Topbar -->
+<swp-topbar>
+  <swp-topbar-left>
+    <swp-back-link>
+      <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
+      Tilbage til services
+    </swp-back-link>
+    <swp-topbar-title>Service detaljer</swp-topbar-title>
+  </swp-topbar-left>
+  <swp-topbar-actions>
+    <swp-btn class="secondary">Duplikér</swp-btn>
+    <swp-btn class="primary">Gem ændringer</swp-btn>
+  </swp-topbar-actions>
+</swp-topbar>
+
+<!-- Service Header -->
+<swp-service-header>
+  <swp-service-info>
+    <swp-service-name-row>
+      <swp-service-name contenteditable="true">Klip & Farve</swp-service-name>
+      <swp-tags-editor>
+        <swp-tag class="popular">Populær</swp-tag>
+        <swp-tag class="combo">Kombi</swp-tag>
+        <swp-tag class="color">Farve</swp-tag>
+        <swp-tag-add>+ Tilføj tag</swp-tag-add>
+      </swp-tags-editor>
+      <swp-service-status data-active="true" id="serviceStatus">
+        <span class="icon">●</span>
+        <span class="text">Aktiv</span>
+      </swp-service-status>
+    </swp-service-name-row>
+    <swp-fact-boxes-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>60-120</swp-fact-inline-value>
+        <swp-fact-inline-label>min varighed</swp-fact-inline-label>
+      </swp-fact-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>795 kr</swp-fact-inline-value>
+        <swp-fact-inline-label>fra pris</swp-fact-inline-label>
+      </swp-fact-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>4</swp-fact-inline-value>
+        <swp-fact-inline-label>medarbejdere</swp-fact-inline-label>
+      </swp-fact-inline>
+      <swp-fact-inline>
+        <swp-fact-inline-value>156</swp-fact-inline-value>
+        <swp-fact-inline-label>bookinger i år</swp-fact-inline-label>
+      </swp-fact-inline>
+    </swp-fact-boxes-inline>
+  </swp-service-info>
+</swp-service-header>
+
+<!-- Tab Bar -->
+<swp-tab-bar>
+  <swp-tab class="active" data-tab="general">Generelt</swp-tab>
+  <swp-tab data-tab="prices">Priser</swp-tab>
+  <swp-tab data-tab="duration">Varighed</swp-tab>
+  <swp-tab data-tab="employees">Medarbejdere</swp-tab>
+  <swp-tab data-tab="addons">Tilvalg</swp-tab>
+  <swp-tab data-tab="rules">Regler</swp-tab>
+</swp-tab-bar>
+
+<!-- ==========================================
+     GENERELT TAB
+     ========================================== -->
+<swp-tab-content class="active" data-tab="general">
+  <div class="grid-2">
+    <div>
+      <swp-card>
+        <swp-section-label>Grundlæggende</swp-section-label>
+        <swp-edit-section>
+          <swp-edit-row>
+            <swp-edit-label>Servicenavn</swp-edit-label>
+            <swp-edit-value contenteditable="true">Klip & Farve</swp-edit-value>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Kategori</swp-edit-label>
+            <swp-custom-dropdown>
+              <button type="button" popovertarget="categoryPopover" id="categoryTrigger">
+                <span class="dropdown-value">Kombi-behandlinger</span>
+                <svg class="chevron" viewBox="0 0 24 24" width="16" height="16"><path d="M7 10l5 5 5-5z" fill="currentColor"/></svg>
+              </button>
+              <div popover id="categoryPopover">
+                <swp-dropdown-option class="selected" data-value="kombi">Kombi-behandlinger</swp-dropdown-option>
+                <swp-dropdown-option data-value="klip">Klip</swp-dropdown-option>
+                <swp-dropdown-option data-value="farve">Farve</swp-dropdown-option>
+                <swp-dropdown-option data-value="behandlinger">Behandlinger</swp-dropdown-option>
+                <swp-dropdown-option data-value="styling">Styling</swp-dropdown-option>
+              </div>
+            </swp-custom-dropdown>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Farve i kalenderen</swp-edit-label>
+            <swp-color-dropdown>
+              <button type="button" popovertarget="colorPopover" id="colorTrigger">
+                <swp-color-dot class="is-deep-orange"></swp-color-dot>
+                <span class="color-name">Orange</span>
+                <svg class="chevron" viewBox="0 0 24 24" width="16" height="16"><path d="M7 10l5 5 5-5z" fill="currentColor"/></svg>
+              </button>
+              <div popover id="colorPopover">
+                <swp-color-option data-value="red" data-label="Rød"><swp-color-dot class="is-red"></swp-color-dot><span>Rød</span></swp-color-option>
+                <swp-color-option data-value="pink" data-label="Pink"><swp-color-dot class="is-pink"></swp-color-dot><span>Pink</span></swp-color-option>
+                <swp-color-option data-value="magenta" data-label="Magenta"><swp-color-dot class="is-magenta"></swp-color-dot><span>Magenta</span></swp-color-option>
+                <swp-color-option data-value="purple" data-label="Lilla"><swp-color-dot class="is-purple"></swp-color-dot><span>Lilla</span></swp-color-option>
+                <swp-color-option data-value="violet" data-label="Violet"><swp-color-dot class="is-violet"></swp-color-dot><span>Violet</span></swp-color-option>
+                <swp-color-option data-value="deep-purple" data-label="Mørk lilla"><swp-color-dot class="is-deep-purple"></swp-color-dot><span>Mørk lilla</span></swp-color-option>
+                <swp-color-option data-value="indigo" data-label="Indigo"><swp-color-dot class="is-indigo"></swp-color-dot><span>Indigo</span></swp-color-option>
+                <swp-color-option data-value="blue" data-label="Blå"><swp-color-dot class="is-blue"></swp-color-dot><span>Blå</span></swp-color-option>
+                <swp-color-option data-value="light-blue" data-label="Lyseblå"><swp-color-dot class="is-light-blue"></swp-color-dot><span>Lyseblå</span></swp-color-option>
+                <swp-color-option data-value="cyan" data-label="Cyan"><swp-color-dot class="is-cyan"></swp-color-dot><span>Cyan</span></swp-color-option>
+                <swp-color-option data-value="teal" data-label="Teal" class="selected"><swp-color-dot class="is-teal"></swp-color-dot><span>Teal</span></swp-color-option>
+                <swp-color-option data-value="green" data-label="Grøn"><swp-color-dot class="is-green"></swp-color-dot><span>Grøn</span></swp-color-option>
+                <swp-color-option data-value="light-green" data-label="Lysegrøn"><swp-color-dot class="is-light-green"></swp-color-dot><span>Lysegrøn</span></swp-color-option>
+                <swp-color-option data-value="lime" data-label="Lime"><swp-color-dot class="is-lime"></swp-color-dot><span>Lime</span></swp-color-option>
+                <swp-color-option data-value="yellow" data-label="Gul"><swp-color-dot class="is-yellow"></swp-color-dot><span>Gul</span></swp-color-option>
+                <swp-color-option data-value="amber" data-label="Amber"><swp-color-dot class="is-amber"></swp-color-dot><span>Amber</span></swp-color-option>
+                <swp-color-option data-value="orange" data-label="Orange"><swp-color-dot class="is-orange"></swp-color-dot><span>Orange</span></swp-color-option>
+                <swp-color-option data-value="deep-orange" data-label="Mørk orange"><swp-color-dot class="is-deep-orange"></swp-color-dot><span>Mørk orange</span></swp-color-option>
+              </div>
+            </swp-color-dropdown>
+          </swp-edit-row>
+          <swp-edit-row>
+            <swp-edit-label>Service aktiv</swp-edit-label>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+          </swp-edit-row>
+        </swp-edit-section>
+
+        <swp-section-label style="margin-top: 20px;">Interne noter</swp-section-label>
+        <swp-edit-textarea contenteditable="true">Komplet farvebehandling med klip. Husk konsultation ved første besøg. Anbefal Olaplex til kemisk behandlet hår.</swp-edit-textarea>
+      </swp-card>
+
+      <swp-card>
+        <swp-section-label>Bookingtype</swp-section-label>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Kan bookes som hovedservice</swp-toggle-label>
+            <swp-toggle-description>Vises i servicelisten og kan bookes selvstændigt</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Kan bookes som tilvalg</swp-toggle-label>
+            <swp-toggle-description>Kan tilføjes som ekstra ydelse til andre services</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="no">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+      </swp-card>
+    </div>
+
+    <div>
+      <swp-card>
+        <swp-section-label>Online booking</swp-section-label>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Vis i online booking</swp-toggle-label>
+            <swp-toggle-description>Synlig for kunder i online booking</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="yes">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+        <swp-toggle-row>
+          <div>
+            <swp-toggle-label>Fremhævet service</swp-toggle-label>
+            <swp-toggle-description>Vises øverst med fremhævet styling</swp-toggle-description>
+          </div>
+          <swp-toggle-slider data-value="no">
+            <swp-toggle-option>Ja</swp-toggle-option>
+            <swp-toggle-option>Nej</swp-toggle-option>
+          </swp-toggle-slider>
+        </swp-toggle-row>
+
+        <swp-section-label style="margin-top: 20px;">Beskrivelse</swp-section-label>
+        <swp-edit-textarea contenteditable="true">Forkæl dig selv med en komplet forvandling! Vores Klip & Farve behandling inkluderer professionel farverådgivning, farvning tilpasset din hudtone, præcisionsklip og styling. Perfekt til dig der ønsker et helt nyt look.</swp-edit-textarea>
+
+        <swp-section-label style="margin-top: 20px;">Billede</swp-section-label>
+        <swp-add-button>+ Upload billede</swp-add-button>
+      </swp-card>
+
+    </div>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     PRISER TAB
+     ========================================== -->
+<swp-tab-content data-tab="prices">
+  <swp-card>
+    <swp-section-label>Prisstruktur</swp-section-label>
+
+    <swp-price-mode>
+      <swp-price-mode-btn data-mode="simple">Simpel pris</swp-price-mode-btn>
+      <swp-price-mode-btn data-mode="matrix" class="active">Matrix-pris</swp-price-mode-btn>
+    </swp-price-mode>
+
+    <!-- Simpel pris visning -->
+    <swp-price-simple style="display: none;">
+      <swp-edit-section>
+        <swp-edit-row>
+          <swp-edit-label>Pris</swp-edit-label>
+          <swp-edit-value contenteditable="true">995 kr</swp-edit-value>
+        </swp-edit-row>
+      </swp-edit-section>
+    </swp-price-simple>
+
+    <!-- Matrix pris visning -->
+    <swp-price-matrix>
+      <table>
+        <thead>
+          <tr>
+            <th>Niveau</th>
+            <th>Kort hår</th>
+            <th>Mellem hår</th>
+            <th>Langt hår</th>
+            <th>Ekstra langt</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Junior</td>
+            <td><span contenteditable="true">795</span> kr</td>
+            <td><span contenteditable="true">895</span> kr</td>
+            <td><span contenteditable="true">995</span> kr</td>
+            <td><span contenteditable="true">1.095</span> kr</td>
+          </tr>
+          <tr>
+            <td>Senior</td>
+            <td><span contenteditable="true">895</span> kr</td>
+            <td><span contenteditable="true">995</span> kr</td>
+            <td><span contenteditable="true">1.095</span> kr</td>
+            <td><span contenteditable="true">1.195</span> kr</td>
+          </tr>
+          <tr>
+            <td>Master</td>
+            <td><span contenteditable="true">995</span> kr</td>
+            <td><span contenteditable="true">1.095</span> kr</td>
+            <td><span contenteditable="true">1.195</span> kr</td>
+            <td><span contenteditable="true">1.295</span> kr</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <swp-add-button>+ Tilføj niveau eller hårlængde</swp-add-button>
+    </swp-price-matrix>
+  </swp-card>
+
+  <div class="grid-2">
+    <swp-card>
+      <swp-section-label>Økonomi</swp-section-label>
+      <swp-edit-section>
+        <swp-edit-row>
+          <swp-edit-label>Momssats</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option selected>25% (standard)</option>
+              <option>0% (momsfri)</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Produktomkostning</swp-edit-label>
+          <swp-edit-value contenteditable="true">85 kr</swp-edit-value>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Provision</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option selected>Standard (fra lønsats)</option>
+              <option>Fast beløb</option>
+              <option>Procent af pris</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+      </swp-edit-section>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Rabatter & Loyalitet</swp-section-label>
+      <swp-toggle-row>
+        <swp-toggle-label>Medlemsrabat (10%)</swp-toggle-label>
+        <swp-toggle-slider data-value="yes">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-toggle-row>
+      <swp-toggle-row>
+        <swp-toggle-label>Kan betales med gavekort</swp-toggle-label>
+        <swp-toggle-slider data-value="yes">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-toggle-row>
+      <swp-toggle-row>
+        <swp-toggle-label>Optjen loyalitetspoint</swp-toggle-label>
+        <swp-toggle-slider data-value="yes">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-toggle-row>
+    </swp-card>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     VARIGHED TAB
+     ========================================== -->
+<swp-tab-content data-tab="duration">
+  <div class="grid-2">
+    <swp-card>
+      <swp-section-label>Varighedsvarianter</swp-section-label>
+
+      <swp-duration-list>
+        <swp-duration-item>
+          <swp-duration-name>Kort hår</swp-duration-name>
+          <swp-duration-value>
+            <span contenteditable="true">60</span>
+            <swp-duration-unit>min</swp-duration-unit>
+          </swp-duration-value>
+          <swp-duration-delete>✕</swp-duration-delete>
+        </swp-duration-item>
+
+        <swp-duration-item>
+          <swp-duration-name>Mellem hår</swp-duration-name>
+          <swp-duration-value>
+            <span contenteditable="true">90</span>
+            <swp-duration-unit>min</swp-duration-unit>
+          </swp-duration-value>
+          <swp-duration-delete>✕</swp-duration-delete>
+        </swp-duration-item>
+
+        <swp-duration-item>
+          <swp-duration-name>Langt hår</swp-duration-name>
+          <swp-duration-value>
+            <span contenteditable="true">120</span>
+            <swp-duration-unit>min</swp-duration-unit>
+          </swp-duration-value>
+          <swp-duration-delete>✕</swp-duration-delete>
+        </swp-duration-item>
+
+        <swp-duration-item>
+          <swp-duration-name>Ekstra langt hår</swp-duration-name>
+          <swp-duration-value>
+            <span contenteditable="true">150</span>
+            <swp-duration-unit>min</swp-duration-unit>
+          </swp-duration-value>
+          <swp-duration-delete>✕</swp-duration-delete>
+        </swp-duration-item>
+      </swp-duration-list>
+
+      <swp-add-button>+ Tilføj variant</swp-add-button>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Buffer-tider</swp-section-label>
+      <swp-edit-section>
+        <swp-edit-row>
+          <swp-edit-label>Buffer før aftale</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>Ingen</option>
+              <option>5 minutter</option>
+              <option>10 minutter</option>
+              <option selected>15 minutter</option>
+              <option>30 minutter</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Buffer efter aftale</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>Ingen</option>
+              <option>5 minutter</option>
+              <option selected>10 minutter</option>
+              <option>15 minutter</option>
+              <option>30 minutter</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Oprydningstid</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>Ingen</option>
+              <option selected>5 minutter</option>
+              <option>10 minutter</option>
+              <option>15 minutter</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+      </swp-edit-section>
+    </swp-card>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     MEDARBEJDERE TAB
+     ========================================== -->
+<swp-tab-content data-tab="employees">
+  <div class="grid-2">
+    <div>
+      <swp-card>
+        <swp-section-label>Medarbejdere der udfører denne service</swp-section-label>
+
+        <swp-employee-list>
+          <swp-employee-item class="selected">
+            <swp-employee-checkbox>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-employee-checkbox>
+            <swp-employee-avatar>AS</swp-employee-avatar>
+            <swp-employee-info>
+              <swp-employee-name>Anna Sørensen</swp-employee-name>
+              <swp-employee-level data-level="master">Master Stylist</swp-employee-level>
+            </swp-employee-info>
+            <swp-employee-overrides>
+              <span>Varighed: <swp-employee-override-value>Standard</swp-employee-override-value></span>
+            </swp-employee-overrides>
+          </swp-employee-item>
+
+          <swp-employee-item class="selected">
+            <swp-employee-checkbox>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-employee-checkbox>
+            <swp-employee-avatar>MJ</swp-employee-avatar>
+            <swp-employee-info>
+              <swp-employee-name>Mette Jensen</swp-employee-name>
+              <swp-employee-level data-level="senior">Senior Stylist</swp-employee-level>
+            </swp-employee-info>
+            <swp-employee-overrides>
+              <span>Varighed: <swp-employee-override-value>+15 min</swp-employee-override-value></span>
+            </swp-employee-overrides>
+          </swp-employee-item>
+
+          <swp-employee-item class="selected">
+            <swp-employee-checkbox>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-employee-checkbox>
+            <swp-employee-avatar>LN</swp-employee-avatar>
+            <swp-employee-info>
+              <swp-employee-name>Louise Nielsen</swp-employee-name>
+              <swp-employee-level data-level="senior">Senior Stylist</swp-employee-level>
+            </swp-employee-info>
+            <swp-employee-overrides>
+              <span>Varighed: <swp-employee-override-value>Standard</swp-employee-override-value></span>
+            </swp-employee-overrides>
+          </swp-employee-item>
+
+          <swp-employee-item class="selected">
+            <swp-employee-checkbox>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-employee-checkbox>
+            <swp-employee-avatar>KP</swp-employee-avatar>
+            <swp-employee-info>
+              <swp-employee-name>Katrine Pedersen</swp-employee-name>
+              <swp-employee-level data-level="stylist">Stylist</swp-employee-level>
+            </swp-employee-info>
+            <swp-employee-overrides>
+              <span>Varighed: <swp-employee-override-value>+15 min</swp-employee-override-value></span>
+            </swp-employee-overrides>
+          </swp-employee-item>
+
+          <swp-employee-item class="disabled">
+            <swp-employee-checkbox>
+              <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+            </swp-employee-checkbox>
+            <swp-employee-avatar>SA</swp-employee-avatar>
+            <swp-employee-info>
+              <swp-employee-name>Sofie Andersen<swp-employee-warning>⚠ Ikke certificeret</swp-employee-warning></swp-employee-name>
+              <swp-employee-level data-level="junior">Junior Stylist</swp-employee-level>
+            </swp-employee-info>
+            <swp-employee-overrides>
+              <span>Varighed: <swp-employee-override-value>—</swp-employee-override-value></span>
+            </swp-employee-overrides>
+          </swp-employee-item>
+        </swp-employee-list>
+
+        <swp-see-all>Vælg alle / Fravælg alle</swp-see-all>
+      </swp-card>
+    </div>
+
+    <div>
+      <swp-card>
+        <swp-section-label>Tilgængelighed</swp-section-label>
+        <swp-availability-list>
+          <swp-availability-row data-enabled="true">
+            <swp-availability-day>Mandag</swp-availability-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1">
+                  <input type="range" class="range-end" min="0" max="60" value="48" step="1">
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 18:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+          <swp-availability-row data-enabled="true">
+            <swp-availability-day>Tirsdag</swp-availability-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1">
+                  <input type="range" class="range-end" min="0" max="60" value="48" step="1">
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 18:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+          <swp-availability-row data-enabled="true">
+            <swp-availability-day>Onsdag</swp-availability-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1">
+                  <input type="range" class="range-end" min="0" max="60" value="48" step="1">
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 18:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+          <swp-availability-row data-enabled="true">
+            <swp-availability-day>Torsdag</swp-availability-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1">
+                  <input type="range" class="range-end" min="0" max="60" value="24" step="1">
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 12:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+          <swp-availability-row data-enabled="true">
+            <swp-availability-day>Fredag</swp-availability-day>
+            <swp-toggle-slider data-value="yes">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1">
+                  <input type="range" class="range-end" min="0" max="60" value="48" step="1">
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 18:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+          <swp-availability-row data-enabled="false">
+            <swp-availability-day>Lørdag</swp-availability-day>
+            <swp-toggle-slider data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1" disabled>
+                  <input type="range" class="range-end" min="0" max="60" value="48" step="1" disabled>
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 18:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+          <swp-availability-row data-enabled="false">
+            <swp-availability-day>Søndag</swp-availability-day>
+            <swp-toggle-slider data-value="no">
+              <swp-toggle-option>Ja</swp-toggle-option>
+              <swp-toggle-option>Nej</swp-toggle-option>
+            </swp-toggle-slider>
+            <swp-availability-time>
+              <swp-time-range>
+                <swp-time-range-slider>
+                  <swp-time-range-track></swp-time-range-track>
+                  <swp-time-range-fill></swp-time-range-fill>
+                  <input type="range" class="range-start" min="0" max="60" value="8" step="1" disabled>
+                  <input type="range" class="range-end" min="0" max="60" value="48" step="1" disabled>
+                </swp-time-range-slider>
+                <swp-time-range-label>08:00 – 18:00</swp-time-range-label>
+              </swp-time-range>
+            </swp-availability-time>
+          </swp-availability-row>
+        </swp-availability-list>
+      </swp-card>
+    </div>
+  </div>
+</swp-tab-content>
+
+<!-- ==========================================
+     TILVALG TAB
+     ========================================== -->
+<swp-tab-content data-tab="addons">
+  <swp-card>
+    <swp-section-label>Tilvalg til denne service</swp-section-label>
+
+    <swp-addon-list>
+      <swp-addon-item class="selected">
+        <swp-addon-checkbox>
+          <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+        </swp-addon-checkbox>
+        <swp-addon-info>
+          <swp-addon-name>Olaplex Behandling</swp-addon-name>
+          <swp-addon-meta>
+            <swp-addon-price>+250 kr</swp-addon-price>
+            <span>+15 min</span>
+            <swp-addon-type>Valgfri</swp-addon-type>
+          </swp-addon-meta>
+        </swp-addon-info>
+      </swp-addon-item>
+
+      <swp-addon-item class="selected">
+        <swp-addon-checkbox>
+          <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+        </swp-addon-checkbox>
+        <swp-addon-info>
+          <swp-addon-name>Kerastase Hårkur</swp-addon-name>
+          <swp-addon-meta>
+            <swp-addon-price>+195 kr</swp-addon-price>
+            <span>+10 min</span>
+            <swp-addon-type>Valgfri</swp-addon-type>
+          </swp-addon-meta>
+        </swp-addon-info>
+      </swp-addon-item>
+
+      <swp-addon-item class="selected">
+        <swp-addon-checkbox>
+          <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+        </swp-addon-checkbox>
+        <swp-addon-info>
+          <swp-addon-name>Styling / Curls</swp-addon-name>
+          <swp-addon-meta>
+            <swp-addon-price>+150 kr</swp-addon-price>
+            <span>+20 min</span>
+            <swp-addon-type>Valgfri</swp-addon-type>
+          </swp-addon-meta>
+        </swp-addon-info>
+      </swp-addon-item>
+
+      <swp-addon-item class="selected">
+        <swp-addon-checkbox>
+          <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+        </swp-addon-checkbox>
+        <swp-addon-info>
+          <swp-addon-name>Hovedbundsmassage</swp-addon-name>
+          <swp-addon-meta>
+            <swp-addon-price>+75 kr</swp-addon-price>
+            <span>+5 min</span>
+            <swp-addon-type>Valgfri</swp-addon-type>
+          </swp-addon-meta>
+        </swp-addon-info>
+      </swp-addon-item>
+
+      <swp-addon-item>
+        <swp-addon-checkbox>
+          <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+        </swp-addon-checkbox>
+        <swp-addon-info>
+          <swp-addon-name>Patch Test</swp-addon-name>
+          <swp-addon-meta>
+            <swp-addon-price>Gratis</swp-addon-price>
+            <span>48t før</span>
+            <swp-addon-type class="required">Påkrævet (nye)</swp-addon-type>
+          </swp-addon-meta>
+        </swp-addon-info>
+      </swp-addon-item>
+    </swp-addon-list>
+
+    <swp-add-button>+ Tilføj eksisterende tilvalg</swp-add-button>
+  </swp-card>
+</swp-tab-content>
+
+<!-- ==========================================
+     REGLER TAB
+     ========================================== -->
+<swp-tab-content data-tab="rules">
+  <div class="grid-2">
+    <swp-card>
+      <swp-section-label>Booking-regler</swp-section-label>
+      <swp-edit-section>
+        <swp-edit-row>
+          <swp-edit-label>Minimum varsel</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>Ingen</option>
+              <option>2 timer</option>
+              <option>4 timer</option>
+              <option selected>24 timer</option>
+              <option>48 timer</option>
+              <option>1 uge</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Maks. forudbooking</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>1 måned</option>
+              <option>2 måneder</option>
+              <option selected>3 måneder</option>
+              <option>6 måneder</option>
+              <option>1 år</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>Afbestillingsfrist</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>Ingen</option>
+              <option>2 timer</option>
+              <option>4 timer</option>
+              <option selected>24 timer</option>
+              <option>48 timer</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+        <swp-edit-row>
+          <swp-edit-label>No-show gebyr</swp-edit-label>
+          <swp-edit-select>
+            <select>
+              <option>Intet</option>
+              <option>25% af pris</option>
+              <option selected>50% af pris</option>
+              <option>Fuld pris</option>
+              <option>Fast beløb</option>
+            </select>
+          </swp-edit-select>
+        </swp-edit-row>
+      </swp-edit-section>
+    </swp-card>
+
+    <swp-card>
+      <swp-section-label>Krav & Forberedelse</swp-section-label>
+      <swp-toggle-row>
+        <div>
+          <swp-toggle-label>Konsultation påkrævet</swp-toggle-label>
+          <swp-toggle-description>Kunde skal have konsultation før første booking</swp-toggle-description>
+        </div>
+        <swp-toggle-slider data-value="no">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-toggle-row>
+      <swp-toggle-row>
+        <div>
+          <swp-toggle-label>Patch test påkrævet</swp-toggle-label>
+          <swp-toggle-description>Allergitest 48 timer før farvebehandling (nye kunder)</swp-toggle-description>
+        </div>
+        <swp-toggle-slider data-value="yes">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-toggle-row>
+      <swp-toggle-row>
+        <div>
+          <swp-toggle-label>Aldersbegrænsning</swp-toggle-label>
+          <swp-toggle-description>Minimum alder for booking af denne service</swp-toggle-description>
+        </div>
+        <swp-toggle-slider data-value="no">
+          <swp-toggle-option>Ja</swp-toggle-option>
+          <swp-toggle-option>Nej</swp-toggle-option>
+        </swp-toggle-slider>
+      </swp-toggle-row>
+      
+    </swp-card>
+  </div>
+
+  <swp-card>
+    <swp-section-label>Online booking indstillinger</swp-section-label>
+    <swp-toggle-row>
+      <swp-toggle-label>Vis i online booking</swp-toggle-label>
+      <swp-toggle-slider data-value="yes">
+        <swp-toggle-option>Ja</swp-toggle-option>
+        <swp-toggle-option>Nej</swp-toggle-option>
+      </swp-toggle-slider>
+    </swp-toggle-row>
+    <swp-toggle-row>
+      <swp-toggle-label>Tillad valg af medarbejder</swp-toggle-label>
+      <swp-toggle-slider data-value="yes">
+        <swp-toggle-option>Ja</swp-toggle-option>
+        <swp-toggle-option>Nej</swp-toggle-option>
+      </swp-toggle-slider>
+    </swp-toggle-row>
+    <swp-toggle-row>
+      <swp-toggle-label>Vis pris</swp-toggle-label>
+      <swp-toggle-slider data-value="yes">
+        <swp-toggle-option>Ja</swp-toggle-option>
+        <swp-toggle-option>Nej</swp-toggle-option>
+      </swp-toggle-slider>
+    </swp-toggle-row>
+    <swp-toggle-row>
+      <swp-toggle-label>Vis varighed</swp-toggle-label>
+      <swp-toggle-slider data-value="yes">
+        <swp-toggle-option>Ja</swp-toggle-option>
+        <swp-toggle-option>Nej</swp-toggle-option>
+      </swp-toggle-slider>
+    </swp-toggle-row>
+  </swp-card>
+
+</swp-tab-content>
+
+<script>
+  // ==========================================
+  // TAB SWITCHING
+  // ==========================================
+  document.querySelectorAll('swp-tab').forEach(tab => {
+    tab.addEventListener('click', () => {
+      const tabName = tab.dataset.tab;
+
+      // Update tab active state
+      document.querySelectorAll('swp-tab').forEach(t => t.classList.remove('active'));
+      tab.classList.add('active');
+
+      // Update content visibility
+      document.querySelectorAll('swp-tab-content').forEach(content => {
+        content.classList.remove('active');
+        if (content.dataset.tab === tabName) {
+          content.classList.add('active');
+        }
+      });
+    });
+  });
+
+  // ==========================================
+  // TIME RANGE SLIDERS
+  // ==========================================
+  function valueToTime(value) {
+    // value 0-60 represents 06:00-21:00 in 15-min intervals
+    const totalMinutes = (value * 15) + (6 * 60); // Add 6 hour offset
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+  }
+
+  const TIME_RANGE_MAX = 60; // 15 hours (06:00-21:00) * 4 intervals
+
+  function updateTimeRange(slider) {
+    const startInput = slider.querySelector('.range-start');
+    const endInput = slider.querySelector('.range-end');
+    const fill = slider.querySelector('swp-time-range-fill');
+    const label = slider.closest('swp-time-range').querySelector('swp-time-range-label');
+
+    let startVal = parseInt(startInput.value);
+    let endVal = parseInt(endInput.value);
+
+    // Ensure start doesn't exceed end
+    if (startVal > endVal) {
+      if (startInput === document.activeElement) {
+        startInput.value = endVal;
+        startVal = endVal;
+      } else {
+        endInput.value = startVal;
+        endVal = startVal;
+      }
+    }
+
+    // Update fill bar position
+    const startPercent = (startVal / TIME_RANGE_MAX) * 100;
+    const endPercent = (endVal / TIME_RANGE_MAX) * 100;
+    fill.style.left = startPercent + '%';
+    fill.style.width = (endPercent - startPercent) + '%';
+
+    // Update label
+    label.textContent = valueToTime(startVal) + ' – ' + valueToTime(endVal);
+  }
+
+  document.querySelectorAll('swp-time-range-slider').forEach(slider => {
+    const startInput = slider.querySelector('.range-start');
+    const endInput = slider.querySelector('.range-end');
+    const fill = slider.querySelector('swp-time-range-fill');
+    const track = slider.querySelector('swp-time-range-track');
+
+    // Initialize
+    updateTimeRange(slider);
+
+    startInput.addEventListener('input', () => updateTimeRange(slider));
+    endInput.addEventListener('input', () => updateTimeRange(slider));
+
+    // Drag fill bar to move entire range
+    let isDragging = false;
+    let dragStartX = 0;
+    let dragStartValues = { start: 0, end: 0 };
+
+    fill.addEventListener('mousedown', (e) => {
+      if (startInput.disabled) return;
+      isDragging = true;
+      dragStartX = e.clientX;
+      dragStartValues.start = parseInt(startInput.value);
+      dragStartValues.end = parseInt(endInput.value);
+      e.preventDefault();
+    });
+
+    document.addEventListener('mousemove', (e) => {
+      if (!isDragging) return;
+
+      const sliderWidth = track.offsetWidth;
+      const deltaX = e.clientX - dragStartX;
+      const deltaValue = Math.round((deltaX / sliderWidth) * TIME_RANGE_MAX);
+
+      const duration = dragStartValues.end - dragStartValues.start;
+      let newStart = dragStartValues.start + deltaValue;
+      let newEnd = dragStartValues.end + deltaValue;
+
+      // Clamp to bounds
+      if (newStart < 0) {
+        newStart = 0;
+        newEnd = duration;
+      }
+      if (newEnd > TIME_RANGE_MAX) {
+        newEnd = TIME_RANGE_MAX;
+        newStart = TIME_RANGE_MAX - duration;
+      }
+
+      startInput.value = newStart;
+      endInput.value = newEnd;
+      updateTimeRange(slider);
+    });
+
+    document.addEventListener('mouseup', () => {
+      isDragging = false;
+    });
+  });
+
+  // ==========================================
+  // TOGGLE SLIDERS (Ja/Nej)
+  // ==========================================
+  document.querySelectorAll('swp-toggle-slider').forEach(slider => {
+    const options = slider.querySelectorAll('swp-toggle-option');
+    options.forEach((option, index) => {
+      option.addEventListener('click', () => {
+        const newValue = index === 0 ? 'yes' : 'no';
+        slider.dataset.value = newValue;
+
+        // Handle availability row toggle
+        const availabilityRow = slider.closest('swp-availability-row');
+        if (availabilityRow) {
+          const isEnabled = newValue === 'yes';
+          availabilityRow.dataset.enabled = isEnabled;
+          const rangeInputs = availabilityRow.querySelectorAll('input[type="range"]');
+          rangeInputs.forEach(input => {
+            input.disabled = !isEnabled;
+          });
+          const fill = availabilityRow.querySelector('swp-time-range-fill');
+          if (fill) {
+            fill.classList.toggle('disabled', !isEnabled);
+          }
+        }
+      });
+    });
+  });
+
+  // ==========================================
+  // ADDON ITEMS
+  // ==========================================
+  document.querySelectorAll('swp-addon-item').forEach(item => {
+    item.addEventListener('click', () => {
+      item.classList.toggle('selected');
+    });
+  });
+
+  // ==========================================
+  // EMPLOYEE ITEMS
+  // ==========================================
+  document.querySelectorAll('swp-employee-item:not(.disabled)').forEach(item => {
+    item.addEventListener('click', () => {
+      item.classList.toggle('selected');
+    });
+  });
+
+  // ==========================================
+  // COLOR DROPDOWN
+  // ==========================================
+  const colorPopover = document.getElementById('colorPopover');
+  const colorTrigger = document.getElementById('colorTrigger');
+
+  if (colorPopover) {
+    colorPopover.querySelectorAll('swp-color-option').forEach(option => {
+      option.addEventListener('click', () => {
+        const value = option.dataset.value;
+        const label = option.dataset.label;
+
+        // Update selected state
+        colorPopover.querySelectorAll('swp-color-option').forEach(o => o.classList.remove('selected'));
+        option.classList.add('selected');
+
+        // Update trigger button
+        const triggerDot = colorTrigger.querySelector('swp-color-dot');
+        const triggerName = colorTrigger.querySelector('.color-name');
+        triggerDot.className = `is-${value}`;
+        triggerName.textContent = label;
+
+        // Close popover
+        colorPopover.hidePopover();
+      });
+    });
+  }
+
+  // ==========================================
+  // CATEGORY DROPDOWN
+  // ==========================================
+  const categoryPopover = document.getElementById('categoryPopover');
+  const categoryTrigger = document.getElementById('categoryTrigger');
+
+  if (categoryPopover) {
+    categoryPopover.querySelectorAll('swp-dropdown-option').forEach(option => {
+      option.addEventListener('click', () => {
+        const label = option.textContent;
+
+        // Update selected state
+        categoryPopover.querySelectorAll('swp-dropdown-option').forEach(o => o.classList.remove('selected'));
+        option.classList.add('selected');
+
+        // Update trigger button
+        categoryTrigger.querySelector('.dropdown-value').textContent = label;
+
+        // Close popover
+        categoryPopover.hidePopover();
+      });
+    });
+  }
+
+  // ==========================================
+  // PRICE MODE TOGGLE
+  // ==========================================
+  document.querySelectorAll('swp-price-mode-btn').forEach(btn => {
+    btn.addEventListener('click', () => {
+      document.querySelectorAll('swp-price-mode-btn').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+
+      const mode = btn.dataset.mode;
+      const simpleView = document.querySelector('swp-price-simple');
+      const matrixView = document.querySelector('swp-price-matrix');
+
+      if (mode === 'simple') {
+        simpleView.style.display = 'block';
+        matrixView.style.display = 'none';
+      } else {
+        simpleView.style.display = 'none';
+        matrixView.style.display = 'block';
+      }
+    });
+  });
+
+  // ==========================================
+  // DURATION DELETE
+  // ==========================================
+  document.querySelectorAll('swp-duration-delete').forEach(btn => {
+    btn.addEventListener('click', () => {
+      const item = btn.closest('swp-duration-item');
+      if (item) {
+        item.style.opacity = '0';
+        item.style.transform = 'translateX(20px)';
+        setTimeout(() => item.remove(), 200);
+      }
+    });
+  });
+
+  // ==========================================
+  // TAG REMOVE
+  // ==========================================
+  document.querySelectorAll('swp-tag .remove').forEach(btn => {
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      const tag = btn.closest('swp-tag');
+      if (tag) tag.remove();
+    });
+  });
+
+  // ==========================================
+  // SERVICE STATUS TOGGLE
+  // ==========================================
+  const serviceStatus = document.getElementById('serviceStatus');
+  if (serviceStatus) {
+    serviceStatus.addEventListener('click', () => {
+      const isActive = serviceStatus.dataset.active === 'true';
+      serviceStatus.dataset.active = isActive ? 'false' : 'true';
+      serviceStatus.querySelector('.icon').textContent = isActive ? '○' : '●';
+      serviceStatus.querySelector('.text').textContent = isActive ? 'Inaktiv' : 'Aktiv';
+    });
+  }
+</script>
+
+</body>
+</html>
diff --git a/wwwroot/poc-website-builder.html b/wwwroot/poc-website-builder.html
new file mode 100644
index 0000000..5fd5fdd
--- /dev/null
+++ b/wwwroot/poc-website-builder.html
@@ -0,0 +1,3633 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Website Builder - Salon OS</title>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css" />
+  <style>
+    /* ==========================================
+       FONT FACE (Poppins)
+       ========================================== */
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Regular.woff') format('woff');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Medium.woff') format('woff');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-SemiBold.woff') format('woff');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Poppins';
+      src: url('fonts/Poppins-Bold.woff') format('woff');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+
+    /* ==========================================
+       CSS VARIABLES
+       ========================================== */
+    :root {
+      --color-surface: #fff;
+      --color-background: #f5f5f5;
+      --color-background-hover: #f0f0f0;
+      --color-background-alt: #fafafa;
+      --color-border: #e0e0e0;
+      --color-text: #333;
+      --color-text-secondary: #666;
+      --color-text-muted: #999;
+      --color-teal: #00897b;
+      --color-blue: #1976d2;
+      --color-red: #e53935;
+      --color-amber: #f59e0b;
+      --color-purple: #8b5cf6;
+      --color-green: #43a047;
+      --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      --font-mono: 'JetBrains Mono', monospace;
+
+      /* Builder specific */
+      --builder-topbar-height: 56px;
+      --builder-library-width: 280px;
+      --builder-settings-width: 320px;
+
+      /* Theme variables (user customizable) */
+      --theme-primary: #00897b;
+      --theme-secondary: #333333;
+      --theme-accent: #f59e0b;
+      --theme-font: 'Poppins', sans-serif;
+    }
+
+    /* ==========================================
+       RESET & BASE
+       ========================================== */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: var(--font-family);
+      font-size: 14px;
+      color: var(--color-text);
+      background: var(--color-background);
+      line-height: 1.5;
+      overflow: hidden;
+    }
+
+    /* ==========================================
+       BUILDER LAYOUT
+       ========================================== */
+    swp-website-builder {
+      display: grid;
+      grid-template-rows: var(--builder-topbar-height) 1fr;
+      height: 100vh;
+      overflow: hidden;
+    }
+
+    /* ==========================================
+       TOPBAR
+       ========================================== */
+    swp-builder-topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 16px;
+      background: var(--color-surface);
+      border-bottom: 1px solid var(--color-border);
+      z-index: 100;
+    }
+
+    swp-topbar-left {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    swp-topbar-brand {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    swp-topbar-brand i {
+      font-size: 24px;
+      color: var(--color-teal);
+    }
+
+    swp-page-selector {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      background: var(--color-background);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background 150ms ease;
+    }
+
+    swp-page-selector:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-page-selector select {
+      border: none;
+      background: transparent;
+      font-family: var(--font-family);
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text);
+      cursor: pointer;
+      outline: none;
+    }
+
+    swp-topbar-center {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    swp-viewport-toggle {
+      display: flex;
+      align-items: center;
+      background: var(--color-background);
+      border-radius: 6px;
+      overflow: hidden;
+    }
+
+    swp-viewport-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 32px;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-viewport-btn:hover {
+      background: var(--color-background-hover);
+      color: var(--color-text);
+    }
+
+    swp-viewport-btn.active {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-viewport-btn i {
+      font-size: 18px;
+    }
+
+    swp-topbar-right {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    swp-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      font-family: var(--font-family);
+      font-size: 13px;
+      font-weight: 500;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+      border: none;
+    }
+
+    swp-btn i {
+      font-size: 16px;
+    }
+
+    swp-btn.secondary {
+      background: var(--color-background);
+      color: var(--color-text);
+    }
+
+    swp-btn.secondary:hover {
+      background: var(--color-background-hover);
+    }
+
+    swp-btn.primary {
+      background: var(--color-teal);
+      color: white;
+    }
+
+    swp-btn.primary:hover {
+      background: #00796b;
+    }
+
+    /* ==========================================
+       WORKSPACE (3-column layout)
+       ========================================== */
+    swp-builder-workspace {
+      display: grid;
+      grid-template-columns: var(--builder-library-width) 1fr var(--builder-settings-width);
+      height: calc(100vh - var(--builder-topbar-height));
+      overflow: hidden;
+    }
+
+    /* ==========================================
+       BLOCK LIBRARY (Left Panel)
+       ========================================== */
+    swp-block-library {
+      display: flex;
+      flex-direction: column;
+      background: var(--color-surface);
+      border-right: 1px solid var(--color-border);
+      overflow: hidden;
+    }
+
+    swp-library-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 16px;
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-library-header i {
+      font-size: 16px;
+    }
+
+    swp-block-category {
+      display: block;
+      padding: 16px;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-category-title {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--color-text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 12px;
+    }
+
+    swp-block-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 8px;
+    }
+
+    swp-block-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 6px;
+      padding: 12px 8px;
+      background: var(--color-background);
+      border: 1px solid transparent;
+      border-radius: 8px;
+      cursor: grab;
+      transition: all 150ms ease;
+    }
+
+    swp-block-item:hover {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+    }
+
+    swp-block-item.dragging {
+      opacity: 0.5;
+      cursor: grabbing;
+    }
+
+    swp-block-item i {
+      font-size: 24px;
+      color: var(--color-teal);
+    }
+
+    swp-block-item span {
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      text-align: center;
+    }
+
+    /* ==========================================
+       CANVAS (Center)
+       ========================================== */
+    swp-builder-canvas {
+      display: flex;
+      flex-direction: column;
+      background: var(--color-background);
+      overflow: hidden;
+    }
+
+    swp-canvas-container {
+      flex: 1;
+      overflow-y: auto;
+      padding: 24px;
+    }
+
+    swp-canvas-page {
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
+      background: var(--color-surface);
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+      overflow: hidden;
+      transition: max-width 300ms ease, font-family 200ms ease, color 200ms ease;
+      font-family: var(--theme-font, 'Poppins', sans-serif);
+      color: var(--theme-text, #333);
+
+      /* Override color variables for theme - makes all block styles use theme colors */
+      --color-text: var(--theme-text, #333);
+      --color-text-secondary: color-mix(in srgb, var(--theme-text, #333) 70%, transparent);
+    }
+
+    /* Responsive viewport simulation */
+    swp-builder-canvas[data-viewport="tablet"] swp-canvas-page {
+      max-width: 768px;
+      margin: 0 auto;
+    }
+
+    swp-builder-canvas[data-viewport="mobile"] swp-canvas-page {
+      max-width: 375px;
+      margin: 0 auto;
+    }
+
+    /* Empty state */
+    swp-canvas-empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 60px 40px;
+      text-align: center;
+      color: var(--color-text-muted);
+    }
+
+    swp-canvas-empty i {
+      font-size: 48px;
+      margin-bottom: 16px;
+      opacity: 0.5;
+    }
+
+    swp-canvas-empty h3 {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      margin-bottom: 8px;
+    }
+
+    swp-canvas-empty p {
+      font-size: 13px;
+      max-width: 280px;
+    }
+
+    /* Block wrapper */
+    swp-block-wrapper {
+      position: relative;
+      transition: box-shadow 150ms ease;
+    }
+
+    swp-block-wrapper:hover {
+      box-shadow: inset 0 0 0 2px var(--color-teal);
+    }
+
+    swp-block-wrapper[data-selected="true"] {
+      box-shadow: inset 0 0 0 2px var(--color-teal);
+    }
+
+    swp-block-wrapper[data-selected="true"]::before {
+      content: attr(data-block-type);
+      position: absolute;
+      top: 0;
+      left: 0;
+      padding: 4px 8px;
+      background: var(--color-teal);
+      color: white;
+      font-size: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      z-index: 10;
+    }
+
+    /* Block controls */
+    swp-block-controls {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      display: flex;
+      gap: 4px;
+      opacity: 0;
+      transition: opacity 150ms ease;
+      z-index: 10;
+    }
+
+    swp-block-wrapper:hover swp-block-controls,
+    swp-block-wrapper[data-selected="true"] swp-block-controls {
+      opacity: 1;
+    }
+
+    swp-block-controls button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      background: var(--color-surface);
+      border: 1px solid var(--color-border);
+      border-radius: 4px;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      transition: all 150ms ease;
+    }
+
+    swp-block-controls button:hover {
+      background: var(--color-background);
+      color: var(--color-text);
+    }
+
+    swp-block-controls button.delete:hover {
+      background: var(--color-red);
+      border-color: var(--color-red);
+      color: white;
+    }
+
+    /* Drop indicator */
+    swp-drop-indicator {
+      display: none;
+      height: 4px;
+      background: var(--color-teal);
+      border-radius: 2px;
+      margin: 8px 16px;
+      animation: pulse 1s infinite;
+    }
+
+    swp-drop-indicator.visible {
+      display: block;
+    }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 0.5; }
+      50% { opacity: 1; }
+    }
+
+    /* ==========================================
+       SETTINGS PANEL (Right)
+       ========================================== */
+    swp-settings-panel {
+      display: flex;
+      flex-direction: column;
+      background: var(--color-surface);
+      border-left: 1px solid var(--color-border);
+      overflow: hidden;
+    }
+
+    swp-settings-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 16px;
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-settings-header i {
+      font-size: 18px;
+      color: var(--color-teal);
+    }
+
+    swp-settings-tabs {
+      display: flex;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-settings-tab {
+      flex: 1;
+      padding: 12px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      text-align: center;
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      transition: all 150ms ease;
+    }
+
+    swp-settings-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-alt);
+    }
+
+    swp-settings-tab.active {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    swp-settings-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+    }
+
+    swp-settings-empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      text-align: center;
+      color: var(--color-text-muted);
+      padding: 24px;
+    }
+
+    swp-settings-empty i {
+      font-size: 32px;
+      margin-bottom: 12px;
+      opacity: 0.5;
+    }
+
+    swp-settings-empty p {
+      font-size: 13px;
+    }
+
+    /* ==========================================
+       EDIT SECTION (Established UI Pattern)
+       ========================================== */
+    swp-edit-section {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+
+    swp-edit-row {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-edit-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-edit-label {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    .swp-edit-value,
+    input.swp-edit-value,
+    swp-edit-section input[type="text"],
+    swp-edit-section input[type="url"],
+    swp-edit-section input[type="email"] {
+      width: 100%;
+      font-size: 14px;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      transition: all 150ms ease;
+      font-family: var(--font-family);
+      color: var(--color-text);
+    }
+
+    .swp-edit-value:hover,
+    swp-edit-section input[type="text"]:hover,
+    swp-edit-section input[type="url"]:hover,
+    swp-edit-section input[type="email"]:hover {
+      background: var(--color-background);
+    }
+
+    .swp-edit-value:focus,
+    swp-edit-section input[type="text"]:focus,
+    swp-edit-section input[type="url"]:focus,
+    swp-edit-section input[type="email"]:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Edit Select */
+    swp-edit-select {
+      display: block;
+    }
+
+    swp-edit-select select,
+    swp-edit-section select {
+      width: 100%;
+      font-size: 14px;
+      font-family: inherit;
+      padding: 8px 12px;
+      border-radius: 4px;
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition: all 150ms ease;
+      color: var(--color-text);
+    }
+
+    swp-edit-select select:hover,
+    swp-edit-section select:hover {
+      background: var(--color-background);
+    }
+
+    swp-edit-select select:focus,
+    swp-edit-section select:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Textarea */
+    .swp-edit-textarea,
+    textarea.swp-edit-textarea,
+    swp-edit-section textarea {
+      display: block;
+      width: 100%;
+      padding: 10px 12px;
+      font-size: 14px;
+      font-family: var(--font-family);
+      color: var(--color-text);
+      background: var(--color-background-alt);
+      border: 1px solid transparent;
+      border-radius: 4px;
+      resize: vertical;
+      min-height: 80px;
+      transition: all 150ms ease;
+    }
+
+    .swp-edit-textarea:hover,
+    swp-edit-section textarea:hover {
+      background: var(--color-background);
+    }
+
+    .swp-edit-textarea:focus,
+    swp-edit-section textarea:focus {
+      outline: none;
+      background: var(--color-surface);
+      border-color: var(--color-teal);
+    }
+
+    /* Color picker */
+    swp-color-picker-row {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    swp-color-picker-row input[type="color"] {
+      width: 40px;
+      height: 40px;
+      border: none;
+      padding: 0;
+      cursor: pointer;
+      background: none;
+    }
+
+    swp-color-picker-row input[type="color"]::-webkit-color-swatch-wrapper {
+      padding: 0;
+    }
+
+    swp-color-picker-row input[type="color"]::-webkit-color-swatch {
+      border: 2px solid var(--color-border);
+      border-radius: 6px;
+    }
+
+    swp-color-picker-row span {
+      font-size: 13px;
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+    }
+
+    /* Toggle Slider */
+    swp-toggle-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    swp-toggle-row:last-child {
+      border-bottom: none;
+    }
+
+    swp-toggle-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    swp-toggle-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    swp-toggle-desc {
+      font-size: 12px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Button Style Picker */
+    swp-button-style-picker {
+      display: flex;
+      gap: 8px;
+    }
+
+    swp-button-style-option {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 60px;
+      height: 36px;
+      background: var(--color-background-alt);
+      border: 2px solid var(--color-border);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-button-style-option:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-button-style-option.active {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+    }
+
+    swp-button-style-option span {
+      display: block;
+      width: 40px;
+      height: 20px;
+      background: var(--color-teal);
+    }
+
+    swp-button-style-option[data-style="rounded"] span {
+      border-radius: 4px;
+    }
+
+    swp-button-style-option[data-style="pill"] span {
+      border-radius: 10px;
+    }
+
+    swp-button-style-option[data-style="square"] span {
+      border-radius: 0;
+    }
+
+    /* Spacing Picker */
+    swp-spacing-picker {
+      display: flex;
+      gap: 8px;
+    }
+
+    swp-spacing-option {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 4px;
+      padding: 10px 8px;
+      background: var(--color-background-alt);
+      border: 2px solid var(--color-border);
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-spacing-option:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-spacing-option.active {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 10%, white);
+    }
+
+    swp-spacing-option i {
+      font-size: 18px;
+      color: var(--color-text-secondary);
+    }
+
+    swp-spacing-option span {
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-spacing-option.active i,
+    swp-spacing-option.active span {
+      color: var(--color-teal);
+    }
+
+    /* Section Title in Settings */
+    swp-section-title {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-muted);
+      margin-bottom: 12px;
+      padding-top: 8px;
+    }
+
+    swp-section-title:first-child {
+      padding-top: 0;
+    }
+
+    /* Info hint in settings */
+    swp-settings-hint {
+      display: block;
+      font-size: 12px;
+      color: var(--color-text-muted);
+      margin-top: 8px;
+      padding: 8px 10px;
+      background: var(--color-background-alt);
+      border-radius: 4px;
+    }
+
+    swp-settings-hint i {
+      margin-right: 6px;
+    }
+
+    /* Color Scheme Picker */
+    swp-color-schemes {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 10px;
+      margin-bottom: 16px;
+    }
+
+    swp-color-scheme {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      padding: 10px;
+      background: var(--color-background-alt);
+      border: 2px solid var(--color-border);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-color-scheme:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-color-scheme.active {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+    }
+
+    swp-color-scheme-colors {
+      display: flex;
+      gap: 4px;
+      height: 24px;
+    }
+
+    swp-color-scheme-colors span {
+      flex: 1;
+      border-radius: 4px;
+    }
+
+    swp-color-scheme-colors span:first-child {
+      border-radius: 4px 0 0 4px;
+    }
+
+    swp-color-scheme-colors span:last-child {
+      border-radius: 0 4px 4px 0;
+    }
+
+    swp-color-scheme-name {
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      text-align: center;
+    }
+
+    /* Library Tabs */
+    swp-library-tabs {
+      display: flex;
+      border-bottom: 1px solid var(--color-border);
+      margin-bottom: 0;
+    }
+
+    swp-library-tab {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      padding: 12px 8px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      margin-bottom: -1px;
+      transition: all 150ms ease;
+    }
+
+    swp-library-tab i {
+      font-size: 16px;
+    }
+
+    swp-library-tab:hover {
+      color: var(--color-text);
+      background: var(--color-background-alt);
+    }
+
+    swp-library-tab.active {
+      color: var(--color-teal);
+      border-bottom-color: var(--color-teal);
+    }
+
+    swp-library-content {
+      display: none;
+      overflow-y: auto;
+      flex: 1;
+    }
+
+    swp-library-content.active {
+      display: flex;
+      flex-direction: column;
+    }
+
+    swp-library-content[data-content="design"] {
+      padding: 16px;
+    }
+
+    /* Font Cards */
+    swp-font-cards {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    swp-font-card {
+      display: flex;
+      flex-direction: column;
+      padding: 12px;
+      background: var(--color-background-alt);
+      border: 2px solid var(--color-border);
+      border-radius: 8px;
+      cursor: pointer;
+      transition: all 150ms ease;
+    }
+
+    swp-font-card:hover {
+      border-color: var(--color-teal);
+    }
+
+    swp-font-card.active {
+      border-color: var(--color-teal);
+      background: color-mix(in srgb, var(--color-teal) 8%, white);
+    }
+
+    swp-font-card-preview {
+      font-size: 20px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 4px;
+      line-height: 1.3;
+    }
+
+    swp-font-card-name {
+      font-size: 11px;
+      font-weight: 500;
+      color: var(--color-text-secondary);
+    }
+
+    swp-font-card[data-font="Poppins"] swp-font-card-preview {
+      font-family: 'Poppins', sans-serif;
+    }
+
+    swp-font-card[data-font="Playfair Display"] swp-font-card-preview {
+      font-family: 'Playfair Display', serif;
+    }
+
+    swp-font-card[data-font="Inter"] swp-font-card-preview {
+      font-family: 'Inter', sans-serif;
+    }
+
+    swp-font-card[data-font="Montserrat"] swp-font-card-preview {
+      font-family: 'Montserrat', sans-serif;
+    }
+
+    /* Design Section Title */
+    swp-design-section-title {
+      display: block;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--color-text-muted);
+      margin-bottom: 10px;
+      margin-top: 20px;
+    }
+
+    swp-design-section-title:first-of-type {
+      margin-top: 0;
+    }
+
+    /* ==========================================
+       BLOCK STYLES (Preview)
+       ========================================== */
+
+    /* Hero Block */
+    .block-hero {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 400px;
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      background-size: cover;
+      background-position: center;
+      color: white;
+      text-align: center;
+    }
+
+    .block-hero::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: rgba(0,0,0,0.4);
+    }
+
+    .block-hero-content {
+      position: relative;
+      z-index: 1;
+      max-width: 600px;
+    }
+
+    .block-hero h1 {
+      font-size: 42px;
+      font-weight: 700;
+      margin-bottom: 16px;
+      line-height: 1.2;
+    }
+
+    .block-hero p {
+      font-size: 18px;
+      opacity: 0.9;
+      margin-bottom: 24px;
+    }
+
+    .block-hero-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 14px 28px;
+      background: var(--theme-primary);
+      color: white;
+      font-size: 15px;
+      font-weight: 600;
+      text-decoration: none;
+      border-radius: var(--theme-button-radius, 8px);
+      transition: background 150ms ease;
+    }
+
+    .block-hero-btn:hover {
+      background: color-mix(in srgb, var(--theme-primary) 85%, black);
+    }
+
+    /* About Text Block */
+    .block-about {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 40px;
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      align-items: center;
+    }
+
+    .block-about.image-right {
+      direction: rtl;
+    }
+
+    .block-about.image-right > * {
+      direction: ltr;
+    }
+
+    .block-about-content h2 {
+      font-size: 32px;
+      font-weight: 700;
+      margin-bottom: 16px;
+      color: var(--color-text);
+    }
+
+    .block-about-content p {
+      font-size: 15px;
+      color: var(--color-text-secondary);
+      line-height: 1.7;
+    }
+
+    .block-about-image {
+      aspect-ratio: 4/3;
+      background: var(--color-background);
+      border-radius: 12px;
+      overflow: hidden;
+    }
+
+    .block-about-image img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .block-about-image-placeholder {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: var(--color-text-muted);
+    }
+
+    .block-about-image-placeholder i {
+      font-size: 48px;
+    }
+
+    /* Spacer Block */
+    .block-spacer {
+      height: 60px;
+      background: repeating-linear-gradient(
+        45deg,
+        transparent,
+        transparent 10px,
+        var(--color-background) 10px,
+        var(--color-background) 20px
+      );
+      opacity: 0.5;
+    }
+
+    .block-spacer.small { height: 30px; }
+    .block-spacer.large { height: 100px; }
+
+    /* Services Grid Block */
+    .block-services {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+    }
+
+    .block-services-header {
+      text-align: center;
+      margin-bottom: 40px;
+    }
+
+    .block-services-header h2 {
+      font-size: 32px;
+      font-weight: 700;
+      color: var(--color-text);
+      margin-bottom: 8px;
+    }
+
+    .block-services-header p {
+      font-size: 15px;
+      color: var(--color-text-secondary);
+    }
+
+    .block-services-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 24px;
+    }
+
+    .block-service-card {
+      padding: 24px;
+      background: var(--color-background);
+      border-radius: 12px;
+      transition: transform 150ms ease, box-shadow 150ms ease;
+    }
+
+    .block-service-card:hover {
+      transform: translateY(-4px);
+      box-shadow: 0 8px 24px rgba(0,0,0,0.1);
+      background: var(--theme-accent-bg-light, #f59e0b1a);
+    }
+
+    .block-service-card h3 {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 8px;
+    }
+
+    .block-service-card-meta {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-size: 13px;
+      color: var(--color-text-secondary);
+      margin-bottom: 12px;
+    }
+
+    .block-service-card-price {
+      font-size: 18px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--theme-primary);
+    }
+
+    /* Team Block */
+    .block-team {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      background: var(--color-background);
+    }
+
+    .block-team-header {
+      text-align: center;
+      margin-bottom: 40px;
+    }
+
+    .block-team-header h2 {
+      font-size: 32px;
+      font-weight: 700;
+      color: var(--color-text);
+      margin-bottom: 8px;
+    }
+
+    .block-team-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 24px;
+    }
+
+    .block-team-card {
+      text-align: center;
+      padding: 24px;
+      background: var(--color-surface);
+      border-radius: 12px;
+      transition: background 150ms ease;
+    }
+
+    .block-team-card:hover {
+      background: var(--theme-accent-bg-lighter, #f59e0b14);
+    }
+
+    .block-team-avatar {
+      width: 100px;
+      height: 100px;
+      margin: 0 auto 16px;
+      border-radius: 50%;
+      background: var(--theme-primary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 32px;
+      font-weight: 600;
+      color: white;
+    }
+
+    .block-team-card h3 {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 4px;
+    }
+
+    .block-team-card p {
+      font-size: 13px;
+      color: var(--color-text-secondary);
+    }
+
+    /* Contact Block */
+    .block-contact {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+    }
+
+    .block-contact-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 40px;
+    }
+
+    .block-contact-info h2 {
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-text);
+      margin-bottom: 24px;
+    }
+
+    .block-contact-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      margin-bottom: 20px;
+    }
+
+    .block-contact-item i {
+      font-size: 20px;
+      color: var(--theme-primary);
+      margin-top: 2px;
+    }
+
+    .block-contact-item-content h4 {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 2px;
+    }
+
+    .block-contact-item-content p {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+    }
+
+    .block-contact-map {
+      background: var(--color-background);
+      border-radius: 12px;
+      min-height: 300px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--color-text-muted);
+    }
+
+    /* Opening Hours Block */
+    .block-hours {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      background: var(--color-background);
+    }
+
+    .block-hours h2 {
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-text);
+      margin-bottom: 24px;
+      text-align: center;
+    }
+
+    .block-hours-list {
+      max-width: 400px;
+      margin: 0 auto;
+    }
+
+    .block-hours-row {
+      display: flex;
+      justify-content: space-between;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .block-hours-row:last-child {
+      border-bottom: none;
+    }
+
+    .block-hours-day {
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    .block-hours-time {
+      font-family: var(--font-mono);
+      color: var(--color-text-secondary);
+    }
+
+    .block-hours-time.closed {
+      color: var(--color-red);
+    }
+
+    /* Booking Widget Block */
+    .block-booking {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      text-align: center;
+      background: linear-gradient(135deg, var(--theme-primary) 0%, color-mix(in srgb, var(--theme-primary) 80%, black) 100%);
+      color: white;
+    }
+
+    .block-booking h2 {
+      font-size: 32px;
+      font-weight: 700;
+      margin-bottom: 12px;
+    }
+
+    .block-booking p {
+      font-size: 16px;
+      opacity: 0.9;
+      margin-bottom: 24px;
+    }
+
+    .block-booking-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 16px 32px;
+      background: white;
+      color: var(--theme-primary);
+      font-size: 16px;
+      font-weight: 600;
+      text-decoration: none;
+      border-radius: var(--theme-button-radius, 8px);
+      transition: transform 150ms ease;
+    }
+
+    .block-booking-btn:hover {
+      transform: scale(1.05);
+    }
+
+    /* ==========================================
+       COLUMNS BLOCK (CSS Grid)
+       ========================================== */
+    .block-columns {
+      display: grid;
+      gap: 24px;
+      padding: calc(40px * var(--theme-spacing, 1)) 40px;
+    }
+
+    .block-columns[data-cols="2"] {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    .block-columns[data-cols="3"] {
+      grid-template-columns: 1fr 1fr 1fr;
+    }
+
+    .block-columns[data-cols="1-2"] {
+      grid-template-columns: 1fr 2fr;
+    }
+
+    .block-columns[data-cols="2-1"] {
+      grid-template-columns: 2fr 1fr;
+    }
+
+    .block-column {
+      padding: 24px;
+      background: var(--color-background-alt);
+      border-radius: 8px;
+      min-height: 120px;
+    }
+
+    .block-column h3 {
+      font-size: 20px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 12px;
+    }
+
+    .block-column p {
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      line-height: 1.6;
+    }
+
+    .block-column-placeholder {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      min-height: 80px;
+      color: var(--color-text-muted);
+      font-size: 13px;
+      border: 2px dashed var(--color-border);
+      border-radius: 6px;
+    }
+
+    /* Divider Block */
+    .block-divider {
+      padding: 20px 40px;
+    }
+
+    .block-divider hr {
+      border: none;
+      height: 1px;
+      background: var(--color-border);
+    }
+
+    .block-divider.thick hr {
+      height: 3px;
+    }
+
+    .block-divider.dashed hr {
+      background: none;
+      border-top: 2px dashed var(--color-border);
+    }
+
+    /* Gallery Block */
+    .block-gallery {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+    }
+
+    .block-gallery-header {
+      text-align: center;
+      margin-bottom: 32px;
+    }
+
+    .block-gallery-header h2 {
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-text);
+    }
+
+    .block-gallery-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+    }
+
+    .block-gallery-item {
+      aspect-ratio: 1;
+      background: var(--color-background);
+      border-radius: 8px;
+      overflow: hidden;
+    }
+
+    .block-gallery-item img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .block-gallery-placeholder {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: var(--color-text-muted);
+    }
+
+    .block-gallery-placeholder i {
+      font-size: 32px;
+    }
+
+    /* Testimonials Block */
+    .block-testimonials {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      background: var(--color-background);
+    }
+
+    .block-testimonials-header {
+      text-align: center;
+      margin-bottom: 40px;
+    }
+
+    .block-testimonials-header h2 {
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-text);
+    }
+
+    .block-testimonials-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 24px;
+    }
+
+    .block-testimonial-card {
+      padding: 24px;
+      background: var(--color-surface);
+      border-radius: 12px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+    }
+
+    .block-testimonial-stars {
+      color: var(--theme-accent);
+      margin-bottom: 12px;
+    }
+
+    .block-testimonial-text {
+      font-size: 15px;
+      color: var(--color-text);
+      line-height: 1.6;
+      margin-bottom: 16px;
+      font-style: italic;
+    }
+
+    .block-testimonial-author {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .block-testimonial-avatar {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: var(--theme-primary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: white;
+      font-weight: 600;
+      font-size: 14px;
+    }
+
+    .block-testimonial-name {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--color-text);
+    }
+
+    /* CTA Banner Block */
+    .block-cta {
+      padding: calc(50px * var(--theme-spacing, 1)) 40px;
+      background: var(--theme-primary);
+      text-align: center;
+      color: white;
+    }
+
+    .block-cta h2 {
+      font-size: 28px;
+      font-weight: 700;
+      margin-bottom: 12px;
+    }
+
+    .block-cta p {
+      font-size: 16px;
+      opacity: 0.9;
+      margin-bottom: 20px;
+    }
+
+    .block-cta-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 14px 28px;
+      background: white;
+      color: var(--theme-primary);
+      font-size: 15px;
+      font-weight: 600;
+      text-decoration: none;
+      border-radius: var(--theme-button-radius, 8px);
+      transition: transform 150ms ease;
+    }
+
+    .block-cta-btn:hover {
+      transform: scale(1.05);
+    }
+
+    /* Prices Block */
+    .block-prices {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+    }
+
+    .block-prices-header {
+      text-align: center;
+      margin-bottom: 40px;
+    }
+
+    .block-prices-header h2 {
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-text);
+    }
+
+    .block-prices-list {
+      max-width: 600px;
+      margin: 0 auto;
+    }
+
+    .block-price-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 0;
+      border-bottom: 1px solid var(--color-border);
+    }
+
+    .block-price-item:last-child {
+      border-bottom: none;
+    }
+
+    .block-price-name {
+      font-size: 15px;
+      font-weight: 500;
+      color: var(--color-text);
+    }
+
+    .block-price-value {
+      font-size: 16px;
+      font-weight: 700;
+      font-family: var(--font-mono);
+      color: var(--theme-primary);
+    }
+
+    /* FAQ Block */
+    .block-faq {
+      padding: calc(60px * var(--theme-spacing, 1)) 40px;
+      background: var(--color-background);
+    }
+
+    .block-faq-header {
+      text-align: center;
+      margin-bottom: 40px;
+    }
+
+    .block-faq-header h2 {
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--color-text);
+    }
+
+    .block-faq-list {
+      max-width: 700px;
+      margin: 0 auto;
+    }
+
+    .block-faq-item {
+      background: var(--color-surface);
+      border-radius: 8px;
+      margin-bottom: 12px;
+      overflow: hidden;
+      border-left: 3px solid var(--theme-accent);
+    }
+
+    .block-faq-question {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--color-text);
+      cursor: pointer;
+    }
+
+    .block-faq-question i {
+      color: var(--color-text-secondary);
+    }
+
+    .block-faq-answer {
+      padding: 0 20px 16px;
+      font-size: 14px;
+      color: var(--color-text-secondary);
+      line-height: 1.6;
+    }
+
+    /* Map Block */
+    .block-map {
+      height: 400px;
+      background: var(--color-background);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .block-map-placeholder {
+      text-align: center;
+      color: var(--color-text-muted);
+    }
+
+    .block-map-placeholder i {
+      font-size: 64px;
+      margin-bottom: 16px;
+    }
+
+    .block-map-placeholder p {
+      font-size: 14px;
+    }
+
+    /* Social Block */
+    .block-social {
+      padding: calc(40px * var(--theme-spacing, 1)) 40px;
+      text-align: center;
+    }
+
+    .block-social h3 {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--color-text);
+      margin-bottom: 20px;
+    }
+
+    .block-social-links {
+      display: flex;
+      justify-content: center;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
+
+    .block-social-link {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 48px;
+      height: 48px;
+      background: var(--theme-primary);
+      color: white;
+      border-radius: 50%;
+      font-size: 22px;
+      text-decoration: none;
+      transition: transform 150ms ease, background 150ms ease;
+    }
+
+    .block-social-link:hover {
+      transform: scale(1.1);
+      background: color-mix(in srgb, var(--theme-primary) 85%, black);
+    }
+
+    .block-social-link.style-outline {
+      background: transparent;
+      border: 2px solid var(--theme-primary);
+      color: var(--theme-primary);
+    }
+
+    .block-social-link.style-outline:hover {
+      background: var(--theme-primary);
+      color: white;
+    }
+
+    .block-social-link.style-square {
+      border-radius: 8px;
+    }
+
+  </style>
+</head>
+<body>
+  <swp-website-builder>
+    <!-- Topbar -->
+    <swp-builder-topbar>
+      <swp-topbar-left>
+        <swp-topbar-brand>
+          <i class="ph ph-browsers"></i>
+          Website Builder
+        </swp-topbar-brand>
+        <swp-page-selector>
+          <i class="ph ph-file-text"></i>
+          <select id="pageSelector">
+            <option value="home">Forside</option>
+            <option value="services">Ydelser</option>
+            <option value="team">Team</option>
+            <option value="about">Om os</option>
+          </select>
+        </swp-page-selector>
+      </swp-topbar-left>
+
+      <swp-topbar-center>
+        <swp-viewport-toggle>
+          <swp-viewport-btn class="active" data-viewport="desktop" title="Desktop">
+            <i class="ph ph-desktop"></i>
+          </swp-viewport-btn>
+          <swp-viewport-btn data-viewport="tablet" title="Tablet">
+            <i class="ph ph-device-tablet"></i>
+          </swp-viewport-btn>
+          <swp-viewport-btn data-viewport="mobile" title="Mobil">
+            <i class="ph ph-device-mobile"></i>
+          </swp-viewport-btn>
+        </swp-viewport-toggle>
+      </swp-topbar-center>
+
+      <swp-topbar-right>
+        <swp-btn class="secondary" id="previewBtn">
+          <i class="ph ph-eye"></i>
+          Preview
+        </swp-btn>
+        <swp-btn class="secondary" id="saveBtn">
+          <i class="ph ph-floppy-disk"></i>
+          Gem
+        </swp-btn>
+        <swp-btn class="primary" id="publishBtn">
+          <i class="ph ph-rocket-launch"></i>
+          Publicer
+        </swp-btn>
+      </swp-topbar-right>
+    </swp-builder-topbar>
+
+    <!-- Workspace -->
+    <swp-builder-workspace>
+      <!-- Block Library -->
+      <swp-block-library>
+        <swp-library-tabs>
+          <swp-library-tab class="active" data-tab="blocks">
+            <i class="ph ph-squares-four"></i>
+            Blokke
+          </swp-library-tab>
+          <swp-library-tab data-tab="design">
+            <i class="ph ph-palette"></i>
+            Design
+          </swp-library-tab>
+        </swp-library-tabs>
+
+        <!-- Blokke Tab -->
+        <swp-library-content class="active" data-content="blocks">
+        <swp-block-category>
+          <swp-category-title>Layout</swp-category-title>
+          <swp-block-grid>
+            <swp-block-item draggable="true" data-block-type="hero">
+              <i class="ph ph-image"></i>
+              <span>Hero</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="columns">
+              <i class="ph ph-columns"></i>
+              <span>Kolonner</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="spacer">
+              <i class="ph ph-arrows-out-line-vertical"></i>
+              <span>Spacer</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="divider">
+              <i class="ph ph-minus"></i>
+              <span>Divider</span>
+            </swp-block-item>
+          </swp-block-grid>
+        </swp-block-category>
+
+        <swp-block-category>
+          <swp-category-title>Indhold</swp-category-title>
+          <swp-block-grid>
+            <swp-block-item draggable="true" data-block-type="about">
+              <i class="ph ph-article"></i>
+              <span>Tekst</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="services">
+              <i class="ph ph-scissors"></i>
+              <span>Ydelser</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="team">
+              <i class="ph ph-users-three"></i>
+              <span>Team</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="gallery">
+              <i class="ph ph-images"></i>
+              <span>Galleri</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="testimonials">
+              <i class="ph ph-quotes"></i>
+              <span>Anmeldelser</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="cta">
+              <i class="ph ph-megaphone"></i>
+              <span>CTA Banner</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="prices">
+              <i class="ph ph-currency-circle-dollar"></i>
+              <span>Prisliste</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="faq">
+              <i class="ph ph-question"></i>
+              <span>FAQ</span>
+            </swp-block-item>
+          </swp-block-grid>
+        </swp-block-category>
+
+        <swp-block-category>
+          <swp-category-title>Kontakt & Booking</swp-category-title>
+          <swp-block-grid>
+            <swp-block-item draggable="true" data-block-type="contact">
+              <i class="ph ph-map-pin"></i>
+              <span>Kontakt</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="hours">
+              <i class="ph ph-clock"></i>
+              <span>Åbningstider</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="booking">
+              <i class="ph ph-calendar-check"></i>
+              <span>Book tid</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="map">
+              <i class="ph ph-map-trifold"></i>
+              <span>Kort</span>
+            </swp-block-item>
+            <swp-block-item draggable="true" data-block-type="social">
+              <i class="ph ph-share-network"></i>
+              <span>Social</span>
+            </swp-block-item>
+          </swp-block-grid>
+        </swp-block-category>
+        </swp-library-content>
+
+        <!-- Design Tab -->
+        <swp-library-content data-content="design">
+          <swp-design-section-title>Farveskema</swp-design-section-title>
+          <swp-color-schemes id="libraryColorSchemes">
+            <!-- Color schemes will be rendered here -->
+          </swp-color-schemes>
+
+          <swp-design-section-title>Typografi</swp-design-section-title>
+          <swp-font-cards id="libraryFontCards">
+            <swp-font-card data-font="Poppins">
+              <swp-font-card-preview>Velkommen til salonen</swp-font-card-preview>
+              <swp-font-card-name>Poppins — Moderne & venlig</swp-font-card-name>
+            </swp-font-card>
+            <swp-font-card data-font="Playfair Display">
+              <swp-font-card-preview>Velkommen til salonen</swp-font-card-preview>
+              <swp-font-card-name>Playfair Display — Elegant & klassisk</swp-font-card-name>
+            </swp-font-card>
+            <swp-font-card data-font="Inter">
+              <swp-font-card-preview>Velkommen til salonen</swp-font-card-preview>
+              <swp-font-card-name>Inter — Ren & professionel</swp-font-card-name>
+            </swp-font-card>
+            <swp-font-card data-font="Montserrat">
+              <swp-font-card-preview>Velkommen til salonen</swp-font-card-preview>
+              <swp-font-card-name>Montserrat — Bold & stilfuld</swp-font-card-name>
+            </swp-font-card>
+          </swp-font-cards>
+
+          <swp-design-section-title>Sociale medier</swp-design-section-title>
+          <swp-edit-section id="socialLinksSettings">
+            <swp-edit-row>
+              <swp-edit-label><i class="ph ph-instagram-logo"></i> Instagram</swp-edit-label>
+              <input type="url" class="swp-edit-value" data-social="instagram" placeholder="https://instagram.com/...">
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label><i class="ph ph-facebook-logo"></i> Facebook</swp-edit-label>
+              <input type="url" class="swp-edit-value" data-social="facebook" placeholder="https://facebook.com/...">
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label><i class="ph ph-tiktok-logo"></i> TikTok</swp-edit-label>
+              <input type="url" class="swp-edit-value" data-social="tiktok" placeholder="https://tiktok.com/@...">
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label><i class="ph ph-linkedin-logo"></i> LinkedIn</swp-edit-label>
+              <input type="url" class="swp-edit-value" data-social="linkedin" placeholder="https://linkedin.com/...">
+            </swp-edit-row>
+          </swp-edit-section>
+        </swp-library-content>
+      </swp-block-library>
+
+      <!-- Canvas -->
+      <swp-builder-canvas data-viewport="desktop">
+        <swp-canvas-container>
+          <swp-canvas-page id="canvasPage">
+            <!-- Blocks will be rendered here -->
+          </swp-canvas-page>
+        </swp-canvas-container>
+      </swp-builder-canvas>
+
+      <!-- Settings Panel -->
+      <swp-settings-panel>
+        <swp-settings-header>
+          <i class="ph ph-sliders"></i>
+          <span id="settingsTitle">Indstillinger</span>
+        </swp-settings-header>
+
+        <swp-settings-tabs>
+          <swp-settings-tab class="active" data-tab="content">Indhold</swp-settings-tab>
+          <swp-settings-tab data-tab="style">Styling</swp-settings-tab>
+        </swp-settings-tabs>
+
+        <swp-settings-content id="settingsContent">
+          <swp-settings-empty>
+            <i class="ph ph-cursor-click"></i>
+            <p>Vælg en blok for at redigere</p>
+          </swp-settings-empty>
+        </swp-settings-content>
+      </swp-settings-panel>
+    </swp-builder-workspace>
+  </swp-website-builder>
+
+  <script>
+    // ==========================================
+    // INDEXEDDB DATABASE
+    // ==========================================
+    class WebsiteBuilderDB {
+      constructor() {
+        this.dbName = 'WebsiteBuilderDB';
+        this.dbVersion = 1;
+        this.storeName = 'sites';
+        this.db = null;
+      }
+
+      async init() {
+        return new Promise((resolve, reject) => {
+          const request = indexedDB.open(this.dbName, this.dbVersion);
+
+          request.onerror = () => reject(request.error);
+          request.onsuccess = () => {
+            this.db = request.result;
+            resolve(this.db);
+          };
+
+          request.onupgradeneeded = (event) => {
+            const db = event.target.result;
+            if (!db.objectStoreNames.contains(this.storeName)) {
+              db.createObjectStore(this.storeName, { keyPath: 'id' });
+            }
+          };
+        });
+      }
+
+      async get(id) {
+        return new Promise((resolve, reject) => {
+          const transaction = this.db.transaction([this.storeName], 'readonly');
+          const store = transaction.objectStore(this.storeName);
+          const request = store.get(id);
+
+          request.onerror = () => reject(request.error);
+          request.onsuccess = () => resolve(request.result);
+        });
+      }
+
+      async put(data) {
+        return new Promise((resolve, reject) => {
+          const transaction = this.db.transaction([this.storeName], 'readwrite');
+          const store = transaction.objectStore(this.storeName);
+          const request = store.put(data);
+
+          request.onerror = () => reject(request.error);
+          request.onsuccess = () => resolve(request.result);
+        });
+      }
+
+      async delete(id) {
+        return new Promise((resolve, reject) => {
+          const transaction = this.db.transaction([this.storeName], 'readwrite');
+          const store = transaction.objectStore(this.storeName);
+          const request = store.delete(id);
+
+          request.onerror = () => reject(request.error);
+          request.onsuccess = () => resolve(request.result);
+        });
+      }
+
+      async getAll() {
+        return new Promise((resolve, reject) => {
+          const transaction = this.db.transaction([this.storeName], 'readonly');
+          const store = transaction.objectStore(this.storeName);
+          const request = store.getAll();
+
+          request.onerror = () => reject(request.error);
+          request.onsuccess = () => resolve(request.result);
+        });
+      }
+    }
+
+    // ==========================================
+    // COLOR SCHEMES 2026
+    // ==========================================
+    const colorSchemes = [
+      {
+        id: 'mocha-mousse',
+        name: 'Mocha Mousse',
+        colors: { primary: '#A47864', secondary: '#5C3D2E', accent: '#D4A574', background: '#F5EDE8' }
+      },
+      {
+        id: 'ocean-teal',
+        name: 'Ocean Teal',
+        colors: { primary: '#0D7377', secondary: '#14403B', accent: '#32E0C4', background: '#E8F6F3' }
+      },
+      {
+        id: 'sunset-orange',
+        name: 'Warm Sunset',
+        colors: { primary: '#FF6633', secondary: '#402010', accent: '#FFAA55', background: '#FFF5F0' }
+      },
+      {
+        id: 'mint-wellness',
+        name: 'Mint Wellness',
+        colors: { primary: '#4ECDC4', secondary: '#1A535C', accent: '#95E1D3', background: '#F0FAF9' }
+      },
+      {
+        id: 'midnight-blue',
+        name: 'Midnight Blue',
+        colors: { primary: '#4D7FFF', secondary: '#1A2540', accent: '#FFCC00', background: '#F0F4FF' }
+      },
+      {
+        id: 'dusty-rose',
+        name: 'Dusty Rose',
+        colors: { primary: '#B84D77', secondary: '#4A1942', accent: '#F0E6D9', background: '#FDF5F7' }
+      },
+      {
+        id: 'emerald-gold',
+        name: 'Emerald & Gold',
+        colors: { primary: '#2D8566', secondary: '#1A3D2E', accent: '#E6994D', background: '#F0F7F4' }
+      },
+      {
+        id: 'retro-70s',
+        name: 'Retro 70\'s',
+        colors: { primary: '#E07B39', secondary: '#101357', accent: '#FBB13C', background: '#FEF9F3' }
+      },
+      {
+        id: 'nordic-calm',
+        name: 'Nordic Calm',
+        colors: { primary: '#6B7A8F', secondary: '#2C3E50', accent: '#A8B5C4', background: '#F5F7FA' }
+      },
+      {
+        id: 'salon-classic',
+        name: 'Salon Classic',
+        colors: { primary: '#00897b', secondary: '#333333', accent: '#f59e0b', background: '#ffffff' }
+      }
+    ];
+
+    // ==========================================
+    // STATE MANAGEMENT
+    // ==========================================
+    const defaultSite = {
+      id: 'site-001',
+      name: 'KARINA KNUDSEN',
+      theme: {
+        primaryColor: '#00897b',
+        secondaryColor: '#333333',
+        fontFamily: 'Poppins',
+        colorScheme: 'salon-classic'
+      },
+      socialLinks: {
+        instagram: '',
+        facebook: '',
+        tiktok: '',
+        linkedin: ''
+      },
+      pages: [
+        {
+          id: 'home',
+          slug: '/',
+          title: 'Forside',
+          isHomepage: true,
+          blocks: [
+            {
+              id: 'block-1',
+              type: 'hero',
+              content: {
+                headline: 'Velkommen til KARINA KNUDSEN',
+                subheadline: 'Din frisør på Amager siden 2010',
+                backgroundImage: 'https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1200',
+                ctaText: 'Book tid',
+                ctaLink: '#booking'
+              }
+            },
+            {
+              id: 'block-2',
+              type: 'about',
+              content: {
+                title: 'Om salonen',
+                text: 'Vi er en moderne frisørsalon med fokus på kvalitet og personlig service. Vores dygtige stylister holder sig altid opdateret med de nyeste trends og teknikker.',
+                imageUrl: 'https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=800',
+                imagePosition: 'right'
+              }
+            },
+            {
+              id: 'block-3',
+              type: 'services',
+              content: {
+                title: 'Vores ydelser',
+                subtitle: 'Vi tilbyder et bredt udvalg af behandlinger'
+              }
+            },
+            {
+              id: 'block-4',
+              type: 'booking',
+              content: {
+                title: 'Book din tid',
+                subtitle: 'Vælg en tid der passer dig',
+                buttonText: 'Book nu'
+              }
+            }
+          ]
+        },
+        { id: 'services', slug: '/ydelser', title: 'Ydelser', blocks: [] },
+        { id: 'team', slug: '/team', title: 'Team', blocks: [] },
+        { id: 'about', slug: '/om-os', title: 'Om os', blocks: [] }
+      ]
+    };
+
+    // Services data (simulated from kk-services.json)
+    const servicesData = [
+      { name: 'Dameklip', duration: 60, price: 725, category: 'Klip' },
+      { name: 'Herreklip', duration: 60, price: 645, category: 'Klip' },
+      { name: 'Børneklip', duration: 45, price: 475, category: 'Klip' },
+      { name: 'Bundfarve', duration: 90, price: 785, category: 'Farve' },
+      { name: 'Striber', duration: 120, price: 1465, category: 'Farve' },
+      { name: 'Balayage', duration: 150, price: 1850, category: 'Farve' }
+    ];
+
+    // Team data (simulated from mock-resources.json)
+    const teamData = [
+      { id: 'EMP001', name: 'Camilla', role: 'Master Stylist', color: '#9c27b0' },
+      { id: 'EMP002', name: 'Isabella', role: 'Master Stylist', color: '#e91e63' },
+      { id: 'EMP003', name: 'Alexander', role: 'Frisør', color: '#3f51b5' },
+      { id: 'EMP004', name: 'Viktor', role: 'Junior Stylist', color: '#009688' }
+    ];
+
+    class WebsiteBuilderState {
+      constructor() {
+        this.db = new WebsiteBuilderDB();
+        this.site = null;
+        this.currentPageId = 'home';
+        this.selectedBlockId = null;
+        this.isInitialized = false;
+      }
+
+      async initialize() {
+        await this.db.init();
+        this.site = await this.loadSite();
+        this.isInitialized = true;
+        this.setupEventListeners();
+        this.render(); // render() calls applyTheme() after renderCanvas()
+      }
+
+      async loadSite() {
+        const saved = await this.db.get('site-001');
+        return saved || JSON.parse(JSON.stringify(defaultSite));
+      }
+
+      async saveSite() {
+        await this.db.put(this.site);
+      }
+
+      getCurrentPage() {
+        return this.site.pages.find(p => p.id === this.currentPageId);
+      }
+
+      getSelectedBlock() {
+        if (!this.selectedBlockId) return null;
+        const page = this.getCurrentPage();
+        return page.blocks.find(b => b.id === this.selectedBlockId);
+      }
+
+      async addBlock(type, index) {
+        const page = this.getCurrentPage();
+        const newBlock = {
+          id: `block-${Date.now()}`,
+          type,
+          content: this.getDefaultContent(type)
+        };
+
+        if (index !== undefined) {
+          page.blocks.splice(index, 0, newBlock);
+        } else {
+          page.blocks.push(newBlock);
+        }
+
+        this.selectedBlockId = newBlock.id;
+        await this.saveSite();
+        this.render();
+      }
+
+      getDefaultContent(type) {
+        const defaults = {
+          hero: {
+            headline: 'Overskrift her',
+            subheadline: 'Underoverskrift her',
+            backgroundImage: 'https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1200',
+            ctaText: 'Læs mere',
+            ctaLink: '#'
+          },
+          columns: {
+            layout: '2',  // '2', '3', '1-2', '2-1'
+            column1Title: 'Kolonne 1',
+            column1Text: 'Indhold til første kolonne...',
+            column2Title: 'Kolonne 2',
+            column2Text: 'Indhold til anden kolonne...',
+            column3Title: 'Kolonne 3',
+            column3Text: 'Indhold til tredje kolonne...'
+          },
+          about: {
+            title: 'Om os',
+            text: 'Skriv noget om din salon her...',
+            imageUrl: '',
+            imagePosition: 'right'
+          },
+          spacer: {
+            size: 'medium'
+          },
+          divider: {
+            style: 'normal'  // 'normal', 'thick', 'dashed'
+          },
+          services: {
+            title: 'Vores ydelser',
+            subtitle: 'Se vores behandlinger'
+          },
+          team: {
+            title: 'Mød teamet',
+            subtitle: 'Vores dygtige medarbejdere'
+          },
+          gallery: {
+            title: 'Galleri',
+            images: [
+              'https://images.unsplash.com/photo-1560066984-138dadb4c035?w=400',
+              'https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=400',
+              'https://images.unsplash.com/photo-1595476108010-b4d1f102b1b1?w=400',
+              '',
+              '',
+              ''
+            ]
+          },
+          testimonials: {
+            title: 'Hvad siger vores kunder',
+            items: [
+              { text: 'Fantastisk service og super dygtige stylister!', author: 'Maria J.', rating: 5 },
+              { text: 'Bedste frisør på Amager. Kommer her hver gang.', author: 'Thomas K.', rating: 5 }
+            ]
+          },
+          cta: {
+            title: 'Klar til forandring?',
+            text: 'Book en tid i dag og oplev forskellen',
+            buttonText: 'Book nu',
+            buttonLink: '#booking'
+          },
+          prices: {
+            title: 'Priser',
+            items: [
+              { name: 'Dameklip', price: '725 kr' },
+              { name: 'Herreklip', price: '645 kr' },
+              { name: 'Børneklip', price: '475 kr' },
+              { name: 'Farve', price: 'fra 785 kr' }
+            ]
+          },
+          faq: {
+            title: 'Ofte stillede spørgsmål',
+            items: [
+              { question: 'Skal jeg bestille tid?', answer: 'Ja, vi anbefaler at booke tid på forhånd for at sikre dig en plads.' },
+              { question: 'Hvor lang tid tager en klipning?', answer: 'En dameklip tager typisk 45-60 minutter, herreklip ca. 30 minutter.' }
+            ]
+          },
+          contact: {
+            title: 'Kontakt os',
+            address: 'Amager Strandvej 22f, 2300 Kbh S',
+            phone: '+45 32 54 00 00',
+            email: 'info@karinaknudsen.dk'
+          },
+          hours: {
+            title: 'Åbningstider',
+            hours: [
+              { day: 'Mandag', time: '09:00 - 17:00' },
+              { day: 'Tirsdag', time: '09:00 - 17:00' },
+              { day: 'Onsdag', time: '09:00 - 17:00' },
+              { day: 'Torsdag', time: '09:00 - 17:00' },
+              { day: 'Fredag', time: '09:00 - 17:00' },
+              { day: 'Lørdag', time: 'Lukket' },
+              { day: 'Søndag', time: 'Lukket' }
+            ]
+          },
+          booking: {
+            title: 'Book din tid',
+            subtitle: 'Vælg en tid der passer dig',
+            buttonText: 'Book nu'
+          },
+          map: {
+            address: 'Amager Strandvej 22f, 2300 København S'
+          },
+          social: {
+            title: 'Følg os',
+            style: 'filled'  // 'filled', 'outline'
+          }
+        };
+        return defaults[type] || {};
+      }
+
+      async updateBlock(blockId, updates) {
+        const page = this.getCurrentPage();
+        const block = page.blocks.find(b => b.id === blockId);
+        if (block) {
+          Object.assign(block.content, updates);
+          await this.saveSite();
+          this.render();
+        }
+      }
+
+      async deleteBlock(blockId) {
+        const page = this.getCurrentPage();
+        const index = page.blocks.findIndex(b => b.id === blockId);
+        if (index > -1) {
+          page.blocks.splice(index, 1);
+          if (this.selectedBlockId === blockId) {
+            this.selectedBlockId = null;
+          }
+          await this.saveSite();
+          this.render();
+        }
+      }
+
+      async moveBlock(blockId, newIndex) {
+        const page = this.getCurrentPage();
+        const oldIndex = page.blocks.findIndex(b => b.id === blockId);
+        if (oldIndex > -1 && oldIndex !== newIndex) {
+          const [block] = page.blocks.splice(oldIndex, 1);
+          page.blocks.splice(newIndex > oldIndex ? newIndex - 1 : newIndex, 0, block);
+          await this.saveSite();
+          this.render();
+        }
+      }
+
+      selectBlock(blockId) {
+        this.selectedBlockId = blockId;
+        this.render();
+      }
+
+      setupEventListeners() {
+        // Page selector
+        document.getElementById('pageSelector').addEventListener('change', (e) => {
+          this.currentPageId = e.target.value;
+          this.selectedBlockId = null;
+          this.render();
+        });
+
+        // Viewport toggle
+        document.querySelectorAll('swp-viewport-btn').forEach(btn => {
+          btn.addEventListener('click', () => {
+            document.querySelectorAll('swp-viewport-btn').forEach(b => b.classList.remove('active'));
+            btn.classList.add('active');
+            document.querySelector('swp-builder-canvas').dataset.viewport = btn.dataset.viewport;
+          });
+        });
+
+        // Settings tabs
+        document.querySelectorAll('swp-settings-tab').forEach(tab => {
+          tab.addEventListener('click', () => {
+            document.querySelectorAll('swp-settings-tab').forEach(t => t.classList.remove('active'));
+            tab.classList.add('active');
+            this.renderSettings();
+          });
+        });
+
+        // Library tabs (Blokke | Design)
+        document.querySelectorAll('swp-library-tab').forEach(tab => {
+          tab.addEventListener('click', () => {
+            document.querySelectorAll('swp-library-tab').forEach(t => t.classList.remove('active'));
+            document.querySelectorAll('swp-library-content').forEach(c => c.classList.remove('active'));
+            tab.classList.add('active');
+            const content = document.querySelector(`swp-library-content[data-content="${tab.dataset.tab}"]`);
+            if (content) content.classList.add('active');
+          });
+        });
+
+        // Color scheme selection in library
+        document.getElementById('libraryColorSchemes').addEventListener('click', async (e) => {
+          const scheme = e.target.closest('swp-color-scheme');
+          if (scheme) {
+            const schemeId = scheme.dataset.scheme;
+            const schemeData = colorSchemes.find(s => s.id === schemeId);
+            if (schemeData) {
+              this.site.theme.colorScheme = schemeId;
+              this.site.theme.primaryColor = schemeData.colors.primary;
+              this.site.theme.secondaryColor = schemeData.colors.secondary;
+              this.site.theme.accentColor = schemeData.colors.accent;
+              await this.saveSite();
+              this.renderCanvas();
+              this.applyTheme(); // Must run AFTER renderCanvas
+              this.renderLibraryDesign();
+              this.renderSettings();
+            }
+          }
+        });
+
+        // Font selection in library
+        document.getElementById('libraryFontCards').addEventListener('click', async (e) => {
+          const card = e.target.closest('swp-font-card');
+          if (card) {
+            const fontFamily = card.dataset.font;
+            this.site.theme.fontFamily = fontFamily;
+            await this.saveSite();
+            this.renderCanvas();
+            this.applyTheme(); // Must run AFTER renderCanvas
+            this.renderLibraryDesign();
+            this.renderSettings();
+          }
+        });
+
+        // Social links settings
+        document.getElementById('socialLinksSettings').addEventListener('input', async (e) => {
+          const input = e.target;
+          if (input.dataset.social) {
+            if (!this.site.socialLinks) this.site.socialLinks = {};
+            this.site.socialLinks[input.dataset.social] = input.value;
+            await this.saveSite();
+            this.renderCanvas();
+          }
+        });
+
+        // Save button
+        document.getElementById('saveBtn').addEventListener('click', async () => {
+          await this.saveSite();
+          alert('Gemt!');
+        });
+
+        // Preview button
+        document.getElementById('previewBtn').addEventListener('click', () => {
+          window.open('poc-website-preview.html', '_blank');
+        });
+
+        // Drag and drop
+        this.setupDragAndDrop();
+      }
+
+      setupDragAndDrop() {
+        const canvas = document.getElementById('canvasPage');
+
+        // Block library items
+        document.querySelectorAll('swp-block-item').forEach(item => {
+          item.addEventListener('dragstart', (e) => {
+            e.dataTransfer.setData('application/json', JSON.stringify({
+              action: 'add',
+              type: item.dataset.blockType
+            }));
+            e.dataTransfer.effectAllowed = 'copy';
+            item.classList.add('dragging');
+          });
+
+          item.addEventListener('dragend', () => {
+            item.classList.remove('dragging');
+            this.hideDropIndicators();
+          });
+        });
+
+        // Canvas drop zone
+        canvas.addEventListener('dragover', (e) => {
+          e.preventDefault();
+          e.dataTransfer.dropEffect = 'copy';
+          this.showDropIndicator(e.clientY);
+        });
+
+        canvas.addEventListener('dragleave', () => {
+          this.hideDropIndicators();
+        });
+
+        canvas.addEventListener('drop', async (e) => {
+          e.preventDefault();
+          const data = JSON.parse(e.dataTransfer.getData('application/json'));
+          const dropIndex = this.calculateDropIndex(e.clientY);
+
+          if (data.action === 'add') {
+            await this.addBlock(data.type, dropIndex);
+          }
+
+          this.hideDropIndicators();
+        });
+      }
+
+      calculateDropIndex(clientY) {
+        const blocks = document.querySelectorAll('swp-block-wrapper');
+        for (let i = 0; i < blocks.length; i++) {
+          const rect = blocks[i].getBoundingClientRect();
+          if (clientY < rect.top + rect.height / 2) {
+            return i;
+          }
+        }
+        return blocks.length;
+      }
+
+      showDropIndicator(clientY) {
+        this.hideDropIndicators();
+        const index = this.calculateDropIndex(clientY);
+        const blocks = document.querySelectorAll('swp-block-wrapper');
+        const indicator = document.createElement('swp-drop-indicator');
+        indicator.classList.add('visible');
+
+        if (blocks.length === 0) {
+          document.getElementById('canvasPage').appendChild(indicator);
+        } else if (index >= blocks.length) {
+          blocks[blocks.length - 1].after(indicator);
+        } else {
+          blocks[index].before(indicator);
+        }
+      }
+
+      hideDropIndicators() {
+        document.querySelectorAll('swp-drop-indicator').forEach(el => el.remove());
+      }
+
+      render() {
+        this.renderCanvas();
+        this.applyTheme(); // Must run AFTER renderCanvas
+        this.renderSettings();
+        this.renderLibraryDesign();
+      }
+
+      renderCanvas() {
+        const canvas = document.getElementById('canvasPage');
+        const page = this.getCurrentPage();
+
+        if (!page.blocks.length) {
+          canvas.innerHTML = `
+            <swp-canvas-empty>
+              <i class="ph ph-plus-circle"></i>
+              <h3>Tilføj din første blok</h3>
+              <p>Træk en blok fra biblioteket til venstre og slip den her</p>
+            </swp-canvas-empty>
+          `;
+          return;
+        }
+
+        canvas.innerHTML = page.blocks.map(block => this.renderBlock(block)).join('');
+
+        // Add click handlers
+        canvas.querySelectorAll('swp-block-wrapper').forEach(wrapper => {
+          wrapper.addEventListener('click', (e) => {
+            if (!e.target.closest('swp-block-controls')) {
+              this.selectBlock(wrapper.dataset.blockId);
+            }
+          });
+        });
+
+        // Add delete handlers
+        canvas.querySelectorAll('.delete-block').forEach(btn => {
+          btn.addEventListener('click', async () => {
+            if (confirm('Slet denne blok?')) {
+              await this.deleteBlock(btn.dataset.blockId);
+            }
+          });
+        });
+      }
+
+      renderBlock(block) {
+        const isSelected = block.id === this.selectedBlockId;
+        const blockHtml = this.getBlockHtml(block);
+
+        return `
+          <swp-block-wrapper
+            data-block-id="${block.id}"
+            data-block-type="${block.type}"
+            data-selected="${isSelected}"
+          >
+            <swp-block-controls>
+              <button class="delete-block delete" data-block-id="${block.id}" title="Slet">
+                <i class="ph ph-trash"></i>
+              </button>
+            </swp-block-controls>
+            ${blockHtml}
+          </swp-block-wrapper>
+        `;
+      }
+
+      getBlockHtml(block) {
+        const renderers = {
+          hero: (b) => `
+            <div class="block-hero" style="background-image: url('${b.content.backgroundImage}')">
+              <div class="block-hero-content">
+                <h1>${b.content.headline}</h1>
+                <p>${b.content.subheadline}</p>
+                <a href="${b.content.ctaLink}" class="block-hero-btn">
+                  ${b.content.ctaText}
+                  <i class="ph ph-arrow-right"></i>
+                </a>
+              </div>
+            </div>
+          `,
+          about: (b) => `
+            <div class="block-about ${b.content.imagePosition === 'left' ? 'image-left' : 'image-right'}">
+              <div class="block-about-content">
+                <h2>${b.content.title}</h2>
+                <p>${b.content.text}</p>
+              </div>
+              <div class="block-about-image">
+                ${b.content.imageUrl
+                  ? `<img src="${b.content.imageUrl}" alt="${b.content.title}">`
+                  : `<div class="block-about-image-placeholder"><i class="ph ph-image"></i></div>`
+                }
+              </div>
+            </div>
+          `,
+          spacer: (b) => `
+            <div class="block-spacer ${b.content.size}"></div>
+          `,
+          services: (b) => `
+            <div class="block-services">
+              <div class="block-services-header">
+                <h2>${b.content.title}</h2>
+                <p>${b.content.subtitle}</p>
+              </div>
+              <div class="block-services-grid">
+                ${servicesData.slice(0, 6).map(s => `
+                  <div class="block-service-card">
+                    <h3>${s.name}</h3>
+                    <div class="block-service-card-meta">
+                      <span><i class="ph ph-clock"></i> ${s.duration} min</span>
+                    </div>
+                    <div class="block-service-card-price">${s.price} kr.</div>
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          team: (b) => `
+            <div class="block-team">
+              <div class="block-team-header">
+                <h2>${b.content.title || 'Mød teamet'}</h2>
+              </div>
+              <div class="block-team-grid">
+                ${teamData.map(t => `
+                  <div class="block-team-card">
+                    <div class="block-team-avatar" style="background: ${t.color}">${t.name[0]}</div>
+                    <h3>${t.name}</h3>
+                    <p>${t.role}</p>
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          contact: (b) => `
+            <div class="block-contact">
+              <div class="block-contact-grid">
+                <div class="block-contact-info">
+                  <h2>${b.content.title}</h2>
+                  <div class="block-contact-item">
+                    <i class="ph ph-map-pin"></i>
+                    <div class="block-contact-item-content">
+                      <h4>Adresse</h4>
+                      <p>${b.content.address}</p>
+                    </div>
+                  </div>
+                  <div class="block-contact-item">
+                    <i class="ph ph-phone"></i>
+                    <div class="block-contact-item-content">
+                      <h4>Telefon</h4>
+                      <p>${b.content.phone}</p>
+                    </div>
+                  </div>
+                  <div class="block-contact-item">
+                    <i class="ph ph-envelope"></i>
+                    <div class="block-contact-item-content">
+                      <h4>Email</h4>
+                      <p>${b.content.email}</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="block-contact-map">
+                  <i class="ph ph-map-trifold" style="font-size: 48px;"></i>
+                </div>
+              </div>
+            </div>
+          `,
+          hours: (b) => `
+            <div class="block-hours">
+              <h2>${b.content.title}</h2>
+              <div class="block-hours-list">
+                ${b.content.hours.map(h => `
+                  <div class="block-hours-row">
+                    <span class="block-hours-day">${h.day}</span>
+                    <span class="block-hours-time ${h.time === 'Lukket' ? 'closed' : ''}">${h.time}</span>
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          booking: (b) => `
+            <div class="block-booking">
+              <h2>${b.content.title}</h2>
+              <p>${b.content.subtitle}</p>
+              <a href="poc-booking-v2.html" target="_blank" class="block-booking-btn">
+                <i class="ph ph-calendar-check"></i>
+                ${b.content.buttonText}
+              </a>
+            </div>
+          `,
+          columns: (b) => {
+            const cols = b.content.layout || '2';
+            const showCol3 = cols === '3';
+            return `
+              <div class="block-columns" data-cols="${cols}">
+                <div class="block-column">
+                  ${b.content.column1Title || b.content.column1Text
+                    ? `<h3>${b.content.column1Title || ''}</h3><p>${b.content.column1Text || ''}</p>`
+                    : `<div class="block-column-placeholder">Kolonne 1</div>`
+                  }
+                </div>
+                <div class="block-column">
+                  ${b.content.column2Title || b.content.column2Text
+                    ? `<h3>${b.content.column2Title || ''}</h3><p>${b.content.column2Text || ''}</p>`
+                    : `<div class="block-column-placeholder">Kolonne 2</div>`
+                  }
+                </div>
+                ${showCol3 ? `
+                  <div class="block-column">
+                    ${b.content.column3Title || b.content.column3Text
+                      ? `<h3>${b.content.column3Title || ''}</h3><p>${b.content.column3Text || ''}</p>`
+                      : `<div class="block-column-placeholder">Kolonne 3</div>`
+                    }
+                  </div>
+                ` : ''}
+              </div>
+            `;
+          },
+          divider: (b) => `
+            <div class="block-divider ${b.content.style || ''}">
+              <hr>
+            </div>
+          `,
+          gallery: (b) => `
+            <div class="block-gallery">
+              <div class="block-gallery-header">
+                <h2>${b.content.title}</h2>
+              </div>
+              <div class="block-gallery-grid">
+                ${(b.content.images || []).slice(0, 6).map(img => `
+                  <div class="block-gallery-item">
+                    ${img
+                      ? `<img src="${img}" alt="Galleri billede">`
+                      : `<div class="block-gallery-placeholder"><i class="ph ph-image"></i></div>`
+                    }
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          testimonials: (b) => `
+            <div class="block-testimonials">
+              <div class="block-testimonials-header">
+                <h2>${b.content.title}</h2>
+              </div>
+              <div class="block-testimonials-grid">
+                ${(b.content.items || []).map(item => `
+                  <div class="block-testimonial-card">
+                    <div class="block-testimonial-stars">
+                      ${'★'.repeat(item.rating || 5)}
+                    </div>
+                    <p class="block-testimonial-text">"${item.text}"</p>
+                    <div class="block-testimonial-author">
+                      <div class="block-testimonial-avatar">${(item.author || 'A')[0]}</div>
+                      <span class="block-testimonial-name">${item.author}</span>
+                    </div>
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          cta: (b) => `
+            <div class="block-cta">
+              <h2>${b.content.title}</h2>
+              <p>${b.content.text}</p>
+              <a href="${b.content.buttonLink || '#'}" class="block-cta-btn">
+                ${b.content.buttonText}
+                <i class="ph ph-arrow-right"></i>
+              </a>
+            </div>
+          `,
+          prices: (b) => `
+            <div class="block-prices">
+              <div class="block-prices-header">
+                <h2>${b.content.title}</h2>
+              </div>
+              <div class="block-prices-list">
+                ${(b.content.items || []).map(item => `
+                  <div class="block-price-item">
+                    <span class="block-price-name">${item.name}</span>
+                    <span class="block-price-value">${item.price}</span>
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          faq: (b) => `
+            <div class="block-faq">
+              <div class="block-faq-header">
+                <h2>${b.content.title}</h2>
+              </div>
+              <div class="block-faq-list">
+                ${(b.content.items || []).map(item => `
+                  <div class="block-faq-item">
+                    <div class="block-faq-question">
+                      <span>${item.question}</span>
+                      <i class="ph ph-caret-down"></i>
+                    </div>
+                    <div class="block-faq-answer">${item.answer}</div>
+                  </div>
+                `).join('')}
+              </div>
+            </div>
+          `,
+          map: (b) => `
+            <div class="block-map">
+              <div class="block-map-placeholder">
+                <i class="ph ph-map-trifold"></i>
+                <p>${b.content.address}</p>
+              </div>
+            </div>
+          `,
+          social: (b) => {
+            const socialLinks = this.site.socialLinks || {};
+            const styleClass = b.content.style === 'outline' ? 'style-outline' : '';
+            const links = [];
+
+            if (socialLinks.instagram) links.push(`<a href="${socialLinks.instagram}" target="_blank" class="block-social-link ${styleClass}"><i class="ph ph-instagram-logo"></i></a>`);
+            if (socialLinks.facebook) links.push(`<a href="${socialLinks.facebook}" target="_blank" class="block-social-link ${styleClass}"><i class="ph ph-facebook-logo"></i></a>`);
+            if (socialLinks.tiktok) links.push(`<a href="${socialLinks.tiktok}" target="_blank" class="block-social-link ${styleClass}"><i class="ph ph-tiktok-logo"></i></a>`);
+            if (socialLinks.linkedin) links.push(`<a href="${socialLinks.linkedin}" target="_blank" class="block-social-link ${styleClass}"><i class="ph ph-linkedin-logo"></i></a>`);
+
+            if (links.length === 0) {
+              return `
+                <div class="block-social">
+                  <h3>${b.content.title}</h3>
+                  <p style="color: var(--color-text-muted);">Tilføj sociale medier i Design-fanen til venstre</p>
+                </div>
+              `;
+            }
+
+            return `
+              <div class="block-social">
+                <h3>${b.content.title}</h3>
+                <div class="block-social-links">
+                  ${links.join('')}
+                </div>
+              </div>
+            `;
+          }
+        };
+
+        return renderers[block.type] ? renderers[block.type](block) : `<div>Unknown block type: ${block.type}</div>`;
+      }
+
+      renderSettings() {
+        const content = document.getElementById('settingsContent');
+        const titleEl = document.getElementById('settingsTitle');
+        const block = this.getSelectedBlock();
+        const activeTab = document.querySelector('swp-settings-tab.active').dataset.tab;
+
+        if (!block) {
+          titleEl.textContent = 'Indstillinger';
+          content.innerHTML = `
+            <swp-settings-empty>
+              <i class="ph ph-cursor-click"></i>
+              <p>Vælg en blok for at redigere</p>
+            </swp-settings-empty>
+          `;
+          return;
+        }
+
+        titleEl.textContent = this.getBlockTitle(block.type);
+
+        if (activeTab === 'content') {
+          content.innerHTML = this.getContentSettings(block);
+        } else {
+          content.innerHTML = this.getStyleSettings(block);
+        }
+
+        // Add input handlers with debounce for IndexedDB
+        let saveTimeout = null;
+
+        // Content field handlers (block-specific)
+        content.querySelectorAll('[data-field]').forEach(input => {
+          input.addEventListener('input', () => {
+            const field = input.dataset.field;
+            const value = input.type === 'checkbox' ? input.checked : input.value;
+
+            // Update content immediately in memory
+            const page = this.getCurrentPage();
+            const currentBlock = page.blocks.find(b => b.id === this.selectedBlockId);
+            if (currentBlock) {
+              currentBlock.content[field] = value;
+              this.renderCanvas();
+            }
+
+            // Debounce the IndexedDB save
+            clearTimeout(saveTimeout);
+            saveTimeout = setTimeout(() => {
+              this.saveSite();
+            }, 300);
+          });
+        });
+
+        // Theme field handlers (color pickers, font select)
+        content.querySelectorAll('[data-theme-field]').forEach(input => {
+          input.addEventListener('input', () => {
+            const field = input.dataset.themeField;
+            const value = input.value;
+
+            // Update theme in memory
+            this.site.theme[field] = value;
+
+            // Update color value display
+            const colorValueSpan = input.parentElement.querySelector('.color-value');
+            if (colorValueSpan) {
+              colorValueSpan.textContent = value;
+            }
+
+            // Update CSS variables for live preview
+            this.applyTheme();
+            this.renderCanvas();
+
+            // Debounce save
+            clearTimeout(saveTimeout);
+            saveTimeout = setTimeout(() => {
+              this.saveSite();
+            }, 300);
+          });
+        });
+
+        // Button style picker
+        content.querySelectorAll('swp-button-style-option').forEach(option => {
+          option.addEventListener('click', () => {
+            content.querySelectorAll('swp-button-style-option').forEach(o => o.classList.remove('active'));
+            option.classList.add('active');
+            this.site.theme.buttonStyle = option.dataset.style;
+            this.applyTheme();
+            this.renderCanvas();
+            this.saveSite();
+          });
+        });
+
+        // Spacing picker
+        content.querySelectorAll('swp-spacing-option').forEach(option => {
+          option.addEventListener('click', () => {
+            content.querySelectorAll('swp-spacing-option').forEach(o => o.classList.remove('active'));
+            option.classList.add('active');
+            this.site.theme.spacing = option.dataset.spacing;
+            this.applyTheme();
+            this.renderCanvas();
+            this.saveSite();
+          });
+        });
+
+      }
+
+      applyTheme() {
+        const theme = this.site.theme;
+        const canvas = document.querySelector('swp-canvas-page');
+        if (canvas) {
+          const accent = theme.accentColor || '#f59e0b';
+
+          canvas.style.setProperty('--theme-primary', theme.primaryColor);
+          canvas.style.setProperty('--theme-secondary', theme.secondaryColor);
+          canvas.style.setProperty('--theme-accent', accent);
+          canvas.style.setProperty('--theme-text', theme.secondaryColor); // Secondary = text color
+
+          // Pre-computed accent backgrounds for hover states
+          canvas.style.setProperty('--theme-accent-bg-light', `${accent}1a`); // 10% opacity
+          canvas.style.setProperty('--theme-accent-bg-lighter', `${accent}14`); // 8% opacity
+
+          // Font family with proper quotes and fallback
+          const fontFamily = theme.fontFamily || 'Poppins';
+          const fontStack = `'${fontFamily}', sans-serif`;
+          canvas.style.setProperty('--theme-font', fontStack);
+
+          // Button border radius based on style
+          const buttonRadius = {
+            'rounded': '8px',
+            'pill': '50px',
+            'square': '0'
+          };
+          canvas.style.setProperty('--theme-button-radius', buttonRadius[theme.buttonStyle] || '8px');
+
+          // Spacing multiplier
+          const spacingMultiplier = {
+            'compact': '0.75',
+            'normal': '1',
+            'spacious': '1.5'
+          };
+          canvas.style.setProperty('--theme-spacing', spacingMultiplier[theme.spacing] || '1');
+        }
+      }
+
+      renderLibraryDesign() {
+        const currentScheme = this.site.theme.colorScheme || 'salon-classic';
+        const currentFont = this.site.theme.fontFamily || 'Poppins';
+
+        // Render color schemes
+        const schemesContainer = document.getElementById('libraryColorSchemes');
+        schemesContainer.innerHTML = colorSchemes.map(scheme => `
+          <swp-color-scheme data-scheme="${scheme.id}" class="${scheme.id === currentScheme ? 'active' : ''}">
+            <swp-color-scheme-colors>
+              <span style="background: ${scheme.colors.primary}"></span>
+              <span style="background: ${scheme.colors.secondary}"></span>
+              <span style="background: ${scheme.colors.accent}"></span>
+              <span style="background: ${scheme.colors.background}"></span>
+            </swp-color-scheme-colors>
+            <swp-color-scheme-name>${scheme.name}</swp-color-scheme-name>
+          </swp-color-scheme>
+        `).join('');
+
+        // Update font cards active state
+        document.querySelectorAll('swp-font-card').forEach(card => {
+          card.classList.toggle('active', card.dataset.font === currentFont);
+        });
+
+        // Update social links inputs
+        const socialLinks = this.site.socialLinks || {};
+        document.querySelectorAll('#socialLinksSettings input[data-social]').forEach(input => {
+          input.value = socialLinks[input.dataset.social] || '';
+        });
+      }
+
+      getBlockTitle(type) {
+        const titles = {
+          hero: 'Hero Sektion',
+          columns: 'Kolonner',
+          about: 'Tekst',
+          spacer: 'Spacer',
+          divider: 'Divider',
+          services: 'Ydelser',
+          team: 'Team',
+          gallery: 'Galleri',
+          testimonials: 'Anmeldelser',
+          cta: 'CTA Banner',
+          prices: 'Prisliste',
+          faq: 'FAQ',
+          contact: 'Kontakt',
+          hours: 'Åbningstider',
+          booking: 'Booking',
+          map: 'Kort',
+          social: 'Sociale Medier'
+        };
+        return titles[type] || type;
+      }
+
+      getContentSettings(block) {
+        const settingsMap = {
+          hero: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Overskrift</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="headline" value="${block.content.headline || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Underoverskrift</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="subheadline" value="${block.content.subheadline || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Baggrundsbillede URL</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="backgroundImage" value="${block.content.backgroundImage || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Knap tekst</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="ctaText" value="${block.content.ctaText || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Knap link</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="ctaLink" value="${block.content.ctaLink || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          about: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Tekst</swp-edit-label>
+                <textarea class="swp-edit-textarea" data-field="text">${block.content.text || ''}</textarea>
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Billede URL</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="imageUrl" value="${block.content.imageUrl || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Billede position</swp-edit-label>
+                <swp-edit-select>
+                  <select data-field="imagePosition">
+                    <option value="right" ${block.content.imagePosition === 'right' ? 'selected' : ''}>Højre</option>
+                    <option value="left" ${block.content.imagePosition === 'left' ? 'selected' : ''}>Venstre</option>
+                  </select>
+                </swp-edit-select>
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          spacer: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Størrelse</swp-edit-label>
+                <swp-edit-select>
+                  <select data-field="size">
+                    <option value="small" ${block.content.size === 'small' ? 'selected' : ''}>Lille (30px)</option>
+                    <option value="medium" ${block.content.size === 'medium' ? 'selected' : ''}>Medium (60px)</option>
+                    <option value="large" ${block.content.size === 'large' ? 'selected' : ''}>Stor (100px)</option>
+                  </select>
+                </swp-edit-select>
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          services: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Undertitel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="subtitle" value="${block.content.subtitle || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Ydelser hentes automatisk fra systemet.
+            </swp-settings-hint>
+          `,
+          team: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Medarbejdere hentes automatisk fra systemet.
+            </swp-settings-hint>
+          `,
+          contact: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Adresse</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="address" value="${block.content.address || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Telefon</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="phone" value="${block.content.phone || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Email</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="email" value="${block.content.email || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          hours: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Åbningstider kan redigeres i Indstillinger.
+            </swp-settings-hint>
+          `,
+          booking: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Undertitel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="subtitle" value="${block.content.subtitle || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Knap tekst</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="buttonText" value="${block.content.buttonText || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          columns: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Layout</swp-edit-label>
+                <swp-edit-select>
+                  <select data-field="layout">
+                    <option value="2" ${block.content.layout === '2' ? 'selected' : ''}>2 kolonner (50/50)</option>
+                    <option value="3" ${block.content.layout === '3' ? 'selected' : ''}>3 kolonner</option>
+                    <option value="1-2" ${block.content.layout === '1-2' ? 'selected' : ''}>2 kolonner (33/66)</option>
+                    <option value="2-1" ${block.content.layout === '2-1' ? 'selected' : ''}>2 kolonner (66/33)</option>
+                  </select>
+                </swp-edit-select>
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-section-title>Kolonne 1</swp-section-title>
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="column1Title" value="${block.content.column1Title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Tekst</swp-edit-label>
+                <textarea class="swp-edit-textarea" data-field="column1Text">${block.content.column1Text || ''}</textarea>
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-section-title>Kolonne 2</swp-section-title>
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="column2Title" value="${block.content.column2Title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Tekst</swp-edit-label>
+                <textarea class="swp-edit-textarea" data-field="column2Text">${block.content.column2Text || ''}</textarea>
+              </swp-edit-row>
+            </swp-edit-section>
+            ${block.content.layout === '3' ? `
+              <swp-section-title>Kolonne 3</swp-section-title>
+              <swp-edit-section>
+                <swp-edit-row>
+                  <swp-edit-label>Titel</swp-edit-label>
+                  <input type="text" class="swp-edit-value" data-field="column3Title" value="${block.content.column3Title || ''}">
+                </swp-edit-row>
+                <swp-edit-row>
+                  <swp-edit-label>Tekst</swp-edit-label>
+                  <textarea class="swp-edit-textarea" data-field="column3Text">${block.content.column3Text || ''}</textarea>
+                </swp-edit-row>
+              </swp-edit-section>
+            ` : ''}
+          `,
+          divider: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Stil</swp-edit-label>
+                <swp-edit-select>
+                  <select data-field="style">
+                    <option value="normal" ${block.content.style === 'normal' ? 'selected' : ''}>Normal</option>
+                    <option value="thick" ${block.content.style === 'thick' ? 'selected' : ''}>Tyk</option>
+                    <option value="dashed" ${block.content.style === 'dashed' ? 'selected' : ''}>Stiplet</option>
+                  </select>
+                </swp-edit-select>
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          gallery: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Billeder kan uploades i Media biblioteket.
+            </swp-settings-hint>
+          `,
+          testimonials: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Anmeldelser kan administreres i Indstillinger.
+            </swp-settings-hint>
+          `,
+          cta: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Tekst</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="text" value="${block.content.text || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Knap tekst</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="buttonText" value="${block.content.buttonText || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Knap link</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="buttonLink" value="${block.content.buttonLink || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+          `,
+          prices: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Priser hentes fra Ydelser-indstillinger.
+            </swp-settings-hint>
+          `,
+          faq: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Titel</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              FAQ spørgsmål kan redigeres i Indstillinger.
+            </swp-settings-hint>
+          `,
+          map: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Adresse</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="address" value="${block.content.address || ''}">
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Google Maps integration kræver API-nøgle.
+            </swp-settings-hint>
+          `,
+          social: `
+            <swp-edit-section>
+              <swp-edit-row>
+                <swp-edit-label>Overskrift</swp-edit-label>
+                <input type="text" class="swp-edit-value" data-field="title" value="${block.content.title || ''}">
+              </swp-edit-row>
+              <swp-edit-row>
+                <swp-edit-label>Ikon-stil</swp-edit-label>
+                <swp-edit-select>
+                  <select data-field="style">
+                    <option value="filled" ${block.content.style === 'filled' ? 'selected' : ''}>Udfyldt</option>
+                    <option value="outline" ${block.content.style === 'outline' ? 'selected' : ''}>Kontur</option>
+                  </select>
+                </swp-edit-select>
+              </swp-edit-row>
+            </swp-edit-section>
+            <swp-settings-hint>
+              <i class="ph ph-info"></i>
+              Tilføj sociale medie-links i Design-fanen til venstre.
+            </swp-settings-hint>
+          `
+        };
+
+        return settingsMap[block.type] || '<swp-settings-hint><i class="ph ph-info"></i>Ingen indstillinger for denne blok</swp-settings-hint>';
+      }
+
+      getStyleSettings(block) {
+        const theme = this.site.theme;
+
+        return `
+          <swp-settings-hint style="margin-bottom: 16px;">
+            <i class="ph ph-palette"></i>
+            Vælg farveskema og typografi i Design-fanen til venstre
+          </swp-settings-hint>
+
+          <swp-section-title>Tilpas farver</swp-section-title>
+          <swp-edit-section>
+            <swp-edit-row>
+              <swp-edit-label>Primær farve</swp-edit-label>
+              <swp-color-picker-row>
+                <input type="color" value="${theme.primaryColor}" data-theme-field="primaryColor">
+                <span class="color-value">${theme.primaryColor}</span>
+              </swp-color-picker-row>
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label>Sekundær farve</swp-edit-label>
+              <swp-color-picker-row>
+                <input type="color" value="${theme.secondaryColor}" data-theme-field="secondaryColor">
+                <span class="color-value">${theme.secondaryColor}</span>
+              </swp-color-picker-row>
+            </swp-edit-row>
+            <swp-edit-row>
+              <swp-edit-label>Accent farve</swp-edit-label>
+              <swp-color-picker-row>
+                <input type="color" value="${theme.accentColor || '#f59e0b'}" data-theme-field="accentColor">
+                <span class="color-value">${theme.accentColor || '#f59e0b'}</span>
+              </swp-color-picker-row>
+            </swp-edit-row>
+          </swp-edit-section>
+
+          <swp-section-title>Knapper</swp-section-title>
+          <swp-edit-section>
+            <swp-edit-row>
+              <swp-edit-label>Knap-stil</swp-edit-label>
+              <swp-button-style-picker>
+                <swp-button-style-option data-style="rounded" ${theme.buttonStyle === 'rounded' || !theme.buttonStyle ? 'class="active"' : ''}>
+                  <span></span>
+                </swp-button-style-option>
+                <swp-button-style-option data-style="pill" ${theme.buttonStyle === 'pill' ? 'class="active"' : ''}>
+                  <span></span>
+                </swp-button-style-option>
+                <swp-button-style-option data-style="square" ${theme.buttonStyle === 'square' ? 'class="active"' : ''}>
+                  <span></span>
+                </swp-button-style-option>
+              </swp-button-style-picker>
+            </swp-edit-row>
+          </swp-edit-section>
+
+          <swp-section-title>Layout</swp-section-title>
+          <swp-edit-section>
+            <swp-edit-row>
+              <swp-edit-label>Afstand</swp-edit-label>
+              <swp-spacing-picker>
+                <swp-spacing-option data-spacing="compact" ${theme.spacing === 'compact' ? 'class="active"' : ''}>
+                  <i class="ph ph-arrows-in-line-vertical"></i>
+                  <span>Kompakt</span>
+                </swp-spacing-option>
+                <swp-spacing-option data-spacing="normal" ${theme.spacing === 'normal' || !theme.spacing ? 'class="active"' : ''}>
+                  <i class="ph ph-arrows-out-line-vertical"></i>
+                  <span>Normal</span>
+                </swp-spacing-option>
+                <swp-spacing-option data-spacing="spacious" ${theme.spacing === 'spacious' ? 'class="active"' : ''}>
+                  <i class="ph ph-arrows-vertical"></i>
+                  <span>Luftig</span>
+                </swp-spacing-option>
+              </swp-spacing-picker>
+            </swp-edit-row>
+          </swp-edit-section>
+        `;
+      }
+    }
+
+    // Initialize
+    const builder = new WebsiteBuilderState();
+    builder.initialize().catch(err => {
+      console.error('Failed to initialize Website Builder:', err);
+    });
+  </script>
+</body>
+</html>