DOSSIER-STANDALONE/src/ui/ribbon/CommandIcon.tsx

// Kleine Inline-SVG-Glyphen für Befehls-Ribbon-Elemente (Ändern-Gruppe u. a.),
// die keine ToolId haben und daher nicht über `ToolIcon` abgedeckt sind. Gleicher
// Stil wie `ToolIcon` (~16×16, stroke=currentColor, fill=none), damit das Icon
// die Textfarbe der Zeile übernimmt. Unbekannte Namen → kein Icon (null).

const common = {
  width: 16,
  height: 16,
  viewBox: "0 0 16 16",
  fill: "none",
  stroke: "currentColor",
  strokeWidth: 1.4,
  strokeLinecap: "round" as const,
  strokeLinejoin: "round" as const,
};

export function CommandIcon({ name }: { name: string }) {
  switch (name) {
    case "move":
      // Vier-Wege-Verschiebepfeil.
      return (
        <svg {...common}>
          <line x1="8" y1="2.5" x2="8" y2="13.5" />
          <line x1="2.5" y1="8" x2="13.5" y2="8" />
          <polyline points="6,4.5 8,2.5 10,4.5" />
          <polyline points="6,11.5 8,13.5 10,11.5" />
          <polyline points="4.5,6 2.5,8 4.5,10" />
          <polyline points="11.5,6 13.5,8 11.5,10" />
        </svg>
      );
    case "copy":
      // Zwei überlappende Rechtecke (Duplikat).
      return (
        <svg {...common}>
          <rect x="2.5" y="2.5" width="8" height="8" />
          <rect x="5.5" y="5.5" width="8" height="8" />
        </svg>
      );
    case "measure":
      // Lineal/Massband: Strecke mit Endmarken + kleiner Skala.
      return (
        <svg {...common}>
          <line x1="2.5" y1="12.5" x2="13.5" y2="3.5" />
          <line x1="2" y1="11" x2="4" y2="13" />
          <line x1="12.5" y1="2.5" x2="14.5" y2="4.5" />
          <line x1="6" y1="9" x2="7" y2="10" />
          <line x1="9" y1="6" x2="10" y2="7" />
        </svg>
      );
    case "rotate":
      // Kreisbogen mit Pfeil (Drehung) um einen Mittelpunkt.
      return (
        <svg {...common}>
          <path d="M12.5 6 A5 5 0 1 0 13 9" />
          <polyline points="10.5,5.5 12.5,6 12.9,3.8" />
          <circle cx="8" cy="8" r="1" fill="currentColor" stroke="none" />
        </svg>
      );
    case "mirror":
      // Spiegelachse (gestrichelt) mit zwei gespiegelten Dreiecken.
      return (
        <svg {...common}>
          <line x1="8" y1="2" x2="8" y2="14" strokeDasharray="1.6 1.6" />
          <path d="M6.5 4 L2.5 8 L6.5 12 Z" />
          <path d="M9.5 4 L13.5 8 L9.5 12 Z" />
        </svg>
      );
    case "offset":
      // Zwei parallele Winkel (Ursprung + Versatz).
      return (
        <svg {...common}>
          <polyline points="3,12 3,4 11,4" />
          <polyline points="6,12 6,7 14,7" />
        </svg>
      );
    case "multiline":
      // Drei parallele Linien (Basislinie + Kopien).
      return (
        <svg {...common}>
          <line x1="2.5" y1="4" x2="13.5" y2="4" />
          <line x1="2.5" y1="8" x2="13.5" y2="8" />
          <line x1="2.5" y1="12" x2="13.5" y2="12" />
        </svg>
      );
    case "trim":
      // Schere (Stutzen).
      return (
        <svg {...common}>
          <line x1="13.5" y1="3" x2="6.5" y2="9" />
          <circle cx="4" cy="11" r="2" />
          <line x1="13.5" y1="13" x2="6.5" y2="7" />
          <circle cx="4" cy="5" r="2" />
        </svg>
      );
    case "join":
      // Zwei Segmente, die sich an einer Ecke treffen (Verbinden).
      return (
        <svg {...common}>
          <polyline points="2.5,13 8,13 8,3" />
          <circle cx="8" cy="13" r="1.4" fill="currentColor" stroke="none" />
        </svg>
      );
    case "fillet":
      // Eckpunkt-Verrundung: gerade Schenkel, Ecke durch einen Bogen ersetzt.
      return (
        <svg {...common}>
          <path d="M3,13 L3,8 Q3,3 8,3 L13,3" />
        </svg>
      );
    case "chamfer":
      // Eckpunkt-Fasung: gerade Schenkel, Ecke durch eine gerade Schräge ersetzt.
      return (
        <svg {...common}>
          <path d="M3,13 L3,6 L6,3 L13,3" />
        </svg>
      );
    case "extend":
      // Linie, die bis zu einer Grenze verlängert wird (Pfeil + Ziellinie).
      return (
        <svg {...common}>
          <line x1="2.5" y1="10" x2="9" y2="6" />
          <line x1="9" y1="6" x2="12.5" y2="3.7" strokeDasharray="1.6 1.6" />
          <polyline points="10,2.8 13,3 12.8,6" />
          <line x1="12.5" y1="9.5" x2="12.5" y2="13.5" />
        </svg>
      );
    case "column":
      // Stütze: Quadrat-Querschnitt mit vertikalen Kanten (Pfeiler).
      return (
        <svg {...common}>
          <rect x="5.5" y="2.5" width="5" height="11" />
          <line x1="8" y1="2.5" x2="8" y2="13.5" strokeDasharray="1.6 1.6" />
        </svg>
      );
    case "roof":
      // Satteldach: Giebeldreieck + Traufe.
      return (
        <svg {...common}>
          <polyline points="2,9 8,3 14,9" />
          <line x1="2" y1="12" x2="14" y2="12" />
          <line x1="8" y1="3" x2="8" y2="9" strokeDasharray="1.5 1.5" />
        </svg>
      );
    case "ceilingopening":
      // Deckenloch: Decken-Rechteck mit ausgespartem Innenrechteck.
      return (
        <svg {...common}>
          <rect x="2.5" y="3.5" width="11" height="9" />
          <rect x="6" y="6.5" width="4" height="3" strokeDasharray="1.4 1.2" />
        </svg>
      );
    case "extrude":
      // Extrusion: Grundfläche + nach oben herausgezogenes Volumen (Prisma).
      return (
        <svg {...common}>
          <rect x="2.5" y="7.5" width="7" height="5" />
          <path d="M2.5 7.5 L5.5 4.5 L12.5 4.5 L9.5 7.5" />
          <path d="M9.5 12.5 L12.5 9.5 L12.5 4.5" />
        </svg>
      );
    case "sectionline":
      // Schnittlinie: Achse mit Blickrichtungs-Winkeln (SIA-Schnittsymbol).
      return (
        <svg {...common}>
          <line x1="2.5" y1="8" x2="13.5" y2="8" />
          <polyline points="4.5,4.5 4.5,8 8,8" />
          <polyline points="11.5,11.5 11.5,8 8,8" />
        </svg>
      );
    case "viewline":
      // Ansichtslinie: Standpunkt (Kreis) mit Blickkegel.
      return (
        <svg {...common}>
          <circle cx="4" cy="8" r="1.6" />
          <line x1="5.4" y1="8" x2="13" y2="4" />
          <line x1="5.4" y1="8" x2="13" y2="12" />
          <line x1="13" y1="4" x2="13" y2="12" />
        </svg>
      );
    default:
      return null;
  }
}