feat(org-chart): finalize chart features and AI generation rules

src/org-chart/org-chart-expanded-story.css

@@ -0,0 +1,66 @@
+/* Existing Expanded Story content layout; HM widget styles stay unchanged. */
+/* Reuse the existing Storybook review card surface through inherited inputs.
+   Only the outer Auto preview consumes these; its controls/artwork stay intact. */
+.hm-orgchart-story-expanded .hm-orgchart-story-preview.sb-center {
+  --hm-orgchart-expanded-preview-background: var(--sb-center-card-background);
+  --hm-orgchart-expanded-preview-border: var(--sb-center-card-border);
+  --hm-orgchart-expanded-preview-radius: var(--sb-center-card-radius);
+  padding: 0;
+}
+
+.hm-orgchart-story-expanded .hm-orgchart-story-settings {
+  display: grid;
+  gap: 0.75rem;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-width: 0;
+}
+/* StorySection supplies the visible heading; keep each fieldset named for assistive technology. */
+.hm-orgchart-story-expanded .hm-orgchart-story-section-legend {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.hm-orgchart-story-expanded .hm-orgchart-story-controls {
+  align-items: flex-start;
+}
+.hm-orgchart-story-expanded .hm-orgchart-story-instance {
+  flex: 1 1 12rem;
+}
+.hm-orgchart-story-expanded .hm-orgchart-story-popup-setting {
+  flex: 0 1 24rem;
+  width: 100%;
+}
+.hm-orgchart-story-expanded .hm-orgchart-story-companies { margin: 0; }
+.hm-orgchart-story-expanded .hm-orgchart-story-company-trigger {
+  width: 100%;
+  min-width: 0;
+  justify-content: space-between;
+}
+.hm-orgchart-story-expanded .hm-orgchart-story-company-summary {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+}
+/* Popover is portaled outside StoryPage. Only this Story's content layout is
+   composed here; the HM panel surface, padding and widget states stay intact. */
+.hm-orgchart-story-company-popover {
+  max-height: var(--radix-popover-content-available-height);
+  overflow-y: auto;
+}
+.hm-orgchart-story-company-options {
+  display: grid;
+  gap: 0.75rem;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-width: 0;
+}